phx-react 1.3.1533 → 1.3.1535

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

@@ -0,0 +1,163 @@
+import { __awaiter, __generator, __spreadArray } from "tslib";
+import { useEffect, useState } from 'react';
+import { OPTION_FILTER_ALL } from '../../constant';
+import { queryListUserBuilder } from '../../graphql/query';
+import { getRoleNameByTarget } from '../../ultis/get-role-name-by-target';
+import { transformTargetUser } from '../../ultis/tranform-target-user';
+import PHXFuncGetLoggedInfo from '../../../Func/getLoginInfo';
+import PHXUseDebounce from '../../../Func/useDebounce';
+import { PHXModal } from '../../../Modal';
+import { PHXResourceList } from '../../../ResourceList';
+import React from 'react';
+import { PHXClientQueryV3 } from '../../../Func/GRPC/PHXGrpcClientV3';
+export default 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 = useState([]), listUser = _b[0], setListUser = _b[1];
+    var _c = useState(0), currPage = _c[0], setCurrPage = _c[1];
+    var userInfo = PHXFuncGetLoggedInfo();
+    var _d = useState(''), searchKeyword = _d[0], setSearchKeyword = _d[1];
+    var _e = useState(false), searching = _e[0], setSearching = _e[1];
+    var _f = useState(false), loadingInit = _f[0], setLoadingInit = _f[1];
+    var _g = useState({
+        gradeId: OPTION_FILTER_ALL.id,
+        educationalLevelId: OPTION_FILTER_ALL.id,
+        classroomId: OPTION_FILTER_ALL.id,
+    }), filterSelected = _g[0], setFilterSelected = _g[1];
+    var _h = useState(false), isAllData = _h[0], setIsAllData = _h[1];
+    var _j = useState([]), dataSelected = _j[0], setDataSelected = _j[1];
+    var debounceSearchValue = PHXUseDebounce(searchKeyword, 300);
+    var getUser = function () { return __awaiter(_this, void 0, void 0, function () {
+        var limit, offset, query, users, targetData, isAllDataResult, formatedUsers_1, e_1;
+        return __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 = queryListUserBuilder({
+                        target: target,
+                        schoolYearId: schoolYearId,
+                        schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
+                        condition: filterSelected,
+                    });
+                    return [4 /*yield*/, 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 = transformTargetUser(targetData, target);
+                    if (currPage === 0) {
+                        setListUser(formatedUsers_1);
+                    }
+                    else {
+                        setListUser(function (pre) { return __spreadArray(__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 __awaiter(_this, void 0, void 0, function () {
+        var error_1;
+        return __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: OPTION_FILTER_ALL.id,
+            educationalLevelId: OPTION_FILTER_ALL.id,
+            classroomId: 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();
+    };
+    useEffect(function () {
+        getUser();
+    }, [currPage, debounceSearchValue, JSON.stringify(filterSelected)]);
+    useEffect(function () {
+        if (currPage !== 0 && show) {
+            setCurrPage(0);
+        }
+        handleReset();
+        getDataInitial();
+        setDataSelected(defaultSelected || []);
+    }, [show]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PHXModal, { closeButton: true, inCard: false, onHide: onHandleHide, onSubmit: handleSubmit, primaryActionText: 'Th\u00EAm m\u1EDBi', show: show, size: 'large', title: "Th\u00EAm m\u1EDBi ".concat(getRoleNameByTarget(target)) },
+            React.createElement(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/esm/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/esm/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/esm/components/FormTarget/components/radio-group-select.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { ERoleCode, FILTER_BY } from '../constant';
+import TableCustomList from './table-custom-list';
+import { PHXBannerWithCard } from '../../BannerWithCard/BannerWithCard';
+import { PHXCombobox } from '../../Combobox';
+import { PHXCheckbox } from '../../Checkbox';
+export 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 === FILTER_BY.ALL; });
+    return (React.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 !== FILTER_BY.CUSTOM_LIST && target !== ERoleCode.STAFF && value !== 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.createElement("div", { key: value, className: 'space-y-2' },
+            React.createElement(PHXCheckbox, { checked: isChecked, disabled: isAllChecked && value !== FILTER_BY.ALL, error: haveError, id: "".concat(target, "-").concat(value), onChange: function (val) {
+                    handleChangeFilter(target, val.target.checked, {
+                        filterBy: value,
+                        filterValues: [],
+                    });
+                }, title: title }),
+            value === FILTER_BY.CUSTOM_LIST && isChecked && (React.createElement("div", null,
+                haveError && (React.createElement(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.createElement(TableCustomList, { 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.createElement(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 === ERoleCode.DEPARTMENT ? 'top' : 'bottom' }))));
+    })));
+}
+//# sourceMappingURL=radio-group-select.js.map

package/dist/esm/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/esm/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 {};

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

@@ -0,0 +1,172 @@
+import { __assign, __spreadArray } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { ERoleCode, TEXT_UNDEFINED } from '../constant';
+import { getRoleNameByTarget } from '../ultis/get-role-name-by-target';
+import { getTitleByRelationshipCode } from '../ultis/get-title-by-relationship-code';
+import ModalSearchUser from './modal-search-user/modal-search-user';
+import { PHXDropdown } from '../../Dropdown';
+import { PHXDescriptionListInTooltip } from '../../DescriptionListInTooltip';
+import { PHXButton } from '../../Button';
+import { PHXModal } from '../../Modal';
+import { PHXTableStatic } from '../../TableStatic';
+export default function TableCustomList(_a) {
+    var _b, _c;
+    var defaultData = _a.defaultData, handleChange = _a.handleChange, schoolYearId = _a.schoolYearId, target = _a.target;
+    var _d = useState(defaultData || []), listSelected = _d[0], setListSelected = _d[1];
+    var _e = useState(Date.now().toString()), syncSelectedRowsKey = _e[0], setSyncSelectedRowsKey = _e[1];
+    var _f = useState(false), showModalSearch = _f[0], setShowModalSearch = _f[1];
+    var _g = useState([]), rowSelected = _g[0], setRowSelected = _g[1];
+    var _h = useState({
+        deleteData: {
+            ids: [],
+            name: '',
+        },
+        show: false,
+    }), modalDelete = _h[0], setModalDelete = _h[1];
+    var _j = useState({
+        searchKeyword: '',
+    }), filterValues = _j[0], setFilterValues = _j[1];
+    var roleName = getRoleNameByTarget(target);
+    var defaultHeader = ['Số điện thoại', 'Email', 'Thao tác'];
+    var headerTable = (_b = {},
+        _b[ERoleCode.TEACHER] = __spreadArray(['Giáo viên', 'Mã giáo viên'], defaultHeader, true),
+        _b[ERoleCode.STAFF] = __spreadArray(['Nhân viên', 'Mã nhân viên'], defaultHeader, true),
+        _b[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[ERoleCode.DEPARTMENT] = ['Phòng ban', 'Mã phòng ban', 'Thao tác'],
+        _b);
+    var defaultBody = ['phone', 'email', 'actions'];
+    var bodyTable = (_c = {},
+        _c[ERoleCode.TEACHER] = __spreadArray(['name', 'code'], defaultBody, true),
+        _c[ERoleCode.STAFF] = __spreadArray(['name', 'code'], defaultBody, true),
+        _c[ERoleCode.STUDENT] = ['name', 'code', 'educational_level', 'grade', 'classroom', 'parents', 'actions'],
+        _c[ERoleCode.DEPARTMENT] = __spreadArray(['Phòng ban', 'Mã phòng ban'], defaultHeader, true),
+        _c);
+    var baseThComponent = {
+        actions: function (_value, itemBody) { return (React.createElement(PHXDropdown, { options: [
+                {
+                    // @ts-ignore
+                    content: React.createElement("p", { className: 'text-[#8E1F0B]' },
+                        "Xo\u00E1 ",
+                        roleName),
+                    destructive: true,
+                    id: 0,
+                    onClick: function () {
+                        setModalDelete({
+                            show: true,
+                            deleteData: {
+                                ids: [itemBody.id],
+                                name: itemBody.name,
+                            },
+                        });
+                    },
+                },
+            ], type: 'ellipsis-icon' })); },
+    };
+    var thComponent = __assign(__assign({}, baseThComponent), (target === ERoleCode.STUDENT && {
+        parents: function (value) { return (React.createElement("div", null,
+            React.createElement(PHXDescriptionListInTooltip, { items: value.map(function (parent) { return ({
+                    title: 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.createElement("div", { className: 'max-w-52 truncate' }, Array.isArray(value) && value.length > 0
+                    ? value.map(function (parent) { return "".concat(parent.full_name); }).join(', ')
+                    : TEXT_UNDEFINED) }))); },
+    }));
+    var handleAddList = function (data, listDelete) {
+        var mergedData = __spreadArray(__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());
+        setSyncSelectedRowsKey(Date.now().toString());
+        setListSelected(unique);
+        setFilterValues({
+            searchKeyword: '',
+        });
+        handleChange(unique);
+    };
+    var openModalSearch = function () {
+        setListSelected(defaultData || []);
+        setShowModalSearch(true);
+    };
+    var hideModalSearch = function () {
+        setShowModalSearch(false);
+    };
+    var handleDelete = function () {
+        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); });
+        setListSelected(filteredData);
+        setRowSelected(remainingSelected);
+        handleChange(filteredData);
+        onHideModalDelete();
+    };
+    var getFilteredListData = function () {
+        var searchKeyword = filterValues.searchKeyword;
+        var filteredData = listSelected.filter(function (user) {
+            return user.code.toLowerCase().includes(searchKeyword.toLowerCase()) ||
+                user.name.toLowerCase().includes(searchKeyword.toLowerCase());
+        });
+        return filteredData;
+    };
+    function onHideModalDelete() {
+        setModalDelete({
+            deleteData: {
+                ids: [],
+                name: '',
+            },
+            show: false,
+        });
+    }
+    useEffect(function () {
+        setListSelected(defaultData || []);
+    }, [JSON.stringify(defaultData)]);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: 'ml-6 flex items-center justify-between' },
+            React.createElement("p", { className: ' text-xs font-semibold' },
+                "Danh s\u00E1ch ",
+                roleName,
+                " \u0111\u00E3 ch\u1ECDn (",
+                defaultData.length,
+                ")"),
+            React.createElement(PHXButton, { className: 'text-xs font-medium', onClick: function () { return openModalSearch(); }, plain: true }, "Th\u00EAm m\u1EDBi"),
+            React.createElement(ModalSearchUser, { defaultSelected: listSelected, handleAddList: handleAddList, onHide: hideModalSearch, schoolYearId: schoolYearId, show: showModalSearch, target: target })),
+        React.createElement(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.createElement("p", { className: 'text-xs text-gray-500' },
+                "B\u1EA1n ch\u1EAFc ch\u1EAFn mu\u1ED1n xo\u00E1",
+                ' ',
+                modalDelete.deleteData.ids.length > 1 ? (React.createElement("span", { className: 'font-bold' },
+                    modalDelete.deleteData.ids.length,
+                    " ",
+                    roleName)) : (roleName),
+                ' ',
+                React.createElement("span", { className: 'font-bold' }, modalDelete.deleteData.name),
+                " \u0111\u00E3 ch\u1ECDn? Thao t\u00E1c n\u00E0y kh\u00F4ng th\u1EC3 ho\u00E0n t\u00E1c.")),
+        React.createElement("div", { className: 'ml-6' },
+            React.createElement(PHXTableStatic, { bodyData: getFilteredListData(), bulkAction: {
+                    enable: true,
+                    buttons: [
+                        {
+                            id: 1,
+                            text: React.createElement("p", { className: 'text-xs font-medium text-red-700' },
+                                "Xo\u00E1 ",
+                                roleName),
+                            onClick: function (selectedRows) {
+                                setRowSelected(selectedRows);
+                                setModalDelete({
+                                    show: true,
+                                    deleteData: {
+                                        name: '',
+                                        ids: selectedRows.map(function (item) { return Number(item.id); }),
+                                    },
+                                });
+                            },
+                            type: 'secondary',
+                        },
+                    ],
+                }, isPagination: true, name: target, rowNumber: 10, search: {
+                    enable: true,
+                    onSearchChange: function (keyword) { return setFilterValues(function (pre) { return (__assign(__assign({}, pre), { searchKeyword: keyword })); }); },
+                    loading: false,
+                    setLoading: function () { return null; },
+                }, selectedRows: rowSelected, syncSelectedRowsKey: syncSelectedRowsKey, thBody: bodyTable[target], thComponent: thComponent, thHeader: headerTable[target] }))));
+}
+//# sourceMappingURL=table-custom-list.js.map

package/dist/esm/components/FormTarget/components/table-custom-list.js.map

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

package/dist/esm/components/FormTarget/config.d.ts

@@ -0,0 +1,70 @@
+import { ERoleCode, ENotifyWith } from './constant';
+export declare const TARGET_CONFIGS: ({
+    title: string;
+    value: ERoleCode;
+    description: string;
+    notifyWith: {
+        title: string;
+        description: string;
+        value: ENotifyWith;
+    };
+    listRadio: ({
+        title: string;
+        value: "EDUCATIONAL_LEVEL";
+    } | {
+        title: string;
+        value: "GRADE";
+    } | {
+        title: string;
+        value: "CLASSROOM";
+    } | {
+        title: string;
+        value: "CUSTOM_LIST";
+    })[];
+} | {
+    title: string;
+    value: ERoleCode;
+    notifyWith: {
+        title: string;
+        description: string;
+        value: ENotifyWith;
+    };
+    listRadio: ({
+        title: string;
+        value: "EDUCATIONAL_LEVEL";
+    } | {
+        title: string;
+        value: "GRADE";
+    } | {
+        title: string;
+        value: "CLASSROOM";
+    } | {
+        title: string;
+        value: "CUSTOM_LIST";
+    })[];
+    description?: undefined;
+} | {
+    title: string;
+    value: ERoleCode;
+    listRadio: ({
+        title: string;
+        value: "ALL";
+    } | {
+        title: string;
+        value: "CUSTOM_LIST";
+    })[];
+    description?: undefined;
+    notifyWith?: undefined;
+} | {
+    title: string;
+    value: ERoleCode;
+    listRadio: ({
+        title: string;
+        value: "ALL";
+    } | {
+        title: string;
+        value: "DEPARTMENT";
+    })[];
+    description?: undefined;
+    notifyWith?: undefined;
+})[];

package/dist/esm/components/FormTarget/config.js

@@ -0,0 +1,87 @@
+import { ERoleCode, FILTER_BY, ENotifyWith } from './constant';
+export var TARGET_CONFIGS = [
+    {
+        title: 'Theo phụ huynh',
+        value: ERoleCode.STUDENT,
+        description: 'Danh sách phụ huynh nhận thông báo được lấy theo danh sách học sinh đã chọn.',
+        notifyWith: {
+            title: 'Giáo viên chủ nhiệm sẽ nhận được thông báo',
+            description: 'Ngoài gửi thông báo tới phụ huynh, hệ thống đồng thời gửi thông báo đến giáo viên chủ nhiệm của các lớp có học sinh đã chọn.',
+            value: ENotifyWith.GVCN,
+        },
+        listRadio: [
+            {
+                title: 'Theo cấp học',
+                value: FILTER_BY.EDUCATIONAL_LEVEL,
+            },
+            {
+                title: 'Theo khối học',
+                value: FILTER_BY.GRADE,
+            },
+            {
+                title: 'Theo lớp học',
+                value: FILTER_BY.CLASSROOM,
+            },
+            {
+                title: 'Theo danh sách tuỳ chọn',
+                value: FILTER_BY.CUSTOM_LIST,
+            },
+        ],
+    },
+    {
+        title: 'Theo giáo viên chủ nhiệm',
+        value: ERoleCode.TEACHER,
+        notifyWith: {
+            title: 'Giáo viên bộ môn sẽ nhận được thông báo',
+            description: 'Ngoài gửi thông báo tới giáo viên chủ nhiệm, hệ thống đồng thời gửi thông báo đến giáo viên bộ môn',
+            value: ENotifyWith.GVBM,
+        },
+        listRadio: [
+            {
+                title: 'Theo cấp học',
+                value: FILTER_BY.EDUCATIONAL_LEVEL,
+            },
+            {
+                title: 'Theo khối học',
+                value: FILTER_BY.GRADE,
+            },
+            {
+                title: 'Theo lớp học',
+                value: FILTER_BY.CLASSROOM,
+            },
+            {
+                title: 'Theo danh sách tuỳ chọn',
+                value: FILTER_BY.CUSTOM_LIST,
+            },
+        ],
+    },
+    {
+        title: 'Theo nhân viên',
+        value: ERoleCode.STAFF,
+        listRadio: [
+            {
+                title: 'Tất cả cán bộ nhân viên',
+                value: FILTER_BY.ALL,
+            },
+            {
+                title: 'Theo danh sách tuỳ chọn',
+                value: FILTER_BY.CUSTOM_LIST,
+            },
+        ],
+    },
+    {
+        title: 'Theo phòng ban',
+        value: ERoleCode.DEPARTMENT,
+        listRadio: [
+            {
+                title: 'Tất cả phòng ban',
+                value: FILTER_BY.ALL,
+            },
+            {
+                title: 'Theo từng phòng ban',
+                value: FILTER_BY.DEPARTMENT,
+            },
+        ],
+    },
+];
+//# sourceMappingURL=config.js.map

package/dist/esm/components/FormTarget/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../../src/components/FormTarget/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE9D,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,SAAS,CAAC,OAAO;QACxB,WAAW,EAAE,8EAA8E;QAC3F,UAAU,EAAE;YACV,KAAK,EAAE,4CAA4C;YACnD,WAAW,EACT,8HAA8H;YAChI,KAAK,EAAE,WAAW,CAAC,IAAI;SACxB;QACD,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,SAAS,CAAC,iBAAiB;aACnC;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;aACvB;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,SAAS,CAAC,SAAS;aAC3B;YACD;gBACE,KAAK,EAAE,yBAAyB;gBAChC,KAAK,EAAE,SAAS,CAAC,WAAW;aAC7B;SACF;KACF;IACD;QACE,KAAK,EAAE,0BAA0B;QACjC,KAAK,EAAE,SAAS,CAAC,OAAO;QACxB,UAAU,EAAE;YACV,KAAK,EAAE,yCAAyC;YAChD,WAAW,EAAE,oGAAoG;YACjH,KAAK,EAAE,WAAW,CAAC,IAAI;SACxB;QACD,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,SAAS,CAAC,iBAAiB;aACnC;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;aACvB;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,SAAS,CAAC,SAAS;aAC3B;YACD;gBACE,KAAK,EAAE,yBAAyB;gBAChC,KAAK,EAAE,SAAS,CAAC,WAAW;aAC7B;SACF;KACF;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,yBAAyB;gBAChC,KAAK,EAAE,SAAS,CAAC,GAAG;aACrB;YACD;gBACE,KAAK,EAAE,yBAAyB;gBAChC,KAAK,EAAE,SAAS,CAAC,WAAW;aAC7B;SACF;KACF;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,SAAS,CAAC,UAAU;QAC3B,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,kBAAkB;gBACzB,KAAK,EAAE,SAAS,CAAC,GAAG;aACrB;YACD;gBACE,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE,SAAS,CAAC,UAAU;aAC5B;SACF;KACF;CACF,CAAA"}

package/dist/esm/components/FormTarget/constant.d.ts

@@ -0,0 +1,37 @@
+export declare enum ENotifyWith {
+    GVCN = "GVCN",
+    GVBM = "GVBM"
+}
+export declare const OPTION_FILTER_ALL: {
+    id: number;
+    name: string;
+    code: string;
+};
+export declare enum ERoleCode {
+    TEACHER = "GV",
+    STUDENT = "SV",
+    STAFF = "NV",
+    DEPARTMENT = "DEPARTMENT"
+}
+export declare enum EObjectType {
+    TEACHER = "TEACHER",
+    STUDENT = "STUDENT",
+    STAFF = "STAFF",
+    DEPARTMENT = "DEPARTMENT"
+}
+export declare const FILTER_BY: {
+    readonly ALL: "ALL";
+    readonly EDUCATIONAL_LEVEL: "EDUCATIONAL_LEVEL";
+    readonly GRADE: "GRADE";
+    readonly CLASSROOM: "CLASSROOM";
+    readonly DEPARTMENT: "DEPARTMENT";
+    readonly CUSTOM_LIST: "CUSTOM_LIST";
+};
+export declare const VALIDATE_REQUIRED_INPUT = "Tr\u01B0\u1EDDng n\u00E0y kh\u00F4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng";
+export declare const DEFAULT_NOTIFY_WITH_BY_TARGET: {
+    SV: ENotifyWith;
+    GV: undefined;
+    NV: undefined;
+    DEPARTMENT: undefined;
+};
+export declare const TEXT_UNDEFINED = "--";