phx-react 1.3.1224 → 1.3.1227

package/dist/cjs/components/TargetSelect/utils/helper.js

@@ -0,0 +1,75 @@
+"use strict";
+exports.__esModule = true;
+exports.getUserFilterValueByTarget = exports.formatUserDescription = exports.getRoleNameByTarget = void 0;
+var constant_1 = require("./constant");
+var getRoleNameByTarget = function (target, uppercaseFirst) {
+    var _a, _b;
+    if (uppercaseFirst === void 0) { uppercaseFirst = false; }
+    var roleNameMapWithUppercaseFirst = (_a = {},
+        _a[constant_1.ROLE_CODE.STAFF] = 'Nhân viên',
+        _a[constant_1.ROLE_CODE.PARENT] = 'Phụ huynh',
+        _a[constant_1.ROLE_CODE.TEACHER] = 'Giáo viên',
+        _a);
+    var roleNameMapWithLowercaseFirst = (_b = {},
+        _b[constant_1.ROLE_CODE.STAFF] = 'nhân viên',
+        _b[constant_1.ROLE_CODE.PARENT] = 'phụ huynh',
+        _b[constant_1.ROLE_CODE.TEACHER] = 'giáo viên',
+        _b);
+    return uppercaseFirst ? roleNameMapWithUppercaseFirst[target] : roleNameMapWithLowercaseFirst[target];
+};
+exports.getRoleNameByTarget = getRoleNameByTarget;
+function formatUserDescription(user, target) {
+    var _a;
+    if (target === constant_1.ROLE_CODE.PARENT) {
+        var students = user.relationship_users.map(function (relationship_user) {
+            var _a, _b, _c, _d, _e;
+            var studentName = (_a = relationship_user.userByStudentId) === null || _a === void 0 ? void 0 : _a.full_name;
+            var classroomName = (_e = (_d = (_c = (_b = relationship_user === null || relationship_user === void 0 ? void 0 : relationship_user.userByStudentId) === null || _b === void 0 ? void 0 : _b.classroom_students) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.classroom) === null || _e === void 0 ? void 0 : _e.name;
+            return "".concat(studentName, " ").concat(classroomName ? "(".concat(classroomName, ")") : '');
+        });
+        return "H\u1ECDc sinh: ".concat(students.length > 0 ? students.join(', ') : '--');
+    }
+    else {
+        var roleNames = (_a = user.user_roles) === null || _a === void 0 ? void 0 : _a.map(function (user_role) { return user_role.role.name; });
+        return roleNames.join(', ');
+    }
+}
+exports.formatUserDescription = formatUserDescription;
+var getUserFilterValueByTarget = function (user, target) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var educationalLevelIds = [], gradeIds = [], classroomIds = [];
+    if (target === constant_1.ROLE_CODE.PARENT) {
+        (_a = user === null || user === void 0 ? void 0 : user.relationship_users) === null || _a === void 0 ? void 0 : _a.forEach(function (relationship_user) {
+            var _a, _b, _c, _d, _e;
+            var classroom = (_c = (_b = (_a = relationship_user === null || relationship_user === void 0 ? void 0 : relationship_user.userByStudentId) === null || _a === void 0 ? void 0 : _a.classroom_students) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.classroom;
+            educationalLevelIds.push((_d = classroom === null || classroom === void 0 ? void 0 : classroom.grade) === null || _d === void 0 ? void 0 : _d.educational_level_id);
+            gradeIds.push((_e = classroom === null || classroom === void 0 ? void 0 : classroom.grade) === null || _e === void 0 ? void 0 : _e.id);
+            classroomIds.push(classroom === null || classroom === void 0 ? void 0 : classroom.id);
+        });
+    }
+    if (target === constant_1.ROLE_CODE.STAFF) {
+        (_d = (_c = (_b = user === null || user === void 0 ? void 0 : user.profile) === null || _b === void 0 ? void 0 : _b.educational_level_group) === null || _c === void 0 ? void 0 : _c.educational_level_map_groups) === null || _d === void 0 ? void 0 : _d.forEach(function (educational_level_map_group) {
+            educationalLevelIds.push(educational_level_map_group === null || educational_level_map_group === void 0 ? void 0 : educational_level_map_group.educational_level_id);
+        });
+    }
+    if (target === constant_1.ROLE_CODE.TEACHER) {
+        (_g = (_f = (_e = user === null || user === void 0 ? void 0 : user.profile) === null || _e === void 0 ? void 0 : _e.educational_level_group) === null || _f === void 0 ? void 0 : _f.educational_level_map_groups) === null || _g === void 0 ? void 0 : _g.forEach(function (educational_level_map_group) {
+            educationalLevelIds.push(educational_level_map_group === null || educational_level_map_group === void 0 ? void 0 : educational_level_map_group.educational_level_id);
+        });
+        (_j = (_h = user === null || user === void 0 ? void 0 : user.profile) === null || _h === void 0 ? void 0 : _h.teacher_subject_assignments) === null || _j === void 0 ? void 0 : _j.forEach(function (teacher_subject_assignment) {
+            var _a;
+            (_a = teacher_subject_assignment === null || teacher_subject_assignment === void 0 ? void 0 : teacher_subject_assignment.classroom_teachers) === null || _a === void 0 ? void 0 : _a.forEach(function (classroom_teacher) {
+                var classroom = classroom_teacher.classroom;
+                classroomIds.push(classroom === null || classroom === void 0 ? void 0 : classroom.id);
+                gradeIds === null || gradeIds === void 0 ? void 0 : gradeIds.push(classroom === null || classroom === void 0 ? void 0 : classroom.grade_id);
+            });
+        });
+    }
+    return {
+        educationalLevelIds: educationalLevelIds.filter(Boolean),
+        gradeIds: gradeIds.filter(Boolean),
+        classroomIds: classroomIds.filter(Boolean)
+    };
+};
+exports.getUserFilterValueByTarget = getUserFilterValueByTarget;
+//# sourceMappingURL=helper.js.map

package/dist/cjs/components/TargetSelect/utils/helper.js.map

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

package/dist/cjs/demo/demo-phx-row.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function DemoPHXRow(): React.JSX.Element;

package/dist/cjs/demo/demo-phx-row.js

@@ -0,0 +1,31 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Dropdown_1 = require("../components/Dropdown");
+var Row_1 = tslib_1.__importDefault(require("../components/Row/Row"));
+function DemoPHXRow() {
+    var options = [
+        {
+            content: 'option 1',
+            id: 1,
+            onClick: function () { return console.log(1); }
+        },
+        {
+            content: 'option 2',
+            id: 2,
+            onClick: function () { return console.log(1); }
+        },
+        {
+            content: 'option 3',
+            id: 3,
+            onClick: function () { return console.log(1); }
+        },
+    ];
+    return (react_1["default"].createElement(Row_1["default"], null,
+        react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options }),
+        react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options }),
+        react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options })));
+}
+exports["default"] = DemoPHXRow;
+//# sourceMappingURL=demo-phx-row.js.map

package/dist/cjs/demo/demo-phx-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-phx-row.js","sourceRoot":"","sources":["../../../src/demo/demo-phx-row.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,mDAAoD;AACpD,sEAA0C;AAE1C,SAAwB,UAAU;IAChC,IAAM,OAAO,GAAG;QACd;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;QACD;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;QACD;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;KACF,CAAA;IAED,OAAO,CACL,iCAAC,gBAAM;QACL,iCAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAExD,iCAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAExD,iCAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI,CACjD,CACV,CAAA;AACH,CAAC;AA5BD,gCA4BC"}

package/dist/cjs/index.d.ts

@@ -92,4 +92,6 @@ import { PHXTwoColumnLayout } from './components/TwoColumnLayout/TwoColumnLayout
 import PHXTextEditor from './components/TextEditor/TextEditor';
 import PHXTextEditorView from './components/TextEditor/TextEditorView';
 import { PHXAxiosInstance } from './axiosInstance';
-export { PHXTextEditor, PHXTextEditorView, PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, PHXGetListDepartmentManager, PHXGetUserManagerByUserId, PHXReportButtonTab, PHXAllowExplanation, PHXUseRouterBack, PHXChunkUpdateMany, PHXTabDate, PHXTwoColumnLayout, PHXAxiosInstance, };
+import PHXTargetSelect from './components/TargetSelect/phx-target-select';
+import useTargetSelect from './components/TargetSelect/hooks/use-target-select';
+export { useTargetSelect, PHXTargetSelect, PHXTextEditor, PHXTextEditorView, PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, PHXGetListDepartmentManager, PHXGetUserManagerByUserId, PHXReportButtonTab, PHXAllowExplanation, PHXUseRouterBack, PHXChunkUpdateMany, PHXTabDate, PHXTwoColumnLayout, PHXAxiosInstance, };

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
-exports.PieChart = exports.PHXFetchAPI = exports.PHXResourceList = exports.PHXUseDebounce = exports.PHXDateRangePicker = exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXEmptyRecord = exports.PHXDatePicker = exports.PHXSearchResultListV3 = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientQueryDataCenterV3 = exports.PHXClientMutationDataCenterV3 = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckboxGroup = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTableV3 = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.PHXStoreProduct = exports.PHXTextEditorView = exports.PHXTextEditor = void 0;
-exports.PHXAxiosInstance = exports.PHXTwoColumnLayout = exports.PHXTabDate = exports.PHXChunkUpdateMany = exports.PHXUseRouterBack = exports.PHXAllowExplanation = exports.PHXReportButtonTab = exports.PHXGetUserManagerByUserId = exports.PHXGetListDepartmentManager = exports.PHXSortable = exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = exports.DonutChart = exports.BarChart = void 0;
+exports.PHXResourceList = exports.PHXUseDebounce = exports.PHXDateRangePicker = exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXEmptyRecord = exports.PHXDatePicker = exports.PHXSearchResultListV3 = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientQueryDataCenterV3 = exports.PHXClientMutationDataCenterV3 = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckboxGroup = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTableV3 = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.PHXStoreProduct = exports.PHXTextEditorView = exports.PHXTextEditor = exports.PHXTargetSelect = exports.useTargetSelect = void 0;
+exports.PHXAxiosInstance = exports.PHXTwoColumnLayout = exports.PHXTabDate = exports.PHXChunkUpdateMany = exports.PHXUseRouterBack = exports.PHXAllowExplanation = exports.PHXReportButtonTab = exports.PHXGetUserManagerByUserId = exports.PHXGetListDepartmentManager = exports.PHXSortable = exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = exports.DonutChart = exports.BarChart = exports.PieChart = exports.PHXFetchAPI = void 0;
 var tslib_1 = require("tslib");
 var BannerWithCard_1 = require("./components/BannerWithCard/BannerWithCard");
 exports.PHXBannerWithCard = BannerWithCard_1.PHXBannerWithCard;
@@ -192,4 +192,8 @@ var TextEditorView_1 = tslib_1.__importDefault(require("./components/TextEditor/
 exports.PHXTextEditorView = TextEditorView_1["default"];
 var axiosInstance_1 = require("./axiosInstance");
 exports.PHXAxiosInstance = axiosInstance_1.PHXAxiosInstance;
+var phx_target_select_1 = tslib_1.__importDefault(require("./components/TargetSelect/phx-target-select"));
+exports.PHXTargetSelect = phx_target_select_1["default"];
+var use_target_select_1 = tslib_1.__importDefault(require("./components/TargetSelect/hooks/use-target-select"));
+exports.useTargetSelect = use_target_select_1["default"];
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;AAAA,6EAA8E;AA4K5E,4BA5KO,kCAAiB,CA4KP;AA3KnB,6EAAoF;AAgKlF,uCAhKO,kDAA4B,CAgKP;AA/J9B,8DAA+D;AAiH7D,uBAjHO,wBAAY,CAiHP;AAhHd,sDAAuD;AAuIrD,wBAvIO,0BAAa,CAuIP;AAtIf,sDAAuD;AAoIrD,wBApIO,0BAAa,CAoIP;AAnIf,0CAA2C;AAiHzC,kBAjHO,cAAO,CAiHP;AAhHT,8CAA+C;AAiG7C,oBAjGO,kBAAS,CAiGP;AAhGX,0CAA2C;AAiGzC,kBAjGO,cAAO,CAiGP;AAhGT,gDAAiD;AAiG/C,qBAjGO,oBAAU,CAiGP;AAhGZ,kDAAmD;AAiGjD,sBAjGO,sBAAW,CAiGP;AAhGb,oDAAqD;AAiGnD,uBAjGO,wBAAY,CAiGP;AAhGd,4CAA6C;AAkG3C,mBAlGO,gBAAQ,CAkGP;AAjGV,8CAA+C;AAkG7C,oBAlGO,kBAAS,CAkGP;AAjGX,oDAAqD;AAkGnD,uBAlGO,wBAAY,CAkGP;AAjGd,4CAA6C;AAkG3C,mBAlGO,gBAAQ,CAkGP;AAjGV,kDAAmD;AAkGjD,sBAlGO,sBAAW,CAkGP;AAjGb,4DAA6D;AAkG3D,2BAlGO,gCAAgB,CAkGP;AAjGlB,kDAAmD;AAmGjD,sBAnGO,sBAAW,CAmGP;AAlGb,4DAA6D;AAmG3D,2BAnGO,gCAAgB,CAmGP;AAlGlB,kDAAmD;AAoGjD,sBApGO,sBAAW,CAoGP;AAnGb,wFAAiE;AAoG/D,+BApGK,yBAAoB,CAoGL;AAnGtB,kDAAmD;AAwGjD,sBAxGO,sBAAW,CAwGP;AAvGb,4CAA6C;AAwG3C,mBAxGO,gBAAQ,CAwGP;AAvGV,0CAA2C;AAwGzC,kBAxGO,cAAO,CAwGP;AAvGT,sDAAuD;AAwGrD,wBAxGO,0BAAa,CAwGP;AAvGf,kEAAmE;AAwGjE,8BAxGO,sCAAmB,CAwGP;AAvGrB,4CAA6C;AAwG3C,mBAxGO,gBAAQ,CAwGP;AAvGV,8CAA+C;AA0G7C,oBA1GO,kBAAS,CA0GP;AAzGX,wDAAyD;AA0GvD,yBA1GO,4BAAc,CA0GP;AAzGhB,kDAAmD;AA0GjD,sBA1GO,sBAAW,CA0GP;AAzGb,gEAAiE;AA2G/D,6BA3GO,oCAAkB,CA2GP;AA1GpB,sEAAuE;AA4GrE,gCA5GO,0CAAqB,CA4GP;AA3GvB,sDAAuD;AA4GrD,wBA5GO,0BAAa,CA4GP;AA3Gf,wDAAyD;AA4GvD,yBA5GO,4BAAc,CA4GP;AA3GhB,sDAAuD;AA4GrD,wBA5GO,0BAAa,CA4GP;AA3Gf,kDAAmD;AA4GjD,sBA5GO,sBAAW,CA4GP;AA3Gb,gGAAoE;AA4GlE,0BA5GK,yBAAe,CA4GL;AA3GjB,sFAA0D;AA6GxD,yBA7GK,wBAAc,CA6GL;AA5GhB,0DAA2D;AA6GzD,0BA7GO,8BAAe,CA6GP;AA5GjB,gEAAiE;AA0G/D,6BA1GO,oCAAkB,CA0GP;AAzGpB,sFAAuD;AA4GrD,sBA5GK,wBAAW,CA4GL;AA3Gb,0FAA2D;AA4GzD,mBA5GK,qBAAQ,CA4GL;AA3GV,0FAA2D;AA4GzD,mBA5GK,qBAAQ,CA4GL;AA3GV,gGAAiE;AA4G/D,qBA5GK,uBAAU,CA4GL;AA3GZ,iFAAqD;AA4GnD,qBA5GK,oBAAU,CA4GL;AA3GZ,0FAA8D;AA4E5D,2BA5EK,0BAAgB,CA4EL;AA3ElB,gGAAoE;AA4ElE,8BA5EK,6BAAmB,CA4EL;AA3ErB,oHAAwF;AA4EtF,wCA5EK,uCAA6B,CA4EL;AA3E/B,8GAAkF;AA4EhF,qCA5EK,oCAA0B,CA4EL;AA3E5B,gDAAiD;AAkF/C,qBAlFO,oBAAU,CAkFP;AAjFZ,sDAAuD;AAkFrD,wBAlFO,0BAAa,CAkFP;AAjFf,qIAAuG;AAsGrG,wCAtGK,yCAA6B,CAsGL;AArG/B,yIAAuG;AAsGrG,sCAtGK,2CAA2B,CAsGL;AArG7B,qHAAkG;AAsGhG,2CAtGK,iCAAgC,CAsGL;AArGlC,2GAAwF;AAsGtF,sCAtGK,4BAA2B,CAsGL;AArG7B,4DAA6D;AAsG3D,2BAtGO,gCAAgB,CAsGP;AArGlB,sDAAuD;AAsGrD,wBAtGO,0BAAa,CAsGP;AArGf,kEAAmE;AAsGjE,8BAtGO,sCAAmB,CAsGP;AArGrB,gDAAiD;AAkD/C,qBAlDO,oBAAU,CAkDP;AAjDZ,wFAA8D;AAqG5D,4BArGK,yBAAiB,CAqGL;AApGnB,kGAAmE;AAsGjE,4BAtGK,8BAAiB,CAsGL;AArGnB,kGAAmE;AAgHjE,sBAhHK,wBAAW,CAgHL;AA/Gb,4IAA6G;AAgH3G,2CAhHK,6CAAgC,CAgHL;AA/GlC,kDAAmD;AAoGjD,sBApGO,sBAAW,CAoGP;AAnGb,gEAA6E;AAoG3E,6BApGO,oCAAkB,CAoGP;AAClB,qBArG2B,4BAAU,CAqG3B;AApGZ,8GAAiF;AAqG/E,8BArGK,8BAAmB,CAqGL;AApGrB,wEAA4C;AAqG1C,kBArGK,iBAAO,CAqGL;AApGT,sDAAuD;AAqGrD,wBArGO,0BAAa,CAqGP;AApGf,4DAA6D;AAqG3D,2BArGO,gCAAgB,CAqGP;AApGlB,kEAAmE;AAqGjE,8BArGO,sCAAmB,CAqGP;AApGrB,yGAA6E;AAqG3E,6BArGK,4BAAkB,CAqGL;AApGpB,iEAAkE;AAwGhE,wBAxGO,0BAAa,CAwGP;AAvGf,iEAAkE;AAwGhE,wBAxGO,0BAAa,CAwGP;AAvGf,8EAAkD;AAwGhD,oBAxGK,mBAAS,CAwGL;AAvGX,qEAAyC;AAwGvC,iBAxGK,gBAAM,CAwGL;AAvGR,iEAAkE;AAwGhE,wBAxGO,0BAAa,CAwGP;AAvGf,oEAAqE;AAwGnE,yBAxGO,4BAAc,CAwGP;AAvGhB,gGAAoE;AAyBlE,0BAzBK,yBAAe,CAyBL;AAxBjB,gFAAoD;AAuGlD,sBAvGK,qBAAW,CAuGL;AAtGb,iFAAqD;AAuGnD,oBAvGK,mBAAS,CAuGL;AAtGX,gDAAiD;AAuG/C,qBAvGO,oBAAU,CAuGP;AAtGZ,oFAAwD;AAuGtD,sBAvGK,qBAAW,CAuGL;AAtGb,oFAAwD;AAuGtD,sBAvGK,qBAAW,CAuGL;AAtGb,kIAAsG;AAuGpG,sCAvGK,qCAA2B,CAuGL;AAtG7B,uEAA2E;AAwGzE,6BAxGO,iCAAkB,CAwGP;AAvGpB,iJAA8G;AAsG5G,oCAtGK,0CAAyB,CAsGL;AArG3B,sHAAqF;AAuGnF,8BAvGK,kCAAmB,CAuGL;AAtGrB,2DAA0D;AAuGxD,2BAvGO,kCAAgB,CAuGP;AAtGlB,8FAAkE;AAuGhE,6BAvGK,4BAAkB,CAuGL;AAtGpB,uFAAwD;AAuGtD,qBAvGK,uBAAU,CAuGL;AAtGZ,gFAAiF;AAuG/E,6BAvGO,oCAAkB,CAuGP;AAtGpB,0FAA8D;AAS5D,wBATK,uBAAa,CASL;AARf,kGAAsE;AASpE,4BATK,2BAAiB,CASL;AARnB,iDAAkD;AAqGhD,2BArGO,gCAAgB,CAqGP;AApGlB,0GAAyE;AAKvE,0BALK,8BAAe,CAKL;AAJjB,gHAA+E;AAG7E,0BAHK,8BAAe,CAGL"}

package/dist/esm/components/Row/Row.js

@@ -1,6 +1,6 @@
 import React from 'react';
 export default function PHXRow(_a) {
     var children = _a.children;
-    return React.createElement("div", { className: 'flex flex-col sm:flex-row my-3 gap-3 flex-wrap' }, children);
+    return React.createElement("div", { className: 'flex flex-col sm:flex-row mb-3 gap-3 flex-wrap' }, children);
 }
 //# sourceMappingURL=Row.js.map

package/dist/esm/components/TargetSelect/components/filter-dropdown.d.ts

@@ -0,0 +1,12 @@
+import { ISelectOptions, TSelectOptionItem, TTarget } from '../types';
+import React from 'react';
+export interface ISelectedDropdown {
+    educationalLevel: TSelectOptionItem;
+    grade: TSelectOptionItem;
+    classroom: TSelectOptionItem;
+}
+export default function FilterDropdown({ onChange, rawFilters, target, }: {
+    rawFilters: ISelectOptions;
+    onChange(data: ISelectedDropdown): void;
+    target?: TTarget;
+}): React.JSX.Element;

package/dist/esm/components/TargetSelect/components/filter-dropdown.js

@@ -0,0 +1,54 @@
+import { __assign, __spreadArray } from "tslib";
+import { useState } from 'react';
+import { OPTION_FILTER_ALL, ROLE_CODE } from '../utils/constant';
+import PHXRow from '../../Row/Row';
+import { PHXDropdown } from '../../Dropdown';
+import React from 'react';
+export default function FilterDropdown(_a) {
+    var onChange = _a.onChange, rawFilters = _a.rawFilters, target = _a.target;
+    var _b = useState({
+        educationalLevel: OPTION_FILTER_ALL,
+        grade: OPTION_FILTER_ALL,
+        classroom: OPTION_FILTER_ALL
+    }), filterSelected = _b[0], setFilterSelected = _b[1];
+    var _c = useState(rawFilters), filters = _c[0], setFilters = _c[1];
+    var handleChange = function (field, itemSelected) {
+        var prev = __assign({}, filterSelected);
+        var next = prev;
+        switch (field) {
+            case 'educationalLevel':
+                next = {
+                    educationalLevel: itemSelected,
+                    grade: OPTION_FILTER_ALL,
+                    classroom: OPTION_FILTER_ALL
+                };
+                if (itemSelected.id === OPTION_FILTER_ALL.id) {
+                    setFilters(rawFilters);
+                }
+                else {
+                    setFilters(function (pre) { return (__assign(__assign({}, pre), { GRADE: rawFilters.GRADE.filter(function (item) { return item.educational_level_id === itemSelected.id; }), CLASSROOM: rawFilters.CLASSROOM.filter(function (item) { var _a; return ((_a = item.grade) === null || _a === void 0 ? void 0 : _a.educational_level_id) === itemSelected.id; }) })); });
+                }
+                break;
+            case 'grade':
+                next = __assign(__assign({}, prev), { grade: itemSelected, classroom: OPTION_FILTER_ALL });
+                if (itemSelected.id === OPTION_FILTER_ALL.id) {
+                    setFilters(function (pre) { return (__assign(__assign({}, pre), { CLASSROOM: rawFilters.CLASSROOM })); });
+                }
+                else {
+                    setFilters(function (pre) { return (__assign(__assign({}, pre), { CLASSROOM: rawFilters.CLASSROOM.filter(function (item) { var _a; return ((_a = item.grade) === null || _a === void 0 ? void 0 : _a.id) === itemSelected.id; }) })); });
+                }
+                break;
+            case 'classroom':
+                next = __assign(__assign({}, prev), { classroom: itemSelected });
+                break;
+        }
+        setFilterSelected(next);
+        onChange(next);
+    };
+    return (React.createElement(PHXRow, null,
+        React.createElement(PHXDropdown, { buttonContent: "C\u1EA5p h\u1ECDc: ".concat(filterSelected.educationalLevel.name), options: __spreadArray([OPTION_FILTER_ALL], filters.EDUCATIONAL_LEVEL, true).map(function (item) { return (__assign({ content: item.name, onClick: function () { return handleChange('educationalLevel', item); } }, item)); }) }),
+        target !== ROLE_CODE.STAFF && (React.createElement(React.Fragment, null,
+            React.createElement(PHXDropdown, { buttonContent: "Kh\u1ED1i h\u1ECDc: ".concat(filterSelected.grade.name), options: __spreadArray([OPTION_FILTER_ALL], filters.GRADE, true).map(function (item) { return (__assign({ content: item.name, onClick: function () { return handleChange('grade', item); } }, item)); }) }),
+            React.createElement(PHXDropdown, { buttonContent: "L\u1EDBp h\u1ECDc: ".concat(filterSelected.classroom.name), options: __spreadArray([OPTION_FILTER_ALL], filters.CLASSROOM, true).map(function (item) { return (__assign({ content: item.name, onClick: function () { return handleChange('classroom', item); } }, item)); }) })))));
+}
+//# sourceMappingURL=filter-dropdown.js.map

package/dist/esm/components/TargetSelect/components/filter-dropdown.js.map

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

package/dist/esm/components/TargetSelect/components/modal-custom-list.d.ts

@@ -0,0 +1,11 @@
+import { ISelectOptions, ITargetSelectedData, TTarget } from '../types';
+import React from 'react';
+interface IProps {
+    filters: ISelectOptions;
+    target: TTarget;
+    schoolYearId: number;
+    handleChange(data: ITargetSelectedData['filterValues']): void;
+    defaultData: ITargetSelectedData['filterValues'];
+}
+export default function ModalCustomList({ defaultData, filters, handleChange, schoolYearId, target }: IProps): React.JSX.Element;
+export {};

package/dist/esm/components/TargetSelect/components/modal-custom-list.js

@@ -0,0 +1,97 @@
+import { __spreadArray } from "tslib";
+import { useState } from 'react';
+import { OPTION_FILTER_ALL, ROLE_CODE } from '../utils/constant';
+import { getRoleNameByTarget } from '../utils/helper';
+import FilterDropdown from './filter-dropdown';
+import ModalSearchUser from './modal-search-user';
+import { PHXButton } from '../../Button';
+import React from 'react';
+import { PHXModal } from '../../Modal';
+import { PHXTableStatic } from '../../TableStatic';
+import { PHXDropdown } from '../../Dropdown';
+import { PHXEmptyRecord } from '../../EmptyRecord';
+export default function ModalCustomList(_a) {
+    var _b, _c;
+    var defaultData = _a.defaultData, filters = _a.filters, handleChange = _a.handleChange, schoolYearId = _a.schoolYearId, target = _a.target;
+    var _d = useState(false), showModal = _d[0], setShowModal = _d[1];
+    var _e = useState(defaultData || []), listSelected = _e[0], setListSelected = _e[1];
+    var _f = useState(defaultData || []), initData = _f[0], setInitData = _f[1];
+    var listSelectedLength = initData.length;
+    var defaultHeader = ['Số điện thoại', 'Email', 'Thao tác'];
+    var headerTable = (_b = {},
+        _b[ROLE_CODE.TEACHER] = __spreadArray(['Mã giáo viên', 'Giáo viên'], defaultHeader, true),
+        _b[ROLE_CODE.STAFF] = __spreadArray(['Mã nhân viên', 'Nhân viên'], defaultHeader, true),
+        _b[ROLE_CODE.PARENT] = __spreadArray(['Phụ huynh'], defaultHeader, true),
+        _b);
+    var defaultBody = ['phone', 'email', 'actions'];
+    var bodyTable = (_c = {},
+        _c[ROLE_CODE.TEACHER] = __spreadArray(['name', 'code'], defaultBody, true),
+        _c[ROLE_CODE.STAFF] = __spreadArray(['name', 'code'], defaultBody, true),
+        _c[ROLE_CODE.PARENT] = __spreadArray(['name'], defaultBody, true),
+        _c);
+    function onHide() {
+        setShowModal(false);
+    }
+    var handleSearch = function (keyword) {
+        if (!keyword) {
+            setListSelected(initData);
+            return;
+        }
+        var filterData = listSelected.filter(function (item) { return item.code.includes(keyword) || item.name.includes(keyword); });
+        setListSelected(filterData);
+    };
+    var handleAddList = function (data) {
+        var mergedData = __spreadArray(__spreadArray([], data, true), listSelected, true);
+        setListSelected(mergedData);
+        setInitData(mergedData);
+    };
+    var handleChangeFilter = function (filterValues) {
+        var classroomId = filterValues.classroom.id, educationalLevelId = filterValues.educationalLevel.id, gradeId = filterValues.grade.id;
+        var filteredData = initData.filter(function (user) {
+            var _a, _b, _c;
+            return (((_a = user.educationalLevelIds) === null || _a === void 0 ? void 0 : _a.includes(educationalLevelId)) || educationalLevelId === OPTION_FILTER_ALL.id) &&
+                (((_b = user.gradeIds) === null || _b === void 0 ? void 0 : _b.includes(gradeId)) || gradeId === OPTION_FILTER_ALL.id) &&
+                (((_c = user.classroomIds) === null || _c === void 0 ? void 0 : _c.includes(classroomId)) || classroomId === OPTION_FILTER_ALL.id);
+        });
+        setListSelected(filteredData);
+    };
+    var handleDelete = function (deleteId) {
+        var filteredData = initData.filter(function (item) { return item.id !== deleteId; });
+        setListSelected(filteredData);
+        setInitData(filteredData);
+    };
+    var onSubmit = function () {
+        handleChange(initData);
+        onHide();
+    };
+    return (React.createElement("div", { className: 'flex items-center' },
+        React.createElement("p", null,
+            "S\u1ED1 ",
+            getRoleNameByTarget(target),
+            ": "),
+        React.createElement(PHXButton, { className: ' -mb-0.5 -ml-1 text-xxs font-semibold', onClick: function () { return setShowModal(true); }, plain: true }, "".concat(listSelectedLength),
+            " ",
+            getRoleNameByTarget(target, true)),
+        React.createElement(PHXModal, { closeButton: true, inCard: false, onHide: onHide, onSubmit: onSubmit, show: showModal, size: 'extra-large', title: "Danh s\u00E1ch ".concat(getRoleNameByTarget(target), " \u0111\u00E3 ch\u1ECDn (").concat(listSelectedLength, ")") },
+            React.createElement("div", { className: '  flex items-center justify-between' },
+                React.createElement(FilterDropdown, { onChange: function (data) { return handleChangeFilter(data); }, rawFilters: filters, target: target }),
+                React.createElement("div", { className: ' flex gap-x-2' },
+                    React.createElement(ModalSearchUser, { filters: filters, handleAddList: handleAddList, schoolYearId: schoolYearId, target: target }))),
+            listSelected.length > 0 ? (React.createElement(PHXTableStatic, { bodyData: listSelected, isPagination: true, rowNumber: 10, search: {
+                    enable: true,
+                    onSearchChange: handleSearch,
+                    loading: false,
+                    setLoading: function () { return null; }
+                }, thBody: bodyTable[target], thComponent: {
+                    actions: function (_value, itemBody) { return (React.createElement(PHXDropdown, { options: [
+                            {
+                                content: 'Xoá',
+                                id: 0,
+                                onClick: function () {
+                                    handleDelete(itemBody.id);
+                                }
+                            },
+                        ], type: 'icon-only' })); }
+                }, thHeader: headerTable[target] })) : (React.createElement(PHXEmptyRecord, { border: true, description: 'Ch\u01B0a c\u00F3 danh s\u00E1ch ph\u1EE5 huynh' })))));
+}
+//# sourceMappingURL=modal-custom-list.js.map

package/dist/esm/components/TargetSelect/components/modal-custom-list.js.map

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

package/dist/esm/components/TargetSelect/components/modal-search-user.d.ts

@@ -0,0 +1,10 @@
+import { IFilterValueItem, ISelectOptions, TTarget } from '../types';
+import React from 'react';
+interface IProps {
+    filters: ISelectOptions;
+    target: TTarget;
+    schoolYearId: number;
+    handleAddList(data: Array<IFilterValueItem>): void;
+}
+export default function ModalSearchUser({ filters, handleAddList, schoolYearId, target }: IProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,127 @@
+import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
+import { useEffect, useRef, useState } from 'react';
+import { queryListUserBuilder } from '../graphql/query';
+import { OPTION_FILTER_ALL } from '../utils/constant';
+import { formatUserDescription, getRoleNameByTarget, getUserFilterValueByTarget } from '../utils/helper';
+import FilterDropdown from './filter-dropdown';
+import PHXClientQueryV3 from '../../Func/clientQueryV3';
+import { PHXButton } from '../../Button';
+import React from 'react';
+import { PHXModal } from '../../Modal';
+import { PHXResourceList } from '../../ResourceList';
+export default function ModalSearchUser(_a) {
+    var _this = this;
+    var filters = _a.filters, handleAddList = _a.handleAddList, schoolYearId = _a.schoolYearId, target = _a.target;
+    var _b = useState(false), show = _b[0], setShow = _b[1];
+    var _c = useState([]), listUser = _c[0], setListUser = _c[1];
+    var _d = useState(0), currPage = _d[0], setCurrPage = _d[1];
+    var _e = useState(''), searchKeyword = _e[0], setSearchKeyword = _e[1];
+    var _f = useState(false), searching = _f[0], setSearching = _f[1];
+    var _g = useState({
+        gradeId: OPTION_FILTER_ALL.id,
+        educationalLevelId: OPTION_FILTER_ALL.id,
+        classroomId: OPTION_FILTER_ALL.id
+    }), filterSelected = _g[0], setDilterSelected = _g[1];
+    var _h = useState(false), isAllData = _h[0], setIsAllData = _h[1];
+    var selectedData = useRef([]);
+    var getUser = function () { return __awaiter(_this, void 0, void 0, function () {
+        var limit, offset, users, 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;
+                    return [4 /*yield*/, PHXClientQueryV3({
+                            query: queryListUserBuilder({
+                                target: target,
+                                schoolYearId: schoolYearId,
+                                condition: filterSelected
+                            }),
+                            variables: {
+                                roleCode: target,
+                                limit: limit,
+                                offset: offset,
+                                searchKeyword: "%".concat(searchKeyword, "%")
+                            }
+                        })];
+                case 2:
+                    users = (_a.sent()).data.users;
+                    setIsAllData(users.length < limit);
+                    formatedUsers_1 = users.map(function (user) {
+                        var _a;
+                        var userCode = (_a = user === null || user === void 0 ? void 0 : user.profile) === null || _a === void 0 ? void 0 : _a.user_code;
+                        var location = formatUserDescription(user, target);
+                        return __assign({ id: user.id, name: "".concat(user.full_name, " ").concat(userCode ? "- ".concat(userCode) : ''), location: location }, user);
+                    });
+                    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*/];
+            }
+        });
+    }); };
+    function onHide() {
+        setShow(false);
+        setListUser([]);
+        setIsAllData(false);
+        selectedData.current = [];
+    }
+    var handleSubmit = function () {
+        var _a;
+        if (((_a = selectedData.current) === null || _a === void 0 ? void 0 : _a.length) === 0)
+            return;
+        var formatedData = selectedData.current.map(function (user) {
+            var email = user.email, full_name = user.full_name, id = user.id, phone_number = user.phone_number, profile = user.profile;
+            return __assign({ id: id, name: full_name, code: (profile === null || profile === void 0 ? void 0 : profile.user_code) || '', phone: phone_number, email: email }, getUserFilterValueByTarget(user, target));
+        });
+        handleAddList(formatedData);
+        onHide();
+    };
+    useEffect(function () {
+        var timeDelay = searchKeyword ? 250 : 0;
+        if (show) {
+            var timerId_1 = setTimeout(function () {
+                getUser();
+            }, timeDelay);
+            return function () {
+                clearTimeout(timerId_1);
+            };
+        }
+        return function () { return null; };
+    }, [show, currPage, searchKeyword, JSON.stringify(filterSelected)]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PHXButton, { className: 'text-xs', onClick: function () { return setShow(true); }, primary: true }, "Th\u00EAm m\u1EDBi"),
+        React.createElement(PHXModal, { closeButton: true, inCard: false, onHide: onHide, onSubmit: handleSubmit, primaryActionText: 'Th\u00EAm m\u1EDBi', show: show, size: 'large', title: "Th\u00EAm m\u1EDBi danh s\u00E1ch ".concat(getRoleNameByTarget(target)) },
+            React.createElement(FilterDropdown, { onChange: function (data) {
+                    setDilterSelected({
+                        classroomId: data.classroom.id,
+                        educationalLevelId: data.educationalLevel.id,
+                        gradeId: data.grade.id
+                    });
+                    setCurrPage(0);
+                    setIsAllData(false);
+                }, rawFilters: filters, target: target }),
+            React.createElement(PHXResourceList, { bulkActions: true, bulkActionsContent: 'Ch\u1EC9nh s\u1EEDa', className: 'mt-3', getKeyword: function (keyword) {
+                    setSearchKeyword(keyword);
+                    setCurrPage(0);
+                    setIsAllData(false);
+                }, heightList: 330, hiddenBulkActionMarkup: true, list: listUser, onScrollBottom: function () { return setCurrPage(function (pre) { return pre + 1; }); }, onSelectedItemsChange: function (data) { return (selectedData.current = data); }, paging: searching, searchResult: true }))));
+}
+//# sourceMappingURL=modal-search-user.js.map

package/dist/esm/components/TargetSelect/components/modal-search-user.js.map

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

package/dist/esm/components/TargetSelect/components/radio-group-select.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ISelectOptions, ITargetSelectedData, TFilterBy, TTarget } from '../types';
+export default function RadioGroupSelect({ handleChangeFilter, listRadio, listTargetSelected, schoolYearId, selectOptions, target, }: {
+    target: TTarget;
+    listRadio: Array<{
+        title: string;
+        helpText: string;
+        value: TFilterBy;
+        comboboxLabel?: string;
+    }>;
+    selectOptions: ISelectOptions;
+    handleChangeFilter(data: ITargetSelectedData): void;
+    listTargetSelected: Array<ITargetSelectedData>;
+    schoolYearId: number;
+}): React.JSX.Element;