@heliux-org/design-system-core 0.0.305-testBuild → 0.0.305

package/dist/components/Table/components/newComponents/pagination/Pagination.js

@@ -0,0 +1,80 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const range_1 = __importDefault(require("lodash/range"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const classnames_1 = __importDefault(require("classnames"));
+const useIdAllocator_1 = __importDefault(require("./useIdAllocator"));
+const DropdownChevronLeft_1 = __importDefault(require("../../../../Icon/Icons/components/DropdownChevronLeft"));
+const DropdownChevronRight_1 = __importDefault(require("../../../../Icon/Icons/components/DropdownChevronRight"));
+const IconButton_1 = __importDefault(require("../../../../IconButton/IconButton"));
+const Pagination_module_scss_1 = __importDefault(require("./Pagination.module.scss"));
+const utils_1 = require("./utils");
+const Text_1 = __importDefault(require("../../../../Text/Text"));
+const DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 25, 50];
+function Pagination(_a) {
+    var { id: idProp, className, itemsPerPage = DEFAULT_ITEMS_PER_PAGE_OPTIONS[0], itemsPerPageOptions = DEFAULT_ITEMS_PER_PAGE_OPTIONS, onItemsPerPageOptionChange, currentPage = 1, onCurrentPageOptionChange, numTotalItems, onBackArrowClick, shouldDisableBackArrow, onForwardArrowClick, shouldDisableForwardArrow } = _a, rest = __rest(_a, ["id", "className", "itemsPerPage", "itemsPerPageOptions", "onItemsPerPageOptionChange", "currentPage", "onCurrentPageOptionChange", "numTotalItems", "onBackArrowClick", "shouldDisableBackArrow", "onForwardArrowClick", "shouldDisableForwardArrow"]);
+    const itemsPerPageLabelId = (0, useIdAllocator_1.default)({
+        prefix: "lg-pagination-items-per-page-label",
+        id: idProp,
+    });
+    const itemsPerPageSelectId = (0, useIdAllocator_1.default)({
+        prefix: "lg-pagination-items-per-page-select",
+        id: idProp,
+    });
+    const shouldDisableBackButton = shouldDisableBackArrow !== undefined
+        ? shouldDisableBackArrow
+        : numTotalItems !== undefined && currentPage <= 1;
+    const shouldDisableForwardButton = shouldDisableForwardArrow !== undefined
+        ? shouldDisableForwardArrow
+        : numTotalItems !== undefined &&
+            currentPage >= (0, utils_1.getTotalNumPages)(numTotalItems, itemsPerPage);
+    if (currentPage < 1 ||
+        (numTotalItems &&
+            (0, utils_1.getTotalNumPages)(numTotalItems, itemsPerPage) < currentPage)) {
+        console.error(`Value of the 'currentPage' prop is invalid.`);
+    }
+    if (!itemsPerPageOptions.includes(itemsPerPage)) {
+        console.error(`Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.`);
+    }
+    const handleItemsPerPageChange = (event) => {
+        const value = parseInt(event.target.value, 10);
+        onItemsPerPageOptionChange === null || onItemsPerPageOptionChange === void 0 ? void 0 : onItemsPerPageOptionChange(value);
+    };
+    const handleCurrentPageChange = (event) => {
+        const value = parseInt(event.target.value, 10);
+        onCurrentPageOptionChange === null || onCurrentPageOptionChange === void 0 ? void 0 : onCurrentPageOptionChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(Pagination_module_scss_1.default.baseStyles, className) }, rest, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: Pagination_module_scss_1.default.flexSectionStyles }, { children: onItemsPerPageOptionChange !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { children: "Items per page:" }), (0, jsx_runtime_1.jsx)("select", Object.assign({ onChange: handleItemsPerPageChange, "aria-labelledby": itemsPerPageLabelId, value: String(itemsPerPage), id: itemsPerPageSelectId }, { children: itemsPerPageOptions.map((option) => ((0, jsx_runtime_1.jsx)("option", Object.assign({ value: String(option) }, { children: option }), option))) }))] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: Pagination_module_scss_1.default.flexSectionStyles }, { children: (0, jsx_runtime_1.jsxs)(Text_1.default, { children: [(0, utils_1.getCurrentRangeString)(itemsPerPage, currentPage, numTotalItems), " of", " ", (0, utils_1.getRangeMaxString)(numTotalItems)] }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Pagination_module_scss_1.default.flexSectionStyles }, { children: [onCurrentPageOptionChange !== undefined && numTotalItems ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ "aria-label": "Set current page", onChange: handleCurrentPageChange, value: String(currentPage), "data-testid": "lg-pagination-page-select" }, { children: (0, range_1.default)(1, (0, utils_1.getTotalNumPages)(numTotalItems, itemsPerPage) + 1).map((pageNumber) => {
+                                    return ((0, jsx_runtime_1.jsx)("option", Object.assign({ value: String(pageNumber) }, { children: pageNumber }), pageNumber));
+                                }) })), (0, jsx_runtime_1.jsxs)(Text_1.default, { children: ["of ", (0, utils_1.getTotalNumPages)(numTotalItems, itemsPerPage)] })] })) : ((0, jsx_runtime_1.jsxs)(Text_1.default, { children: [currentPage, " of", " ", numTotalItems
+                                ? (0, utils_1.getTotalNumPages)(numTotalItems, itemsPerPage)
+                                : "many"] })), (0, jsx_runtime_1.jsx)(IconButton_1.default, { ariaLabel: "Previous page", disabled: shouldDisableBackButton, onClick: onBackArrowClick, size: "small", "data-testid": "lg-pagination-back-button", icon: DropdownChevronLeft_1.default }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { ariaLabel: "Next page", disabled: shouldDisableForwardButton, onClick: onForwardArrowClick, "data-testid": "lg-pagination-next-button", size: "small", icon: DropdownChevronRight_1.default })] }))] })));
+}
+Pagination.propTypes = {
+    onBackArrowClick: prop_types_1.default.func.isRequired,
+    onForwardArrowClick: prop_types_1.default.func.isRequired,
+    numTotalItems: prop_types_1.default.number,
+    onCurrentPageOptionChange: prop_types_1.default.func,
+    currentPage: prop_types_1.default.number,
+    onItemsPerPageOptionChange: prop_types_1.default.func,
+    itemsPerPageOptions: prop_types_1.default.arrayOf(prop_types_1.default.number),
+    itemsPerPage: prop_types_1.default.number,
+};
+Pagination.displayName = "Pagination";
+exports.default = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Table/components/newComponents/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/components/newComponents/pagination/Pagination.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Pagination.types.js.map

package/dist/components/Table/components/newComponents/pagination/Pagination.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/pagination/Pagination.types.ts"],"names":[],"mappings":""}

package/dist/components/Table/components/newComponents/pagination/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Pagination_1 = __importDefault(require("./Pagination"));
+exports.default = Pagination_1.default;
+//# sourceMappingURL=index.js.map

package/dist/components/Table/components/newComponents/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/pagination/index.ts"],"names":[],"mappings":";;;;;AAAA,8DAAsC;AAEtC,kBAAe,oBAAU,CAAC"}

package/dist/components/Table/components/newComponents/pagination/useIdAllocator.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+let globalId = 0;
+function useGlobalId({ id: idOverride, prefix }) {
+    const [defaultId, setDefaultId] = (0, react_1.useState)(idOverride);
+    (0, react_1.useEffect)(() => {
+        if (defaultId == null) {
+            globalId += 1;
+            setDefaultId(globalId);
+        }
+    }, [defaultId, prefix]);
+    return idOverride ? idOverride : `${prefix !== null && prefix !== void 0 ? prefix : "lg"}-${defaultId}`;
+}
+function useId({ prefix, id: idOverride }) {
+    return useGlobalId({ id: idOverride, prefix });
+}
+exports.default = useId;
+//# sourceMappingURL=useIdAllocator.js.map

package/dist/components/Table/components/newComponents/pagination/useIdAllocator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdAllocator.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/pagination/useIdAllocator.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAO5C,IAAI,QAAQ,GAAG,CAAC,CAAC;AAEjB,SAAS,WAAW,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAU;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EACxC,UAAU,CACX,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,QAAQ,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,QAAQ,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,IAAI,SAAS,EAAE,CAAC;AACpE,CAAC;AAED,SAAwB,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAU;IAC9D,OAAO,WAAW,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;AACjD,CAAC;AAFD,wBAEC"}

package/dist/components/Table/components/newComponents/pagination/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTotalNumPages = exports.getRangeMaxString = exports.getCurrentRangeString = void 0;
+const getCurrentRangeString = (itemsPerPage, currentPage, numTotalItems) => {
+    return `${itemsPerPage * (currentPage - 1) + 1} - ${Math.min(itemsPerPage * currentPage, numTotalItems !== null && numTotalItems !== void 0 ? numTotalItems : itemsPerPage * currentPage)}`;
+};
+exports.getCurrentRangeString = getCurrentRangeString;
+const getRangeMaxString = (numTotalItems) => {
+    return numTotalItems ? `${numTotalItems} items` : "many";
+};
+exports.getRangeMaxString = getRangeMaxString;
+const getTotalNumPages = (numItems, itemsPerPage) => {
+    return Math.ceil(numItems / itemsPerPage);
+};
+exports.getTotalNumPages = getTotalNumPages;
+//# sourceMappingURL=utils.js.map

package/dist/components/Table/components/newComponents/pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/newComponents/pagination/utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,qBAAqB,GAAG,CACnC,YAAoB,EACpB,WAAmB,EACnB,aAAsB,EACtB,EAAE;IACF,OAAO,GAAG,YAAY,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAC1D,YAAY,GAAG,WAAW,EAC1B,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,YAAY,GAAG,WAAW,CAC5C,EAAE,CAAC;AACN,CAAC,CAAC;AATW,QAAA,qBAAqB,yBAShC;AAEK,MAAM,iBAAiB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC1D,OAAO,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AAC3D,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B;AAEK,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,YAAoB,EAAE,EAAE;IACzE,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC;AAC5C,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B"}