phx-react 1.3.1578 → 1.3.1579

package/dist/cjs/components/FormTarget/components/modal-search-user/modal-search-user.js

@@ -1,103 +1,79 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ModalSearchUser;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var getLoginInfo_1 = tslib_1.__importDefault(require("../../../Func/getLoginInfo"));
-var PHXGrpcClientV3_1 = require("../../../Func/GRPC/PHXGrpcClientV3");
-var useDebounce_1 = tslib_1.__importDefault(require("../../../Func/useDebounce"));
-var Modal_1 = require("../../../Modal");
-var ResourceList_1 = require("../../../ResourceList");
-var query_1 = require("../../graphql/query");
-var get_role_name_by_target_1 = require("../../ultis/get-role-name-by-target");
-var tranform_target_user_1 = require("../../ultis/tranform-target-user");
-function ModalSearchUser(_a) {
-    var _this = this;
-    var defaultSelected = _a.defaultSelected, handleAddList = _a.handleAddList, onHide = _a.onHide, schoolYearId = _a.schoolYearId, show = _a.show, target = _a.target;
-    var _b = (0, react_1.useState)([]), listUser = _b[0], setListUser = _b[1];
-    var _c = (0, react_1.useState)(0), currPage = _c[0], setCurrPage = _c[1];
-    var userInfo = (0, getLoginInfo_1.default)();
-    var _d = (0, react_1.useState)(''), searchKeyword = _d[0], setSearchKeyword = _d[1];
-    var _e = (0, react_1.useState)(false), searching = _e[0], setSearching = _e[1];
-    var _f = (0, react_1.useState)(false), loadingInit = _f[0], setLoadingInit = _f[1];
-    var _g = (0, react_1.useState)(false), isAllData = _g[0], setIsAllData = _g[1];
-    var _h = (0, react_1.useState)([]), dataSelected = _h[0], setDataSelected = _h[1];
-    var debounceSearchValue = (0, useDebounce_1.default)(searchKeyword, 300);
-    var getUser = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-        var limit, offset, query, users, targetData, isAllDataResult, formatedUsers_1, e_1;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (isAllData || searching)
-                        return [2 /*return*/];
-                    setSearching(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    limit = 10;
-                    offset = currPage * limit;
-                    query = (0, query_1.queryListUserBuilder)({
-                        target: target,
-                        schoolYearId: schoolYearId,
-                        schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
-                    });
-                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
-                            query: query,
-                            variables: {
-                                roleCode: target,
-                                limit: limit,
-                                offset: offset,
-                                searchKeyword: "%".concat(debounceSearchValue, "%"),
-                                schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
-                            },
-                        })];
-                case 2:
-                    users = (_a.sent()).data.users;
-                    targetData = users;
-                    isAllDataResult = targetData.length < limit;
-                    setIsAllData(isAllDataResult);
-                    formatedUsers_1 = (0, tranform_target_user_1.transformTargetUser)(targetData, target);
-                    if (currPage === 0) {
-                        setListUser(formatedUsers_1);
-                    }
-                    else {
-                        setListUser(function (pre) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], pre, true), formatedUsers_1, true); });
-                    }
-                    return [3 /*break*/, 5];
-                case 3:
-                    e_1 = _a.sent();
-                    console.error(e_1);
-                    return [3 /*break*/, 5];
-                case 4:
-                    setSearching(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getLoginInfo_1 = tslib_1.__importDefault(require("../../../Func/getLoginInfo"));
+const PHXGrpcClientV3_1 = require("../../../Func/GRPC/PHXGrpcClientV3");
+const useDebounce_1 = tslib_1.__importDefault(require("../../../Func/useDebounce"));
+const Modal_1 = require("../../../Modal");
+const ResourceList_1 = require("../../../ResourceList");
+const query_1 = require("../../graphql/query");
+const get_role_name_by_target_1 = require("../../ultis/get-role-name-by-target");
+const tranform_target_user_1 = require("../../ultis/tranform-target-user");
+function ModalSearchUser({ defaultSelected, handleAddList, onHide, schoolYearId, show, target, }) {
+    const [listUser, setListUser] = (0, react_1.useState)([]);
+    const [currPage, setCurrPage] = (0, react_1.useState)(0);
+    const userInfo = (0, getLoginInfo_1.default)();
+    const [searchKeyword, setSearchKeyword] = (0, react_1.useState)('');
+    const [searching, setSearching] = (0, react_1.useState)(false);
+    const [loadingInit, setLoadingInit] = (0, react_1.useState)(false);
+    const [isAllData, setIsAllData] = (0, react_1.useState)(false);
+    const [dataSelected, setDataSelected] = (0, react_1.useState)([]);
+    const debounceSearchValue = (0, useDebounce_1.default)(searchKeyword, 300);
+    const getUser = async () => {
+        if (isAllData || searching)
+            return;
+        setSearching(true);
+        try {
+            const limit = 10;
+            const offset = currPage * limit;
+            const query = (0, query_1.queryListUserBuilder)({
+                target,
+                schoolYearId,
+                schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
+            });
+            const { data: { users }, } = await (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                query,
+                variables: {
+                    roleCode: target,
+                    limit,
+                    offset,
+                    searchKeyword: `%${debounceSearchValue}%`,
+                    schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
+                },
+            });
+            const targetData = users;
+            const isAllDataResult = targetData.length < limit;
+            setIsAllData(isAllDataResult);
+            const formatedUsers = (0, tranform_target_user_1.transformTargetUser)(targetData, target);
+            if (currPage === 0) {
+                setListUser(formatedUsers);
             }
-        });
-    }); };
-    var getDataInitial = 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, 4]);
-                    setLoadingInit(true);
-                    return [4 /*yield*/, getUser()];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 2:
-                    error_1 = _a.sent();
-                    console.error(error_1);
-                    return [3 /*break*/, 4];
-                case 3:
-                    setLoadingInit(false);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+            else {
+                setListUser((pre) => [...pre, ...formatedUsers]);
             }
-        });
-    }); };
-    var handleReset = function () {
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            setSearching(false);
+        }
+    };
+    const getDataInitial = async () => {
+        try {
+            setLoadingInit(true);
+            await getUser();
+        }
+        catch (error) {
+            console.error(error);
+        }
+        finally {
+            setLoadingInit(false);
+        }
+    };
+    const handleReset = () => {
         setListUser([]);
         setIsAllData(false);
         setDataSelected([]);
@@ -108,11 +84,11 @@ function ModalSearchUser(_a) {
         onHide();
         handleReset();
     }
-    var handleSubmit = function () {
+    const handleSubmit = () => {
         if (dataSelected.length === 0)
             return;
-        var listDelete = defaultSelected.filter(function (item) { return !dataSelected.some(function (selected) { return selected.id === item.id; }); });
-        var formattedData = dataSelected.map(function (item) { return ({
+        const listDelete = defaultSelected.filter((item) => !dataSelected.some((selected) => selected.id === item.id));
+        const formattedData = dataSelected.map((item) => ({
             id: item.id,
             code: item.code,
             email: item.email,
@@ -123,14 +99,14 @@ function ModalSearchUser(_a) {
             educational_level: item.educational_level,
             classroom: item.classroom,
             grade: item.grade,
-        }); });
+        }));
         handleAddList(formattedData, listDelete);
         onHide();
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         getUser();
     }, [currPage, debounceSearchValue]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (currPage !== 0 && show) {
             setCurrPage(0);
         }
@@ -139,15 +115,15 @@ function ModalSearchUser(_a) {
         setDataSelected(defaultSelected || []);
     }, [show]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Modal_1.PHXModal, { closeButton: true, inCard: false, onHide: onHandleHide, onSubmit: handleSubmit, primaryActionText: 'Th\u00EAm m\u1EDBi', show: show, size: 'large', title: "Th\u00EAm m\u1EDBi ".concat((0, get_role_name_by_target_1.getRoleNameByTarget)(target)) },
-            react_1.default.createElement(ResourceList_1.PHXResourceList, { bulkActions: true, bulkActionsContent: 'Ch\u1EC9nh s\u1EEDa', getKeyword: function (keyword) {
+        react_1.default.createElement(Modal_1.PHXModal, { closeButton: true, inCard: false, onHide: onHandleHide, onSubmit: handleSubmit, primaryActionText: 'Th\u00EAm m\u1EDBi', show: show, size: 'large', title: `Thêm mới ${(0, get_role_name_by_target_1.getRoleNameByTarget)(target)}` },
+            react_1.default.createElement(ResourceList_1.PHXResourceList, { bulkActions: true, bulkActionsContent: 'Ch\u1EC9nh s\u1EEDa', getKeyword: (keyword) => {
                     setSearchKeyword(keyword);
                     setCurrPage(0);
                     setIsAllData(false);
-                }, heightList: 330, hiddenBulkActionMarkup: true, list: listUser, loading: loadingInit, onScrollBottom: function () {
+                }, heightList: 330, hiddenBulkActionMarkup: true, list: listUser, loading: loadingInit, onScrollBottom: () => {
                     if (!searching) {
-                        setCurrPage(function (pre) { return pre + 1; });
+                        setCurrPage((pre) => pre + 1);
                     }
-                }, onSelectedItemsChange: function (data) { return setDataSelected(data); }, paging: searching, searchResult: true, selectedItems: dataSelected }))));
+                }, onSelectedItemsChange: (data) => setDataSelected(data), paging: searching, searchResult: true, selectedItems: dataSelected }))));
 }
 //# sourceMappingURL=modal-search-user.js.map

package/dist/cjs/components/FormTarget/components/modal-search-user/modal-search-user.js.map

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

package/dist/cjs/components/FormTarget/components/radio-group-select.js

@@ -1,27 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxGroup = CheckboxGroup;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var constant_1 = require("../constant");
-var table_custom_list_1 = tslib_1.__importDefault(require("./table-custom-list"));
-var BannerWithCard_1 = require("../../BannerWithCard/BannerWithCard");
-var Combobox_1 = require("../../Combobox");
-var Checkbox_1 = require("../../Checkbox");
-function CheckboxGroup(_a) {
-    var errors = _a.errors, handleChangeFilter = _a.handleChangeFilter, listRadio = _a.listRadio, listTargetSelected = _a.listTargetSelected, schoolYearId = _a.schoolYearId, selectOptions = _a.selectOptions, target = _a.target;
-    var current = listTargetSelected.find(function (i) { return i.target === target; });
-    var filters = (current === null || current === void 0 ? void 0 : current.filter) || [];
-    var isAllChecked = filters.some(function (f) { return f.filterBy === constant_1.FILTER_BY.ALL; });
-    return (react_1.default.createElement("div", { className: 'ml-7 space-y-2' }, listRadio.map(function (radio, index) {
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constant_1 = require("../constant");
+const table_custom_list_1 = tslib_1.__importDefault(require("./table-custom-list"));
+const BannerWithCard_1 = require("../../BannerWithCard/BannerWithCard");
+const Combobox_1 = require("../../Combobox");
+const Checkbox_1 = require("../../Checkbox");
+function CheckboxGroup({ errors, handleChangeFilter, listRadio, listTargetSelected, schoolYearId, selectOptions, target, }) {
+    const current = listTargetSelected.find((i) => i.target === target);
+    const filters = (current === null || current === void 0 ? void 0 : current.filter) || [];
+    const isAllChecked = filters.some((f) => f.filterBy === constant_1.FILTER_BY.ALL);
+    return (react_1.default.createElement("div", { className: 'ml-7 space-y-2' }, listRadio.map((radio, index) => {
         var _a, _b, _c, _d, _e, _f;
-        var title = radio.title, value = radio.value;
-        var existing = filters.find(function (f) { return f.filterBy === value; });
-        var isChecked = !!existing;
-        var isHaveCombobox = isChecked && value !== constant_1.FILTER_BY.CUSTOM_LIST && target !== constant_1.ERoleCode.STAFF && value !== constant_1.FILTER_BY.ALL;
-        var haveError = !!((_b = (_a = errors === null || errors === void 0 ? void 0 : errors[index]) === null || _a === void 0 ? void 0 : _a.filterValues) === null || _b === void 0 ? void 0 : _b.message);
+        const { title, value } = radio;
+        const existing = filters.find((f) => f.filterBy === value);
+        const isChecked = !!existing;
+        const isHaveCombobox = isChecked && value !== constant_1.FILTER_BY.CUSTOM_LIST && target !== constant_1.ERoleCode.STAFF && value !== constant_1.FILTER_BY.ALL;
+        const haveError = !!((_b = (_a = errors === null || errors === void 0 ? void 0 : errors[index]) === null || _a === void 0 ? void 0 : _a.filterValues) === null || _b === void 0 ? void 0 : _b.message);
         return (react_1.default.createElement("div", { key: value, className: 'space-y-2' },
-            react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: isChecked, disabled: isAllChecked && value !== constant_1.FILTER_BY.ALL, error: haveError, id: "".concat(target, "-").concat(value), onChange: function (val) {
+            react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: isChecked, disabled: isAllChecked && value !== constant_1.FILTER_BY.ALL, error: haveError, id: `${target}-${value}`, onChange: (val) => {
                     handleChangeFilter(target, val.target.checked, {
                         filterBy: value,
                         filterValues: [],
@@ -29,18 +28,16 @@ function CheckboxGroup(_a) {
                 }, title: title }),
             value === constant_1.FILTER_BY.CUSTOM_LIST && isChecked && (react_1.default.createElement("div", null,
                 haveError && (react_1.default.createElement(BannerWithCard_1.PHXBannerWithCard, { className: 'mb-3 ml-6', description: (_d = (_c = errors === null || errors === void 0 ? void 0 : errors[index]) === null || _c === void 0 ? void 0 : _c.filterValues) === null || _d === void 0 ? void 0 : _d.message, hideCloseButton: true, show: true, type: 'danger' })),
-                react_1.default.createElement(table_custom_list_1.default, { defaultData: (existing === null || existing === void 0 ? void 0 : existing.filterValues) || [], handleChange: function (data) {
+                react_1.default.createElement(table_custom_list_1.default, { defaultData: (existing === null || existing === void 0 ? void 0 : existing.filterValues) || [], handleChange: (data) => {
                         handleChangeFilter(target, true, {
                             filterBy: value,
                             filterValues: data,
                         });
                     }, schoolYearId: schoolYearId, target: target }))),
-            isHaveCombobox && (react_1.default.createElement(Combobox_1.PHXCombobox, { className: 'ml-6', defaultValue: (existing === null || existing === void 0 ? void 0 : existing.filterValues) || [], error: haveError, errorMessageCustom: (_f = (_e = errors === null || errors === void 0 ? void 0 : errors[index]) === null || _e === void 0 ? void 0 : _e.filterValues) === null || _f === void 0 ? void 0 : _f.message, errorType: 'custom-message', listOptions: selectOptions[value] || [], onChange: function (selected) {
-                    return handleChangeFilter(target, true, {
-                        filterBy: value,
-                        filterValues: selected,
-                    });
-                }, placeholder: 'L\u1EF1a ch\u1ECDn', selectFieldPosition: target === constant_1.ERoleCode.DEPARTMENT ? 'top' : 'bottom' }))));
+            isHaveCombobox && (react_1.default.createElement(Combobox_1.PHXCombobox, { className: 'ml-6', defaultValue: (existing === null || existing === void 0 ? void 0 : existing.filterValues) || [], error: haveError, errorMessageCustom: (_f = (_e = errors === null || errors === void 0 ? void 0 : errors[index]) === null || _e === void 0 ? void 0 : _e.filterValues) === null || _f === void 0 ? void 0 : _f.message, errorType: 'custom-message', listOptions: selectOptions[value] || [], onChange: (selected) => handleChangeFilter(target, true, {
+                    filterBy: value,
+                    filterValues: selected,
+                }), placeholder: 'L\u1EF1a ch\u1ECDn', selectFieldPosition: target === constant_1.ERoleCode.DEPARTMENT ? 'top' : 'bottom' }))));
     })));
 }
 //# sourceMappingURL=radio-group-select.js.map

package/dist/cjs/components/FormTarget/components/radio-group-select.js.map

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

package/dist/cjs/components/FormTarget/components/table-custom-list.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TableCustomList;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var constant_1 = require("../constant");
-var get_role_name_by_target_1 = require("../ultis/get-role-name-by-target");
-var get_title_by_relationship_code_1 = require("../ultis/get-title-by-relationship-code");
-var modal_search_user_1 = tslib_1.__importDefault(require("./modal-search-user/modal-search-user"));
-var Dropdown_1 = require("../../Dropdown");
-var DescriptionListInTooltip_1 = require("../../DescriptionListInTooltip");
-var Button_1 = require("../../Button");
-var Modal_1 = require("../../Modal");
-var TableStatic_1 = require("../../TableStatic");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const constant_1 = require("../constant");
+const get_role_name_by_target_1 = require("../ultis/get-role-name-by-target");
+const get_title_by_relationship_code_1 = require("../ultis/get-title-by-relationship-code");
+const modal_search_user_1 = tslib_1.__importDefault(require("./modal-search-user/modal-search-user"));
+const Dropdown_1 = require("../../Dropdown");
+const DescriptionListInTooltip_1 = require("../../DescriptionListInTooltip");
+const Button_1 = require("../../Button");
+const Modal_1 = require("../../Modal");
+const TableStatic_1 = require("../../TableStatic");
 function removeVietnameseTones(str) {
     return str
         .normalize('NFD') // tách dấu ra khỏi ký tự
@@ -19,40 +19,38 @@ function removeVietnameseTones(str) {
         .replace(/đ/g, 'd')
         .replace(/Đ/g, 'D');
 }
-function TableCustomList(_a) {
-    var _b, _c;
-    var defaultData = _a.defaultData, handleChange = _a.handleChange, schoolYearId = _a.schoolYearId, target = _a.target;
-    var _d = (0, react_1.useState)(defaultData || []), listSelected = _d[0], setListSelected = _d[1];
-    var _e = (0, react_1.useState)(Date.now().toString()), syncSelectedRowsKey = _e[0], setSyncSelectedRowsKey = _e[1];
-    var _f = (0, react_1.useState)(false), showModalSearch = _f[0], setShowModalSearch = _f[1];
-    var _g = (0, react_1.useState)([]), rowSelected = _g[0], setRowSelected = _g[1];
-    var _h = (0, react_1.useState)({
+function TableCustomList({ defaultData, handleChange, schoolYearId, target }) {
+    const [listSelected, setListSelected] = (0, react_1.useState)(defaultData || []);
+    const [syncSelectedRowsKey, setSyncSelectedRowsKey] = (0, react_1.useState)(Date.now().toString());
+    const [showModalSearch, setShowModalSearch] = (0, react_1.useState)(false);
+    const [rowSelected, setRowSelected] = (0, react_1.useState)([]);
+    const [modalDelete, setModalDelete] = (0, react_1.useState)({
         deleteData: {
             ids: [],
             name: '',
         },
         show: false,
-    }), modalDelete = _h[0], setModalDelete = _h[1];
-    var _j = (0, react_1.useState)({
+    });
+    const [filterValues, setFilterValues] = (0, react_1.useState)({
         searchKeyword: '',
-    }), filterValues = _j[0], setFilterValues = _j[1];
-    var roleName = (0, get_role_name_by_target_1.getRoleNameByTarget)(target);
-    var defaultHeader = ['Số điện thoại', 'Email', 'Thao tác'];
-    var headerTable = (_b = {},
-        _b[constant_1.ERoleCode.TEACHER] = tslib_1.__spreadArray(['Giáo viên', 'Mã giáo viên'], defaultHeader, true),
-        _b[constant_1.ERoleCode.STAFF] = tslib_1.__spreadArray(['Nhân viên', 'Mã nhân viên'], defaultHeader, true),
-        _b[constant_1.ERoleCode.STUDENT] = ['Học sinh', 'Mã học sinh', 'Cấp học', 'Khối học', 'Lớp học', 'Người thân', 'Thao tác'],
-        _b[constant_1.ERoleCode.DEPARTMENT] = ['Phòng ban', 'Mã phòng ban', 'Thao tác'],
-        _b);
-    var defaultBody = ['phone', 'email', 'actions'];
-    var bodyTable = (_c = {},
-        _c[constant_1.ERoleCode.TEACHER] = tslib_1.__spreadArray(['name', 'code'], defaultBody, true),
-        _c[constant_1.ERoleCode.STAFF] = tslib_1.__spreadArray(['name', 'code'], defaultBody, true),
-        _c[constant_1.ERoleCode.STUDENT] = ['name', 'code', 'educational_level', 'grade', 'classroom', 'parents', 'actions'],
-        _c[constant_1.ERoleCode.DEPARTMENT] = tslib_1.__spreadArray(['Phòng ban', 'Mã phòng ban'], defaultHeader, true),
-        _c);
-    var baseThComponent = {
-        actions: function (_value, itemBody) { return (react_1.default.createElement(Dropdown_1.PHXDropdown, { options: [
+    });
+    const roleName = (0, get_role_name_by_target_1.getRoleNameByTarget)(target);
+    const defaultHeader = ['Số điện thoại', 'Email', 'Thao tác'];
+    const headerTable = {
+        [constant_1.ERoleCode.TEACHER]: ['Giáo viên', 'Mã giáo viên', ...defaultHeader],
+        [constant_1.ERoleCode.STAFF]: ['Nhân viên', 'Mã nhân viên', ...defaultHeader],
+        [constant_1.ERoleCode.STUDENT]: ['Học sinh', 'Mã học sinh', 'Cấp học', 'Khối học', 'Lớp học', 'Người thân', 'Thao tác'],
+        [constant_1.ERoleCode.DEPARTMENT]: ['Phòng ban', 'Mã phòng ban', 'Thao tác'],
+    };
+    const defaultBody = ['phone', 'email', 'actions'];
+    const bodyTable = {
+        [constant_1.ERoleCode.TEACHER]: ['name', 'code', ...defaultBody],
+        [constant_1.ERoleCode.STAFF]: ['name', 'code', ...defaultBody],
+        [constant_1.ERoleCode.STUDENT]: ['name', 'code', 'educational_level', 'grade', 'classroom', 'parents', 'actions'],
+        [constant_1.ERoleCode.DEPARTMENT]: ['Phòng ban', 'Mã phòng ban', ...defaultHeader],
+    };
+    const baseThComponent = {
+        actions: (_value, itemBody) => (react_1.default.createElement(Dropdown_1.PHXDropdown, { options: [
                 {
                     // @ts-ignore
                     content: react_1.default.createElement("p", { className: 'text-[#8E1F0B]' },
@@ -60,7 +58,7 @@ function TableCustomList(_a) {
                         roleName),
                     destructive: true,
                     id: 0,
-                    onClick: function () {
+                    onClick: () => {
                         setModalDelete({
                             show: true,
                             deleteData: {
@@ -70,20 +68,23 @@ function TableCustomList(_a) {
                         });
                     },
                 },
-            ], type: 'ellipsis-icon' })); },
+            ], type: 'ellipsis-icon' })),
+    };
+    const thComponent = {
+        ...baseThComponent,
+        ...(target === constant_1.ERoleCode.STUDENT && {
+            parents: (value) => (react_1.default.createElement("div", null,
+                react_1.default.createElement(DescriptionListInTooltip_1.PHXDescriptionListInTooltip, { items: value.map((parent) => ({
+                        title: (0, get_title_by_relationship_code_1.getTitleByRelationshipCode)(parent === null || parent === void 0 ? void 0 : parent.relationship_code),
+                        description: parent.full_name,
+                    })), tooltipClassName: 'max-w-none w-auto min-w-[150px]', trigger: react_1.default.createElement("div", { className: 'max-w-52 truncate' }, Array.isArray(value) && value.length > 0
+                        ? value.map((parent) => `${parent.full_name}`).join(', ')
+                        : constant_1.TEXT_UNDEFINED) }))),
+        }),
     };
-    var thComponent = tslib_1.__assign(tslib_1.__assign({}, baseThComponent), (target === constant_1.ERoleCode.STUDENT && {
-        parents: function (value) { return (react_1.default.createElement("div", null,
-            react_1.default.createElement(DescriptionListInTooltip_1.PHXDescriptionListInTooltip, { items: value.map(function (parent) { return ({
-                    title: (0, get_title_by_relationship_code_1.getTitleByRelationshipCode)(parent === null || parent === void 0 ? void 0 : parent.relationship_code),
-                    description: parent.full_name,
-                }); }), tooltipClassName: 'max-w-none w-auto min-w-[150px]', trigger: react_1.default.createElement("div", { className: 'max-w-52 truncate' }, Array.isArray(value) && value.length > 0
-                    ? value.map(function (parent) { return "".concat(parent.full_name); }).join(', ')
-                    : constant_1.TEXT_UNDEFINED) }))); },
-    }));
-    var handleAddList = function (data, listDelete) {
-        var mergedData = tslib_1.__spreadArray(tslib_1.__spreadArray([], data, true), listSelected, true).filter(function (item) { return !listDelete.some(function (deleteItem) { return deleteItem.id === item.id; }); });
-        var unique = Array.from(new Map(mergedData.map(function (item) { return [item.id, item]; })).values());
+    const handleAddList = (data, listDelete) => {
+        const mergedData = [...data, ...listSelected].filter((item) => !listDelete.some((deleteItem) => deleteItem.id === item.id));
+        const unique = Array.from(new Map(mergedData.map((item) => [item.id, item])).values());
         setSyncSelectedRowsKey(Date.now().toString());
         setListSelected(unique);
         setFilterValues({
@@ -91,35 +92,35 @@ function TableCustomList(_a) {
         });
         handleChange(unique);
     };
-    var openModalSearch = function () {
+    const openModalSearch = () => {
         setListSelected(defaultData || []);
         setShowModalSearch(true);
     };
-    var hideModalSearch = function () {
+    const hideModalSearch = () => {
         setShowModalSearch(false);
     };
-    var handleDelete = function () {
+    const handleDelete = () => {
         if (modalDelete.deleteData.ids.length === 0)
             return;
         setSyncSelectedRowsKey(Date.now().toString());
-        var filteredData = listSelected.filter(function (item) { return !modalDelete.deleteData.ids.includes(item.id); });
-        var remainingSelected = rowSelected.filter(function (item) { return !modalDelete.deleteData.ids.includes(item.id); });
+        const filteredData = listSelected.filter((item) => !modalDelete.deleteData.ids.includes(item.id));
+        const remainingSelected = rowSelected.filter((item) => !modalDelete.deleteData.ids.includes(item.id));
         setListSelected(filteredData);
         setRowSelected(remainingSelected);
         handleChange(filteredData);
         onHideModalDelete();
     };
-    var getFilteredListData = function () {
+    const getFilteredListData = () => {
         var _a, _b;
-        var keyword = ((_b = (_a = filterValues.searchKeyword) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) || '';
-        var keywordNoTone = removeVietnameseTones(keyword);
-        return listSelected.filter(function (user) {
-            var code = user.code.toLowerCase();
-            var name = user.name.toLowerCase();
+        const keyword = ((_b = (_a = filterValues.searchKeyword) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) || '';
+        const keywordNoTone = removeVietnameseTones(keyword);
+        return listSelected.filter((user) => {
+            const code = user.code.toLowerCase();
+            const name = user.name.toLowerCase();
             if (code.includes(keyword) || name.includes(keyword))
                 return true;
-            var codeNoTone = removeVietnameseTones(code);
-            var nameNoTone = removeVietnameseTones(name);
+            const codeNoTone = removeVietnameseTones(code);
+            const nameNoTone = removeVietnameseTones(name);
             return codeNoTone.includes(keywordNoTone) || nameNoTone.includes(keywordNoTone);
         });
     };
@@ -132,7 +133,7 @@ function TableCustomList(_a) {
             show: false,
         });
     }
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setListSelected(defaultData || []);
     }, [JSON.stringify(defaultData)]);
     return (react_1.default.createElement("div", null,
@@ -143,9 +144,9 @@ function TableCustomList(_a) {
                 " \u0111\u00E3 ch\u1ECDn (",
                 defaultData.length,
                 ")"),
-            react_1.default.createElement(Button_1.PHXButton, { className: 'text-xs font-medium', onClick: function () { return openModalSearch(); }, plain: true }, "Th\u00EAm m\u1EDBi"),
+            react_1.default.createElement(Button_1.PHXButton, { className: 'text-xs font-medium', onClick: () => openModalSearch(), plain: true }, "Th\u00EAm m\u1EDBi"),
             react_1.default.createElement(modal_search_user_1.default, { defaultSelected: listSelected, handleAddList: handleAddList, onHide: hideModalSearch, schoolYearId: schoolYearId, show: showModalSearch, target: target })),
-        react_1.default.createElement(Modal_1.PHXModal, { key: 'deleteModal', dangerActionText: 'X\u00E1c nh\u1EADn', dangerSubmit: true, hiddenSubmit: true, inCard: false, onDangerClick: handleDelete, onHide: onHideModalDelete, show: modalDelete.show, title: "X\u00E1c nh\u1EADn xo\u00E1 ".concat(roleName, " ") },
+        react_1.default.createElement(Modal_1.PHXModal, { key: 'deleteModal', dangerActionText: 'X\u00E1c nh\u1EADn', dangerSubmit: true, hiddenSubmit: true, inCard: false, onDangerClick: handleDelete, onHide: onHideModalDelete, show: modalDelete.show, title: `Xác nhận xoá ${roleName} ` },
             react_1.default.createElement("p", { className: 'text-xs text-gray-500' },
                 "B\u1EA1n ch\u1EAFc ch\u1EAFn mu\u1ED1n xo\u00E1",
                 ' ',
@@ -165,13 +166,13 @@ function TableCustomList(_a) {
                             text: react_1.default.createElement("p", { className: 'text-xs font-medium text-red-700' },
                                 "Xo\u00E1 ",
                                 roleName),
-                            onClick: function (selectedRows) {
+                            onClick: (selectedRows) => {
                                 setRowSelected(selectedRows);
                                 setModalDelete({
                                     show: true,
                                     deleteData: {
                                         name: '',
-                                        ids: selectedRows.map(function (item) { return Number(item.id); }),
+                                        ids: selectedRows.map((item) => Number(item.id)),
                                     },
                                 });
                             },
@@ -180,9 +181,9 @@ function TableCustomList(_a) {
                     ],
                 }, isPagination: true, name: target, rowNumber: 10, search: {
                     enable: true,
-                    onSearchChange: function (keyword) { return setFilterValues(function (pre) { return (tslib_1.__assign(tslib_1.__assign({}, pre), { searchKeyword: keyword })); }); },
+                    onSearchChange: (keyword) => setFilterValues((pre) => ({ ...pre, searchKeyword: keyword })),
                     loading: false,
-                    setLoading: function () { return null; },
+                    setLoading: () => null,
                 }, selectedRows: rowSelected, syncSelectedRowsKey: syncSelectedRowsKey, thBody: bodyTable[target], thComponent: thComponent, thHeader: headerTable[target] }))));
 }
 //# sourceMappingURL=table-custom-list.js.map