phx-react 1.3.1224 → 1.3.1227

package/dist/esm/components/TargetSelect/components/radio-group-select.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { FILTER_BY } from '../utils/constant';
+import ModalCustomList from './modal-custom-list';
+import { PHXRadio } from '../../Radio';
+import { PHXCombobox } from '../../Combobox';
+export default function RadioGroupSelect(_a) {
+    var handleChangeFilter = _a.handleChangeFilter, listRadio = _a.listRadio, listTargetSelected = _a.listTargetSelected, schoolYearId = _a.schoolYearId, selectOptions = _a.selectOptions, target = _a.target;
+    return (React.createElement("div", { className: 'ml-7 space-y-3' }, listRadio.map(function (radio) {
+        var comboboxLabel = radio.comboboxLabel, helpText = radio.helpText, title = radio.title, value = radio.value;
+        var checkedFilterBy = listTargetSelected.find(function (item) { return item.filterBy === value && item.target === target; });
+        var isHaveCombobox = checkedFilterBy && value !== FILTER_BY.CUSTOM_LIST && value !== FILTER_BY.ALL;
+        return (React.createElement("div", { key: value, className: 'space-y-2' },
+            React.createElement(PHXRadio, { checked: !!checkedFilterBy, 
+                // @ts-ignore
+                description: React.createElement("div", null,
+                    React.createElement("p", null, helpText),
+                    (checkedFilterBy === null || checkedFilterBy === void 0 ? void 0 : checkedFilterBy.filterBy) === FILTER_BY.CUSTOM_LIST && value === FILTER_BY.CUSTOM_LIST && (React.createElement(ModalCustomList, { defaultData: checkedFilterBy === null || checkedFilterBy === void 0 ? void 0 : checkedFilterBy.filterValues, filters: selectOptions, handleChange: function (data) {
+                            return handleChangeFilter({
+                                target: target,
+                                filterBy: value,
+                                filterValues: data
+                            });
+                        }, schoolYearId: schoolYearId, target: target }))), name: target, onChange: function () {
+                    handleChangeFilter({
+                        target: target,
+                        filterBy: value,
+                        filterValues: []
+                    });
+                }, title: title }),
+            isHaveCombobox && (React.createElement(PHXCombobox, { defaultValue: checkedFilterBy === null || checkedFilterBy === void 0 ? void 0 : checkedFilterBy.filterValues, label: comboboxLabel, listOptions: (selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions[value]) || [], onChange: function (selectedValues) {
+                    return handleChangeFilter({
+                        target: target,
+                        filterBy: value,
+                        filterValues: selectedValues
+                    });
+                }, placeholder: 'L\u1EF1a ch\u1ECDn' }))));
+    })));
+}
+//# sourceMappingURL=radio-group-select.js.map

package/dist/esm/components/TargetSelect/components/radio-group-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-select.js","sourceRoot":"","sources":["../../../../../src/components/TargetSelect/components/radio-group-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAmBxC;QAlBC,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,MAAM,YAAA;IAcN,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,SAAS,CAAC,GAAG,CAAC,UAAC,KAAK;QACX,IAAA,aAAa,GAA6B,KAAK,cAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAE,KAAK,GAAY,KAAK,MAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;QACvD,IAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAjD,CAAiD,CAAC,CAAA;QAC5G,IAAM,cAAc,GAAG,eAAe,IAAI,KAAK,KAAK,SAAS,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,GAAG,CAAA;QAEpG,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,WAAW;YACpC,oBAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,eAAe;gBAC1B,aAAa;gBACb,WAAW,EACT;oBACE,+BAAI,QAAQ,CAAK;oBAEhB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,MAAK,SAAS,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,WAAW,IAAI,CACzF,oBAAC,eAAe,IACd,WAAW,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAC1C,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,UAAC,IAAI;4BACjB,OAAA,kBAAkB,CAAC;gCACjB,MAAM,QAAA;gCACN,QAAQ,EAAE,KAAK;gCACf,YAAY,EAAE,IAAI;6BACnB,CAAC;wBAJF,CAIE,EAEJ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,GACd,CACH,CACG,EAER,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE;oBACR,kBAAkB,CAAC;wBACjB,MAAM,QAAA;wBACN,QAAQ,EAAE,KAAK;wBACf,YAAY,EAAE,EAAE;qBACjB,CAAC,CAAA;gBACJ,CAAC,EACD,KAAK,EAAE,KAAK,GACZ;YACD,cAAc,IAAI,CACjB,oBAAC,WAAW,IACV,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAC3C,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,KAAI,EAAE,EACzC,QAAQ,EAAE,UAAC,cAAmD;oBAC5D,OAAA,kBAAkB,CAAC;wBACjB,MAAM,QAAA;wBACN,QAAQ,EAAE,KAAK;wBACf,YAAY,EAAE,cAAc;qBAC7B,CAAC;gBAJF,CAIE,EAEJ,WAAW,EAAC,oBAAU,GACtB,CACH,CACG,CACP,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/TargetSelect/graphql/mutation.d.ts

@@ -0,0 +1,2 @@
+export declare const insertTargetMutation = "\n  mutation MyMutation($data: [target_inform_target_insert_input!]!) {\n    insert_target_inform_target(objects: $data) {\n      affected_rows\n      returning {\n        id\n      }\n    }\n  }\n";
+export declare const updateTargetMutation = "\n  mutation updateTargetMutation(\n    $targetId: uuid!\n    $targetByRoles: [target_inform_target_by_role_insert_input!]!\n  ) {\n    update_target_inform_target_by_role(\n      where: {target_id: {_eq: $targetId}}\n      _set: {deleted_at: now}\n    ) {\n      affected_rows\n    }\n\n    insert_target_inform_target_by_role(objects: $targetByRoles) {\n      affected_rows\n    }\n  }\n";

package/dist/esm/components/TargetSelect/graphql/mutation.js

@@ -0,0 +1,3 @@
+export var insertTargetMutation = "\n  mutation MyMutation($data: [target_inform_target_insert_input!]!) {\n    insert_target_inform_target(objects: $data) {\n      affected_rows\n      returning {\n        id\n      }\n    }\n  }\n";
+export var updateTargetMutation = "\n  mutation updateTargetMutation(\n    $targetId: uuid!\n    $targetByRoles: [target_inform_target_by_role_insert_input!]!\n  ) {\n    update_target_inform_target_by_role(\n      where: {target_id: {_eq: $targetId}}\n      _set: {deleted_at: now}\n    ) {\n      affected_rows\n    }\n\n    insert_target_inform_target_by_role(objects: $targetByRoles) {\n      affected_rows\n    }\n  }\n";
+//# sourceMappingURL=mutation.js.map

package/dist/esm/components/TargetSelect/graphql/mutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation.js","sourceRoot":"","sources":["../../../../../src/components/TargetSelect/graphql/mutation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,uMASnC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,uYAgBnC,CAAA"}

package/dist/esm/components/TargetSelect/graphql/query.d.ts

@@ -0,0 +1,4 @@
+import { IQueryBuilderProps } from '../types';
+export declare const getSelectQuery = "\n  query getSelectQuery($schoolId: Int!, $schoolYearId: Int!) {\n    educational_level(\n      where: {deleted_at: {_is_null: true}, school_id: {_eq: $schoolId}}\n    ) {\n      id\n      name\n      code\n    }\n    grade(where: {deleted_at: {_is_null: true}, school_id: {_eq: $schoolId}}) {\n      id\n      name\n      code\n      educational_level_id\n    }\n    classroom(\n      where: {\n        deleted_at: {_is_null: true}\n        school_id: {_eq: $schoolId}\n        school_year_id: {_eq: $schoolYearId}\n      }\n    ) {\n      id\n      name\n      code\n      grade {\n        id\n        educational_level_id\n      }\n    }\n  }\n";
+export declare const queryListUserBuilder: ({ condition, schoolYearId, target, }: IQueryBuilderProps) => string;
+export declare const getTargetByIdQuery = "\n  query getTargetByIdQuery($id: uuid!) {\n    target_inform_target_by_pk(id: $id) {\n      target_by_roles(where: {deleted_at: {_is_null: true}}) {\n        role_code\n        target_educational_levels {\n          educational_level {\n            id\n            name\n            code\n          }\n        }\n        target_grades {\n          grade {\n            id\n            name\n            code\n          }\n        }\n        target_classrooms {\n          classroom {\n            id\n            name\n            code\n          }\n        }\n        target_users {\n          user {\n            id\n            name: full_name\n            phone: phone_number\n            email\n            profile_teacher {\n              user_code\n            } \n            profile_staff {\n              user_code\n            }\n          }\n        }\n      }\n    }\n  }\n";

package/dist/esm/components/TargetSelect/graphql/query.js

@@ -0,0 +1,45 @@
+import { OPTION_FILTER_ALL, ROLE_CODE } from '../utils/constant';
+export var getSelectQuery = "\n  query getSelectQuery($schoolId: Int!, $schoolYearId: Int!) {\n    educational_level(\n      where: {deleted_at: {_is_null: true}, school_id: {_eq: $schoolId}}\n    ) {\n      id\n      name\n      code\n    }\n    grade(where: {deleted_at: {_is_null: true}, school_id: {_eq: $schoolId}}) {\n      id\n      name\n      code\n      educational_level_id\n    }\n    classroom(\n      where: {\n        deleted_at: {_is_null: true}\n        school_id: {_eq: $schoolId}\n        school_year_id: {_eq: $schoolYearId}\n      }\n    ) {\n      id\n      name\n      code\n      grade {\n        id\n        educational_level_id\n      }\n    }\n  }\n";
+var getFieldByTarget = function (target, schoolYearId) {
+    var _a;
+    var fieldByTarget = (_a = {},
+        _a[ROLE_CODE.TEACHER] = "\n        profile: profile_teacher {\n          user_code\n          educational_level_group {\n            educational_level_map_groups(where:{deleted_at:{_is_null:true}}) {\n              educational_level_id\n            }\n          }\n          teacher_subject_assignments(where: {deleted_at:{_is_null:true}}) {\n            classroom_teachers(where: {deleted_at:{_is_null:true} classroom:{school_year_id:{_eq: ".concat(schoolYearId, "}}}) {\n              classroom {\n                id\n                grade_id\n              }\n            }\n          }\n        }\n    "),
+        _a[ROLE_CODE.STAFF] = "\n        profile: profile_staff {\n          user_code\n          educational_level_group {\n            educational_level_map_groups(where:{deleted_at:{_is_null:true}}) {\n              educational_level_id\n            }\n          }\n        }\n    ",
+        _a[ROLE_CODE.PARENT] = "\n        profile: profile_student {\n          user_code\n        }\n        relationship_users(where: {deleted_at: {_is_null: true}}) {\n          userByStudentId {\n            full_name\n            classroom_students(where: {deleted_at: {_is_null: true}, classroom: {school_year_id: {_eq: ".concat(schoolYearId, "}}}) {\n              classroom {\n                name\n                id\n                grade {\n                  id\n                  educational_level_id\n                }\n\n              }\n            }\n          }\n        }\n    "),
+        _a);
+    return fieldByTarget[target];
+};
+var isFilterAll = function (value) { return OPTION_FILTER_ALL.id === value; };
+var getConditionsByTarget = function (_a) {
+    var condition = _a.condition, schoolYearId = _a.schoolYearId, target = _a.target;
+    var classroomId = condition.classroomId, educationalLevelId = condition.educationalLevelId, gradeId = condition.gradeId;
+    if ([classroomId, educationalLevelId, gradeId].every(function (item) { return item === OPTION_FILTER_ALL.id; })) {
+        // nếu bộ lọc đều chọn tất cả thì ko cần filter theo gì cả
+        return '';
+    }
+    var isNotAllEducationalLevel = !isFilterAll(educationalLevelId);
+    var isNotAllGrade = !isFilterAll(gradeId);
+    var isANotllClassroom = !isFilterAll(classroomId);
+    if (target === ROLE_CODE.PARENT) {
+        return "      \n      relationship_users:{\n        deleted_at:{_is_null:true}\n        userByStudentId:{\n          classroom_students:{\n            deleted_at: {_is_null: true}\n            classroom:{\n              ".concat(isANotllClassroom ? "id:{_eq: ".concat(classroomId, "}") : '', "\n              school_year_id:{_eq: ").concat(schoolYearId, "}\n              grade:{\n                ").concat(isNotAllGrade ? "id:{_eq: ".concat(gradeId, "}") : '', "\n                ").concat(isNotAllEducationalLevel ? "educational_level_id:{_eq: ".concat(educationalLevelId, "}") : '', "\n                \n              }\n            }\n          }\n        }\n      }\n        ");
+    }
+    if (target === ROLE_CODE.TEACHER) {
+        return "\n      profile_teacher:{\n        ".concat(isNotAllEducationalLevel
+            ? " educational_level_group:{\n                  educational_level_map_groups:{\n                    deleted_at:{_is_null:true}\n                    educational_level_id:{_eq: ".concat(educationalLevelId, "}\n                  }\n                }")
+            : '', "\n\n        ").concat(isNotAllGrade || isANotllClassroom
+            ? " teacher_subject_assignments: {\n                  deleted_at:{_is_null:true}\n                  classroom_teachers:{\n                    deleted_at:{_is_null:true}\n                    classroom:{\n                      school_year_id:{_eq: ".concat(schoolYearId, "}\n                      ").concat(isANotllClassroom ? "id:{_eq: ".concat(classroomId, "}") : '', "\n                      ").concat(isNotAllGrade ? "grade_id:{_eq: ".concat(gradeId, "}") : '', "\n                      \n                    }\n                  }\n                }")
+            : '', "\n        \n\n      }\n    ");
+    }
+    if (target === ROLE_CODE.STAFF) {
+        return "\n      ".concat(isNotAllEducationalLevel
+            ? "profile_staff:{\n              educational_level_group:{\n                educational_level_map_groups:{\n                  deleted_at:{_is_null:true}\n                  educational_level_id:{_eq: ".concat(educationalLevelId, "}\n                }\n              }\n            }")
+            : '', "\n    ");
+    }
+    return '';
+};
+export var queryListUserBuilder = function (_a) {
+    var condition = _a.condition, schoolYearId = _a.schoolYearId, target = _a.target;
+    return "  query getListUserQuery(\n    $roleCode: String!\n    $limit: Int!\n    $offset: Int!\n    $searchKeyword: String!\n  ) {\n    users(\n      limit: $limit\n      offset: $offset\n      order_by: {id: desc}\n      where: {\n        ".concat(getConditionsByTarget({ target: target, schoolYearId: schoolYearId, condition: condition }), "\n        deleted_at: {_is_null: true}\n        user_roles: {\n          deleted_at: {_is_null: true}\n          role: {role_code: {_eq: $roleCode}}\n        }\n        _or: [\n          {full_name: {_ilike: $searchKeyword}}\n          {full_name_unaccent: {_ilike: $searchKeyword}}\n        ]\n      }\n    ) {\n      id\n      full_name\n      email\n      phone_number\n      ").concat(getFieldByTarget(target, schoolYearId), "\n      user_roles(where: {deleted_at: {_is_null: true}}) {\n        role {\n          name\n        }\n      }\n    }\n  }");
+};
+export var getTargetByIdQuery = "\n  query getTargetByIdQuery($id: uuid!) {\n    target_inform_target_by_pk(id: $id) {\n      target_by_roles(where: {deleted_at: {_is_null: true}}) {\n        role_code\n        target_educational_levels {\n          educational_level {\n            id\n            name\n            code\n          }\n        }\n        target_grades {\n          grade {\n            id\n            name\n            code\n          }\n        }\n        target_classrooms {\n          classroom {\n            id\n            name\n            code\n          }\n        }\n        target_users {\n          user {\n            id\n            name: full_name\n            phone: phone_number\n            email\n            profile_teacher {\n              user_code\n            } \n            profile_staff {\n              user_code\n            }\n          }\n        }\n      }\n    }\n  }\n";
+//# sourceMappingURL=query.js.map

package/dist/esm/components/TargetSelect/graphql/query.js.map

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

package/dist/esm/components/TargetSelect/hooks/use-get-data-select.d.ts

@@ -0,0 +1,7 @@
+import { ISelectOptions } from '../types';
+export default function useGetDataSelectTarget({ schoolYearId }: {
+    schoolYearId: number;
+}): {
+    selectOptions: ISelectOptions;
+    loading: boolean;
+};

package/dist/esm/components/TargetSelect/hooks/use-get-data-select.js

@@ -0,0 +1,58 @@
+import { __awaiter, __generator } from "tslib";
+import { useEffect, useState } from 'react';
+import { getSelectQuery } from '../graphql/query';
+import PHXFuncGetLoggedInfo from '../../Func/getLoginInfo';
+import PHXClientQueryV3 from '../../Func/clientQueryV3';
+export default function useGetDataSelectTarget(_a) {
+    var _this = this;
+    var schoolYearId = _a.schoolYearId;
+    var _b = useState({
+        EDUCATIONAL_LEVEL: [],
+        GRADE: [],
+        CLASSROOM: []
+    }), selectOptions = _b[0], setSelectOptions = _b[1];
+    var _c = useState(true), loading = _c[0], setLoading = _c[1];
+    var userInfo = PHXFuncGetLoggedInfo();
+    var getDataSelect = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _a, classroom, educational_level, grade, e_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setLoading(true);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, PHXClientQueryV3({
+                            query: getSelectQuery,
+                            variables: {
+                                schoolId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
+                                schoolYearId: schoolYearId
+                            }
+                        })];
+                case 2:
+                    _a = (_b.sent()).data, classroom = _a.classroom, educational_level = _a.educational_level, grade = _a.grade;
+                    setSelectOptions({
+                        EDUCATIONAL_LEVEL: educational_level,
+                        GRADE: grade,
+                        CLASSROOM: classroom
+                    });
+                    return [3 /*break*/, 5];
+                case 3:
+                    e_1 = _b.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (schoolYearId) {
+            getDataSelect();
+        }
+    }, [schoolYearId]);
+    return { selectOptions: selectOptions, loading: loading };
+}
+//# sourceMappingURL=use-get-data-select.js.map

package/dist/esm/components/TargetSelect/hooks/use-get-data-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-data-select.js","sourceRoot":"","sources":["../../../../../src/components/TargetSelect/hooks/use-get-data-select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,oBAAoB,MAAM,yBAAyB,CAAA;AAC1D,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AAEvD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAA0C;IAAzF,iBAyCC;QAzCgD,YAAY,kBAAA;IACrD,IAAA,KAAoC,QAAQ,CAAiB;QACjE,iBAAiB,EAAE,EAAE;QACrB,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;KACd,CAAC,EAJK,aAAa,QAAA,EAAE,gBAAgB,QAIpC,CAAA;IACI,IAAA,KAAwB,QAAQ,CAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IAC5C,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IAEvC,IAAM,aAAa,GAAG;;;;;oBACpB,UAAU,CAAC,IAAI,CAAC,CAAA;;;;oBAIV,qBAAM,gBAAgB,CAAC;4BACzB,KAAK,EAAE,cAAc;4BACrB,SAAS,EAAE;gCACT,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS;gCAC7B,YAAY,cAAA;6BACb;yBACF,CAAC,EAAA;;oBAPA,KACE,CAAA,SAMF,CAAA,KAP6C,EAArC,SAAS,eAAA,EAAE,iBAAiB,uBAAA,EAAE,KAAK,WAAA;oBAS7C,gBAAgB,CAAC;wBACf,iBAAiB,EAAE,iBAAiB;wBACpC,KAAK,EAAE,KAAK;wBACZ,SAAS,EAAE,SAAS;qBACrB,CAAC,CAAA;;;;oBAEF,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;;;oBAEhB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;SAEpB,CAAA;IAED,SAAS,CAAC;QACR,IAAI,YAAY,EAAE;YAChB,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,EAAE,aAAa,eAAA,EAAE,OAAO,SAAA,EAAE,CAAA;AACnC,CAAC"}

package/dist/esm/components/TargetSelect/hooks/use-target-select.d.ts

@@ -0,0 +1,15 @@
+import { ITargetSelectedData } from '../types';
+export default function useTargetSelect({ moduleCode }: {
+    moduleCode: string;
+}): {
+    handleInsertTarget: ({ data }: {
+        data: Array<ITargetSelectedData>;
+    }) => Promise<{
+        id: number | null;
+    }>;
+    handleUpdateTarget: ({ data, id }: {
+        data: Array<ITargetSelectedData>;
+        id: string;
+    }) => Promise<void>;
+    loading: boolean;
+};

package/dist/esm/components/TargetSelect/hooks/use-target-select.js

@@ -0,0 +1,128 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import { useState } from 'react';
+import { insertTargetMutation, updateTargetMutation } from '../graphql/mutation';
+import { FILTER_BY } from '../utils/constant';
+import PHXFuncGetLoggedInfo from '../../Func/getLoginInfo';
+import PHXClientMutationV3 from '../../Func/clientMutationV3';
+export default function useTargetSelect(_a) {
+    var _this = this;
+    var moduleCode = _a.moduleCode;
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var userInfo = PHXFuncGetLoggedInfo();
+    var getDataTargetSubmit = function (data, targetId) {
+        var result = [];
+        var schoolId = userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id;
+        data.forEach(function (item) {
+            var filterBy = item.filterBy, filterValues = item.filterValues, target = item.target;
+            var isALL = filterBy === FILTER_BY.ALL;
+            if (isALL) {
+                result.push(__assign({ role_code: target, is_all: isALL, school_id: schoolId }, (targetId ? { target_id: targetId } : {})));
+                return;
+            }
+            var filterBySubmit = __assign({ role_code: target, school_id: schoolId, target_educational_levels: { data: [] }, target_grades: { data: [] }, target_classrooms: { data: [] }, target_users: { data: [] } }, (targetId ? { target_id: targetId } : {}));
+            if (filterBy === FILTER_BY.EDUCATIONAL_LEVEL) {
+                filterBySubmit.target_educational_levels.data = filterValues.map(function (filterValue) { return ({
+                    school_id: schoolId,
+                    educational_level_id: filterValue.id
+                }); });
+            }
+            if (filterBy === FILTER_BY.GRADE) {
+                filterBySubmit.target_grades.data = filterValues.map(function (filterValue) { return ({
+                    school_id: schoolId,
+                    grade_id: filterValue.id
+                }); });
+            }
+            if (filterBy === FILTER_BY.CLASSROOM) {
+                filterBySubmit.target_classrooms.data = filterValues.map(function (filterValue) { return ({
+                    school_id: schoolId,
+                    classroom_id: filterValue.id
+                }); });
+            }
+            if (filterBy === FILTER_BY.CUSTOM_LIST) {
+                filterBySubmit.target_users.data = filterValues.map(function (filterValue) { return ({
+                    school_id: schoolId,
+                    user_id: filterValue.id
+                }); });
+            }
+            result.push(filterBySubmit);
+        });
+        return result;
+    };
+    var handleInsertTarget = function (_a) {
+        var data = _a.data;
+        return __awaiter(_this, void 0, void 0, function () {
+            var dataSubmit, returning, e_1;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        setLoading(true);
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, 4, 5]);
+                        dataSubmit = {
+                            school_id: userInfo === null || userInfo === void 0 ? void 0 : userInfo.school_id,
+                            module_code: moduleCode,
+                            target_by_roles: {
+                                data: getDataTargetSubmit(data)
+                            }
+                        };
+                        return [4 /*yield*/, PHXClientMutationV3({
+                                query: insertTargetMutation,
+                                variables: {
+                                    data: dataSubmit
+                                },
+                                isDelay: false
+                            })];
+                    case 2:
+                        returning = (_c.sent()).data.insert_target_inform_target.returning;
+                        return [2 /*return*/, { id: (_b = returning[0]) === null || _b === void 0 ? void 0 : _b.id }];
+                    case 3:
+                        e_1 = _c.sent();
+                        console.error(e_1);
+                        return [2 /*return*/, { id: null }];
+                    case 4:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var handleUpdateTarget = function (_a) {
+        var data = _a.data, id = _a.id;
+        return __awaiter(_this, void 0, void 0, function () {
+            var e_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        setLoading(true);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, PHXClientMutationV3({
+                                query: updateTargetMutation,
+                                variables: {
+                                    targetId: id,
+                                    targetByRoles: getDataTargetSubmit(data, id)
+                                },
+                                isDelay: false
+                            })];
+                    case 2:
+                        _b.sent();
+                        return [3 /*break*/, 5];
+                    case 3:
+                        e_2 = _b.sent();
+                        console.error(e_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return { handleInsertTarget: handleInsertTarget, handleUpdateTarget: handleUpdateTarget, loading: loading };
+}
+//# sourceMappingURL=use-target-select.js.map

package/dist/esm/components/TargetSelect/hooks/use-target-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-target-select.js","sourceRoot":"","sources":["../../../../../src/components/TargetSelect/hooks/use-target-select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,oBAAoB,MAAM,yBAAyB,CAAA;AAC1D,OAAO,mBAAmB,MAAM,6BAA6B,CAAA;AAE7D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAsC;IAA9E,iBAuHC;QAvHyC,UAAU,gBAAA;IAC5C,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IAEvC,IAAM,mBAAmB,GAAG,UAAC,IAAgC,EAAE,QAAiB;QAC9E,IAAM,MAAM,GAAe,EAAE,CAAA;QAC7B,IAAM,QAAQ,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAA;QAEpC,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;YACR,IAAA,QAAQ,GAA2B,IAAI,SAA/B,EAAE,YAAY,GAAa,IAAI,aAAjB,EAAE,MAAM,GAAK,IAAI,OAAT,CAAS;YAE/C,IAAM,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC,GAAG,CAAA;YAExC,IAAI,KAAK,EAAE;gBACT,MAAM,CAAC,IAAI,YACT,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,QAAQ,IAChB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5C,CAAA;gBAEF,OAAM;aACP;YAED,IAAM,cAAc,cAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,QAAQ,EACnB,yBAAyB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EACvC,aAAa,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC3B,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC/B,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IACvB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC7C,CAAA;YAED,IAAI,QAAQ,KAAK,SAAS,CAAC,iBAAiB,EAAE;gBAC5C,cAAc,CAAC,yBAAyB,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;oBACjF,SAAS,EAAE,QAAQ;oBACnB,oBAAoB,EAAE,WAAW,CAAC,EAAE;iBACrC,CAAC,EAHgF,CAGhF,CAAC,CAAA;aACJ;YAED,IAAI,QAAQ,KAAK,SAAS,CAAC,KAAK,EAAE;gBAChC,cAAc,CAAC,aAAa,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;oBACrE,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,WAAW,CAAC,EAAE;iBACzB,CAAC,EAHoE,CAGpE,CAAC,CAAA;aACJ;YAED,IAAI,QAAQ,KAAK,SAAS,CAAC,SAAS,EAAE;gBACpC,cAAc,CAAC,iBAAiB,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;oBACzE,SAAS,EAAE,QAAQ;oBACnB,YAAY,EAAE,WAAW,CAAC,EAAE;iBAC7B,CAAC,EAHwE,CAGxE,CAAC,CAAA;aACJ;YAED,IAAI,QAAQ,KAAK,SAAS,CAAC,WAAW,EAAE;gBACtC,cAAc,CAAC,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;oBACpE,SAAS,EAAE,QAAQ;oBACnB,OAAO,EAAE,WAAW,CAAC,EAAE;iBACxB,CAAC,EAHmE,CAGnE,CAAC,CAAA;aACJ;YAED,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAO,EAA8C;YAA5C,IAAI,UAAA;;;;;;;wBACtC,UAAU,CAAC,IAAI,CAAC,CAAA;;;;wBAER,UAAU,GAAG;4BACjB,SAAS,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS;4BAC9B,WAAW,EAAE,UAAU;4BACvB,eAAe,EAAE;gCACf,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC;6BAChC;yBACF,CAAA;wBAMG,qBAAM,mBAAmB,CAAC;gCAC5B,KAAK,EAAE,oBAAoB;gCAC3B,SAAS,EAAE;oCACT,IAAI,EAAE,UAAU;iCACjB;gCACD,OAAO,EAAE,KAAK;6BACf,CAAC,EAAA;;wBARiC,SAAS,GAExC,CAAA,SAMF,CAAA,2CAR0C;wBAU5C,sBAAO,EAAE,EAAE,EAAE,MAAA,SAAS,CAAC,CAAC,CAAC,0CAAE,EAAE,EAAE,EAAA;;;wBAE/B,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;wBAChB,sBAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA;;wBAEnB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAO,EAA8D;YAA5D,IAAI,UAAA,EAAE,EAAE,QAAA;;;;;;wBAC1C,UAAU,CAAC,IAAI,CAAC,CAAA;;;;wBAEd,qBAAM,mBAAmB,CAAC;gCACxB,KAAK,EAAE,oBAAoB;gCAC3B,SAAS,EAAE;oCACT,QAAQ,EAAE,EAAE;oCACZ,aAAa,EAAE,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC;iCAC7C;gCACD,OAAO,EAAE,KAAK;6BACf,CAAC,EAAA;;wBAPF,SAOE,CAAA;;;;wBAEF,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,CAAA;;;wBAEhB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB,CAAA;IAED,OAAO,EAAE,kBAAkB,oBAAA,EAAE,kBAAkB,oBAAA,EAAE,OAAO,SAAA,EAAE,CAAA;AAC5D,CAAC"}

package/dist/esm/components/TargetSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './phx-target-select';

package/dist/esm/components/TargetSelect/index.js

@@ -0,0 +1,2 @@
+export * from './phx-target-select';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TargetSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TargetSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/esm/components/TargetSelect/phx-target-select.d.ts

@@ -0,0 +1,3 @@
+import { ITargetSelectProps } from './types';
+import React from 'react';
+export default function PHXTargetSelect({ onChange, schoolYearId, targetId }: ITargetSelectProps): React.JSX.Element;

package/dist/esm/components/TargetSelect/phx-target-select.js

@@ -0,0 +1,120 @@
+'use client';
+import { __assign, __awaiter, __generator, __rest, __spreadArray } from "tslib";
+import { useEffect, useState } from 'react';
+import RadioGroupSelect from './components/radio-group-select';
+import { getTargetByIdQuery } from './graphql/query';
+import useGetDataSelectTarget from './hooks/use-get-data-select';
+import { targetConfigs } from './sample/config';
+import { FILTER_BY } from './utils/constant';
+import PHXClientQueryV3 from '../Func/clientQueryV3';
+import { PHXSkeleton } from '../Skeleton';
+import { PHXCard } from '../Card';
+import React from 'react';
+import { PHXCheckbox } from '../Checkbox';
+export default function PHXTargetSelect(_a) {
+    var _this = this;
+    var onChange = _a.onChange, schoolYearId = _a.schoolYearId, targetId = _a.targetId;
+    var _b = useState([]), listTargetSelected = _b[0], setListTargetSelected = _b[1];
+    var _c = useGetDataSelectTarget({
+        schoolYearId: schoolYearId
+    }), getSelectLoading = _c.loading, selectOptions = _c.selectOptions;
+    var _d = useState(false), getDefaultLoading = _d[0], setGetDefaultLoading = _d[1];
+    var handleChangeTarget = function (target) {
+        var isCheckedByValue = listTargetSelected.some(function (item) { return item.target === target; });
+        var nextValues = [];
+        if (isCheckedByValue) {
+            nextValues = listTargetSelected.filter(function (item) { return item.target !== target; });
+        }
+        else {
+            nextValues = __spreadArray(__spreadArray([], listTargetSelected, true), [
+                {
+                    target: target,
+                    filterBy: FILTER_BY.ALL,
+                    filterValues: []
+                },
+            ], false);
+        }
+        setListTargetSelected(nextValues);
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValues);
+    };
+    var handleChangeFilter = function (data) {
+        var clone = __spreadArray([], listTargetSelected, true);
+        var filteredData = clone.filter(function (item) { return item.target !== data.target; });
+        filteredData.push(data);
+        setListTargetSelected(filteredData);
+        onChange === null || onChange === void 0 ? void 0 : onChange(filteredData);
+    };
+    var getDefaultData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var target_by_roles, formatedData, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setGetDefaultLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, PHXClientQueryV3({
+                            query: getTargetByIdQuery,
+                            variables: {
+                                id: targetId
+                            }
+                        })];
+                case 2:
+                    target_by_roles = (_a.sent()).data.target_inform_target_by_pk.target_by_roles;
+                    formatedData = target_by_roles === null || target_by_roles === void 0 ? void 0 : target_by_roles.map(function (target_by_role) {
+                        var role_code = target_by_role.role_code, target_classrooms = target_by_role.target_classrooms, target_educational_levels = target_by_role.target_educational_levels, target_grades = target_by_role.target_grades, target_users = target_by_role.target_users;
+                        var filterBy = FILTER_BY.ALL, filterValues = [];
+                        if ((target_educational_levels === null || target_educational_levels === void 0 ? void 0 : target_educational_levels.length) > 0) {
+                            filterBy = FILTER_BY.EDUCATIONAL_LEVEL;
+                            filterValues = target_educational_levels.map(function (item) { return item.educational_level; });
+                        }
+                        if ((target_grades === null || target_grades === void 0 ? void 0 : target_grades.length) > 0) {
+                            filterBy = FILTER_BY.GRADE;
+                            filterValues = target_grades.map(function (item) { return item.grade; });
+                        }
+                        if ((target_classrooms === null || target_classrooms === void 0 ? void 0 : target_classrooms.length) > 0) {
+                            filterBy = FILTER_BY.CLASSROOM;
+                            filterValues = target_classrooms.map(function (item) { return item.classroom; });
+                        }
+                        if ((target_users === null || target_users === void 0 ? void 0 : target_users.length) > 0) {
+                            filterBy = FILTER_BY.CUSTOM_LIST;
+                            filterValues = target_users.map(function (item) {
+                                var _a = item.user, profile_staff = _a.profile_staff, profile_teacher = _a.profile_teacher, rest = __rest(_a, ["profile_staff", "profile_teacher"]);
+                                return __assign(__assign({}, rest), { code: (profile_staff === null || profile_staff === void 0 ? void 0 : profile_staff.user_code) || (profile_teacher === null || profile_teacher === void 0 ? void 0 : profile_teacher.user_code) || '' });
+                            });
+                        }
+                        return {
+                            target: role_code,
+                            filterBy: filterBy,
+                            filterValues: filterValues
+                        };
+                    });
+                    setListTargetSelected(formatedData);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(formatedData);
+                    return [3 /*break*/, 5];
+                case 3:
+                    e_1 = _a.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setGetDefaultLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (targetId) {
+            getDefaultData();
+        }
+    }, [targetId]);
+    return (React.createElement(React.Fragment, null, getSelectLoading || getDefaultLoading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(PHXCard, { primaryHeader: true, title: '\u0110\u1ED1i t\u01B0\u1EE3ng hi\u1EC3n th\u1ECB' },
+        React.createElement("div", { className: 'space-y-3 ' }, targetConfigs.map(function (config) {
+            var helpText = config.helpText, listRadio = config.listRadio, title = config.title, value = config.value;
+            var isChecked = listTargetSelected.some(function (item) { return item.target === value; });
+            return (React.createElement("div", { key: value, className: 'space-y-2' },
+                React.createElement(PHXCheckbox, { checked: isChecked, helpText: helpText, id: value, isShowHelpText: true, onChange: function () { return handleChangeTarget(value); }, title: title }),
+                isChecked && (React.createElement(RadioGroupSelect, { handleChangeFilter: handleChangeFilter, listRadio: listRadio, listTargetSelected: listTargetSelected, schoolYearId: schoolYearId, selectOptions: selectOptions, target: value }))));
+        }))))));
+}
+//# sourceMappingURL=phx-target-select.js.map

package/dist/esm/components/TargetSelect/phx-target-select.js.map

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

package/dist/esm/components/TargetSelect/sample/config.d.ts

@@ -0,0 +1,74 @@
+export declare const targetConfigs: ({
+    title: string;
+    value: "PH";
+    helpText: string;
+    listRadio: ({
+        title: string;
+        helpText: string;
+        value: "ALL";
+        comboboxLabel?: undefined;
+    } | {
+        title: string;
+        helpText: string;
+        value: "EDUCATIONAL_LEVEL";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "GRADE";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "CLASSROOM";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "CUSTOM_LIST";
+        comboboxLabel?: undefined;
+    })[];
+} | {
+    title: string;
+    value: "GV";
+    helpText: string;
+    listRadio: ({
+        title: string;
+        helpText: string;
+        value: "ALL";
+        comboboxLabel?: undefined;
+    } | {
+        title: string;
+        helpText: string;
+        value: "EDUCATIONAL_LEVEL";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "GRADE";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "CLASSROOM";
+        comboboxLabel: string;
+    } | {
+        title: string;
+        helpText: string;
+        value: "CUSTOM_LIST";
+        comboboxLabel?: undefined;
+    })[];
+} | {
+    title: string;
+    value: "NV";
+    helpText: string;
+    listRadio: ({
+        title: string;
+        helpText: string;
+        value: "ALL";
+    } | {
+        title: string;
+        helpText: string;
+        value: "CUSTOM_LIST";
+    })[];
+})[];