phx-react 1.3.1533 → 1.3.1534

package/dist/cjs/components/FormTarget/PHXFormTarget.d.ts

@@ -0,0 +1,3 @@
+import { ITargetGroupBuilderProps } from './type/target';
+import React from 'react';
+export declare const PHXFormTarget: ({ targetId }: ITargetGroupBuilderProps) => React.JSX.Element;

package/dist/cjs/components/FormTarget/PHXFormTarget.js

@@ -0,0 +1,237 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXFormTarget = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var react_hook_form_1 = require("react-hook-form");
+var divider_1 = require("./components/divider/divider");
+var radio_group_select_1 = require("./components/radio-group-select");
+var config_1 = require("./config");
+var constant_1 = require("./constant");
+var query_1 = require("./graphql/query");
+var use_get_data_select_1 = tslib_1.__importDefault(require("./hooks/use-get-data-select"));
+var tranform_target_user_1 = require("./ultis/tranform-target-user");
+var getSchoolYearV3_1 = tslib_1.__importDefault(require("../Func/SchoolYearV3/getSchoolYearV3"));
+var getLoginInfo_1 = tslib_1.__importDefault(require("../Func/getLoginInfo"));
+var PHXGrpcClientV3_1 = require("../Func/GRPC/PHXGrpcClientV3");
+var react_2 = tslib_1.__importDefault(require("react"));
+var BannerWithCard_1 = require("../BannerWithCard/BannerWithCard");
+var Skeleton_1 = require("../Skeleton");
+var Checkbox_1 = require("../Checkbox");
+var Text_1 = require("../Text/Text");
+var Toggle_1 = tslib_1.__importDefault(require("../PHXToggle/Toggle"));
+var PHXFormTarget = function (_a) {
+    var _b, _c, _d;
+    var targetId = _a.targetId;
+    var _e = (0, react_hook_form_1.useFormContext)(), clearErrors = _e.clearErrors, control = _e.control, errors = _e.formState.errors, register = _e.register, setValue = _e.setValue, watch = _e.watch;
+    var _f = (0, react_1.useState)(false), getDefaultLoading = _f[0], setGetDefaultLoading = _f[1];
+    var schoolYear = (0, getSchoolYearV3_1.default)();
+    var schoolYearId = (_c = (_b = schoolYear === null || schoolYear === void 0 ? void 0 : schoolYear.current_school_year) === null || _b === void 0 ? void 0 : _b.schoolYear) === null || _c === void 0 ? void 0 : _c.id;
+    var userInfo = (0, getLoginInfo_1.default)();
+    var _g = (0, use_get_data_select_1.default)({
+        schoolYearId: schoolYearId,
+    }), getSelectLoading = _g.loading, selectOptions = _g.selectOptions;
+    var isSubmitted = (0, react_hook_form_1.useFormState)({ control: control }).isSubmitted;
+    var listTargetSelected = watch('target');
+    var handleSetTarget = function (newTargets) {
+        setValue('target', newTargets, {
+            shouldValidate: false,
+            shouldDirty: true,
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        register('target', {
+            validate: function (value) { return (value === null || value === void 0 ? void 0 : value.length) > 0 || 'Vui lòng chọn loại đối tượng'; },
+        });
+    }, []);
+    var handleChangeTarget = function (target) {
+        var exists = listTargetSelected.some(function (item) { return item.target === target; });
+        var nextValues = exists
+            ? listTargetSelected.filter(function (item) { return item.target !== target; })
+            : tslib_1.__spreadArray(tslib_1.__spreadArray([], listTargetSelected, true), [
+                {
+                    target: target,
+                    filter: [],
+                    notifyWith: constant_1.DEFAULT_NOTIFY_WITH_BY_TARGET[target],
+                },
+            ], false);
+        handleSetTarget(nextValues);
+    };
+    var handleChangeNotifyWith = function (target, notifyWith) {
+        var itemIndex = listTargetSelected.findIndex(function (item) { return item.target === target && item.notifyWith === notifyWith; });
+        var nextValues = tslib_1.__spreadArray([], listTargetSelected, true);
+        if (itemIndex !== -1) {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            var _a = nextValues[itemIndex], _1 = _a.notifyWith, rest = tslib_1.__rest(_a, ["notifyWith"]);
+            nextValues[itemIndex] = rest;
+        }
+        else {
+            nextValues = listTargetSelected.map(function (item) { return (item.target === target ? tslib_1.__assign(tslib_1.__assign({}, item), { notifyWith: notifyWith }) : item); });
+        }
+        handleSetTarget(nextValues);
+    };
+    var handleChangeFilter = function (target, checked, filterItem) {
+        clearErrors('target');
+        // lất vị trí item hiện tại trong danh sách
+        var selectedIndex = listTargetSelected.findIndex(function (i) { return i.target === target; });
+        if (selectedIndex === -1)
+            return;
+        // lấy ra item hiện tại
+        var item = listTargetSelected[selectedIndex];
+        // kiểm tra xem filter đã tồn tại chưa
+        var exists = item.filter.some(function (f) { return f.filterBy === filterItem.filterBy; });
+        var isCheckAll = filterItem.filterBy === constant_1.FILTER_BY.ALL;
+        var nextFilter;
+        // xử lý logic thay đổi filter
+        if (!checked) {
+            nextFilter = item.filter.filter(function (f) { return f.filterBy !== filterItem.filterBy; });
+        }
+        else if (exists) {
+            nextFilter = item.filter.map(function (f) { return (f.filterBy === filterItem.filterBy ? filterItem : f); });
+        }
+        else {
+            if (isCheckAll) {
+                // nếu chọn "Tất cả", thì bỏ tất cả các filter khác
+                nextFilter = [filterItem];
+            }
+            else {
+                nextFilter = tslib_1.__spreadArray(tslib_1.__spreadArray([], item.filter, true), [filterItem], false);
+            }
+        }
+        var nextValues = tslib_1.__spreadArray([], listTargetSelected, true);
+        nextValues[selectedIndex] = tslib_1.__assign(tslib_1.__assign({}, item), { filter: nextFilter });
+        handleSetTarget(nextValues);
+    };
+    var getDefaultData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var _a, school_year_id, target_by_roles, userIds, data, classroomMap_1, result, formatted, e_1;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!targetId)
+                        return [2 /*return*/];
+                    setGetDefaultLoading(true);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, 5, 6]);
+                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                            query: query_1.GET_TARGET_BY_ROLE_QUERY,
+                            variables: {
+                                id: targetId,
+                            },
+                        })];
+                case 2:
+                    _a = (_b.sent()).data.user_segment_target_by_pk, school_year_id = _a.school_year_id, target_by_roles = _a.target_by_roles;
+                    userIds = target_by_roles.flatMap(function (r) { return r.target_users; }).map(function (u) { return u.user.id; });
+                    return [4 /*yield*/, (0, PHXGrpcClientV3_1.PHXClientQueryV3)({
+                            query: query_1.GET_CLASSROOM_BY_USER_IDS,
+                            variables: {
+                                schoolYearId: school_year_id,
+                                userIds: userIds,
+                            },
+                        })];
+                case 3:
+                    data = (_b.sent()).data;
+                    classroomMap_1 = data.classroom_student.reduce(function (acc, item) {
+                        var _a;
+                        acc[_a = item.user.id] || (acc[_a] = []);
+                        acc[item.user.id].push(item.classroom);
+                        return acc;
+                    }, {});
+                    result = target_by_roles.map(function (role) { return (tslib_1.__assign(tslib_1.__assign({}, role), { target_users: role.target_users.map(function (tu) { return (tslib_1.__assign(tslib_1.__assign({}, tu), { user: tslib_1.__assign(tslib_1.__assign({}, tu.user), { classroom_students: (classroomMap_1[tu.user.id] || []).map(function (classroom) { return ({ classroom: classroom }); }) }) })); }) })); });
+                    formatted = result
+                        .map(function (item) {
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        var filters = [];
+                        if (item.is_all) {
+                            filters.push({ filterBy: constant_1.FILTER_BY.ALL, filterValues: [] });
+                        }
+                        if ((_a = item.target_educational_levels) === null || _a === void 0 ? void 0 : _a.length) {
+                            filters.push({
+                                filterBy: constant_1.FILTER_BY.EDUCATIONAL_LEVEL,
+                                filterValues: item.target_educational_levels.map(function (x) { return x.educational_level; }),
+                            });
+                        }
+                        if ((_b = item.target_grades) === null || _b === void 0 ? void 0 : _b.length) {
+                            filters.push({
+                                filterBy: constant_1.FILTER_BY.GRADE,
+                                filterValues: item.target_grades.map(function (x) { return x.grade; }),
+                            });
+                        }
+                        if ((_c = item.target_classrooms) === null || _c === void 0 ? void 0 : _c.length) {
+                            filters.push({
+                                filterBy: constant_1.FILTER_BY.CLASSROOM,
+                                filterValues: item.target_classrooms.map(function (x) { return x.classroom; }),
+                            });
+                        }
+                        if ((_d = item.target_departments) === null || _d === void 0 ? void 0 : _d.length) {
+                            filters.push({
+                                filterBy: constant_1.FILTER_BY.DEPARTMENT,
+                                filterValues: item.target_departments.map(function (x) { return x.department; }),
+                            });
+                        }
+                        if ((_e = item.target_users) === null || _e === void 0 ? void 0 : _e.length) {
+                            filters.push({
+                                filterBy: constant_1.FILTER_BY.CUSTOM_LIST,
+                                filterValues: item.target_users.map(function (u) {
+                                    var _a, _b, _c;
+                                    var formatUser = (0, tranform_target_user_1.transformTargetUser)([
+                                        tslib_1.__assign(tslib_1.__assign({}, u.user), { full_name: u.user.name, phone_number: (_a = u.user) === null || _a === void 0 ? void 0 : _a.phone }),
+                                    ], (_c = (_b = item.role) === null || _b === void 0 ? void 0 : _b.role_code) !== null && _c !== void 0 ? _c : constant_1.ERoleCode.DEPARTMENT);
+                                    return formatUser[0];
+                                }),
+                            });
+                        }
+                        if (filters.length === 0)
+                            return null;
+                        return {
+                            target: (_g = (_f = item.role) === null || _f === void 0 ? void 0 : _f.role_code) !== null && _g !== void 0 ? _g : constant_1.ERoleCode.DEPARTMENT,
+                            filter: filters,
+                            notifyWith: item.notify_with,
+                        };
+                    })
+                        .filter(Boolean);
+                    handleSetTarget(formatted);
+                    return [3 /*break*/, 6];
+                case 4:
+                    e_1 = _b.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 6];
+                case 5:
+                    setGetDefaultLoading(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    (0, react_1.useEffect)(function () {
+        if (targetId) {
+            getDefaultData();
+        }
+    }, [targetId, schoolYearId, userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id]);
+    return (react_2.default.createElement(react_2.default.Fragment, null, (getSelectLoading || getDefaultLoading) && targetId ? (react_2.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_2.default.createElement("div", { className: 'pl-6' },
+        ((_d = errors.target) === null || _d === void 0 ? void 0 : _d.message) && (react_2.default.createElement(BannerWithCard_1.PHXBannerWithCard, { className: 'mb-3', description: errors.target.message, hideCloseButton: true, show: true, type: 'danger' })),
+        react_2.default.createElement("div", { className: 'space-y-2' }, config_1.TARGET_CONFIGS.map(function (config, targetIndex) {
+            var _a, _b, _c, _d, _e;
+            var listRadio = config.listRadio, notifyWith = config.notifyWith, title = config.title, targetConfig = config.value;
+            var isChecked = listTargetSelected.some(function (i) { return i.target === targetConfig; });
+            var item = listTargetSelected.find(function (i) { return i.target === targetConfig; });
+            var notifyActive = (item === null || item === void 0 ? void 0 : item.notifyWith) === (notifyWith === null || notifyWith === void 0 ? void 0 : notifyWith.value);
+            var targetError = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.target) === null || _a === void 0 ? void 0 : _a[targetIndex]) === null || _b === void 0 ? void 0 : _b.filter) === null || _c === void 0 ? void 0 : _c.message;
+            return (react_2.default.createElement("div", { key: targetConfig, className: 'space-y-2' },
+                react_2.default.createElement("div", null,
+                    react_2.default.createElement(Checkbox_1.PHXCheckbox, { checked: isChecked, error: !!targetError && isSubmitted, errorType: 'required-field', id: targetConfig, onChange: function () { return handleChangeTarget(targetConfig); }, title: title }),
+                    react_2.default.createElement("div", { className: 'ml-7' },
+                        react_2.default.createElement(Text_1.PHXText, { tone: 'subdued' }, config.description))),
+                notifyWith && isChecked && (react_2.default.createElement("div", { className: 'ml-7 flex flex-col gap-2' },
+                    react_2.default.createElement(divider_1.PHXDivider, { className: 'mb-1' }),
+                    react_2.default.createElement("div", { className: 'flex items-center justify-between ' },
+                        react_2.default.createElement(Text_1.PHXText, null, notifyWith.title),
+                        react_2.default.createElement(Toggle_1.default, { active: !!notifyActive, onChange: function () { return handleChangeNotifyWith(targetConfig, notifyWith.value); } })),
+                    react_2.default.createElement(Text_1.PHXText, { tone: 'subdued' }, notifyWith.description),
+                    react_2.default.createElement(divider_1.PHXDivider, null))),
+                isChecked && (react_2.default.createElement("div", null,
+                    react_2.default.createElement(radio_group_select_1.CheckboxGroup, { errors: (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.target) === null || _d === void 0 ? void 0 : _d[targetIndex]) === null || _e === void 0 ? void 0 : _e.filter, handleChangeFilter: handleChangeFilter, listRadio: listRadio, listTargetSelected: listTargetSelected, schoolYearId: schoolYearId, selectOptions: selectOptions, target: targetConfig })))));
+        }))))));
+};
+exports.PHXFormTarget = PHXFormTarget;
+//# sourceMappingURL=PHXFormTarget.js.map

package/dist/cjs/components/FormTarget/PHXFormTarget.js.map

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

package/dist/cjs/components/FormTarget/components/divider/divider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IDividerProps {
+    className?: string;
+}
+export declare const PHXDivider: ({ className }: IDividerProps) => React.JSX.Element;
+export {};

package/dist/cjs/components/FormTarget/components/divider/divider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXDivider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var PHXDivider = function (_a) {
+    var className = _a.className;
+    return react_1.default.createElement("div", { className: "border-b border-gray-200 ".concat(className) });
+};
+exports.PHXDivider = PHXDivider;
+//# sourceMappingURL=divider.js.map

package/dist/cjs/components/FormTarget/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../../../src/components/FormTarget/components/divider/divider.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAKlB,IAAM,UAAU,GAAG,UAAC,EAA4B;QAA1B,SAAS,eAAA;IAAsB,OAAA,uCAAK,SAAS,EAAE,mCAA4B,SAAS,CAAE,GAAI;AAA3D,CAA2D,CAAA;AAA1G,QAAA,UAAU,cAAgG"}

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

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

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

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

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

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

package/dist/cjs/components/FormTarget/components/modal-search-user/modal-search-user.d.ts

@@ -0,0 +1,13 @@
+import { ERoleCode } from '../../constant';
+import { IFilterValueItem } from '../../type/target';
+import React from 'react';
+interface IProps {
+    target: ERoleCode;
+    handleAddList(data: Array<IFilterValueItem>, listDelete: Array<IFilterValueItem>): void;
+    defaultSelected: Array<IFilterValueItem>;
+    schoolYearId: number;
+    show: boolean;
+    onHide(): void;
+}
+export default function ModalSearchUser({ defaultSelected, handleAddList, onHide, schoolYearId, show, target, }: IProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalSearchUser;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var constant_1 = require("../../constant");
+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");
+var getLoginInfo_1 = tslib_1.__importDefault(require("../../../Func/getLoginInfo"));
+var useDebounce_1 = tslib_1.__importDefault(require("../../../Func/useDebounce"));
+var Modal_1 = require("../../../Modal");
+var ResourceList_1 = require("../../../ResourceList");
+var react_2 = tslib_1.__importDefault(require("react"));
+var PHXGrpcClientV3_1 = require("../../../Func/GRPC/PHXGrpcClientV3");
+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)({
+        gradeId: constant_1.OPTION_FILTER_ALL.id,
+        educationalLevelId: constant_1.OPTION_FILTER_ALL.id,
+        classroomId: constant_1.OPTION_FILTER_ALL.id,
+    }), filterSelected = _g[0], setFilterSelected = _g[1];
+    var _h = (0, react_1.useState)(false), isAllData = _h[0], setIsAllData = _h[1];
+    var _j = (0, react_1.useState)([]), dataSelected = _j[0], setDataSelected = _j[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,
+                        condition: filterSelected,
+                    });
+                    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*/];
+            }
+        });
+    }); };
+    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*/];
+            }
+        });
+    }); };
+    var handleReset = function () {
+        setListUser([]);
+        setIsAllData(false);
+        setDataSelected([]);
+        setCurrPage(0);
+        setSearchKeyword('');
+        setFilterSelected({
+            gradeId: constant_1.OPTION_FILTER_ALL.id,
+            educationalLevelId: constant_1.OPTION_FILTER_ALL.id,
+            classroomId: constant_1.OPTION_FILTER_ALL.id,
+        });
+    };
+    function onHandleHide() {
+        onHide();
+        handleReset();
+    }
+    var handleSubmit = function () {
+        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 ({
+            id: item.id,
+            code: item.code,
+            email: item.email,
+            phone: item.phone,
+            name: item.full_name,
+            full_name: item.full_name,
+            parents: item.parents || [],
+            educational_level: item.educational_level,
+            classroom: item.classroom,
+            grade: item.grade,
+        }); });
+        handleAddList(formattedData, listDelete);
+        onHide();
+    };
+    (0, react_1.useEffect)(function () {
+        getUser();
+    }, [currPage, debounceSearchValue, JSON.stringify(filterSelected)]);
+    (0, react_1.useEffect)(function () {
+        if (currPage !== 0 && show) {
+            setCurrPage(0);
+        }
+        handleReset();
+        getDataInitial();
+        setDataSelected(defaultSelected || []);
+    }, [show]);
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        react_2.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_2.default.createElement(ResourceList_1.PHXResourceList, { bulkActions: true, bulkActionsContent: 'Ch\u1EC9nh s\u1EEDa', getKeyword: function (keyword) {
+                    setSearchKeyword(keyword);
+                    setCurrPage(0);
+                    setIsAllData(false);
+                }, heightList: 330, hiddenBulkActionMarkup: true, list: listUser, loading: loadingInit, onScrollBottom: function () {
+                    if (!searching) {
+                        setCurrPage(function (pre) { return pre + 1; });
+                    }
+                }, onSelectedItemsChange: function (data) { return 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

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

package/dist/cjs/components/FormTarget/components/radio-group-select.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ERoleCode } from '../constant';
+import { FilterItem, ISelectOptions, ITargetSelectedData, TFilterBy } from '../type/target';
+interface ICheckboxProps {
+    handleChangeFilter(target: ERoleCode, checked: boolean, data: FilterItem): void;
+    listRadio: Array<{
+        title: string;
+        value: TFilterBy;
+    }>;
+    listTargetSelected: Array<ITargetSelectedData>;
+    schoolYearId: number;
+    selectOptions: ISelectOptions;
+    errors?: Record<string, any>;
+    target: ERoleCode;
+}
+export declare function CheckboxGroup({ errors, handleChangeFilter, listRadio, listTargetSelected, schoolYearId, selectOptions, target, }: ICheckboxProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+"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) {
+        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);
+        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) {
+                    handleChangeFilter(target, val.target.checked, {
+                        filterBy: value,
+                        filterValues: [],
+                    });
+                }, 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) {
+                        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' }))));
+    })));
+}
+//# sourceMappingURL=radio-group-select.js.map

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ERoleCode } from '../constant';
+import { IFilterValueItem } from '../type/target';
+interface IProps {
+    target: ERoleCode;
+    handleChange(data: Array<IFilterValueItem>): void;
+    defaultData: Array<IFilterValueItem>;
+    schoolYearId: number;
+}
+export default function TableCustomList({ defaultData, handleChange, schoolYearId, target }: IProps): React.JSX.Element;
+export {};