phx-uikit 1.0.50 → 1.0.53

package/dist/cjs/components/Func/clientMutationV3.d.ts

@@ -1,6 +1,5 @@
-import axios from 'axios';
 export default function PHXClientMutationV3({ query, variables, isDelay, }: {
     query: string;
     variables?: object;
     isDelay?: boolean;
-}): Promise<axios.AxiosResponse<any, any>>;
+}): Promise<import("axios").AxiosResponse<any, any>>;

package/dist/cjs/components/Func/clientQueryV3.d.ts

@@ -1,6 +1,5 @@
-import axios from 'axios';
 export default function PHXClientQueryV3({ query, variables, isDelay, }: {
     query: string;
     variables?: object;
     isDelay?: boolean;
-}): Promise<axios.AxiosResponse<any, any>>;
+}): Promise<import("axios").AxiosResponse<any, any>>;

package/dist/cjs/components/LoginV3/LoginV3.js

@@ -29,7 +29,7 @@ var PHXLoginV3 = function (props) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
-                    return [4 /*yield*/, fetch("".concat(uri, "/authen/login"), {
+                    return [4 /*yield*/, fetch("".concat(uri, "/authen/login-v3"), {
                             headers: {
                                 'Content-Type': 'application/json'
                             },

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 export interface NotificationsProps {
     className?: string;
     show?: boolean;
-    type?: 'add' | 'edit' | 'delete' | 'custom';
+    type?: 'add' | 'edit' | 'delete' | 'custom' | '';
     customMessage?: string;
     failure?: boolean;
     onHide?: any;

package/dist/cjs/components/Notifications/Notifications.js

@@ -27,9 +27,6 @@ var PHXNotifications = function (_a) {
     }, [failure]);
     var hideNotify = function () {
         setNotify(false);
-        setTimeout(function () {
-            setIsFailure(false);
-        }, 200);
         if (onHide) {
             onHide();
         }
@@ -43,12 +40,12 @@ var PHXNotifications = function (_a) {
                 : customMessage;
     return (react_1["default"].createElement("div", { "aria-live": 'assertive', className: "absolute pointer-events-none inset-0 flex items-center px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
         react_1["default"].createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center' },
-            react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
+            react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-500 sm:translate-y-0', leave: 'transition ease-in duration-500', leaveFrom: 'translate-y-0 opacity-500 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
                 react_1["default"].createElement("div", { className: (0, types_1.classNames)('pointer-events-auto max-w-sm overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5', isFailure ? 'bg-red-600' : 'bg-indigo-800') },
                     react_1["default"].createElement("div", { className: 'p-3' },
                         react_1["default"].createElement("div", { className: 'flex items-center justify-between' },
                             react_1["default"].createElement("div", { className: 'ml-1' },
-                                react_1["default"].createElement("p", { className: 'text-xs font-normal text-white' }, isFailure && type === 'custom' ? message : isFailure ? 'Oops Lỗi, vui lòng thử lại!' : message)),
+                                react_1["default"].createElement("p", { className: 'text-xs font-normal text-white' }, isFailure && type === 'custom' ? message : isFailure ? 'Lỗi, vui lòng thử lại sau' : message)),
                             react_1["default"].createElement("div", { className: 'ml-4 flex pt-0.5' },
                                 react_1["default"].createElement("button", { className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500', onClick: function () { return hideNotify(); }, type: 'button' },
                                     react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),

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

@@ -1 +1 @@
-{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,kCAAqC;AACrC,2CAA8C;AAC9C,mDAAqD;AAW9C,IAAM,gBAAgB,GAAG,UAAC,EAA6E;QAA3E,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA;IAChF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;aAAM;YACL,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GACX,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,IAAI,KAAK,QAAQ;gBACnB,CAAC,CAAC,wBAAwB;gBAC1B,CAAC,CAAC,aAAa,CAAA;IAEnB,OAAO,CACL,uDACY,WAAW,EACrB,SAAS,EAAE,iGAA0F,SAAS,CAAE;QAEhH,0CAAK,SAAS,EAAC,4EAA4E;YAEzF,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,MAAM;gBAEZ,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,0CAAK,SAAS,EAAC,KAAK;wBAClB,0CAAK,SAAS,EAAC,mCAAmC;4BAChD,0CAAK,SAAS,EAAC,MAAM;gCACnB,wCAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,OAAO,CAC3F,CACA;4BACN,0CAAK,SAAS,EAAC,kBAAkB;gCAC/B,6CACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,2CAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,iCAAC,iBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,GACvF,CACK,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,gBAAgB,oBAsF5B"}

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { ComplexAction } from '../types';
+export interface MainTableProps {
+    paginationData: any;
+    sortData: any;
+    slectedTitle?: string | any;
+    selectedBtn?: ComplexAction[];
+    pathname?: 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;
+    clickType?: 'edit' | 'custom';
+    router: any;
+    setAggregate?: any;
+    sortSelectData?: any;
+    selectArray?: any;
+    graphqlEndpoint?: string;
+    graphqlKey?: string;
+    pagination?: any;
+    routerCondition?: {
+        link: string;
+        conditionName: string;
+        conditionArray: Array<any>;
+    } | any;
+    onClick?(rowData: any): any;
+    thHeaderComponent?: any;
+    hidePagination?: boolean;
+    rowNumber?: number;
+    onChange?: any;
+    typeLoading?: {
+        type: 'page-with-table' | 'page-table-with-report' | 'table' | 'page-table-report-filter' | 'page-table-filter';
+        filterQty?: number;
+        reportQty?: number;
+    };
+    setHeaderLoading?: any;
+    directDetail?: {
+        enable: boolean;
+        onClick?(): any;
+    } | any;
+    filterLoading?: boolean;
+    fixedTableLayout?: boolean;
+    numericalOrder?: {
+        enable: boolean;
+        title: string | any;
+    };
+}
+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, }: Readonly<MainTableProps>): React.JSX.Element;

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

@@ -0,0 +1,418 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+exports.PHXTableV3 = void 0;
+var tslib_1 = require("tslib");
+var apollo_wrapper_1 = require("../../lib/apollo-wrapper");
+var react_1 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_2 = tslib_1.__importStar(require("react"));
+var EmptySearchResult_1 = tslib_1.__importDefault(require("../Table/EmptySearchResult"));
+var Pagination_1 = tslib_1.__importDefault(require("../Table/Pagination"));
+var RowTable_1 = require("../Table/RowTable");
+var sort_1 = tslib_1.__importDefault(require("../Table/sort"));
+var Button_1 = require("../Button");
+var EmptyRecord_1 = require("../EmptyRecord");
+var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
+var Loading_1 = require("../Loading");
+var Skeleton_1 = require("../Skeleton");
+var types_1 = require("../types");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var constants_1 = require("../../utils/constants");
+var PaginaitonSelected_1 = tslib_1.__importDefault(require("../Table/PaginaitonSelected"));
+var clientQueryV3_1 = tslib_1.__importDefault(require("../Func/clientQueryV3"));
+function PHXTableV3(_a) {
+    var _this = this;
+    var actionName = _a.actionName, _b = _a.clickRow, clickRow = _b === void 0 ? true : _b, _c = _a.clickType, clickType = _c === void 0 ? 'edit' : _c, editActionLink = _a.editActionLink, graphqlEndpoint = _a.graphqlEndpoint, selectedBtn = _a.selectedBtn, slectedTitle = _a.slectedTitle, hidePagination = _a.hidePagination, list = _a.list, _d = _a.numericalOrder, numericalOrder = _d === void 0 ? {
+        enable: false,
+        title: 'STT'
+    } : _d, onChange = _a.onChange, onClick = _a.onClick, pagination = _a.pagination, paginationData = _a.paginationData, router = _a.router, routerCondition = _a.routerCondition, _e = _a.rowNumber, rowNumber = _e === void 0 ? 10 : _e, search = _a.search, selectArray = _a.selectArray, selectedAllPeople = _a.selectedAllPeople, setAggregate = _a.setAggregate, setHeaderLoading = _a.setHeaderLoading, sort = _a.sort, sortData = _a.sortData, sortSelectData = _a.sortSelectData, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, _f = _a.typeLoading, typeLoading = _f === void 0 ? { type: 'table' } : _f, directDetail = _a.directDetail, _g = _a.filterLoading, filterLoading = _g === void 0 ? false : _g, _h = _a.fixedTableLayout, fixedTableLayout = _h === void 0 ? true : _h;
+    var checkbox = (0, react_2.useRef)();
+    var _j = (0, react_2.useState)(false), checked = _j[0], setChecked = _j[1];
+    var _k = (0, react_2.useState)(false), indeterminate = _k[0], setIndeterminate = _k[1];
+    var _l = (0, react_2.useState)(true), isMainLoading = _l[0], setIsMainLoading = _l[1];
+    var _m = (0, react_2.useState)([]), dataTable = _m[0], setDataTable = _m[1];
+    var _o = (0, react_2.useState)(''), searchValue = _o[0], setSearchValue = _o[1];
+    var _p = (0, react_2.useState)([]), selectedPeople = _p[0], setSelectedPeople = _p[1];
+    var _q = (0, react_2.useState)(false), isSearchLoading = _q[0], setIsSearchLoading = _q[1];
+    var _r = (0, react_2.useState)([]), searchDataResult = _r[0], setSearchDataResult = _r[1];
+    var _s = (0, react_2.useState)(0), pagi = _s[0], setPagi = _s[1];
+    var _t = (0, react_2.useState)(0), count = _t[0], setCount = _t[1];
+    var timKiemPlacholder = 'Tìm kiếm';
+    var _u = (0, react_2.useState)(false), isSearch = _u[0], setIsSearch = _u[1];
+    var _v = (0, react_2.useState)(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _v[0], setActiveMenu = _v[1];
+    var _w = (0, react_2.useState)(false), isSelectSort = _w[0], setIsSelectSort = _w[1];
+    var _x = (0, react_2.useState)(false), isSort = _x[0], setIsSort = _x[1];
+    var _y = (0, react_2.useState)(false), isSortLoading = _y[0], setIsSortLoading = _y[1];
+    var _z = (0, react_2.useState)(rowNumber), rowQuantity = _z[0], setRowQuantity = _z[1];
+    var _0 = (0, react_2.useState)(false), isChangeRowQty = _0[0], setIsChangeRowQty = _0[1];
+    var queryHidePagi = list.query.replace(/limit\s*:\s*\d+\s*,?|offset\s*:\s*\d+\s*,?/g, '');
+    var queryWithLimitSelected = list.query
+        .replace(/limit\s*:\s*\d+/g, "limit: ".concat(rowQuantity))
+        .replace(/offset\s*:\s*\d+/g, "offset: ".concat(pagination * rowQuantity));
+    var dataQuery = "\n    ".concat(hidePagination ? queryHidePagi : queryWithLimitSelected, "\n  ");
+    var getToken = function () {
+        if (typeof window !== 'undefined') {
+            var authTokenInfo_1 = js_cookie_1["default"].get(constants_1.AUTH_TOKEN) && JSON.parse(js_cookie_1["default"].get(constants_1.AUTH_TOKEN));
+            return 'Bearer' + ' ' + authTokenInfo_1.token;
+        }
+        else {
+            return;
+        }
+    };
+    var authTokenInfo = getToken();
+    var filterQuery = function (query, value) { return query.replace(/%@value%/g, "\"\"%".concat(value, "%\"\"")); };
+    var searchQuery = search ? filterQuery(search.query, searchValue.trim()) : '';
+    var searchQueryHidePagi = searchQuery.replace(/limit\s*:\s*\d+\s*,?|offset\s*:\s*\d+\s*,?/g, '');
+    var searchQueryWithLimitSelected = searchQuery
+        .replace(/limit\s*:\s*\d+/g, "limit: ".concat(rowQuantity))
+        .replace(/offset\s*:\s*\d+/g, "offset: ".concat(pagination * rowQuantity));
+    var searchDataQuery = "\n    ".concat(hidePagination ? searchQueryHidePagi : searchQueryWithLimitSelected, "\n  ");
+    var fetchSearchData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, clientQueryV3_1["default"])({
+                            query: searchDataQuery
+                        })];
+                case 1: return [2 /*return*/, _a.sent()];
+                case 2:
+                    error_1 = _a.sent();
+                    console.log(error_1);
+                    return [2 /*return*/];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var remoteListSearchQuery = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var res, error_2;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, clientQueryV3_1["default"])({
+                            query: searchDataQuery
+                        })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res];
+                case 2:
+                    error_2 = _a.sent();
+                    console.log(error_2);
+                    return [2 /*return*/];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    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, 100); })];
+                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 _1 = (0, react_2.useState)(false), isChangePageLoading = _1[0], setIsChangePageLoading = _1[1];
+    var _2 = (0, react_2.useState)(''), previousValue = _2[0], setPreviousValue = _2[1];
+    var _3 = (0, react_2.useState)(1), currentPage = _3[0], setCurrentPage = _3[1];
+    var handleChangePage = function (page) {
+        if (page > 0 && page <= Math.ceil(count / rowQuantity)) {
+            setIsChangePageLoading(true);
+            setCurrentPage(page);
+            setPagi(page - 1);
+            paginationData(page - 1);
+        }
+    };
+    (0, react_2.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
+        if (searchValue) {
+            setSelectedPeople(checked || indeterminate ? [] : searchDataResult.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item.entered_school); }));
+        }
+        else {
+            setSelectedPeople(checked || indeterminate ? [] : dataTable.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item.entered_school); }));
+        }
+        if (onChange)
+            onChange(checked || indeterminate ? [] : dataTable.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item.entered_school); }));
+        setChecked(!checked && !indeterminate);
+        setIndeterminate(false);
+    }
+    function brSetSelectedPeople(value) {
+        setSelectedPeople(value);
+    }
+    function renderInclude(person) {
+        // @ts-ignore
+        return selectedPeople.includes(person);
+    }
+    function searchChange(e) {
+        var value = e.target.value;
+        // Loại bỏ ký tự "\" từ chuỗi
+        var replaceSensitiveValue = value.replace(/\\/g, '');
+        setSearchValue(replaceSensitiveValue);
+        paginationData(0);
+        if (replaceSensitiveValue !== previousValue) {
+            setPreviousValue(replaceSensitiveValue);
+        }
+        if (replaceSensitiveValue.trim().length === 0) {
+            setSearchDataResult(dataTable);
+        }
+        setCurrentPage(1);
+    }
+    var debouncedSearch = (0, useDebounce_1["default"])(searchValue, 300);
+    var sortOnChange = function (item) {
+        var isChangeSort = item.id !== activeMenu;
+        setIsSort(true);
+        sortData(item.field, item.sortDirection);
+        setActiveMenu(item.id);
+        if (isChangeSort) {
+            setIsSortLoading(true);
+        }
+    };
+    var sortSelectOnchange = function (item, columnName) {
+        var isChangeSort = item.id !== activeMenu;
+        setActiveMenu(item.id);
+        sortSelectData(item, columnName);
+        setIsSelectSort(true);
+        if (isChangeSort) {
+            setIsSortLoading(true);
+        }
+    };
+    var actionClickAll = function () {
+        actionName(selectedPeople, true);
+    };
+    var checkConditionRouter = function (rowData) {
+        if (routerCondition.conditionArray.some(function (item) { return item === rowData[routerCondition.conditionName]; })) {
+            return true;
+        }
+        return false;
+    };
+    var handleSearch = 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(graphqlEndpoint && authTokenInfo ? remoteListSearchQuery : fetchSearchData)];
+                case 1:
+                    data = _a.sent();
+                    dataTable = search.keyResult;
+                    countPage = search.keyResult + '_aggregate';
+                    setCount(data[countPage].aggregate.count);
+                    if (setAggregate) {
+                        setAggregate(data[countPage].aggregate.count);
+                    }
+                    if (previousValue !== searchValue) {
+                        setCurrentPage(1);
+                    }
+                    setSearchDataResult(data[dataTable]);
+                    setIsSearchLoading(false);
+                    setIsChangeRowQty(false);
+                    // khi search sẽ reset những row đã select
+                    setSelectedPeople([]);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var queryData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var data, dataTable_1, countPage, e_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, getData(graphqlEndpoint && authTokenInfo ? dataQuery : dataQuery)];
+                case 1:
+                    data = _a.sent();
+                    if (!data)
+                        return [2 /*return*/];
+                    setIsMainLoading(true);
+                    dataTable_1 = list.keyResult;
+                    countPage = list.keyResult + '_aggregate';
+                    bindDataToTable(data[dataTable_1]);
+                    setCount(data[countPage].aggregate.count);
+                    if (setAggregate) {
+                        setAggregate(data[countPage].aggregate.count);
+                    }
+                    setIsMainLoading(false);
+                    if (setHeaderLoading)
+                        setHeaderLoading();
+                    setIsSearchLoading(false);
+                    setIsChangePageLoading(false);
+                    setIsChangeRowQty(false);
+                    if (setAggregate) {
+                        setAggregate(data[countPage].aggregate.count);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    e_1 = _a.sent();
+                    console.log(e_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    (0, react_2.useEffect)(function () {
+        if (searchValue === '') {
+            queryData();
+        }
+        else if (debouncedSearch) {
+            handleSearch();
+        }
+    }, [pagi, sort, debouncedSearch]);
+    (0, react_2.useEffect)(function () {
+        if (pagination) {
+            setCurrentPage(pagination + 1);
+        }
+    }, [pagination]);
+    (0, react_2.useEffect)(function () {
+        if (dataTable) {
+            setIsSortLoading(false);
+        }
+    }, [dataTable]);
+    (0, react_2.useEffect)(function () {
+        if ((!isChangePageLoading && filterLoading) || isChangeRowQty) {
+            queryData();
+            setIsMainLoading(true);
+            setSelectedPeople([]);
+        }
+        if (search && search.enable && isChangePageLoading)
+            setIsSearchLoading(true);
+    }, [list, queryWithLimitSelected]);
+    return (react_2["default"].createElement(apollo_wrapper_1.ApolloWrapper, null, isMainLoading ? (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty, reportQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.reportQty, type: typeLoading.type })) : (react_2["default"].createElement(react_2["default"].Fragment, null,
+        react_2["default"].createElement("div", { className: 'rounded-lg bg-white shadow ring-1 ring-black ring-opacity-5' },
+            react_2["default"].createElement("div", { className: 'flex flex-col' },
+                (dataTable.length > 0 ||
+                    (dataTable.length === 0 && isSearch) ||
+                    (dataTable.length === 0 && isSelectSort) ||
+                    (dataTable.length === 0 && isSort)) && (react_2["default"].createElement("div", { className: 'min-w-full align-middle' },
+                    react_2["default"].createElement(react_1.Transition, { as: react_2.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_2["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_2["default"].createElement("div", { className: 'relative mr-2 w-11/12' },
+                                react_2["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', onInput: searchChange, placeholder: timKiemPlacholder, type: 'text', value: searchValue })),
+                            react_2["default"].createElement("div", { className: 'flex w-14 justify-center pt-1' }, isSearchLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null),
+                            react_2["default"].createElement("div", null,
+                                react_2["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('');
+                                        if (searchValue) {
+                                            setSelectedPeople([]);
+                                        }
+                                    }, type: 'button' }, "Cancel")))),
+                    react_2["default"].createElement("div", { className: (0, types_1.classNames)((sort && sort.enable) || (search && search.enable)
+                            ? "mb-2 flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 py-1.5 pl-8 ring-opacity-5 ".concat(sort && sort.enable ? 'sm:justify-between' : 'sm:justify-end')
+                            : '', isSearch && (!sort || !sort.enable) ? 'hidden' : '') },
+                        sort && sort.enable ? (react_2["default"].createElement(react_2["default"].Fragment, null,
+                            react_2["default"].createElement(sort_1["default"], { activeMenu: activeMenu, className: 'w-11/12', isSearch: isSearch, onChange: sortOnChange, onChangeSelect: sortSelectOnchange, selectArray: selectArray, sortList: sort.sortList }),
+                            react_2["default"].createElement("div", { className: 'flex justify-center pt-1 lg:w-14' }, isSortLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null))) : null,
+                        !isSearch && (react_2["default"].createElement("div", { className: 'flex justify-center' }, isChangePageLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null)),
+                        search && search.enable && (react_2["default"].createElement("div", null, !isSearch && (react_2["default"].createElement("button", { className: 'ml-1 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] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                            react_2["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'mr-1 h-4 w-4' }),
+                            react_2["default"].createElement(solid_1.Bars3CenterLeftIcon, { className: 'h-4 w-4' })))))))),
+                dataTable.length > 0 ? (react_2["default"].createElement("div", null, searchDataResult.length > 0 && !isMainLoading ? (react_2["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
+                    react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-full pb-2 align-middle shadow ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'pt-0.5') },
+                        react_2["default"].createElement("div", { className: (0, types_1.classNames)('relative overflow-auto', (search && search.enable) || (sort && sort.enable)
+                                ? 'ring-1 ring-black ring-opacity-5'
+                                : 'mt-1.5') },
+                            react_2["default"].createElement(react_2["default"].Fragment, null, selectedAllPeople && selectedAllPeople.enable ? (react_2["default"].createElement(react_2["default"].Fragment, null, selectedPeople.length > 0 && selectedAllPeople.title && (react_2["default"].createElement("div", { className: 'absolute left-12 top-4 flex h-fit items-center space-x-3 bg-gray-50 sm:left-16' },
+                                react_2["default"].createElement(Button_1.PHXButton, { onClick: actionClickAll, secondary: true, size: 'micro' }, selectedAllPeople.title))))) : null),
+                            react_2["default"].createElement("table", { className: (0, types_1.classNames)(fixedTableLayout ? 'table-fixed' : '', (search && search.enable) || (sort && sort.enable) ? 'border-t' : '', 
+                                // @ts-ignore
+                                thHeader.length < 5
+                                    ? "w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
+                                        ? 'divide-y divide-gray-300'
+                                        : '')
+                                    : "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
+                                        ? 'divide-y divide-gray-300'
+                                        : '')) },
+                                selectedPeople.length > 0 && (react_2["default"].createElement("div", { className: 'absolute top-0 min-w-full border-b bg-gray-50 px-2 py-1' },
+                                    react_2["default"].createElement("div", { className: 'flex items-center justify-between' },
+                                        react_2["default"].createElement("p", { className: 'mb-1 ml-14 text-xs font-medium text-gray-900' },
+                                            "\u0110\u00E3 ch\u1ECDn ", selectedPeople === null || selectedPeople === void 0 ? void 0 :
+                                            selectedPeople.length,
+                                            " ",
+                                            slectedTitle),
+                                        react_2["default"].createElement("div", { className: 'flex justify-end gap-2' }, selectedBtn === null || selectedBtn === void 0 ? void 0 : selectedBtn.map(function (item, index) { return (react_2["default"].createElement(Button_1.PHXButton, { key: index, deleted: item.type === 'danger', onClick: function () { return item.onClick(selectedPeople); }, secondary: item.type === 'secondary', size: 'micro' }, item.content)); }))))),
+                                thHeaderComponent ? (thHeaderComponent) : (react_2["default"].createElement("thead", null,
+                                    react_2["default"].createElement("tr", null,
+                                        selectedAllPeople && selectedAllPeople.enable ? (react_2["default"].createElement("th", { className: 'relative w-12 rounded-lg bg-gray-50 px-6 sm:w-16 sm:px-8', scope: 'col' },
+                                            react_2["default"].createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))) : null,
+                                        numericalOrder.enable && (react_2["default"].createElement("th", { key: 'stt', className: (0, types_1.classNames)('min-w-[135px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-medium text-gray-500'), scope: 'col' }, numericalOrder.title)),
+                                        thHeader.map(function (item, index) {
+                                            return index === 0 ? (react_2["default"].createElement("th", { key: index, className: (0, types_1.classNames)('min-w-[160px] rounded-lg bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-medium text-gray-500', selectedAllPeople && selectedAllPeople.enable ? '' : 'rounded-lg'), scope: 'col' }, item)) : (react_2["default"].createElement("th", { key: index, className: (0, types_1.classNames)('min-w-[135px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-medium text-gray-500', index === thHeader.length - 1 && 'rounded-lg'), scope: 'col' }, item));
+                                        })))),
+                                react_2["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
+                                    ? dataTable.map(function (item, index) { return (
+                                    // @ts-ignore
+                                    react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.classNames)(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) && !(item === null || item === void 0 ? void 0 : item.entered_school) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (routerCondition) {
+                                                    // eslint-disable-next-line no-unused-expressions
+                                                    checkConditionRouter(item)
+                                                        ? router.push("".concat(routerCondition.link).concat(item.id))
+                                                        : router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                                else if (clickType === 'edit') {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                                else {
+                                                    // @ts-ignore
+                                                    onClick(item);
+                                                }
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, directDetail: directDetail })); }))); })
+                                    : searchDataResult.map(function (item, index) { return (
+                                    // @ts-ignore
+                                    react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.classNames)(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) && !(item === null || item === void 0 ? void 0 : item.entered_school) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (routerCondition) {
+                                                    // eslint-disable-next-line no-unused-expressions
+                                                    checkConditionRouter(item)
+                                                        ? router.push("".concat(routerCondition.link).concat(item.id))
+                                                        : router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                                else if (clickType === 'edit') {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                                else {
+                                                    // @ts-ignore
+                                                    onClick(item);
+                                                }
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, directDetail: directDetail })); }))); }))))))) : (react_2["default"].createElement(EmptySearchResult_1["default"], null)))) : (dataTable.length === 0 && isSearch) ||
+                    (dataTable.length === 0 && isSelectSort) ||
+                    (dataTable.length === 0 && isSort) ? (react_2["default"].createElement(EmptySearchResult_1["default"], null)) : (react_2["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))),
+            dataTable.length > 0 && !hidePagination && (react_2["default"].createElement("div", { className: 'flex items-center justify-between rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-[#F9FAFB] py-2 pl-7 pr-2' },
+                react_2["default"].createElement(PaginaitonSelected_1["default"], { rowQuantity: rowQuantity, setIsChangeRowQty: setIsChangeRowQty, setRowQuantity: setRowQuantity }),
+                react_2["default"].createElement(Pagination_1["default"], { pagination: pagination, rowQuantity: rowQuantity, count: count, currentPage: currentPage, handleChangePage: handleChangePage, totalPages: Math.ceil(count / rowQuantity) }))))))));
+}
+exports.PHXTableV3 = PHXTableV3;
+//# sourceMappingURL=TableV3.js.map