phx-uikit 1.0.251 → 1.0.253

package/dist/cjs/components/TabDate/PHXTabDate.js

@@ -0,0 +1,79 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
+var PHXTabDate = function (_a) {
+    var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
+    // tự build 30 ngày trước + hôm nay
+    var buildDefaultTimeline = function () {
+        function getPreviousDays(baseDate, n) {
+            var result = [];
+            for (var i = n; i >= 1; i--) {
+                var d = new Date(baseDate);
+                d.setDate(baseDate.getDate() - i);
+                var dayOfWeek = d.getDay();
+                result.push({
+                    title: daysOfWeek[dayOfWeek],
+                    date: "".concat(d.getDate(), "/").concat(d.getMonth() + 1),
+                    time: d
+                });
+            }
+            return result;
+        }
+        var today = new Date();
+        var past = getPreviousDays(today, 30);
+        past.push({
+            title: 'Hôm nay',
+            date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
+            time: today
+        });
+        return past;
+    };
+    var timeline = timelineProp || buildDefaultTimeline();
+    // xác định index của hôm nay
+    var todayIndex = timeline.findIndex(function (t) { return t.title === 'Hôm nay'; });
+    var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
+    var _d = (0, react_1.useState)(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
+    var _e = (0, react_1.useState)(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
+    var visibleDays = timeline.slice(startIndex, startIndex + windowSize);
+    // nút trái
+    var handlePrevClick = function () {
+        if (startIndex - 1 >= 0) {
+            var newIndex = startIndex - 1;
+            setStartIndex(newIndex);
+            var newActiveTime = timeline[newIndex].time;
+            setActiveIndex(newIndex);
+            onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(newActiveTime);
+        }
+    };
+    // nút phải
+    var handleNextClick = function () {
+        if (startIndex + windowSize < timeline.length) {
+            setStartIndex(function (prev) { return prev + 1; });
+        }
+    };
+    return (react_1["default"].createElement("div", { className: 'flex w-full items-center' },
+        react_1["default"].createElement("button", { className: '\n          mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n          rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n          disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n        ', 
+            // chỉ check startIndex === 0 để disable
+            disabled: startIndex === 0, onClick: handlePrevClick },
+            react_1["default"].createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1["default"].createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
+        react_1["default"].createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible' }, visibleDays.map(function (item, index) {
+            var globalIndex = startIndex + index;
+            var isActive = activeIndex === globalIndex;
+            return (react_1["default"].createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
+                react_1["default"].createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n                            ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n                            ").concat(isActive &&
+                        'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0', " \n                            h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-4 hover:bg-gray-200"), onClick: function () {
+                        setActiveIndex(globalIndex);
+                        onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
+                    } },
+                    react_1["default"].createElement("span", { className: 'my-2 text-sm text-gray-600' }, item.title),
+                    react_1["default"].createElement("p", { className: 'mb-1 text-base font-medium text-gray-900' }, item.date))));
+        })),
+        startIndex !== initialStartIndex && (react_1["default"].createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n                   rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
+            react_1["default"].createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1["default"].createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))))));
+};
+exports["default"] = PHXTabDate;
+//# sourceMappingURL=PHXTabDate.js.map

package/dist/cjs/components/TabDate/PHXTabDate.js.map

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

package/dist/cjs/components/TabDate/index.d.ts

@@ -0,0 +1 @@
+export * from './PHXTabDate';

package/dist/cjs/components/TabDate/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PHXTabDate"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TabDate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabDate/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/TableStatic/PaginaitonSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, router }: any): React.JSX.Element;
+export default PaginationSelected;

package/dist/cjs/components/TableStatic/PaginaitonSelected.js

@@ -0,0 +1,33 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Dropdown_1 = require("../Dropdown");
+var optionNumber = [150, 125, 100, 75, 50, 25, 10];
+function PaginationSelected(_a) {
+    var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity, router = _a.router;
+    var _b = (0, react_1.useState)({}), searchParams = _b[0], setSearchParams = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (typeof window !== 'undefined') {
+            var params = new URLSearchParams(window.location.search);
+            setSearchParams(params);
+        }
+    }, []);
+    var options = optionNumber.map(function (item) { return ({
+        content: item + '',
+        active: rowQuantity === item,
+        onClick: function () {
+            setRowQuantity(item);
+            setCurrentPage(1);
+            var params = new URLSearchParams(searchParams + '');
+            params.set('row', item + '');
+            router.push("?".concat(params + ''), { scroll: false });
+        }
+    }); });
+    return (react_1["default"].createElement("div", { className: 'relative' },
+        react_1["default"].createElement("div", { className: 'absolute bottom-0 top-0 flex items-center gap-x-1' },
+            react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: "".concat(rowQuantity), options: options, origin: 'top-left', type: 'default' }),
+            react_1["default"].createElement("div", { className: 'w-24 text-xs' }, "b\u1EA3n ghi/trang"))));
+}
+exports["default"] = PaginationSelected;
+//# sourceMappingURL=PaginaitonSelected.js.map

package/dist/cjs/components/TableStatic/PaginaitonSelected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,wCAAyC;AAEzC,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEpD,SAAS,kBAAkB,CAAC,EAA4D;QAA1D,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IACzE,IAAA,KAAkC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC1D,eAAe,CAAC,MAAM,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;YACrD,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;YAE5B,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,GAAG,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;QACnD,CAAC;KACF,CAAC,EAX8C,CAW9C,CAAC,CAAA;IAEH,OAAO,CACL,0CAAK,SAAS,EAAC,UAAU;QACvB,0CAAK,SAAS,EAAC,mDAAmD;YAChE,iCAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,0CAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,kBAAkB,CAAA"}

package/dist/cjs/components/TableStatic/Pagination.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Pagination: ({ currentPage, handleChangePage, totalPages, rowQuantity, count, router }: any) => React.JSX.Element;
+export default Pagination;

package/dist/cjs/components/TableStatic/Pagination.js

@@ -0,0 +1,62 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_1 = tslib_1.__importStar(require("react"));
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var Pagination = function (_a) {
+    var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages, rowQuantity = _a.rowQuantity, count = _a.count, router = _a.router;
+    var _b = (0, react_1.useState)({}), searchParams = _b[0], setSearchParams = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (typeof window !== 'undefined') {
+            var params = new URLSearchParams(window.location.search);
+            setSearchParams(params);
+        }
+    }, []);
+    var handleClickPage = function (page, isAction) {
+        if (!isAction)
+            return;
+        handleChangePage(page);
+        var params = new URLSearchParams(searchParams + '');
+        params.set('pagi', page + '');
+        router.push("?".concat(params + ''), { scroll: false });
+    };
+    var disableNextPage = currentPage === totalPages;
+    var disablePrevPage = currentPage === 1;
+    var PreviousPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex bg-gray-200 rounded-tl-lg pb-1 pt-0.5 rounded-bl-lg items-center px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disablePrevPage ? 'hover:bg-gray-300' : '', !disablePrevPage
+            ? 'active:bg-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.2rem] active:pb-[0.2rem]'
+            : '', !disablePrevPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage - 1, !disablePrevPage); } },
+        react_1["default"].createElement("p", null,
+            react_1["default"].createElement("span", { className: 'sr-only' }, "Previous"),
+            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
+    var NextPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex rounded-tr-lg bg-gray-200 pb-1 pt-0.5 rounded-br-lg items-center rounded-r-md px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disableNextPage ? 'hover:bg-gray-300' : '', !disableNextPage
+            ? 'active:bg-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.01rem] active:pb-[0.03rem]'
+            : '', !disableNextPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage + 1, !disableNextPage); } },
+        react_1["default"].createElement("p", null,
+            react_1["default"].createElement("span", { className: 'sr-only' }, "Next"),
+            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
+    var startIndex = (currentPage - 1) * rowQuantity + 1;
+    var endIndex = (currentPage - 1) * rowQuantity + rowQuantity;
+    return (react_1["default"].createElement("div", { className: 'flex items-center gap-x-3' },
+        react_1["default"].createElement("p", { className: 'hidden text-xs sm:block' },
+            "Hi\u1EC3n th\u1ECB ",
+            startIndex,
+            " - ",
+            endIndex >= count ? count : endIndex,
+            " tr\u00EAn ",
+            count,
+            " b\u1EA3n ghi"),
+        react_1["default"].createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white shadow-sm' },
+            react_1["default"].createElement("div", { className: 'mr-1' },
+                react_1["default"].createElement(PreviousPage, null)),
+            react_1["default"].createElement(NextPage, null))));
+};
+exports["default"] = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/components/TableStatic/Pagination.js.map

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

package/dist/cjs/components/TableStatic/TableStatic.d.ts

@@ -8,6 +8,9 @@ type TTableProps = {
         enable: boolean;
         title: string;
     };
+    router?: any;
+    rowNumber?: any;
+    isPagination?: boolean;
 };
-export declare function PHXTableStatic({ bodyData, numericalOrder, thBody, thComponent, thHeader }: TTableProps): React.JSX.Element;
+export declare function PHXTableStatic({ bodyData, numericalOrder, thBody, thComponent, thHeader, router, rowNumber, isPagination, }: TTableProps): React.JSX.Element;
 export {};

package/dist/cjs/components/TableStatic/TableStatic.js

@@ -3,11 +3,13 @@
 exports.__esModule = true;
 exports.PHXTableStatic = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var EmptyRecord_1 = require("../EmptyRecord");
 var types_1 = require("../types");
+var PaginaitonSelected_1 = tslib_1.__importDefault(require("./PaginaitonSelected"));
+var Pagination_1 = tslib_1.__importDefault(require("./Pagination"));
 function PHXTableStatic(_a) {
-    var bodyData = _a.bodyData, numericalOrder = _a.numericalOrder, thBody = _a.thBody, _b = _a.thComponent, thComponent = _b === void 0 ? {} : _b, thHeader = _a.thHeader;
+    var bodyData = _a.bodyData, numericalOrder = _a.numericalOrder, thBody = _a.thBody, _b = _a.thComponent, thComponent = _b === void 0 ? {} : _b, thHeader = _a.thHeader, router = _a.router, _c = _a.rowNumber, rowNumber = _c === void 0 ? 10 : _c, _d = _a.isPagination, isPagination = _d === void 0 ? false : _d;
     var headers = thHeader.map(function (label, index) { return ({
         key: thBody[index],
         label: label
@@ -19,7 +21,20 @@ function PHXTableStatic(_a) {
         }
         return value !== undefined && value !== null ? value : '--';
     };
-    return (react_1["default"].createElement(react_1["default"].Fragment, null, (bodyData === null || bodyData === void 0 ? void 0 : bodyData.length) ? (react_1["default"].createElement("div", { className: 'rounded-lg border border-gray-300 border-opacity-70 bg-white shadow-sm' },
+    var params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
+    var entries = Object.fromEntries(params.entries());
+    var _e = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.row) ? Number(entries.row) : rowNumber), rowQuantity = _e[0], setRowQuantity = _e[1];
+    var count = bodyData === null || bodyData === void 0 ? void 0 : bodyData.length;
+    var _f = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.pagi) ? Number(entries.pagi) : 1), currentPage = _f[0], setCurrentPage = _f[1];
+    var handleChangePage = function (page) {
+        if (page > 0 && page <= Math.ceil(count / rowQuantity)) {
+            setCurrentPage(page);
+        }
+    };
+    var paginatedData = isPagination
+        ? bodyData.slice(rowQuantity * (currentPage - 1), rowQuantity * currentPage)
+        : bodyData;
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, (paginatedData === null || paginatedData === void 0 ? void 0 : paginatedData.length) ? (react_1["default"].createElement("div", { className: 'rounded-lg border border-gray-300 border-opacity-70 bg-white shadow-sm' },
         react_1["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
             react_1["default"].createElement("div", { className: 'w-full pb-2 pt-0.5 align-middle ring-black ring-opacity-5' },
                 react_1["default"].createElement("div", { className: 'relative mt-1.5 overflow-auto' },
@@ -32,9 +47,12 @@ function PHXTableStatic(_a) {
                                         react_1["default"].createElement("p", { className: 'text-gray-800' }, header.label))) : (react_1["default"].createElement("th", { key: header.key, className: 'whitespace-nowrap px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-500 lg:min-w-[135px]', scope: 'col' },
                                         react_1["default"].createElement("p", { className: 'text-gray-800' }, header.label)));
                                 }))),
-                        react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, bodyData.map(function (item, index) { return (react_1["default"].createElement("tr", { key: index },
+                        react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, paginatedData.map(function (item, index) { return (react_1["default"].createElement("tr", { key: index },
                             numericalOrder && numericalOrder.enable && (react_1["default"].createElement("td", { className: 'w-[80px] whitespace-nowrap pl-8 text-xs text-gray-900' }, index + 1)),
-                            headers.map(function (header, indexHeader) { return (react_1["default"].createElement("td", { key: header.key, className: "whitespace-nowrap px-6 py-3 text-xs text-gray-900 ".concat(indexHeader === 0 ? 'rounded-lg sm:w-16 sm:px-8' : 'pl-8') }, renderCell(item, header.key))); }))); })))))))) : (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))));
+                            headers.map(function (header, indexHeader) { return (react_1["default"].createElement("td", { key: header.key, className: "whitespace-nowrap px-6 py-3 text-xs text-gray-900 ".concat(indexHeader === 0 ? 'rounded-lg sm:w-16 sm:px-8' : 'pl-8') }, renderCell(item, header.key))); }))); })))))),
+        isPagination && (react_1["default"].createElement("div", { className: 'flex items-center justify-between rounded-lg rounded-tl-none rounded-tr-none border-gray-200 bg-gray-50 py-2 pl-7 pr-2' },
+            react_1["default"].createElement(PaginaitonSelected_1["default"], { rowQuantity: rowQuantity, setRowQuantity: setRowQuantity, router: router, setCurrentPage: setCurrentPage }),
+            react_1["default"].createElement(Pagination_1["default"], { count: count, currentPage: currentPage, handleChangePage: handleChangePage, router: router, rowQuantity: rowQuantity, totalPages: Math.ceil(count / rowQuantity) }))))) : (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))));
 }
 exports.PHXTableStatic = PHXTableStatic;
 //# sourceMappingURL=TableStatic.js.map

package/dist/cjs/components/TableStatic/TableStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStatic.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/TableStatic.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,8CAA+C;AAC/C,kCAAqC;AAkBrC,SAAgB,cAAc,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA,EAAE,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA;IAC3F,IAAM,OAAO,GAAwB,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAAC;QACnE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;QAClB,KAAK,OAAA;KACN,CAAC,EAHkE,CAGlE,CAAC,CAAA;IACH,IAAM,UAAU,GAAG,UAAC,IAAS,EAAE,SAAiB;QAC9C,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7B,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;YAC1B,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;SAC3C;QACD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7D,CAAC,CAAA;IAED,OAAO,CACL,oEACG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAC,CAAC,CAAC,CAClB,0CAAK,SAAS,EAAC,wEAAwE;QACrF,0CAAK,SAAS,EAAC,uBAAuB;YACpC,0CAAK,SAAS,EAAC,2DAA2D;gBACxE,0CAAK,SAAS,EAAC,+BAA+B;oBAC5C,4CAAO,SAAS,EAAC,iCAAiC;wBAChD;4BACE;gCACG,cAAc,IAAI,cAAc,CAAC,MAAM,IAAI,CAC1C,yCACE,GAAG,EAAC,KAAK,EACT,SAAS,EAAE,IAAA,kBAAU,EACnB,kHAAkH,CACnH,EACD,KAAK,EAAC,KAAK,IAEV,cAAc,CAAC,KAAK,CAClB,CACN;gCACA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,KAAU;oCACnC,OAAA,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,yCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAC,2GAA2G,EACrH,KAAK,EAAC,KAAK;wCAEX,wCAAG,SAAS,EAAC,eAAe,IAAE,MAAM,CAAC,KAAK,CAAK,CAC5C,CACN,CAAC,CAAC,CAAC,CACF,yCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAC,2GAA2G,EACrH,KAAK,EAAC,KAAK;wCAEX,wCAAG,SAAS,EAAC,eAAe,IAAE,MAAM,CAAC,KAAK,CAAK,CAC5C,CACN;gCAhBD,CAgBC,CACF,CACE,CACC;wBACR,4CAAO,SAAS,EAAC,0BAA0B,IACxC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC7B,yCAAI,GAAG,EAAE,KAAK;4BACX,cAAc,IAAI,cAAc,CAAC,MAAM,IAAI,CAC1C,yCAAI,SAAS,EAAC,uDAAuD,IAAE,KAAK,GAAG,CAAC,CAAM,CACvF;4BACA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,WAAgB,IAAK,OAAA,CAC9C,yCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,SAAS,EAAE,4DACT,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,MAAM,CACzD,IAED,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAC1B,CACN,EAT+C,CAS/C,CAAC,CACC,CACN,EAhB8B,CAgB9B,CAAC,CACI,CACF,CACJ,CACF,CACF,CACF,CACP,CAAC,CAAC,CAAC,CACF,iCAAC,4BAAc,OAAG,CACnB,CACA,CACJ,CAAA;AACH,CAAC;AApFD,wCAoFC"}
+{"version":3,"file":"TableStatic.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/TableStatic.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TableV3/HeaderTable.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll, disableSpacing, border, isCenterText, }: any): React.JSX.Element;
+declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll, disableSpacing, border, isCenterText, stickyColumnNumber, refs, lefts, selectedPeople, stickyColumnNumberRight, rights, refRights, search, }: any): React.JSX.Element;
 export default HeaderTable;

package/dist/cjs/components/TableV3/HeaderTable.js

@@ -4,16 +4,68 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var types_1 = require("../types");
 function HeaderTable(_a) {
-    var checkbox = _a.checkbox, checked = _a.checked, numericalOrder = _a.numericalOrder, selectedAllPeople = _a.selectedAllPeople, thHeader = _a.thHeader, toggleAll = _a.toggleAll, disableSpacing = _a.disableSpacing, border = _a.border, isCenterText = _a.isCenterText;
+    var checkbox = _a.checkbox, checked = _a.checked, numericalOrder = _a.numericalOrder, selectedAllPeople = _a.selectedAllPeople, thHeader = _a.thHeader, toggleAll = _a.toggleAll, disableSpacing = _a.disableSpacing, border = _a.border, isCenterText = _a.isCenterText, stickyColumnNumber = _a.stickyColumnNumber, refs = _a.refs, lefts = _a.lefts, selectedPeople = _a.selectedPeople, stickyColumnNumberRight = _a.stickyColumnNumberRight, rights = _a.rights, refRights = _a.refRights, search = _a.search;
     var spacingIndex = numericalOrder.enable && disableSpacing.disable ? (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) - 1 : disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart;
+    var indexLeft = function (index, isSelected, isNumerical) {
+        if (isSelected) {
+            return 0;
+        }
+        if (isNumerical && (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)) {
+            return selectedAllPeople && selectedAllPeople.enable ? 1 : 0;
+        }
+        if ((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable) {
+            return index + 2;
+        }
+        if ((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)) {
+            return index + 1;
+        }
+        return index;
+    };
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
         react_1["default"].createElement("tr", null,
-            selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
-                react_1["default"].createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))) : null,
-            numericalOrder.enable && (react_1["default"].createElement("th", { key: 'stt', className: (0, types_1.classNames)('whitespace-nowrap rounded-lg py-2.5 px-3 text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' }, numericalOrder.title)),
+            selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("th", { 
+                // @ts-ignore
+                ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: (0, types_1.classNames)('w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', stickyColumnNumber && selectedPeople.length === 0
+                    ? 'relative z-10 bg-white sm:sticky sm:left-0 sm:top-0'
+                    : 'relative'), scope: 'col', style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, true, false)] } : {} },
+                react_1["default"].createElement("label", { className: 'absolute left-4 top-1/2 -ml-2 -mt-4 p-2 hover:cursor-pointer sm:left-6' },
+                    react_1["default"].createElement("input", { ref: checkbox, checked: checked, className: 'block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: toggleAll, type: 'checkbox' })))) : null,
+            numericalOrder.enable && (react_1["default"].createElement("th", { key: 'stt', 
+                // @ts-ignore
+                ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
+                    ? 'sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
+                    : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
+                    ? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
+                    : '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'rounded-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
             thHeader.map(function (item, index) {
-                return index === 0 ? (react_1["default"].createElement("th", { key: index, className: (0, types_1.classNames)('whitespace-nowrap rounded-lg py-2.5 text-xs font-medium px-3', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : 'rounded-lg', !disableSpacing.disable ? 'min-w-[160px] pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] pl-8' : '', numericalOrder && numericalOrder.enable && border ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' },
-                    react_1["default"].createElement("p", { className: 'text-gray-800' }, item))) : (react_1["default"].createElement("th", { key: index, className: (0, types_1.classNames)('whitespace-nowrap py-2.5 px-3 text-xs font-medium', index === thHeader.length - 1 && 'rounded-lg', !disableSpacing.disable ? 'min-w-[135px] pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] pl-8' : '', border && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' },
+                return index === 0 ? (react_1["default"].createElement("th", { key: index, 
+                    // @ts-ignore
+                    ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', (!search || !search.enable) &&
+                        (!numericalOrder || !numericalOrder.enable) &&
+                        (!selectedAllPeople || !selectedAllPeople.enable) &&
+                        'rounded-tl-lg', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
+                        ? 'z-10 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
+                        : '', stickyColumnNumber === 1 && selectedPeople.length === 0
+                        ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
+                        : ''), style: stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {}, scope: 'col' },
+                    stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
+                    react_1["default"].createElement("p", { className: 'text-gray-800' }, item))) : (react_1["default"].createElement("th", { key: index, 
+                    // @ts-ignore
+                    ref: function (el) {
+                        return indexLeft(index, false, false) >= lefts.length && thHeader.length - 1 - index < stickyColumnNumberRight
+                            ? (refRights.current[thHeader.length - 1 - index] = el)
+                            : (refs.current[indexLeft(index, false, false)] = el);
+                    }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', index === thHeader.length - 1 && 'rounded-br-lg rounded-tr-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', ((stickyColumnNumber && index < stickyColumnNumber) ||
+                        (stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)) &&
+                        selectedPeople.length === 0 &&
+                        'bg-white sm:sticky sm:left-0 sm:top-0', stickyColumnNumber && index < stickyColumnNumber && 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumberRight &&
+                        stickyColumnNumberRight - 1 === thHeader.length - 1 - index &&
+                        'sm:drop-shadow-[-4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: (stickyColumnNumber && index < stickyColumnNumber) ||
+                        (stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)
+                        ? tslib_1.__assign({}, (indexLeft(index, false, false) >= lefts.length
+                            ? { right: rights[thHeader.length - 1 - index] }
+                            : { left: lefts[indexLeft(index, false, false)] })) : {} },
+                    stickyColumnNumber && index < stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
                     react_1["default"].createElement("p", { className: 'text-gray-800' }, item)));
             }))));
 }

package/dist/cjs/components/TableV3/HeaderTable.js.map

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

package/dist/cjs/components/TableV3/PaginaitonSelected.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare function PaginationSelected({ rowQuantity, setIsChangeRowQty, setRowQuantity }: any): React.JSX.Element;
+declare function PaginationSelected({ rowQuantity, setIsChangeRowQty, setRowQuantity, router, searchParams, tableKey, setCurrentPage, setPagi, paginationData, }: any): React.JSX.Element;
 export default PaginationSelected;

package/dist/cjs/components/TableV3/PaginaitonSelected.js

@@ -1,17 +1,24 @@
 "use strict";
 exports.__esModule = true;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
 var Dropdown_1 = require("../Dropdown");
+var react_1 = tslib_1.__importDefault(require("react"));
 var optionNumber = [150, 125, 100, 75, 50, 25, 10];
 function PaginationSelected(_a) {
-    var rowQuantity = _a.rowQuantity, setIsChangeRowQty = _a.setIsChangeRowQty, setRowQuantity = _a.setRowQuantity;
+    var rowQuantity = _a.rowQuantity, setIsChangeRowQty = _a.setIsChangeRowQty, setRowQuantity = _a.setRowQuantity, router = _a.router, searchParams = _a.searchParams, tableKey = _a.tableKey, setCurrentPage = _a.setCurrentPage, setPagi = _a.setPagi, paginationData = _a.paginationData;
     var options = optionNumber.map(function (item) { return ({
         content: item + '',
         active: rowQuantity === item,
         onClick: function () {
             setRowQuantity(item);
             setIsChangeRowQty(true);
+            var params = new URLSearchParams(searchParams + '');
+            params.set("row-".concat(tableKey), item + '');
+            params.set("pagi-".concat(tableKey), '1');
+            setCurrentPage(1);
+            setPagi(0);
+            paginationData(0);
+            router.push("?".concat(params + ''), { scroll: false });
         }
     }); });
     return (react_1["default"].createElement("div", { className: 'relative' },

package/dist/cjs/components/TableV3/PaginaitonSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../src/components/TableV3/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,wCAAyC;AAEzC,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEpD,SAAS,kBAAkB,CAAC,EAAuD;QAArD,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAA;IAC1E,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACzB,CAAC;KACF,CAAC,EAP8C,CAO9C,CAAC,CAAA;IAEH,OAAO,CACL,0CAAK,SAAS,EAAC,UAAU;QACvB,0CAAK,SAAS,EAAC,mDAAmD;YAChE,iCAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,0CAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../src/components/TableV3/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,wCAAyC;AACzC,wDAAyB;AAEzB,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEpD,SAAS,kBAAkB,CAAC,EAUtB;QATJ,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,cAAc,oBAAA;IAEd,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,iBAAiB,CAAC,IAAI,CAAC,CAAA;YACvB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;YACrD,MAAM,CAAC,GAAG,CAAC,cAAO,QAAQ,CAAE,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;YACxC,MAAM,CAAC,GAAG,CAAC,eAAQ,QAAQ,CAAE,EAAE,GAAG,CAAC,CAAA;YAEnC,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,OAAO,CAAC,CAAC,CAAC,CAAA;YACV,cAAc,CAAC,CAAC,CAAC,CAAA;YAEjB,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,GAAG,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;QACnD,CAAC;KACF,CAAC,EAhB8C,CAgB9C,CAAC,CAAA;IAEH,OAAO,CACL,0CAAK,SAAS,EAAC,UAAU;QACvB,0CAAK,SAAS,EAAC,mDAAmD;YAChE,iCAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,0CAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,kBAAkB,CAAA"}

package/dist/cjs/components/TableV3/Pagination.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Pagination: ({ currentPage, handleChangePage, totalPages, pagination, rowQuantity, count, router }: any) => React.JSX.Element;
+declare const Pagination: ({ currentPage, handleChangePage, totalPages, pagination, rowQuantity, count, router, searchParams, tableKey, }: any) => React.JSX.Element;
 export default Pagination;

package/dist/cjs/components/TableV3/Pagination.js

@@ -3,7 +3,7 @@ exports.__esModule = true;
 var tslib_1 = require("tslib");
 var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
 var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 function classNames() {
     var classes = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -12,39 +12,40 @@ function classNames() {
     return classes.filter(Boolean).join(' ');
 }
 var Pagination = function (_a) {
-    var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages, pagination = _a.pagination, rowQuantity = _a.rowQuantity, count = _a.count, router = _a.router;
-    var _b = (0, react_1.useState)({}), searchParams = _b[0], setSearchParams = _b[1];
+    var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages, pagination = _a.pagination, rowQuantity = _a.rowQuantity, count = _a.count, router = _a.router, searchParams = _a.searchParams, tableKey = _a.tableKey;
     var pages = [];
     for (var i = 1; i <= totalPages; i++) {
         pages.push(i);
     }
-    (0, react_1.useEffect)(function () {
-        if (typeof window !== 'undefined') {
-            var params = new URLSearchParams(window.location.search);
-            setSearchParams(params);
-        }
-    }, [window.location.search]);
     var handleClickPage = function (page) {
         handleChangePage(page);
         var params = new URLSearchParams(searchParams + '');
-        params.set('pagi', page + '');
+        params.set("pagi-".concat(tableKey), page + '');
         router.push("?".concat(params + ''), { scroll: false });
     };
-    var disableNextPage = currentPage === totalPages;
+    var disableNextPage = !totalPages || currentPage === totalPages;
     var disablePrevPage = currentPage === 1;
-    var PreviousPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex bg-[#ebebeb] rounded-tl-lg pb-1 pt-0.5 rounded-bl-lg items-center px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disablePrevPage ? 'hover:bg-[#d4d4d4]' : '', !disablePrevPage
-            ? 'active:bg-[#ccc] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.2rem] active:pb-[0.2rem]'
-            : '', !disablePrevPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage - 1); } },
+    var PreviousPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex min-h-[1.75rem] items-center rounded-bl-lg rounded-tl-lg bg-gray-100 px-3 pb-1 pt-0.5 text-gray-900 focus:z-20 focus:outline-offset-0', !disablePrevPage ? 'hover:bg-gray-200' : '', !disablePrevPage
+            ? 'active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : '', !disablePrevPage ? 'cursor-pointer' : ''), onClick: function () {
+            if (!disablePrevPage) {
+                handleClickPage(currentPage - 1);
+            }
+        } },
         react_1["default"].createElement("p", null,
             react_1["default"].createElement("span", { className: 'sr-only' }, "Previous"),
-            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
-    var NextPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex rounded-tr-lg bg-[#ebebeb] pb-1 pt-0.5 rounded-br-lg items-center rounded-r-md px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disableNextPage ? 'hover:bg-[#d4d4d4]' : '', !disableNextPage
-            ? 'active:bg-[#ccc] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.01rem] active:pb-[0.03rem]'
-            : '', !disableNextPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage + 1); } },
+            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('h-3 w-2.5', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
+    var NextPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex min-h-[1.75rem] items-center rounded-r-md rounded-br-lg rounded-tr-lg bg-gray-100 px-3 pb-1 pt-0.5 text-gray-900 focus:z-20 focus:outline-offset-0', !disableNextPage ? 'hover:bg-gray-200' : '', !disableNextPage
+            ? 'active:bg-gray-300 active:pb-[0.03rem] active:pt-[0.01rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : '', !disableNextPage ? 'cursor-pointer' : ''), onClick: function () {
+            if (!disableNextPage) {
+                handleClickPage(currentPage + 1);
+            }
+        } },
         react_1["default"].createElement("p", null,
             react_1["default"].createElement("span", { className: 'sr-only' }, "Next"),
-            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
-    var startIndex = pagination * rowQuantity + 1;
+            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('h-3 w-2.5', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
+    var startIndex = count > 0 ? pagination * rowQuantity + 1 : count;
     var endIndex = pagination * rowQuantity + rowQuantity;
     return (react_1["default"].createElement("div", { className: 'flex items-center gap-x-3' },
         react_1["default"].createElement("p", { className: 'hidden text-xs sm:block' },

package/dist/cjs/components/TableV3/Pagination.js.map

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

package/dist/cjs/components/TableV3/RowTable.d.ts

@@ -9,4 +9,4 @@ import React from 'react';
  * @param brSetSelectedPeople
  * @constructor
  */
-export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, onChange, directDetail, numericalOrder, disableSpacing, border, isCenterText, }: any) => React.JSX.Element;
+export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, onChange, directDetail, numericalOrder, disableSpacing, border, isCenterText, stickyColumnNumber, lefts, stickyColumnNumberRight, rights, hidePagination, dataTableAggregate, itemIndex, }: any) => React.JSX.Element;