@elliemae/ds-pagination 2.2.0-alpha.4 → 3.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Pagination.js +35 -49
- package/cjs/PaginationDataTestID.js +9 -37
- package/cjs/hooks/usePaginationSearch.js +20 -48
- package/cjs/index.d.js +2 -27
- package/cjs/index.js +10 -28
- package/cjs/parts/PageNextButton.js +32 -52
- package/cjs/parts/PagePrevButton.js +31 -51
- package/cjs/parts/PaginationContent.js +77 -91
- package/cjs/parts/Paginator.js +124 -112
- package/cjs/parts/PerPageSelector.js +63 -68
- package/cjs/props.js +34 -63
- package/cjs/styled.js +47 -112
- package/esm/Pagination.js +23 -17
- package/esm/PaginationDataTestID.js +5 -8
- package/esm/hooks/usePaginationSearch.js +13 -16
- package/esm/index.d.js +1 -2
- package/esm/index.js +1 -3
- package/esm/parts/PageNextButton.js +24 -23
- package/esm/parts/PagePrevButton.js +23 -22
- package/esm/parts/PaginationContent.js +68 -62
- package/esm/parts/Paginator.js +110 -76
- package/esm/parts/PerPageSelector.js +49 -32
- package/esm/props.js +29 -34
- package/esm/styled.js +33 -83
- package/package.json +7 -7
- package/cjs/Pagination.js.map +0 -7
- package/cjs/PaginationDataTestID.js.map +0 -7
- package/cjs/hooks/usePaginationSearch.js.map +0 -7
- package/cjs/index.d.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/parts/PageNextButton.js.map +0 -7
- package/cjs/parts/PagePrevButton.js.map +0 -7
- package/cjs/parts/PaginationContent.js.map +0 -7
- package/cjs/parts/Paginator.js.map +0 -7
- package/cjs/parts/PerPageSelector.js.map +0 -7
- package/cjs/props.js.map +0 -7
- package/cjs/styled.js.map +0 -7
- package/esm/Pagination.js.map +0 -7
- package/esm/PaginationDataTestID.js.map +0 -7
- package/esm/hooks/usePaginationSearch.js.map +0 -7
- package/esm/index.d.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/parts/PageNextButton.js.map +0 -7
- package/esm/parts/PagePrevButton.js.map +0 -7
- package/esm/parts/PaginationContent.js.map +0 -7
- package/esm/parts/Paginator.js.map +0 -7
- package/esm/parts/PerPageSelector.js.map +0 -7
- package/esm/props.js.map +0 -7
- package/esm/styled.js.map +0 -7
package/cjs/Pagination.js
CHANGED
|
@@ -1,50 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
require('react');
|
|
12
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
13
|
+
var reactDesc = require('react-desc');
|
|
14
|
+
var PaginationContent = require('./parts/PaginationContent.js');
|
|
15
|
+
var props = require('./props.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
|
|
26
|
+
const DSPagination = props$1 => {
|
|
27
|
+
const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
|
|
28
|
+
dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.propTypes);
|
|
29
|
+
return /*#__PURE__*/jsxRuntime.jsx(PaginationContent.PaginationContent, _objectSpread({}, propsWithDefault));
|
|
11
30
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var Pagination_exports = {};
|
|
29
|
-
__export(Pagination_exports, {
|
|
30
|
-
DSPagination: () => DSPagination,
|
|
31
|
-
DSPaginationWithSchema: () => DSPaginationWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_PaginationContent = require("./parts/PaginationContent");
|
|
38
|
-
var import_props = require("./props");
|
|
39
|
-
const DSPagination = (props) => {
|
|
40
|
-
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
|
|
41
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
|
|
42
|
-
return /* @__PURE__ */ import_react.default.createElement(import_PaginationContent.PaginationContent, {
|
|
43
|
-
...propsWithDefault
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
DSPagination.propTypes = import_props.propTypes;
|
|
47
|
-
const DSPaginationWithSchema = (0, import_react_desc.describe)(DSPagination).description("DSPagination");
|
|
48
|
-
DSPaginationWithSchema.propTypes = import_props.propTypes;
|
|
49
|
-
module.exports = __toCommonJS(Pagination_exports);
|
|
50
|
-
//# sourceMappingURL=Pagination.js.map
|
|
31
|
+
|
|
32
|
+
const DSPaginationWithSchema = reactDesc.describe(DSPagination).description('DSPagination');
|
|
33
|
+
DSPaginationWithSchema.propTypes = props.propTypes;
|
|
34
|
+
|
|
35
|
+
exports.DSPagination = DSPagination;
|
|
36
|
+
exports.DSPaginationWithSchema = DSPaginationWithSchema;
|
|
@@ -1,39 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PaginationDataTestID_exports = {};
|
|
29
|
-
__export(PaginationDataTestID_exports, {
|
|
30
|
-
PAGINATION_DATA_TESTID: () => PAGINATION_DATA_TESTID
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
33
5
|
const PAGINATION_DATA_TESTID = {
|
|
34
|
-
PREVIOUS_BUTTON:
|
|
35
|
-
NEXT_BUTTON:
|
|
36
|
-
CONTAINER:
|
|
6
|
+
PREVIOUS_BUTTON: 'data-table-pagination-prev-button',
|
|
7
|
+
NEXT_BUTTON: 'data-table-pagination-next-button',
|
|
8
|
+
CONTAINER: 'data-table-pagination-container'
|
|
37
9
|
};
|
|
38
|
-
|
|
39
|
-
|
|
10
|
+
|
|
11
|
+
exports.PAGINATION_DATA_TESTID = PAGINATION_DATA_TESTID;
|
|
@@ -1,60 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var usePaginationSearch_exports = {};
|
|
29
|
-
__export(usePaginationSearch_exports, {
|
|
30
|
-
usePaginationSearch: () => usePaginationSearch
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = require("react");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
|
|
34
8
|
const usePaginationSearch = (pageCount, actionRef) => {
|
|
35
|
-
const [searchValue, setSearchValue] =
|
|
36
|
-
const [shouldResetSearchValue, setShouldResetSearchValue] =
|
|
37
|
-
const timeoutRef =
|
|
38
|
-
|
|
39
|
-
if (searchValue !==
|
|
9
|
+
const [searchValue, setSearchValue] = react.useState('');
|
|
10
|
+
const [shouldResetSearchValue, setShouldResetSearchValue] = react.useState(true);
|
|
11
|
+
const timeoutRef = react.useRef(null);
|
|
12
|
+
react.useEffect(() => {
|
|
13
|
+
if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {
|
|
40
14
|
actionRef.current.setActiveDescendant(searchValue);
|
|
41
15
|
actionRef.current.scrollOptionIntoView(searchValue);
|
|
42
|
-
}
|
|
16
|
+
} // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
+
|
|
43
18
|
}, [searchValue]);
|
|
44
|
-
const onKeyDown =
|
|
45
|
-
if (e.code.startsWith(
|
|
46
|
-
if (shouldResetSearchValue)
|
|
47
|
-
setSearchValue(e.key);
|
|
48
|
-
else
|
|
49
|
-
setSearchValue((prevValue) => prevValue + e.key);
|
|
19
|
+
const onKeyDown = react.useCallback(e => {
|
|
20
|
+
if (e.code.startsWith('Digit')) {
|
|
21
|
+
if (shouldResetSearchValue) setSearchValue(e.key);else setSearchValue(prevValue => prevValue + e.key);
|
|
50
22
|
setShouldResetSearchValue(false);
|
|
51
23
|
clearTimeout(timeoutRef.current);
|
|
52
24
|
timeoutRef.current = setTimeout(() => {
|
|
53
25
|
setShouldResetSearchValue(true);
|
|
54
|
-
},
|
|
26
|
+
}, 1000);
|
|
55
27
|
}
|
|
56
28
|
}, [shouldResetSearchValue]);
|
|
57
29
|
return onKeyDown;
|
|
58
30
|
};
|
|
59
|
-
|
|
60
|
-
|
|
31
|
+
|
|
32
|
+
exports.usePaginationSearch = usePaginationSearch;
|
package/cjs/index.d.js
CHANGED
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
9
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(module2))
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (module2, isNodeMode) => {
|
|
17
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
-
var index_d_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
module.exports = __toCommonJS(index_d_exports);
|
|
27
|
-
//# sourceMappingURL=index.d.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
package/cjs/index.js
CHANGED
|
@@ -1,28 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (module2, isNodeMode) => {
|
|
17
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
-
var src_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(src_exports, require("./Pagination"));
|
|
27
|
-
module.exports = __toCommonJS(src_exports);
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Pagination = require('./Pagination.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.DSPagination = Pagination.DSPagination;
|
|
10
|
+
exports.DSPaginationWithSchema = Pagination.DSPaginationWithSchema;
|
|
@@ -1,53 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var PaginationDataTestID = require('../PaginationDataTestID.js');
|
|
9
|
+
var styled = require('../styled.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
|
|
15
|
+
const PageNextButton = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
onNextPage,
|
|
18
|
+
canNextPage
|
|
19
|
+
} = _ref;
|
|
20
|
+
return /*#__PURE__*/_jsx__default["default"](styled.PreviousNextPageButton, {
|
|
21
|
+
onClick: () => {
|
|
22
|
+
if (canNextPage) onNextPage();
|
|
23
|
+
},
|
|
24
|
+
disabled: !canNextPage,
|
|
25
|
+
buttonType: "raw",
|
|
26
|
+
"data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
|
|
27
|
+
HeaderComp: () => 'Page'
|
|
28
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {
|
|
29
|
+
color: canNextPage ? ['brand-primary', '700'] : ['neutral', '500']
|
|
30
|
+
}));
|
|
11
31
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageNextButton_exports = {};
|
|
29
|
-
__export(PageNextButton_exports, {
|
|
30
|
-
PageNextButton: () => PageNextButton
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
-
var import_PaginationDataTestID = require("../PaginationDataTestID");
|
|
36
|
-
var import_styled = require("../styled");
|
|
37
|
-
const PageNextButton = ({
|
|
38
|
-
onNextPage,
|
|
39
|
-
canNextPage
|
|
40
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PreviousNextPageButton, {
|
|
41
|
-
onClick: () => {
|
|
42
|
-
if (canNextPage)
|
|
43
|
-
onNextPage();
|
|
44
|
-
},
|
|
45
|
-
disabled: !canNextPage,
|
|
46
|
-
buttonType: "raw",
|
|
47
|
-
"data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
|
|
48
|
-
HeaderComp: () => "Page"
|
|
49
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
|
|
50
|
-
color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"]
|
|
51
|
-
}));
|
|
52
|
-
module.exports = __toCommonJS(PageNextButton_exports);
|
|
53
|
-
//# sourceMappingURL=PageNextButton.js.map
|
|
32
|
+
|
|
33
|
+
exports.PageNextButton = PageNextButton;
|
|
@@ -1,52 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var PaginationDataTestID = require('../PaginationDataTestID.js');
|
|
9
|
+
var styled = require('../styled.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
|
|
15
|
+
const PagePrevButton = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
onPreviousPage,
|
|
18
|
+
canPreviousPage
|
|
19
|
+
} = _ref;
|
|
20
|
+
return /*#__PURE__*/_jsx__default["default"](styled.PreviousNextPageButton, {
|
|
21
|
+
onClick: () => {
|
|
22
|
+
if (canPreviousPage) onPreviousPage();
|
|
23
|
+
},
|
|
24
|
+
disabled: !canPreviousPage,
|
|
25
|
+
buttonType: "raw",
|
|
26
|
+
"data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
|
|
27
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {
|
|
28
|
+
color: canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']
|
|
29
|
+
}));
|
|
11
30
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PagePrevButton_exports = {};
|
|
29
|
-
__export(PagePrevButton_exports, {
|
|
30
|
-
PagePrevButton: () => PagePrevButton
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
-
var import_PaginationDataTestID = require("../PaginationDataTestID");
|
|
36
|
-
var import_styled = require("../styled");
|
|
37
|
-
const PagePrevButton = ({
|
|
38
|
-
onPreviousPage,
|
|
39
|
-
canPreviousPage
|
|
40
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PreviousNextPageButton, {
|
|
41
|
-
onClick: () => {
|
|
42
|
-
if (canPreviousPage)
|
|
43
|
-
onPreviousPage();
|
|
44
|
-
},
|
|
45
|
-
disabled: !canPreviousPage,
|
|
46
|
-
buttonType: "raw",
|
|
47
|
-
"data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
|
|
48
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, {
|
|
49
|
-
color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"]
|
|
50
|
-
}));
|
|
51
|
-
module.exports = __toCommonJS(PagePrevButton_exports);
|
|
52
|
-
//# sourceMappingURL=PagePrevButton.js.map
|
|
31
|
+
|
|
32
|
+
exports.PagePrevButton = PagePrevButton;
|
|
@@ -1,92 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var Grid = require('@elliemae/ds-grid');
|
|
8
|
+
var styled = require('../styled.js');
|
|
9
|
+
var PerPageSelector = require('./PerPageSelector.js');
|
|
10
|
+
var Paginator = require('./Paginator.js');
|
|
11
|
+
var PaginationDataTestID = require('../PaginationDataTestID.js');
|
|
12
|
+
var PagePrevButton = require('./PagePrevButton.js');
|
|
13
|
+
var PageNextButton = require('./PageNextButton.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
|
+
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
20
|
+
|
|
21
|
+
var _PaginationSeparator;
|
|
22
|
+
const PaginationContent = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
pageIndex,
|
|
25
|
+
pageSize,
|
|
26
|
+
canPreviousPage,
|
|
27
|
+
canNextPage,
|
|
28
|
+
onPageSizeChange,
|
|
29
|
+
onNextPage,
|
|
30
|
+
onPreviousPage,
|
|
31
|
+
onPageChange,
|
|
32
|
+
pageCount,
|
|
33
|
+
showPerPageSelector,
|
|
34
|
+
pageDetails,
|
|
35
|
+
pageDetailsTitle,
|
|
36
|
+
perPageOptions,
|
|
37
|
+
maxPerPage,
|
|
38
|
+
perPageStep,
|
|
39
|
+
minPerPage,
|
|
40
|
+
width
|
|
41
|
+
} = _ref;
|
|
42
|
+
return /*#__PURE__*/_jsx__default["default"](styled.PaginationContainer, {
|
|
43
|
+
justifyContent: "center",
|
|
44
|
+
alignItems: "center",
|
|
45
|
+
width: width,
|
|
46
|
+
"data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER
|
|
47
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](styled.PaginationWrapper, {}, void 0, showPerPageSelector && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48
|
+
children: [/*#__PURE__*/_jsx__default["default"](PerPageSelector, {
|
|
49
|
+
pageSize: pageSize,
|
|
50
|
+
onPageSizeChange: onPageSizeChange,
|
|
51
|
+
perPageOptions: perPageOptions,
|
|
52
|
+
maxPerPage: maxPerPage,
|
|
53
|
+
perPageStep: perPageStep,
|
|
54
|
+
minPerPage: minPerPage
|
|
55
|
+
}), _PaginationSeparator || (_PaginationSeparator = /*#__PURE__*/_jsx__default["default"](styled.PaginationSeparator, {
|
|
56
|
+
mr: 24
|
|
57
|
+
}))]
|
|
58
|
+
}), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
59
|
+
cols: ['auto', 'auto', 'auto', 'auto', 'auto'],
|
|
60
|
+
mr: "32px",
|
|
61
|
+
alignItems: "center"
|
|
62
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](PagePrevButton.PagePrevButton, {
|
|
63
|
+
canPreviousPage: canPreviousPage,
|
|
64
|
+
onPreviousPage: onPreviousPage
|
|
65
|
+
}), /*#__PURE__*/_jsx__default["default"](Paginator, {
|
|
66
|
+
pageCount: pageCount,
|
|
67
|
+
pageIndex: pageIndex,
|
|
68
|
+
onNextPage: onNextPage,
|
|
69
|
+
onPageChange: onPageChange,
|
|
70
|
+
pageDetails: pageDetails,
|
|
71
|
+
pageDetailsTitle: pageDetailsTitle
|
|
72
|
+
}), /*#__PURE__*/_jsx__default["default"](PageNextButton.PageNextButton, {
|
|
73
|
+
canNextPage: canNextPage,
|
|
74
|
+
onNextPage: onNextPage
|
|
75
|
+
}))));
|
|
11
76
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PaginationContent_exports = {};
|
|
29
|
-
__export(PaginationContent_exports, {
|
|
30
|
-
PaginationContent: () => PaginationContent
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
|
-
var import_styled = require("../styled");
|
|
36
|
-
var import_PerPageSelector = __toESM(require("./PerPageSelector"));
|
|
37
|
-
var import_Paginator = __toESM(require("./Paginator"));
|
|
38
|
-
var import_PaginationDataTestID = require("../PaginationDataTestID");
|
|
39
|
-
var import_PagePrevButton = require("./PagePrevButton");
|
|
40
|
-
var import_PageNextButton = require("./PageNextButton");
|
|
41
|
-
const PaginationContent = ({
|
|
42
|
-
pageIndex,
|
|
43
|
-
pageSize,
|
|
44
|
-
canPreviousPage,
|
|
45
|
-
canNextPage,
|
|
46
|
-
onPageSizeChange,
|
|
47
|
-
onNextPage,
|
|
48
|
-
onPreviousPage,
|
|
49
|
-
onPageChange,
|
|
50
|
-
pageCount,
|
|
51
|
-
showPerPageSelector,
|
|
52
|
-
pageDetails,
|
|
53
|
-
pageDetailsTitle,
|
|
54
|
-
perPageOptions,
|
|
55
|
-
maxPerPage,
|
|
56
|
-
perPageStep,
|
|
57
|
-
minPerPage,
|
|
58
|
-
width
|
|
59
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationContainer, {
|
|
60
|
-
justifyContent: "center",
|
|
61
|
-
alignItems: "center",
|
|
62
|
-
width,
|
|
63
|
-
"data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER
|
|
64
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationWrapper, null, showPerPageSelector && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PerPageSelector.default, {
|
|
65
|
-
pageSize,
|
|
66
|
-
onPageSizeChange,
|
|
67
|
-
perPageOptions,
|
|
68
|
-
maxPerPage,
|
|
69
|
-
perPageStep,
|
|
70
|
-
minPerPage
|
|
71
|
-
}), /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, {
|
|
72
|
-
mr: 24
|
|
73
|
-
})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
74
|
-
cols: ["auto", "auto", "auto", "auto", "auto"],
|
|
75
|
-
mr: "32px",
|
|
76
|
-
alignItems: "center"
|
|
77
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_PagePrevButton.PagePrevButton, {
|
|
78
|
-
canPreviousPage,
|
|
79
|
-
onPreviousPage
|
|
80
|
-
}), /* @__PURE__ */ import_react.default.createElement(import_Paginator.default, {
|
|
81
|
-
pageCount,
|
|
82
|
-
pageIndex,
|
|
83
|
-
onNextPage,
|
|
84
|
-
onPageChange,
|
|
85
|
-
pageDetails,
|
|
86
|
-
pageDetailsTitle
|
|
87
|
-
}), /* @__PURE__ */ import_react.default.createElement(import_PageNextButton.PageNextButton, {
|
|
88
|
-
canNextPage,
|
|
89
|
-
onNextPage
|
|
90
|
-
}))));
|
|
91
|
-
module.exports = __toCommonJS(PaginationContent_exports);
|
|
92
|
-
//# sourceMappingURL=PaginationContent.js.map
|
|
77
|
+
|
|
78
|
+
exports.PaginationContent = PaginationContent;
|