phx-react 1.3.1237 → 1.3.1240

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

@@ -1 +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"}
+{"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,CAAC;YAClC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC1D,eAAe,CAAC,MAAM,CAAC,CAAA;QACzB,CAAC;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,uCAAK,SAAS,EAAC,UAAU;QACvB,uCAAK,SAAS,EAAC,mDAAmD;YAChE,8BAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,uCAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: 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");
@@ -30,22 +30,22 @@ var Pagination = function (_a) {
     };
     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
+    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
+        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 })))); };
+        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' },
+    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,
             " - ",
@@ -53,10 +53,10 @@ var Pagination = function (_a) {
             " 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))));
+        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;
+exports.default = Pagination;
 //# sourceMappingURL=Pagination.js.map

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

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

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_2 = require("@headlessui/react");
@@ -14,15 +14,15 @@ function Search(_a) {
             setIsHideSearch(false);
         }
     }, [isHideSearch, search === null || search === void 0 ? void 0 : search.loading]);
-    return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("div", { className: isSearch ? 'border-b' : '' },
-            react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
-                react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg bg-white px-3 py-1 pl-5 ring-opacity-5') },
-                    react_1["default"].createElement("div", { className: 'relative mr-2 w-11/12' },
-                        react_1["default"].createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: handleSearch, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
-                    react_1["default"].createElement("div", { className: 'flex w-14 justify-center pt-1' }, (search === null || search === void 0 ? void 0 : search.loading) ? react_1["default"].createElement(Loading_1.PHXSpinner, null) : null),
-                    react_1["default"].createElement("div", null,
-                        react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: isSearch ? 'border-b' : '' },
+            react_1.default.createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg bg-white px-3 py-1 pl-5 ring-opacity-5') },
+                    react_1.default.createElement("div", { className: 'relative mr-2 w-11/12' },
+                        react_1.default.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: handleSearch, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
+                    react_1.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, (search === null || search === void 0 ? void 0 : search.loading) ? react_1.default.createElement(Loading_1.PHXSpinner, null) : null),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
                                 if (searchValue) {
                                     setIsHideSearch(true);
                                     search === null || search === void 0 ? void 0 : search.setLoading(true);
@@ -32,11 +32,11 @@ function Search(_a) {
                                     setIsSearch(false);
                                 }
                             }, type: 'button' }, "Cancel"))))),
-        react_1["default"].createElement("div", { className: (0, types_1.classNames)(search && search.enable
+        react_1.default.createElement("div", { className: (0, types_1.classNames)(search && search.enable
                 ? "flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 pl-8 sm:justify-end border-b ".concat(isSearch ? 'border-none py-1' : 'py-1.5')
                 : '', isSearch ? 'hidden' : '') },
-            react_1["default"].createElement("div", null, !isSearch && (react_1["default"].createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
-                react_1["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))));
+            react_1.default.createElement("div", null, !isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))));
 }
-exports["default"] = Search;
+exports.default = Search;
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA+D;AAC/D,2CAA8C;AAC9C,mDAA+D;AAC/D,kCAAqC;AACrC,sCAAuC;AAkBvC,SAAS,MAAM,CAAC,EASR;QARN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACrD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;SACvB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,0CAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YACxC,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;gBAEd,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,8GAA8G,CAC/G;oBAED,0CAAK,SAAS,EAAC,uBAAuB;wBACpC,4CACE,SAAS,QACT,SAAS,EAAC,qJAAqJ,EAC/J,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;oBACN,0CAAK,SAAS,EAAC,+BAA+B,IAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,CAAC,iCAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;oBAC9F;wBACE,6CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;gCACP,IAAI,WAAW,EAAE;oCACf,eAAe,CAAC,IAAI,CAAC,CAAA;oCACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oCACxB,cAAc,CAAC,EAAE,CAAC,CAAA;iCACnB;qCAAM;oCACL,WAAW,CAAC,KAAK,CAAC,CAAA;iCACnB;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK,CACT;QACN,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,IAAI,MAAM,CAAC,MAAM;gBACrB,CAAC,CAAC,4GACE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CACxC;gBACJ,CAAC,CAAC,EAAE,EACN,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzB;YAED,8CACG,CAAC,QAAQ,IAAI,CACZ,6CACE,SAAS,EAAC,mPAAmP,EAC7P,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,iCAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CAEpC,CACV,CACG,CACF,CACL,CACJ,CAAA;AACH,CAAC;AAED,qBAAe,MAAM,CAAA"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA+D;AAC/D,2CAA8C;AAC9C,mDAA+D;AAC/D,kCAAqC;AACrC,sCAAuC;AAkBvC,SAAS,MAAM,CAAC,EASR;QARN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YACxC,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;gBAEd,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,8GAA8G,CAC/G;oBAED,uCAAK,SAAS,EAAC,uBAAuB;wBACpC,yCACE,SAAS,QACT,SAAS,EAAC,qJAAqJ,EAC/J,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;oBACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;oBAC9F;wBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;gCACP,IAAI,WAAW,EAAE,CAAC;oCAChB,eAAe,CAAC,IAAI,CAAC,CAAA;oCACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oCACxB,cAAc,CAAC,EAAE,CAAC,CAAA;gCACpB,CAAC;qCAAM,CAAC;oCACN,WAAW,CAAC,KAAK,CAAC,CAAA;gCACpB,CAAC;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK,CACT;QACN,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,IAAI,MAAM,CAAC,MAAM;gBACrB,CAAC,CAAC,4GACE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CACxC;gBACJ,CAAC,CAAC,EAAE,EACN,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzB;YAED,2CACG,CAAC,QAAQ,IAAI,CACZ,0CACE,SAAS,EAAC,mPAAmP,EAC7P,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CAEpC,CACV,CACG,CACF,CACL,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

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

@@ -20,6 +20,15 @@ type TTableProps = {
         loading: boolean;
         setLoading(value: boolean): void;
     };
+    bulkAction?: {
+        enable: boolean;
+        buttons: Array<{
+            id: any;
+            text: string | React.ReactNode;
+            onClick(selectedRows: Array<any>): void;
+            type: string;
+        }>;
+    };
 };
-export declare function PHXTableStatic({ bodyData, numericalOrder, thBody, thComponent, thHeader, router, rowNumber, isPagination, disableFirstColumnWidth, readonly, onClick, search, }: TTableProps): React.JSX.Element;
+export declare function PHXTableStatic({ bodyData, bulkAction, disableFirstColumnWidth, isPagination, numericalOrder, onClick, readonly, router, rowNumber, search, thBody, thComponent, thHeader, }: TTableProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 "use strict";
 'use client';
-exports.__esModule = true;
-exports.PHXTableStatic = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXTableStatic = PHXTableStatic;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var EmptyRecord_1 = require("../EmptyRecord");
@@ -11,11 +11,17 @@ var Pagination_1 = tslib_1.__importDefault(require("./Pagination"));
 var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
 var Search_1 = tslib_1.__importDefault(require("./Search"));
 var EmptySearchResult_1 = tslib_1.__importDefault(require("../TableV3/EmptySearchResult"));
+var Checkbox_1 = require("../Checkbox");
+var Button_1 = require("../Button");
 function PHXTableStatic(_a) {
-    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, _e = _a.disableFirstColumnWidth, disableFirstColumnWidth = _e === void 0 ? false : _e, _f = _a.readonly, readonly = _f === void 0 ? true : _f, onClick = _a.onClick, search = _a.search;
+    var bodyData = _a.bodyData, _b = _a.bulkAction, bulkAction = _b === void 0 ? {
+        enable: false,
+        buttons: [],
+    } : _b, _c = _a.disableFirstColumnWidth, disableFirstColumnWidth = _c === void 0 ? false : _c, _d = _a.isPagination, isPagination = _d === void 0 ? false : _d, numericalOrder = _a.numericalOrder, onClick = _a.onClick, _e = _a.readonly, readonly = _e === void 0 ? true : _e, router = _a.router, _f = _a.rowNumber, rowNumber = _f === void 0 ? 10 : _f, search = _a.search, thBody = _a.thBody, _g = _a.thComponent, thComponent = _g === void 0 ? {} : _g, thHeader = _a.thHeader;
+    var _h = (0, react_1.useState)([]), selectedRows = _h[0], setSelectedRows = _h[1];
     var headers = thHeader.map(function (label, index) { return ({
         key: thBody[index],
-        label: label
+        label: label,
     }); });
     var renderCell = function (item, columnKey) {
         var value = item[columnKey];
@@ -26,9 +32,9 @@ function PHXTableStatic(_a) {
     };
     var params = typeof window !== 'undefined' ? new URLSearchParams(window.location.search) : new URLSearchParams();
     var entries = Object.fromEntries(params.entries());
-    var _g = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.row) ? Number(entries.row) : rowNumber), rowQuantity = _g[0], setRowQuantity = _g[1];
+    var _j = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.row) ? Number(entries.row) : rowNumber), rowQuantity = _j[0], setRowQuantity = _j[1];
     var count = bodyData === null || bodyData === void 0 ? void 0 : bodyData.length;
-    var _h = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.pagi) ? Number(entries.pagi) : 1), currentPage = _h[0], setCurrentPage = _h[1];
+    var _k = (0, react_1.useState)((entries === null || entries === void 0 ? void 0 : entries.pagi) ? Number(entries.pagi) : 1), currentPage = _k[0], setCurrentPage = _k[1];
     var handleChangePage = function (page) {
         if (page > 0 && page <= Math.ceil(count / rowQuantity)) {
             setCurrentPage(page);
@@ -37,22 +43,33 @@ function PHXTableStatic(_a) {
     var paginatedData = isPagination
         ? bodyData.slice(rowQuantity * (currentPage - 1), rowQuantity * currentPage)
         : bodyData;
+    var isCheckedAll = selectedRows.length > 0 && selectedRows.length === paginatedData.length;
     var handleClickRow = function (row) {
         if (onClick) {
             onClick(row);
         }
     };
-    var _j = (0, react_1.useState)(false), isSearch = _j[0], setIsSearch = _j[1];
-    var _k = (0, react_1.useState)(''), searchValue = _k[0], setSearchValue = _k[1];
-    var _l = (0, react_1.useState)(0), getAggregate = _l[0], setGetAggregate = _l[1];
-    var _m = (0, react_1.useState)(false), isHideSearch = _m[0], setIsHideSearch = _m[1];
-    var debounceSearchValue = (0, useDebounce_1["default"])(searchValue, 300);
+    var _l = (0, react_1.useState)(false), isSearch = _l[0], setIsSearch = _l[1];
+    var _m = (0, react_1.useState)(''), searchValue = _m[0], setSearchValue = _m[1];
+    var _o = (0, react_1.useState)(0), getAggregate = _o[0], setGetAggregate = _o[1];
+    var _p = (0, react_1.useState)(false), isHideSearch = _p[0], setIsHideSearch = _p[1];
+    var debounceSearchValue = (0, useDebounce_1.default)(searchValue, 300);
     var handleSearch = function (event) {
         setSearchValue(event.target.value);
     };
     var searchFunc = function (value, onSearch) {
         onSearch(value);
     };
+    var handleChecked = function (checkedData) {
+        var existIndex = selectedRows.findIndex(function (item) { return item.id === checkedData.id; });
+        if (existIndex >= 0) {
+            var filtered = selectedRows.filter(function (item) { return item.id !== checkedData.id; });
+            setSelectedRows(filtered);
+        }
+        else {
+            setSelectedRows(function (pre) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], pre, true), [checkedData], false); });
+        }
+    };
     (0, react_1.useEffect)(function () {
         if ((search === null || search === void 0 ? void 0 : search.enable) && getAggregate > 0 && searchValue === '') {
             searchFunc('', search.onSearchChange);
@@ -64,29 +81,51 @@ function PHXTableStatic(_a) {
         }
         setGetAggregate(getAggregate + 1);
     }, [debounceSearchValue]);
-    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' },
-                    search && search.enable && (react_1["default"].createElement(Search_1["default"], { isSearch: isSearch, handleSearch: handleSearch, searchValue: searchValue, setSearchValue: setSearchValue, setIsSearch: setIsSearch, search: search, isHideSearch: isHideSearch, setIsHideSearch: setIsHideSearch })),
-                    react_1["default"].createElement("div", { className: 'w-full overflow-auto' },
-                        react_1["default"].createElement("table", { className: 'w-full divide-y divide-gray-300' },
-                            react_1["default"].createElement("thead", null,
-                                react_1["default"].createElement("tr", null,
-                                    numericalOrder && numericalOrder.enable && (react_1["default"].createElement("th", { key: 'stt', className: (0, types_1.classNames)('min-w-[60px] whitespace-nowrap rounded-lg px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-800'), scope: 'col' }, numericalOrder.title)),
+    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: 'shadow-sm rounded-lg border border-gray-300 border-opacity-70 bg-white' },
+        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' },
+                    search && search.enable && (react_1.default.createElement(Search_1.default, { handleSearch: handleSearch, isHideSearch: isHideSearch, isSearch: isSearch, search: search, searchValue: searchValue, setIsHideSearch: setIsHideSearch, setIsSearch: setIsSearch, setSearchValue: setSearchValue })),
+                    react_1.default.createElement("div", { className: 'w-full overflow-auto' },
+                        react_1.default.createElement("table", { className: 'w-full divide-y divide-gray-300' },
+                            react_1.default.createElement("thead", { className: ' relative' },
+                                bulkAction.enable && selectedRows.length > 0 && (react_1.default.createElement("div", { className: 'absolute left-0 right-0 top-0 z-10 flex items-center gap-x-3 border-b bg-white px-6 py-1' },
+                                    react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: isCheckedAll, id: 'checkbox_all', onChange: function () {
+                                            if (isCheckedAll) {
+                                                setSelectedRows([]);
+                                            }
+                                            else {
+                                                setSelectedRows(paginatedData);
+                                            }
+                                        }, 
+                                        // @ts-ignore
+                                        title: react_1.default.createElement("p", { className: 'font-bold' },
+                                            "\u0110\u00E3 ch\u1ECDn ",
+                                            selectedRows.length) }),
+                                    bulkAction.buttons.map(function (button) {
+                                        var _a;
+                                        return (react_1.default.createElement(Button_1.PHXButton, (_a = { key: button.id, onClick: function () {
+                                                    button.onClick(selectedRows);
+                                                    setSelectedRows([]);
+                                                } }, _a[button.type] = true, _a), button.text));
+                                    }))),
+                                react_1.default.createElement("tr", null,
+                                    numericalOrder && numericalOrder.enable && (react_1.default.createElement("th", { key: 'stt', className: (0, types_1.classNames)('min-w-[60px] whitespace-nowrap rounded-lg px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-800'), scope: 'col' }, numericalOrder.title)),
+                                    bulkAction.enable && react_1.default.createElement("th", { key: 'select' }),
                                     headers.map(function (header, index) {
-                                        return index === 0 ? (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-[160px]', scope: 'col' },
-                                            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)));
+                                        return index === 0 ? (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-[160px]', scope: 'col' },
+                                            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' }, paginatedData.map(function (item, index) { return (react_1["default"].createElement("tr", { key: index, className: (0, types_1.classNames)(readonly ? '' : 'hover:bg-gray-50 hover:cursor-pointer'), onClick: function () { return handleClickRow(item); } },
-                                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: (0, types_1.classNames)('whitespace-nowrap px-6 py-3 text-xs text-gray-900', indexHeader === 0 ? 'rounded-lg sm:px-8' : 'pl-8', indexHeader === 0 && !disableFirstColumnWidth && 'sm:w-16', index === paginatedData.length - 1 && isPagination && 'border-b') }, 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(react_1["default"].Fragment, null, isSearch ? (react_1["default"].createElement("div", { className: 'rounded-lg border border-gray-300 border-opacity-70 bg-white shadow-sm' },
-        react_1["default"].createElement(Search_1["default"], { isSearch: isSearch, handleSearch: handleSearch, searchValue: searchValue, setSearchValue: setSearchValue, setIsSearch: setIsSearch, search: search, isHideSearch: isHideSearch, setIsHideSearch: setIsHideSearch }),
-        react_1["default"].createElement(EmptySearchResult_1["default"], null))) : (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'border rounded-lg' }))))));
+                            react_1.default.createElement("tbody", { className: 'divide-y divide-gray-200' }, paginatedData.map(function (item, index) { return (react_1.default.createElement("tr", { key: index, className: (0, types_1.classNames)(readonly ? '' : 'hover:cursor-pointer hover:bg-gray-50'), onClick: function () { return handleClickRow(item); } },
+                                numericalOrder && numericalOrder.enable && (react_1.default.createElement("td", { className: 'w-[80px] whitespace-nowrap pl-8 text-xs text-gray-900' }, index + 1)),
+                                bulkAction.enable && (react_1.default.createElement("td", { className: 'w-2 pl-6' },
+                                    react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: selectedRows.some(function (selected) { return selected.id === item.id; }), id: "checkbox_".concat(index), onChange: function () { return handleChecked(item); } }))),
+                                headers.map(function (header, indexHeader) { return (react_1.default.createElement("td", { key: header.key, className: (0, types_1.classNames)('whitespace-nowrap px-6 py-3 text-xs text-gray-900', indexHeader === 0 ? 'rounded-lg sm:px-8' : 'pl-8', indexHeader === 0 && !disableFirstColumnWidth && 'sm:w-16', index === paginatedData.length - 1 && isPagination && 'border-b') }, 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, { router: router, rowQuantity: rowQuantity, setCurrentPage: setCurrentPage, setRowQuantity: setRowQuantity }),
+            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(react_1.default.Fragment, null, isSearch ? (react_1.default.createElement("div", { className: 'shadow-sm rounded-lg border border-gray-300 border-opacity-70 bg-white' },
+        react_1.default.createElement(Search_1.default, { handleSearch: handleSearch, isHideSearch: isHideSearch, isSearch: isSearch, search: search, searchValue: searchValue, setIsHideSearch: setIsHideSearch, setIsSearch: setIsSearch, setSearchValue: setSearchValue }),
+        react_1.default.createElement(EmptySearchResult_1.default, null))) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'rounded-lg border' }))))));
 }
-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":"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"}
+{"version":3,"file":"TableStatic.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/TableStatic.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TableStatic"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,12 +1,12 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var ColumnInRowTable = function (_a) {
     var value = _a.value, itemBody = _a.itemBody;
     console.log('value:', value);
     console.log('item body', itemBody);
-    return react_1["default"].createElement("div", null, "12");
+    return react_1.default.createElement("div", null, "12");
 };
-exports["default"] = ColumnInRowTable;
+exports.default = ColumnInRowTable;
 //# sourceMappingURL=ColumnInRowTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnInRowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/ColumnInRowTable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,IAAM,gBAAgB,GAAG,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACzC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC5B,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;IAClC,OAAO,mDAAa,CAAA;AACtB,CAAC,CAAA;AACD,qBAAe,gBAAgB,CAAA"}
+{"version":3,"file":"ColumnInRowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/ColumnInRowTable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,IAAM,gBAAgB,GAAG,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACzC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC5B,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;IAClC,OAAO,gDAAa,CAAA;AACtB,CAAC,CAAA;AACD,kBAAe,gBAAgB,CAAA"}

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

@@ -1,17 +1,17 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EmptyRecord;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 function EmptyRecord() {
-    return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("div", { className: 'bg-white shadow sm:rounded-lg' },
-            react_1["default"].createElement("div", { className: 'flex flex-col' },
-                react_1["default"].createElement("div", { className: 'min-w-full px-6 py-2 pb-20 pt-20 align-middle md:px-6 md:pr-0 lg:px-8' },
-                    react_1["default"].createElement("div", { className: 'px-4 py-5 sm:p-6' },
-                        react_1["default"].createElement("div", { className: 'text-center' },
-                            react_1["default"].createElement("svg", { "aria-hidden": 'true', className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 48 48', xmlns: 'http://www.w3.org/2000/svg' },
-                                react_1["default"].createElement("path", { d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2 })),
-                            react_1["default"].createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "D\u1EEF li\u1EC7u \u0111ang tr\u1ED1ng"))))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'bg-white shadow sm:rounded-lg' },
+            react_1.default.createElement("div", { className: 'flex flex-col' },
+                react_1.default.createElement("div", { className: 'min-w-full px-6 py-2 pb-20 pt-20 align-middle md:px-6 md:pr-0 lg:px-8' },
+                    react_1.default.createElement("div", { className: 'px-4 py-5 sm:p-6' },
+                        react_1.default.createElement("div", { className: 'text-center' },
+                            react_1.default.createElement("svg", { "aria-hidden": 'true', className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 48 48', xmlns: 'http://www.w3.org/2000/svg' },
+                                react_1.default.createElement("path", { d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2 })),
+                            react_1.default.createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "D\u1EEF li\u1EC7u \u0111ang tr\u1ED1ng"))))))));
 }
-exports["default"] = EmptyRecord;
 //# sourceMappingURL=EmptyRecord.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/TableV3/EmptyRecord.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,WAAW;IACjC,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,+BAA+B;YAC5C,0CAAK,SAAS,EAAC,eAAe;gBAC5B,0CAAK,SAAS,EAAC,uEAAuE;oBACpF,0CAAK,SAAS,EAAC,kBAAkB;wBAC/B,0CAAK,SAAS,EAAC,aAAa;4BAC1B,yDACc,MAAM,EAClB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gCAElC,2CACE,CAAC,EAAC,mNAAmN,EACrN,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACE;4BACN,yCAAI,SAAS,EAAC,wCAAwC,6CAAwB,CAC1E,CACF,CACF,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC;AA/BD,iCA+BC"}
+{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/TableV3/EmptyRecord.tsx"],"names":[],"mappings":";;AAEA,8BA+BC;;AAjCD,wDAAyB;AAEzB,SAAwB,WAAW;IACjC,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,eAAe;gBAC5B,uCAAK,SAAS,EAAC,uEAAuE;oBACpF,uCAAK,SAAS,EAAC,kBAAkB;wBAC/B,uCAAK,SAAS,EAAC,aAAa;4BAC1B,sDACc,MAAM,EAClB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gCAElC,wCACE,CAAC,EAAC,mNAAmN,EACrN,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACE;4BACN,sCAAI,SAAS,EAAC,wCAAwC,6CAAwB,CAC1E,CACF,CACF,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC"}

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

@@ -1,17 +1,17 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EmptySearchResult;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 function EmptySearchResult(_a) {
     var className = _a.className;
-    return (react_1["default"].createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
-        react_1["default"].createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
-            react_1["default"].createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
-                react_1["default"].createElement("div", { className: 'flex flex-col gap-y-3 text-center' },
-                    react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-500', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
-                        react_1["default"].createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
-                    react_1["default"].createElement("p", { className: 'text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 t\u00ECm ki\u1EBFm"),
-                    react_1["default"].createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
+    return (react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
+        react_1.default.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
+            react_1.default.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
+                react_1.default.createElement("div", { className: 'flex flex-col gap-y-3 text-center' },
+                    react_1.default.createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-500', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1.default.createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
+                    react_1.default.createElement("p", { className: 'text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 t\u00ECm ki\u1EBFm"),
+                    react_1.default.createElement("p", { className: 'text-sm text-gray-600' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
 }
-exports["default"] = EmptySearchResult;
 //# sourceMappingURL=EmptySearchResult.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/TableV3/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,0CAAK,SAAS,EAAC,4FAA4F;YACzG,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,mCAAmC;oBAChD,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,wCAAG,SAAS,EAAC,mCAAmC,8DAA8B;oBAC9E,wCAAG,SAAS,EAAC,uBAAuB,gFAAsC,CACtE,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}
+{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/TableV3/EmptySearchResult.tsx"],"names":[],"mappings":";;AAMA,oCA2BC;;AAjCD,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,uCAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,uCAAK,SAAS,EAAC,4FAA4F;YACzG,uCAAK,SAAS,EAAC,2BAA2B;gBACxC,uCAAK,SAAS,EAAC,mCAAmC;oBAChD,uCACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,wCACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,qCAAG,SAAS,EAAC,mCAAmC,8DAA8B;oBAC9E,qCAAG,SAAS,EAAC,uBAAuB,gFAAsC,CACtE,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var types_1 = require("../types");
@@ -21,15 +21,15 @@ function HeaderTable(_a) {
         }
         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", { 
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("tr", null,
+            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' }, !selectedAllPeople.maxSelectedPeople && (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', 
+                react_1.default.createElement("label", { className: 'absolute left-4 top-1/2 -ml-2 -mt-4 p-2 hover:cursor-pointer sm:left-6' }, !selectedAllPeople.maxSelectedPeople && (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)]'
@@ -37,7 +37,7 @@ function HeaderTable(_a) {
                     ? '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, 
+                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) &&
@@ -47,8 +47,8 @@ function HeaderTable(_a) {
                         : '', 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, 
+                    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
@@ -64,9 +64,9 @@ function HeaderTable(_a) {
                         ? 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)));
+                    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)));
             }))));
 }
-exports["default"] = HeaderTable;
+exports.default = HeaderTable;
 //# sourceMappingURL=HeaderTable.js.map