phx-uikit 1.0.70 → 1.0.72

package/dist/cjs/components/SwitchView/SwitchView.js

@@ -0,0 +1,33 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXSwitchView = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+function PHXSwitchView(_a) {
+    var _b, _c;
+    var className = _a.className, dataSwitch = _a.dataSwitch, defaultTab = _a.defaultTab, getOnlyTitleOfSwitch = _a.getOnlyTitleOfSwitch, onClickSwitch = _a.onClickSwitch;
+    var defaultActive = dataSwitch ? (getOnlyTitleOfSwitch ? dataSwitch[0].id : dataSwitch[0].name) : null;
+    var _d = (0, react_1.useState)(defaultTab ? defaultTab : defaultActive), current = _d[0], setCurrent = _d[1];
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("div", { className: 'mb-4' },
+            react_1["default"].createElement("div", { className: 'sm:hidden' },
+                react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }),
+                react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) {
+                        setCurrent(e.target.value);
+                        getOnlyTitleOfSwitch === null || getOnlyTitleOfSwitch === void 0 ? void 0 : getOnlyTitleOfSwitch(e.target.value);
+                    } }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1["default"].createElement("option", { key: switchItem.name, value: switchItem.id || switchItem.name }, switchItem.name)); }))),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1 rounded-xl border border-gray-300 bg-[#F5F5F5] p-1 shadow' }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1["default"].createElement("button", { key: switchItem.name, className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current
+                        ? 'text-gray-950'
+                        : 'text-gray-500 hover:text-gray-700', 'group relative rounded-lg px-3 py-1.5 text-xs font-normal leading-4 focus:z-10'), onClick: function () {
+                        setCurrent(switchItem.id || switchItem.name);
+                        getOnlyTitleOfSwitch === null || getOnlyTitleOfSwitch === void 0 ? void 0 : getOnlyTitleOfSwitch(switchItem.id);
+                        onClickSwitch && onClickSwitch(switchItem);
+                    }, type: 'button' },
+                    react_1["default"].createElement("span", null, switchItem.name),
+                    react_1["default"].createElement("span", { "aria-hidden": 'true', className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current ? 'bg-gray-800' : 'bg-transparent', 'absolute inset-x-0 bottom-[-0.25rem] left-[0.1rem] h-[3px] rounded-t-md transition-colors duration-200 group-hover:bg-gray-400') }))); }))),
+            react_1["default"].createElement("div", { className: 'pt-4' }, dataSwitch && ((_c = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _c === void 0 ? void 0 : _c.component)))));
+}
+exports.PHXSwitchView = PHXSwitchView;
+//# sourceMappingURL=SwitchView.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ColumnInRowTable: ({ value, itemBody }: any) => React.JSX.Element;
+export default ColumnInRowTable;

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

@@ -0,0 +1,12 @@
+"use strict";
+exports.__esModule = 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");
+};
+exports["default"] = ColumnInRowTable;
+//# sourceMappingURL=ColumnInRowTable.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function EmptyRecord(): React.JSX.Element;

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

@@ -0,0 +1,17 @@
+"use strict";
+exports.__esModule = true;
+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"))))))));
+}
+exports["default"] = EmptyRecord;
+//# sourceMappingURL=EmptyRecord.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+export default function EmptySearchResult({ className }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+"use strict";
+exports.__esModule = true;
+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-500' }, "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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Dropdown_1 = require("../Dropdown");
+var optionNumber = [150, 125, 100, 75, 50, 25, 10];
+function PaginationSelected(_a) {
+    var rowQuantity = _a.rowQuantity, setIsChangeRowQty = _a.setIsChangeRowQty, setRowQuantity = _a.setRowQuantity;
+    var options = optionNumber.map(function (item) { return ({
+        content: item + '',
+        active: rowQuantity === item,
+        onClick: function () {
+            setRowQuantity(item);
+            setIsChangeRowQty(true);
+        }
+    }); });
+    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/TableV3/PaginaitonSelected.js.map

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,54 @@
+"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.__importDefault(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, pagination = _a.pagination, rowQuantity = _a.rowQuantity, count = _a.count;
+    var pages = [];
+    for (var i = 1; i <= totalPages; i++) {
+        pages.push(i);
+    }
+    var handleClickPage = function (page) {
+        handleChangePage(page);
+    };
+    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-[#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); } },
+        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("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;
+    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' },
+            "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/TableV3/Pagination.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, onChange, directDetail, numericalOrder, }: any) => React.JSX.Element;

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

@@ -0,0 +1,120 @@
+"use strict";
+exports.__esModule = true;
+exports.RowTable = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable prettier/prettier */
+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(' ');
+}
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+var RowTable = function (_a) {
+    var bodyIndex = _a.bodyIndex, brSetSelectedPeople = _a.brSetSelectedPeople, itemBody = _a.itemBody, // Là bản ghi record từng hàng
+    selectedAllPeople = _a.selectedAllPeople, selectedPeople = _a.selectedPeople, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, onChange = _a.onChange, directDetail = _a.directDetail, numericalOrder = _a.numericalOrder;
+    function renderInclude(person) {
+        return !!selectedPeople.find(function (select) { return select.id === person.id; });
+        // @ts-ignore
+        // return selectedPeople.includes(person)
+    }
+    var _b = (0, react_1.useState)(renderInclude(itemBody)), checked = _b[0], setChecked = _b[1];
+    (0, react_1.useEffect)(function () {
+        setChecked(renderInclude(itemBody));
+    }, [renderInclude(itemBody)]);
+    /**
+     * Kiểm tra có phải đang lấy dữ liệu bên trong 1 object khác hay không
+     * @param value
+     */
+    var nestedSplit = function (value) { return value.split('.'); };
+    var dataNestedSplit = nestedSplit(thBody[bodyIndex]);
+    /**
+     * Lấy value bên trong 1 object khác, hoặc lấy giá trị theo index mặc định
+     * ví dụ: customer.name hoặc customer.address.name
+     */
+    var renderValue = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var splitSize = dataNestedSplit.length;
+        var value = '';
+        switch (splitSize) {
+            case 1:
+                value = itemBody[thBody[bodyIndex]]; // itemBody[0], itemBody[1], itemBody[2], lấy value theo index của object javascript
+                break;
+            case 2:
+                value = (_a = itemBody[dataNestedSplit[0]]) === null || _a === void 0 ? void 0 : _a[dataNestedSplit[1]];
+                break;
+            case 3:
+                value = (_c = (_b = itemBody[dataNestedSplit[0]]) === null || _b === void 0 ? void 0 : _b[dataNestedSplit[1]]) === null || _c === void 0 ? void 0 : _c[dataNestedSplit[2]];
+                break;
+            case 4:
+                value = (_f = (_e = (_d = itemBody[dataNestedSplit[0]]) === null || _d === void 0 ? void 0 : _d[dataNestedSplit[1]]) === null || _e === void 0 ? void 0 : _e[dataNestedSplit[2]]) === null || _f === void 0 ? void 0 : _f[dataNestedSplit[3]];
+                break;
+            default:
+                break;
+        }
+        return {
+            value: thBodyFilter ? thBodyFilter(value) : value,
+            thBodyKey: thBody[bodyIndex]
+        };
+    };
+    var _c = renderValue(), thBodyKey = _c.thBodyKey, value = _c.value;
+    // Body component là 1 function hoặc là 1 value, nó sẽ là 1 function để callback ra ngoài để customize lại lớp render
+    // thBodyComponent = value
+    // thBodyComponent[thBodyKey]  = function(param1, param2)
+    var isFunctionRender = thBodyComponent ? thBodyComponent[thBodyKey] : undefined;
+    var renderKey = function () { return itemBody[thBody[bodyIndex]]; };
+    /**
+     * Kiểu render theo function đươợc truyền từ prod vào
+     * @param funcCallback
+     * @param value
+     * @param itemBody
+     */
+    var isRenderColumnInRow = function (funcCallback, _a) {
+        var value = _a.value, itemBody = _a.itemBody;
+        var isArray = Array.isArray(value);
+        if (!isArray) {
+            var result = funcCallback(value, itemBody);
+            return react_1["default"].createElement("td", { className: 'whitespace-nowrap pl-8 text-xs text-gray-900' }, result);
+        }
+        // Nếu là kiểu mảng thì return luôn function, vì trong function xử lý mảng bên ngoài phải trả về list <td>
+        return funcCallback(value, itemBody);
+    };
+    var handleChange = function (e) {
+        setChecked(e.target.checked);
+        brSetSelectedPeople(e.target.checked
+            ? // @ts-ignore
+             tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [itemBody], false) : selectedPeople.filter(function (p) { return p.id !== itemBody.id; }));
+        if (onChange)
+            onChange(e.target.checked
+                ? // @ts-ignore
+                 tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [itemBody], false) : selectedPeople.filter(function (p) { return p.id !== itemBody.id; }));
+    };
+    var handleDirectDetail = function (e, item) {
+        if (directDetail && directDetail.enable) {
+            e.stopPropagation();
+            directDetail.onClick(item);
+        }
+        else {
+            return;
+        }
+    };
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("td", { className: 'relative w-16 px-8' },
+            react_1["default"].createElement("input", { checked: checked, className: "".concat((itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school) ? 'hidden' : '', " absolute left-4 -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"), disabled: itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school, onChange: function (e) { return handleChange(e); }, onClick: function (e) { return e.stopPropagation(); }, type: 'checkbox', value: renderKey() }))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
+        bodyIndex === 0 && numericalOrder && numericalOrder.enable && (react_1["default"].createElement("td", { className: 'w-[10ch] whitespace-nowrap rounded-lg pl-8 text-xs text-gray-900' }, numericalOrder.order)),
+        bodyIndex === 1 ? (react_1["default"].createElement("td", { className: classNames('w-12 whitespace-nowrap rounded-lg px-6 py-3 pr-3 text-xs text-gray-900 sm:w-16 sm:px-8', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : 'px-8', directDetail && directDetail.enable ? 'cursor-pointer hover:underline' : ''), onClick: function (e) { return handleDirectDetail(e, itemBody); } }, isFunctionRender ? isFunctionRender(value, itemBody) : value)) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
+        bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody })) : (react_1["default"].createElement("td", { className: 'whitespace-nowrap rounded-lg pl-8 text-xs text-gray-900' }, value))) : (react_1["default"].createElement(react_1["default"].Fragment, null))));
+};
+exports.RowTable = RowTable;
+//# sourceMappingURL=RowTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,qDAAkD;AAElD,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED;;;;;;;;;GASG;AACI,IAAM,QAAQ,GAAG,UAAC,EAYnB;QAXJ,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EAAE,8BAA8B;IACxC,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAc,oBAAA;IAEd,SAAS,aAAa,CAAC,MAAW;QAChC,OAAO,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAvB,CAAuB,CAAC,CAAA;QAEtE,aAAa;QACb,yCAAyC;IAC3C,CAAC;IAEK,IAAA,KAAwB,IAAA,gBAAQ,EAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAxD,OAAO,QAAA,EAAE,UAAU,QAAqC,CAAA;IAE/D,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7B;;;OAGG;IACH,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAA;IACvD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,IAAM,WAAW,GAAG;;QAClB,IAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAA;QACxC,IAAI,KAAK,GAAG,EAAE,CAAA;QACd,QAAQ,SAAS,EAAE;YACjB,KAAK,CAAC;gBACJ,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA,CAAC,oFAAoF;gBACxH,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC1D,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAChF,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBACtG,MAAK;YACP;gBACE,MAAK;SACR;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;YACjD,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;SAC7B,CAAA;IACH,CAAC,CAAA;IAEK,IAAA,KAAuB,WAAW,EAAE,EAAlC,SAAS,eAAA,EAAE,KAAK,WAAkB,CAAA;IAE1C,qHAAqH;IACrH,0BAA0B;IAC1B,yDAAyD;IACzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAA3B,CAA2B,CAAA;IAEnD;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,UAAC,YAAiB,EAAE,EAAwB;YAAtB,KAAK,WAAA,EAAE,QAAQ,cAAA;QAC/D,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACpC,IAAI,CAAC,OAAO,EAAE;YACZ,IAAM,MAAM,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;YAC5C,OAAO,yCAAI,SAAS,EAAC,8CAA8C,IAAE,MAAM,CAAM,CAAA;SAClF;QAED,0GAA0G;QAC1G,OAAO,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAA;IACD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC5B,mBAAmB,CACjB,CAAC,CAAC,MAAM,CAAC,OAAO;YACd,CAAC,CAAC,aAAa;6DACT,cAAc,UAAE,QAAQ,UAC9B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,EAApB,CAAoB,CAAC,CAC5D,CAAA;QACD,IAAI,QAAQ;YACV,QAAQ,CACN,CAAC,CAAC,MAAM,CAAC,OAAO;gBACd,CAAC,CAAC,aAAa;iEACT,cAAc,UAAE,QAAQ,UAC9B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,EAApB,CAAoB,CAAC,CAC5D,CAAA;IACL,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,CAAM,EAAE,IAAS;QAC3C,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,EAAE;YACvC,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACG,SAAS,KAAK,CAAC,IAAI,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAClE,yCAAI,SAAS,EAAC,oBAAoB;YAChC,4CACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UACT,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,wKAC2H,EACrK,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAClC,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,EAAf,CAAe,EACrC,OAAO,EAAE,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACxC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,SAAS,EAAE,GAClB,CACC,CACN,CAAC,CAAC,CAAC,CACF,mEAAK,CACN;QAEA,SAAS,KAAK,CAAC,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,IAAI,CAC7D,yCAAI,SAAS,EAAC,kEAAkE,IAAE,cAAc,CAAC,KAAK,CAAM,CAC7G;QACA,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,yCACE,SAAS,EAAE,UAAU,CACnB,wFAAwF,EACxF,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC/D,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAC5E,EACD,OAAO,EAAE,UAAC,CAAM,IAAK,OAAA,kBAAkB,CAAC,CAAC,EAAE,QAAQ,CAAC,EAA/B,CAA+B,IAEnD,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAC1D,CACN,CAAC,CAAC,CAAC,CACF,mEAAK,CACN;QAEA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,gBAAgB,CAAC,CAAC,CAAC,CACjB,mBAAmB,CAAC,gBAAgB,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAC3D,CAAC,CAAC,CAAC,CACF,yCAAI,SAAS,EAAC,yDAAyD,IAAE,KAAK,CAAM,CACrF,CACF,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAjKY,QAAA,QAAQ,YAiKpB"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface ISelectSortProps {
+    sortItem: any;
+    activeMenu: any;
+    selectArray: Array<any>;
+    onChangeSelect(item: any, columnName: string): void;
+}
+declare const SelectSort: FC<ISelectSortProps>;
+export default SelectSort;

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

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_2 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var SelectSort = function (_a) {
+    var _b, _c;
+    var activeMenu = _a.activeMenu, onChangeSelect = _a.onChangeSelect, selectArray = _a.selectArray, sortItem = _a.sortItem;
+    return (react_2["default"].createElement(react_1.Menu, { key: sortItem.id, as: 'div', className: 'relative mr-2 inline-block text-left ' },
+        react_2["default"].createElement("div", null,
+            react_2["default"].createElement(react_1.Menu.Button, { className: 'flex min-w-max items-center rounded-lg bg-white py-1 pl-3 pr-2 text-xs font-normal text-gray-900 shadow-sm outline-dashed outline-1 outline-[#ebebeb] transition-all hover:bg-gray-50 hover:outline active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:pl-2 sm:pr-[6px]' },
+                selectArray.length > 0
+                    ? (_c = (_b = selectArray.find(function (selectItem) { return selectItem.columnName === sortItem.field; })) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : sortItem.name
+                    : sortItem.name,
+                "\u00A0",
+                react_2["default"].createElement(solid_1.ChevronDownIcon, { "aria-hidden": 'true', className: 'h-3 w-3' }))),
+        react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+            react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute max-h-96 overflow-y-auto left-0 z-10 mt-2 w-32 min-w-max origin-top-right rounded-md bg-white px-1 ring-1 ring-black ring-opacity-5 drop-shadow-lg' },
+                react_2["default"].createElement("div", { className: 'flex flex-col items-start  py-1 ' }, sortItem.selectData.map(function (item) { return (react_2["default"].createElement(react_1.Menu.Item, { key: item.id }, function (_a) {
+                    var active = _a.active;
+                    return (react_2["default"].createElement("button", { className: (0, types_1.classNames)(active || activeMenu === item.id ? 'bg-gray-200 text-[#303030]' : 'text-gray-700', 'bg-gray-200" my-[1px] block w-full min-w-max  cursor-pointer rounded-lg border-gray-300 px-2  py-2 text-left  text-xs font-medium text-gray-700 transition-all hover:bg-gray-200  sm:text-xs'), onClick: function () { return onChangeSelect(item, sortItem.field); }, type: 'button' }, item.name));
+                })); }))))));
+};
+exports["default"] = SelectSort;
+//# sourceMappingURL=SelectSort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSort.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectSort.tsx"],"names":[],"mappings":";;;AAAA,2CAAoD;AACpD,mDAA2D;AAC3D,qDAA2C;AAC3C,kCAAqC;AASrC,IAAM,UAAU,GAAyB,UAAC,EAAqD;;QAAnD,UAAU,gBAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CAClG,iCAAC,YAAI,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uCAAuC;QAChF;YACE,iCAAC,YAAI,CAAC,MAAM,IAAC,SAAS,EAAC,kSAAkS;gBACtT,WAAW,CAAC,MAAM,GAAG,CAAC;oBACrB,CAAC,CAAC,MAAA,MAAA,WAAW,CAAC,IAAI,CAAC,UAAC,UAAe,IAAK,OAAA,UAAU,CAAC,UAAU,KAAK,QAAQ,CAAC,KAAK,EAAxC,CAAwC,CAAC,0CAAE,IAAI,mCAAI,QAAQ,CAAC,IAAI;oBACxG,CAAC,CAAC,QAAQ,CAAC,IAAI;;gBAEjB,iCAAC,uBAAe,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC9C,CACV;QAEN,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;YAEtC,iCAAC,YAAI,CAAC,KAAK,IAAC,SAAS,EAAC,6JAA6J;gBACjL,0CAAK,SAAS,EAAC,kCAAkC,IAC9C,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACtC,iCAAC,YAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IACpB,UAAC,EAAU;wBAAR,MAAM,YAAA;oBAAO,OAAA,CACf,6CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,IAAI,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,eAAe,EACjF,8LAA8L,CAC/L,EACD,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAApC,CAAoC,EACnD,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,IAAI,CACH,CACV;gBAXgB,CAWhB,CACS,CACb,EAfuC,CAevC,CAAC,CACE,CACK,CACF,CACR,CACR,CAAA;CAAA,CAAA;AACD,qBAAe,UAAU,CAAA"}

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ComplexAction } from '../types';
+import { IEmptyStateAction } from '../EmptyStateAction';
 export interface MainTableProps {
     paginationData: any;
     sortData: any;
@@ -36,8 +37,6 @@ export interface MainTableProps {
     setAggregate?: any;
     sortSelectData?: any;
     selectArray?: any;
-    graphqlEndpoint?: string;
-    graphqlKey?: string;
     pagination?: any;
     routerCondition?: {
         link: string;
@@ -65,6 +64,10 @@ export interface MainTableProps {
         enable: boolean;
         title: string | any;
     };
-    databaseName?: string;
+    isQueryDataCenter?: boolean;
+    isSortEmpty?: boolean;
+    emptyStateAction?: IEmptyStateAction & {
+        enable: boolean;
+    };
 }
-export declare function PHXTableV3({ actionName, clickRow, clickType, editActionLink, graphqlEndpoint, selectedBtn, slectedTitle, hidePagination, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, setAggregate, setHeaderLoading, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, directDetail, filterLoading, fixedTableLayout, databaseName, }: Readonly<MainTableProps>): React.JSX.Element;
+export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, }: Readonly<MainTableProps>): React.JSX.Element;