phx-react 1.3.1

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

@@ -0,0 +1,59 @@
+"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;
+    var pages = [];
+    for (var i = 1; i <= totalPages; i++) {
+        pages.push(i);
+    }
+    var handleClickPage = function (page) {
+        handleChangePage(page);
+    };
+    var PreviousPage = function () { return (react_1["default"].createElement("a", { className: classNames('relative inline-flex cursor-pointer items-center rounded-l-md px-3 pb-1.5 pt-0.5 text-gray-900 ring-1 ring-inset ring-gray-300 focus:z-20 focus:outline-offset-0', currentPage === 1 ? '' : 'hover:bg-gray-50'), 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('h-2.5 w-2.5', currentPage === 1 ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
+    var NextPage = function () { return (react_1["default"].createElement("a", { className: classNames('relative inline-flex cursor-pointer items-center rounded-r-md px-3 pb-1.5 pt-0.5 text-gray-900 ring-1 ring-inset ring-gray-300 focus:z-20 focus:outline-offset-0', currentPage === totalPages ? '' : 'hover:bg-gray-50'), 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('h-2.5 w-2.5', currentPage === totalPages ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
+    var ActivePageMaker = function (_a) {
+        var page = _a.page;
+        return (react_1["default"].createElement("span", { key: page, className: ' relative z-10 inline-flex cursor-pointer items-center bg-indigo-800 px-4 text-xs font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-800' }, page));
+    };
+    var RenderPageMaker = function (_a) {
+        var page = _a.page;
+        return (react_1["default"].createElement("a", { className: 'relative inline-flex cursor-pointer items-center px-4 text-xs font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0', onClick: function () { return handleChangePage(page); } }, page));
+    };
+    var BreakDotMaker = function () { return (react_1["default"].createElement("a", { className: 'relative inline-flex cursor-pointer items-center px-4 text-xs text-gray-700 text-gray-900 ring-1 ring-inset ring-gray-300 focus:outline-offset-0' }, "...")); };
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white shadow-sm' },
+            react_1["default"].createElement(PreviousPage, null),
+            pages.map(function (page) {
+                var pageIndex = pages.indexOf(page);
+                var currentPageIndex = pages.indexOf(currentPage);
+                var isConditionRenderPage = page >= currentPage - 1 && page <= currentPage + 1;
+                var isCondiRenderBreakMakerAfter = pageIndex > currentPageIndex && page < currentPage + 3;
+                var isCondiRenderBreakMakerBefore = pageIndex < currentPageIndex && page > currentPage - 3;
+                if (page === currentPage)
+                    return react_1["default"].createElement(ActivePageMaker, { key: page, page: page });
+                if (page === 1 || page === totalPages || isConditionRenderPage)
+                    return react_1["default"].createElement(RenderPageMaker, { page: page });
+                if (isCondiRenderBreakMakerAfter || isCondiRenderBreakMakerBefore)
+                    return react_1["default"].createElement(BreakDotMaker, { key: page });
+            }),
+            react_1["default"].createElement(NextPage, null))));
+};
+exports["default"] = Pagination;
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Table/Pagination.tsx"],"names":[],"mappings":";;;AAAA,0EAA6E;AAC7E,oEAAgE;AAChE,wDAAyB;AAEzB,SAAS,UAAU;IAAC,iBAAmC;SAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;QAAnC,4BAAmC;;IACrD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED,IAAM,UAAU,GAAG,UAAC,EAAkD;QAAhD,WAAW,iBAAA,EAAE,gBAAgB,sBAAA,EAAE,UAAU,gBAAA;IAC7D,IAAM,KAAK,GAAkB,EAAE,CAAA;IAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KACd;IAED,IAAM,eAAe,GAAG,UAAC,IAAY;QACnC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,wCACE,SAAS,EAAE,UAAU,CACnB,kKAAkK,EAClK,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAC5C,EACD,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,WAAW,GAAG,CAAC,CAAC,EAAhC,CAAgC;QAE/C;YACE,2CAAM,SAAS,EAAC,SAAS,eAAgB;YACzC,iCAAC,mCAAe,IACd,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAC3F,IAAI,EAAE,kCAAW,GACjB,CACA,CACF,CACL,EAhB0B,CAgB1B,CAAA;IAED,IAAM,QAAQ,GAAG,cAAM,OAAA,CACrB,wCACE,SAAS,EAAE,UAAU,CACnB,kKAAkK,EAClK,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CACrD,EACD,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,WAAW,GAAG,CAAC,CAAC,EAAhC,CAAgC;QAE/C;YACE,2CAAM,SAAS,EAAC,SAAS,WAAY;YACrC,iCAAC,mCAAe,IACd,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EACpG,IAAI,EAAE,mCAAY,GAClB,CACA,CACF,CACL,EAhBsB,CAgBtB,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,EAAa;YAAX,IAAI,UAAA;QAAY,OAAA,CACzC,2CACE,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,qOAAqO,IAE9O,IAAI,CACA,CACR;IAP0C,CAO1C,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,EAAa;YAAX,IAAI,UAAA;QAAY,OAAA,CACzC,wCACE,SAAS,EAAC,8KAA8K,EACxL,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,IAEpC,IAAI,CACH,CACL;IAP0C,CAO1C,CAAA;IAED,IAAM,aAAa,GAAG,cAAM,OAAA,CAC1B,wCAAG,SAAS,EAAC,kJAAkJ,UAE3J,CACL,EAJ2B,CAI3B,CAAA;IAED,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,+DAA+D;YAC5E,iCAAC,YAAY,OAAG;YAEf,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI;gBACd,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBACrC,IAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gBACnD,IAAM,qBAAqB,GAAG,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,WAAW,GAAG,CAAC,CAAA;gBAChF,IAAM,4BAA4B,GAAG,SAAS,GAAG,gBAAgB,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC,CAAA;gBAC3F,IAAM,6BAA6B,GAAG,SAAS,GAAG,gBAAgB,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC,CAAA;gBAC5F,IAAI,IAAI,KAAK,WAAW;oBAAE,OAAO,iCAAC,eAAe,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;gBAC3E,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,UAAU,IAAI,qBAAqB;oBAAE,OAAO,iCAAC,eAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;gBACtG,IAAI,4BAA4B,IAAI,6BAA6B;oBAAE,OAAO,iCAAC,aAAa,IAAC,GAAG,EAAE,IAAI,GAAI,CAAA;YACxG,CAAC,CAAC;YAEF,iCAAC,QAAQ,OAAG,CACR,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,qBAAe,UAAU,CAAA"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param editActionLink
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, }: any) => JSX.Element;

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

@@ -0,0 +1,91 @@
+"use strict";
+exports.__esModule = true;
+exports.RowTable = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable prettier/prettier */
+// import Link from 'next/link';
+var navigation_1 = require("next/navigation");
+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(' ');
+}
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param editActionLink
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+var RowTable = function (_a) {
+    var bodyIndex = _a.bodyIndex, 
+    // editActionLink,
+    brSetSelectedPeople = _a.brSetSelectedPeople, itemBody = _a.itemBody, selectedAllPeople = _a.selectedAllPeople, selectedPeople = _a.selectedPeople, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter;
+    function renderInclude(person) {
+        // @ts-ignore
+        return selectedPeople.includes(person);
+    }
+    /**
+     * 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]);
+    var pathname = (0, navigation_1.usePathname)();
+    /**
+     * 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]];
+                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 _b = renderValue(), thBodyKey = _b.thBodyKey, value = _b.value;
+    var bodyComponent = thBodyComponent ? thBodyComponent[thBodyKey] : undefined;
+    var renderKey = function () { return itemBody[thBody[bodyIndex]]; };
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("td", { className: 'relative w-12 px-6 w-16 px-8' },
+            renderInclude(itemBody) && react_1["default"].createElement("div", { className: 'absolute inset-y-0 left-0 w-0.5 bg-indigo-600' }),
+            react_1["default"].createElement("input", { checked: renderInclude(itemBody), className: 'absolute left-4 -mt-2 block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: function (e) {
+                    return brSetSelectedPeople(e.target.checked
+                        ? // @ts-ignore
+                         tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [itemBody], false) : selectedPeople.filter(function (p) { return p !== itemBody; }));
+                }, onClick: function (e) { return e.stopPropagation(); }, type: 'checkbox', value: renderKey() }))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
+        bodyIndex === 1 ? (react_1["default"].createElement("td", { className: classNames('w-12 whitespace-nowrap px-6 py-3 pr-3 text-sm text-xs font-medium text-gray-900 sm:w-16 sm:px-8', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : 'px-8', renderInclude(itemBody) ? 'text-indigo-600' : 'text-gray-900') }, bodyComponent ? (bodyComponent(value, itemBody)) : pathname === '/warehouse/list' ? (react_1["default"].createElement(react_1["default"].Fragment, null, value)) : (
+        // <Link
+        //   className="hover:text-indigo-700"
+        //   href={`${editActionLink}${itemBody.id}`}
+        // >
+        react_1["default"].createElement(react_1["default"].Fragment, null, value)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
+        bodyIndex > 1 ? (react_1["default"].createElement("td", { className: 'whitespace-nowrap pl-8 text-xs text-gray-500' }, bodyComponent ? bodyComponent(value, itemBody) : value)) : (react_1["default"].createElement(react_1["default"].Fragment, null))));
+};
+exports.RowTable = RowTable;
+//# sourceMappingURL=RowTable.js.map

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

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

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface MainTableProps {
+    paginationData: any;
+    sortData: any;
+    list: {
+        keyResult: string;
+        query: string;
+    } | any;
+    thHeader: Array<any>;
+    thBody: Array<any>;
+    thBodyComponent?: object;
+    thBodyFilter?: () => any;
+    editActionLink?: string;
+    search: {
+        enable: boolean;
+        keyResult: string;
+        query: string;
+    } | any;
+    selectedAllPeople?: {
+        enable: boolean;
+        title: string;
+    } | any;
+    actionName?: any;
+    sort?: {
+        enable?: boolean;
+        defaultActive?: string;
+        sortList?: Array<any>;
+    } | any;
+    clickRow?: boolean;
+    router: any;
+    pathname: any;
+}
+export declare function PHXTable({ actionName, editActionLink, list, paginationData, search, selectedAllPeople, sortData, thBody, thBodyComponent, thBodyFilter, thHeader, sort, clickRow, router, pathname, }: MainTableProps): JSX.Element;

package/dist/cjs/components/Table/Table.js

@@ -0,0 +1,252 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+exports.PHXTable = void 0;
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var Button_1 = require("../Button");
+var react_1 = tslib_1.__importStar(require("react"));
+var EmptyRecord_1 = tslib_1.__importDefault(require("./EmptyRecord"));
+var EmptySearchResult_1 = tslib_1.__importDefault(require("./EmptySearchResult"));
+var SkeletonLarge_1 = require("../Skeleton/SkeletonLarge");
+var Pagination_1 = tslib_1.__importDefault(require("./Pagination"));
+var RowTable_1 = require("./RowTable");
+var react_2 = require("@headlessui/react");
+var sort_1 = tslib_1.__importDefault(require("./sort"));
+var solid_1 = require("@heroicons/react/24/solid");
+var types_1 = require("../types");
+var Loading_1 = require("../Loading");
+var apollo_wrapper_1 = require("../../lib/apollo-wrapper");
+function PHXTable(_a) {
+    var _this = this;
+    var actionName = _a.actionName, editActionLink = _a.editActionLink, list = _a.list, paginationData = _a.paginationData, search = _a.search, selectedAllPeople = _a.selectedAllPeople, sortData = _a.sortData, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeader = _a.thHeader, sort = _a.sort, _b = _a.clickRow, clickRow = _b === void 0 ? true : _b, router = _a.router, pathname = _a.pathname;
+    var checkbox = (0, react_1.useRef)();
+    var _c = (0, react_1.useState)(false), checked = _c[0], setChecked = _c[1];
+    var _d = (0, react_1.useState)(false), indeterminate = _d[0], setIndeterminate = _d[1];
+    var _e = (0, react_1.useState)(true), isMainLoading = _e[0], setIsMainLoading = _e[1];
+    var _f = (0, react_1.useState)([]), dataTable = _f[0], setDataTable = _f[1];
+    var _g = (0, react_1.useState)(''), searchValue = _g[0], setSearchValue = _g[1];
+    var _h = (0, react_1.useState)([]), selectedPeople = _h[0], setSelectedPeople = _h[1];
+    var _j = (0, react_1.useState)(false), isSearchLoading = _j[0], setIsSearchLoading = _j[1];
+    var _k = (0, react_1.useState)([]), searchDataResult = _k[0], setSearchDataResult = _k[1];
+    var _l = (0, react_1.useState)(null), timer = _l[0], setTimer = _l[1];
+    var _m = (0, react_1.useState)(0), pagi = _m[0], setPagi = _m[1];
+    var _o = (0, react_1.useState)(0), count = _o[0], setCount = _o[1];
+    var timKiemPlacholder = 'Tìm kiếm';
+    var _p = (0, react_1.useState)(false), isSearch = _p[0], setIsSearch = _p[1];
+    var _q = (0, react_1.useState)(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _q[0], setActiveMenu = _q[1];
+    var dataQuery = (0, client_1.gql)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), list.query);
+    var fetchData = (0, client_1.useLazyQuery)(dataQuery, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var filterQuery = function (query, value) { return query.replace(/@value/g, value); };
+    var searchQuery = search ? filterQuery(search.query, searchValue) : '';
+    var searchDataQuery = (0, client_1.gql)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), searchQuery);
+    var fetchSearchData = (0, client_1.useLazyQuery)(searchDataQuery, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var getData = function (option) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var startTime, result, data, endTime, duration;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, option()];
+                case 1:
+                    result = _a.sent();
+                    data = result.data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 200); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    }); };
+    var bindDataToTable = function (dataTable) {
+        // @ts-ignore
+        var data = tslib_1.__spreadArray([], dataTable, true);
+        setDataTable(data);
+        setSearchDataResult(data);
+    };
+    var _r = (0, react_1.useState)(''), previousValue = _r[0], setPreviousValue = _r[1];
+    var _s = (0, react_1.useState)(1), currentPage = _s[0], setCurrentPage = _s[1];
+    var handleChangePage = function (page) {
+        if (page > 0 && page <= Math.ceil(count / 10)) {
+            setCurrentPage(page);
+            setPagi(page - 1);
+            paginationData(page - 1);
+        }
+    };
+    (0, react_1.useLayoutEffect)(function () {
+        var isIndeterminate = selectedPeople.length > 0 && selectedPeople.length < dataTable.length;
+        setChecked(selectedPeople.length === dataTable.length && dataTable.length > 0);
+        setIndeterminate(isIndeterminate);
+        // @ts-ignore
+        if (checkbox.current) {
+            checkbox.current.indeterminate = isIndeterminate;
+        }
+    }, [selectedPeople]);
+    function toggleAll() {
+        // @ts-ignore
+        setSelectedPeople(checked || indeterminate ? [] : dataTable);
+        setChecked(!checked && !indeterminate);
+        setIndeterminate(false);
+    }
+    function brSetSelectedPeople(value) {
+        setSelectedPeople(value);
+    }
+    function renderInclude(person) {
+        // @ts-ignore
+        return selectedPeople.includes(person);
+    }
+    (0, react_1.useEffect)(function () {
+        if (searchValue === '') {
+            getData(fetchData).then(function (data) {
+                setIsMainLoading(true);
+                var dataTable = list.keyResult;
+                var countPage = list.keyResult + '_aggregate';
+                bindDataToTable(data[dataTable]);
+                setCount(data[countPage].aggregate.count);
+                setIsMainLoading(false);
+            });
+        }
+        else if (searchValue) {
+            // @ts-ignore
+            clearTimeout(timer);
+            var newTimer = setTimeout(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                var data, dataTable, countPage;
+                return tslib_1.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            setIsSearchLoading(true);
+                            return [4 /*yield*/, getData(fetchSearchData)];
+                        case 1:
+                            data = _a.sent();
+                            dataTable = search.keyResult;
+                            countPage = search.keyResult + '_aggregate';
+                            setCount(data[countPage].aggregate.count);
+                            if (previousValue !== searchValue) {
+                                setCurrentPage(1);
+                            }
+                            setSearchDataResult(data[dataTable]);
+                            setIsSearchLoading(false);
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, 500);
+            // @ts-ignore
+            setTimer(newTimer);
+        }
+    }, [pagi, sortData, searchValue]);
+    function searchChange(e) {
+        var value = e.target.value;
+        setSearchValue(value);
+        paginationData(0);
+        if (value !== previousValue) {
+            setPreviousValue(value);
+        }
+        if (value.trim().length === 0) {
+            setSearchDataResult(dataTable);
+            setCurrentPage(1);
+        }
+    }
+    var sortOnChange = function (item) {
+        sortData(item.field, item.sortDirection);
+        setActiveMenu(item.id);
+    };
+    var actionClickAll = function () {
+        actionName(selectedPeople, true);
+    };
+    return (react_1["default"].createElement(apollo_wrapper_1.ApolloWrapper, null, isMainLoading ? (react_1["default"].createElement(SkeletonLarge_1.PHXSkeletonLarge, null)) : (react_1["default"].createElement(react_1["default"].Fragment, null, dataTable.length > 0 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: 'overflow-hidden bg-white shadow ring-1 ring-black ring-opacity-5 rounded-lg' },
+            react_1["default"].createElement("div", { className: 'flex flex-col' },
+                react_1["default"].createElement("div", { className: 'min-w-full align-middle' },
+                    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 border-b bg-white px-3 py-1 pl-5 ring-opacity-5', !sort || !sort.enable ? 'mb-2' : '') },
+                            react_1["default"].createElement("div", { className: 'relative mr-2 w-11/12' },
+                                react_1["default"].createElement("input", { 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', onInput: searchChange, placeholder: timKiemPlacholder, type: 'text', value: searchValue })),
+                            react_1["default"].createElement("div", { className: 'flex w-14 justify-center pt-1' }, isSearchLoading ? 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 () {
+                                        setIsSearch(false);
+                                        setSearchValue('');
+                                    }, type: 'button' }, "Cancel")))),
+                    react_1["default"].createElement("div", { className: (0, types_1.classNames)((sort && sort.enable) || (search && search.enable)
+                            ? 'mb-2 flex flex-row items-center sm:justify-between justify-end rounded-tl-lg rounded-tr-lg bg-white px-3 py-1.5 pl-8 ring-opacity-5'
+                            : '', isSearch && (!sort || !sort.enable) ? 'hidden' : '') },
+                        sort && sort.enable ? (react_1["default"].createElement(sort_1["default"], { activeMenu: activeMenu, className: 'w-11/12', onChange: sortOnChange, sortList: sort.sortList })) : null,
+                        search && search.enable && (react_1["default"].createElement("div", null, !isSearch && (react_1["default"].createElement("button", { className: 'flex rounded-lg bg-white ml-1 sm:ml-0 px-2 py-1 text-xs font-normal text-gray-900 shadow-sm 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]', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                            react_1["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'mr-1 h-4 w-4' }),
+                            react_1["default"].createElement(solid_1.Bars3CenterLeftIcon, { className: 'h-4 w-4' }))))))),
+                searchDataResult.length > 0 && !isMainLoading ? (react_1["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
+                    react_1["default"].createElement("div", { className: 'min-w-full pb-2 align-middle shadow ring-black ring-opacity-5' },
+                        react_1["default"].createElement("div", { className: (0, types_1.classNames)('relative overflow-auto ring-1 ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'mt-1.5') },
+                            react_1["default"].createElement(react_1["default"].Fragment, null, selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement(react_1["default"].Fragment, null, selectedPeople.length > 0 && (react_1["default"].createElement("div", { className: 'absolute left-12 top-2 flex h-10 items-center space-x-3 bg-gray-50 sm:left-16' },
+                                react_1["default"].createElement(Button_1.PHXButton, { onClick: actionClickAll, secondary: true, size: 'micro' }, selectedAllPeople.title))))) : null),
+                            react_1["default"].createElement("table", { className: (0, types_1.classNames)('border-t', 
+                                // @ts-ignore
+                                thHeader.length < 5
+                                    ? 'w-full table-fixed divide-y divide-gray-300'
+                                    : 'min-w-full table-fixed divide-y divide-gray-300') },
+                                react_1["default"].createElement("thead", null,
+                                    react_1["default"].createElement("tr", null,
+                                        selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("th", { className: 'relative w-12 bg-gray-50 px-6 sm:w-16 sm:px-8', scope: 'col' },
+                                            react_1["default"].createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))) : null,
+                                        thHeader.map(function (item, index) {
+                                            return index === 0 ? (react_1["default"].createElement("th", { key: index, className: 'min-w-[160px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, item)) : (react_1["default"].createElement("th", { key: index, className: 'min-w-[135px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, item));
+                                        }))),
+                                react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
+                                    ? dataTable.map(function (item) { return (
+                                    // @ts-ignore
+                                    react_1["default"].createElement("tr", { key: item.id, className: (0, types_1.classNames)(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (pathname === '/admissions/exam/list') {
+                                                    if (item.status_survey_exam === 1) {
+                                                        router.push("".concat(editActionLink).concat(item.id));
+                                                    }
+                                                    else {
+                                                        router.push("".concat(editActionLink, "checking/").concat(item.id));
+                                                    }
+                                                }
+                                                else {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (react_1["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); })
+                                    : searchDataResult.map(function (item) { return (
+                                    // @ts-ignore
+                                    react_1["default"].createElement("tr", { key: item.id, className: (0, types_1.classNames)(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (pathname === '/admissions/exam/list') {
+                                                    if (item.status_survey_exam === 1) {
+                                                        router.push("".concat(editActionLink).concat(item.id));
+                                                    }
+                                                    else {
+                                                        router.push("".concat(editActionLink, "checking/").concat(item.id));
+                                                    }
+                                                }
+                                                else {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (react_1["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent })); }))); }))))))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                    react_1["default"].createElement(EmptySearchResult_1["default"], null))))),
+        react_1["default"].createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-gray-200 border-transparent py-2' },
+            react_1["default"].createElement(Pagination_1["default"], { currentPage: currentPage, handleChangePage: handleChangePage, totalPages: Math.ceil(count / 10) })))) : (react_1["default"].createElement(EmptyRecord_1["default"], null))))));
+}
+exports.PHXTable = PHXTable;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Table.js.map

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

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

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

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

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

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

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

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

package/dist/cjs/components/Table/sort.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Sort({ activeMenu, className, onChange, sortList }: any): JSX.Element;
+export default Sort;

package/dist/cjs/components/Table/sort.js

@@ -0,0 +1,33 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+/* eslint-disable react/button-has-type */
+var react_1 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var react_2 = 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(' ');
+}
+function Sort(_a) {
+    var activeMenu = _a.activeMenu, className = _a.className, onChange = _a.onChange, sortList = _a.sortList;
+    return (react_2["default"].createElement(react_2["default"].Fragment, null,
+        react_2["default"].createElement("div", { className: "".concat(className, " hidden sm:block") }, sortList.map(function (item) { return (react_2["default"].createElement("button", { key: item.id, className: classNames('mr-1 inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', activeMenu === item.id ? 'bg-gray-200' : 'bg-transparent'), onClick: function () { return onChange(item); } }, item.name)); })),
+        react_2["default"].createElement(react_1.Menu, { as: 'div', className: 'relative inline-block text-left sm:hidden' },
+            react_2["default"].createElement("div", null,
+                react_2["default"].createElement(react_1.Menu.Button, { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 shadow-sm 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]' },
+                    react_2["default"].createElement(solid_1.ArrowsUpDownIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))),
+            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 right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none' },
+                    react_2["default"].createElement("div", { className: 'py-1' }, sortList.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("a", { onClick: function () { return onChange(item); }, className: classNames(active || activeMenu === item.id ? 'text-indigo-600' : 'text-gray-700', 'block px-4 py-2 text-sm cursor-pointer text-xs') }, item.name));
+                        }));
+                    })))))));
+}
+exports["default"] = Sort;
+//# sourceMappingURL=sort.js.map

package/dist/cjs/components/Table/sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.js","sourceRoot":"","sources":["../../../../src/components/Table/sort.tsx"],"names":[],"mappings":";;;AAAA,0CAA0C;AAC1C,2CAAoD;AACpD,mDAA4D;AAC5D,qDAAuC;AAEvC,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,SAAS,IAAI,CAAC,EAAkD;QAAhD,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACvD,OAAO,CACL;QACE,0CAAK,SAAS,EAAE,UAAG,SAAS,qBAAkB,IAC3C,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,6CACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,wHAAwH,EACxH,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAC1D,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,IAE5B,IAAI,CAAC,IAAI,CACH,CACV,EAX4B,CAW5B,CAAC,CACE;QAEN,iCAAC,YAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,2CAA2C;YAClE;gBACE,iCAAC,YAAI,CAAC,MAAM,IAAC,SAAS,EAAC,gPAAgP;oBACrQ,iCAAC,wBAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC/C,CACV;YAEN,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;gBAEtC,iCAAC,YAAI,CAAC,KAAK,IAAC,SAAS,EAAC,oIAAoI;oBACxJ,0CAAK,SAAS,EAAC,MAAM,IAClB,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS;wBACtB,OAAO,CACL,iCAAC,YAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IACpB,UAAC,EAAU;gCAAR,MAAM,YAAA;4BAAO,OAAA,CACf,wCACE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAC7B,SAAS,EAAE,UAAU,CACnB,MAAM,IAAI,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,EACtE,gDAAgD,CACjD,IAEA,IAAI,CAAC,IAAI,CACR,CACL;wBAVgB,CAUhB,CACS,CACb,CAAA;oBACH,CAAC,CAAC,CACE,CACK,CACF,CACR,CACN,CACJ,CAAA;AACH,CAAC;AAED,qBAAe,IAAI,CAAA"}