aq-fe-framework 0.1.506 → 0.1.508

package/dist/components/index.d.mts

@@ -306,6 +306,7 @@ interface MyDataTableProps<TData extends MRT_RowData> extends MRT_TableOptions<T
     setSelectedRow?: (data: TData[]) => void;
     isError?: boolean;
     isLoading?: boolean;
+    exportAble?: boolean;
     pagination?: {
         pageIndex: number;
         pageSize: number;

package/dist/core/index.mjs

@@ -18,13 +18,13 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-RVLIJK3A.mjs";
-import "../chunk-GFEMKKFH.mjs";
+} from "../chunk-LUN2PGVB.mjs";
 import "../chunk-KCYPNG4W.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import "../chunk-OMJJAHOC.mjs";
 import "../chunk-K6S7R6LU.mjs";
+import "../chunk-GFEMKKFH.mjs";
+import "../chunk-OMJJAHOC.mjs";
 import "../chunk-5IELATPH.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";

package/dist/modules-features/index.d.mts

@@ -6,6 +6,10 @@ import { I as IEmailConfig } from '../IEmailConfig-CioPObC1.mjs';
 import { I as IAQModule } from '../IAQModule-4U3n2emx.mjs';
 import { ReactNode } from 'react';
 
+declare function Feat_accessControl({ menuData }: {
+    menuData: I_BasicAppShell_LinkItem[];
+}): react_jsx_runtime.JSX.Element;
+
 declare function F_accessControl({ menuData }: {
     menuData: I_BasicAppShell_LinkItem[];
 }): react_jsx_runtime.JSX.Element;
@@ -43,6 +47,10 @@ declare function useS_accessControl(): {
 };
 declare function utils_accessControl_mergePage(arr1: I_accessControl_RolePermission[], arr2: I_accessControl_RolePermission[]): I_accessControl_RolePermission[];
 
+declare function Feat_accessControlLevel({ menuData }: {
+    menuData: I_BasicAppShell_LinkItem[];
+}): react_jsx_runtime.JSX.Element;
+
 declare function F_accessControlLevel({ menuData }: {
     menuData: I_BasicAppShell_LinkItem[];
 }): react_jsx_runtime.JSX.Element;
@@ -945,4 +953,4 @@ interface F_authenticate_Login_Props {
 }
 declare function F_authenticate_Login({ header, redirectUrlAfterLogin, additionalActions, backgroundImage, onSuccess, showLoginButton, showSaveLogin, showForgotPassword, customSubmit, loginButtonProps }: F_authenticate_Login_Props): react_jsx_runtime.JSX.Element;
 
-export { F_accessControl, F_accessControlLevel, F_accessControlLevel_ReadUser, F_accessControlLevel_Save, F_accessControlLevel_ViewMenuPermissions, F_accessControl_ReadUser, F_accessControl_Save, F_accessControl_ViewMenuPermissions, F_accountManagement, F_accountManagement_ChangePermission, F_accountManagement_Create, F_accountManagement_Delete, F_accountManagement_Read, F_accountManagement_Update, F_authenticate_Login, F_authenticate_Logout, F_authenticate_SplashPage, F_core12196, F_core12196_Create, F_core12196_Delete, F_core12196_Read, F_core12196_Update, F_core16209, F_core16209_Create, F_core16209_Delete, F_core16209_Update, F_core18256, F_core18256_Create, F_core18256_Delete, F_core18256_Read, F_core18256_Select, F_core18256_Update, F_core26965, F_core26965_Create, F_core26965_Delete, F_core26965_Update, F_core27311, F_core27311_Create, F_core27311_Delete, F_core27311_Read, F_core27311_Update, F_core35923, F_core40207, F_core40207_Create, F_core40207_Delete, F_core40207_Read, F_core40207_Update, F_core47643, F_core47643_Delete, F_core47643_Form, F_core47643_Read, F_core64229, F_core64229_Delete, F_core64229_Form, F_core64229_Read, F_core76318, F_core76318_Create, F_core76318_Delete, F_core76318_Update, F_documentCategories, F_documentCategories_Create, F_documentCategories_Delete, F_documentCategories_Read, F_documentCategories_Select, F_documentCategories_Update, F_formTemplateDocs, F_formTemplateDocs_Create, F_formTemplateDocs_Delete, F_formTemplateDocs_Read, F_formTemplateDocs_Update, F_mailConfig, F_mailConfig_CreateUpdate, F_mailConfig_Delete, F_mailConfig_Read, F_moduleConfig, F_organizationPolicyDocs, F_organizationPolicyDocs_Create, F_organizationPolicyDocs_Delete, F_organizationPolicyDocs_Update, F_pageContentConfig, F_roleCatalog, F_roleCatalog_Delete, F_roleCatalog_Form, F_roleCatalog_Read, F_securityPolicyDocs, F_securityPolicyDocs_Create, F_securityPolicyDocs_Delete, F_securityPolicyDocs_Update, F_systemUpdateDocs, F_systemUpdateDocs_Create, F_systemUpdateDocs_Delete, F_systemUpdateDocs_Update, F_userGuideDocs, F_userGuideDocs_Create, F_userGuideDocs_Delete, F_userGuideDocs_Read, F_userGuideDocs_Update, F_workflowProcessDocs, F_workflowProcessDocs_Create, F_workflowProcessDocs_Delete, F_workflowProcessDocs_Read, F_workflowProcessDocs_Update, type I_accessControl_RolePermission, type I_accountManagement_Read, type I_moduleConfig_AQModule, useS_accessControl, useS_authenticate, useS_moduleConfig, utils_accessControl_mergePage };
+export { F_accessControl, F_accessControlLevel, F_accessControlLevel_ReadUser, F_accessControlLevel_Save, F_accessControlLevel_ViewMenuPermissions, F_accessControl_ReadUser, F_accessControl_Save, F_accessControl_ViewMenuPermissions, F_accountManagement, F_accountManagement_ChangePermission, F_accountManagement_Create, F_accountManagement_Delete, F_accountManagement_Read, F_accountManagement_Update, F_authenticate_Login, F_authenticate_Logout, F_authenticate_SplashPage, F_core12196, F_core12196_Create, F_core12196_Delete, F_core12196_Read, F_core12196_Update, F_core16209, F_core16209_Create, F_core16209_Delete, F_core16209_Update, F_core18256, F_core18256_Create, F_core18256_Delete, F_core18256_Read, F_core18256_Select, F_core18256_Update, F_core26965, F_core26965_Create, F_core26965_Delete, F_core26965_Update, F_core27311, F_core27311_Create, F_core27311_Delete, F_core27311_Read, F_core27311_Update, F_core35923, F_core40207, F_core40207_Create, F_core40207_Delete, F_core40207_Read, F_core40207_Update, F_core47643, F_core47643_Delete, F_core47643_Form, F_core47643_Read, F_core64229, F_core64229_Delete, F_core64229_Form, F_core64229_Read, F_core76318, F_core76318_Create, F_core76318_Delete, F_core76318_Update, F_documentCategories, F_documentCategories_Create, F_documentCategories_Delete, F_documentCategories_Read, F_documentCategories_Select, F_documentCategories_Update, F_formTemplateDocs, F_formTemplateDocs_Create, F_formTemplateDocs_Delete, F_formTemplateDocs_Read, F_formTemplateDocs_Update, F_mailConfig, F_mailConfig_CreateUpdate, F_mailConfig_Delete, F_mailConfig_Read, F_moduleConfig, F_organizationPolicyDocs, F_organizationPolicyDocs_Create, F_organizationPolicyDocs_Delete, F_organizationPolicyDocs_Update, F_pageContentConfig, F_roleCatalog, F_roleCatalog_Delete, F_roleCatalog_Form, F_roleCatalog_Read, F_securityPolicyDocs, F_securityPolicyDocs_Create, F_securityPolicyDocs_Delete, F_securityPolicyDocs_Update, F_systemUpdateDocs, F_systemUpdateDocs_Create, F_systemUpdateDocs_Delete, F_systemUpdateDocs_Update, F_userGuideDocs, F_userGuideDocs_Create, F_userGuideDocs_Delete, F_userGuideDocs_Read, F_userGuideDocs_Update, F_workflowProcessDocs, F_workflowProcessDocs_Create, F_workflowProcessDocs_Delete, F_workflowProcessDocs_Read, F_workflowProcessDocs_Update, Feat_accessControl, Feat_accessControlLevel, type I_accessControl_RolePermission, type I_accountManagement_Read, type I_moduleConfig_AQModule, useS_accessControl, useS_authenticate, useS_moduleConfig, utils_accessControl_mergePage };

package/dist/modules-features/index.mjs

@@ -3,7 +3,8 @@ import {
   updateEnableList,
   utils_config_getBaseUrl,
   utils_converter_enumToSelectOptions,
-  utils_file_fileToAQDocumentType
+  utils_file_fileToAQDocumentType,
+  utils_mantineDataTable_filterColumns
 } from "../chunk-NIDKTA35.mjs";
 import {
   baseColumns
@@ -12,19 +13,16 @@ import {
   U0DateToDDMMYYYString
 } from "../chunk-EWDS5IOF.mjs";
 import {
-  MyButton,
+  MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-RVLIJK3A.mjs";
-import {
-  const_object_documentTypes
-} from "../chunk-GFEMKKFH.mjs";
+} from "../chunk-LUN2PGVB.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
   MyActionIconUpdate,
   MyBoxesBackground,
-  MyButton as MyButton2,
+  MyButton,
   MyButtonCreate,
   MyButtonModal,
   MyButtonViewPDF,
@@ -49,13 +47,16 @@ import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import {
-  const_object_colors
-} from "../chunk-OMJJAHOC.mjs";
 import {
   enum_emailConfigModule
 } from "../chunk-VH4ZAD6M.mjs";
 import "../chunk-K6S7R6LU.mjs";
+import {
+  const_object_documentTypes
+} from "../chunk-GFEMKKFH.mjs";
+import {
+  const_object_colors
+} from "../chunk-OMJJAHOC.mjs";
 import {
   baseAxios_default,
   createBaseApi,
@@ -91,9 +92,70 @@ import { useEffect } from "react";
 // src/module/Account/usecase/UseCase_AccountTable.tsx
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+function UseCase_AccountTable(_a) {
+  var _b = _a, {
+    data,
+    visibleFields
+  } = _b, rest = __objRest(_b, [
+    "data",
+    "visibleFields"
+  ]);
+  const allColumns = useMemo(() => [
+    {
+      header: "H\u1ECD v\xE0 t\xEAn",
+      accessorKey: "userFullName",
+      size: 40
+    },
+    {
+      header: "Email",
+      accessorKey: "email"
+    },
+    ...baseColumns
+  ], []);
+  const columns = useMemo(() => {
+    return utils_mantineDataTable_filterColumns(allColumns, visibleFields);
+  }, [allColumns, visibleFields]);
+  return /* @__PURE__ */ jsx(
+    MyDataTable,
+    __spreadValues({
+      columns,
+      data
+    }, rest)
+  );
+}
 
 // src/module/Account/adapter/Account_Table.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
+function Account_Table(_a) {
+  var rest = __objRest(_a, []);
+  var _a2;
+  const query = useMyReactQuery({
+    queryKey: ["accounts"],
+    axiosFn: () => serivce_account.getAdminAccount()
+  });
+  useEffect(() => {
+    var _a3, _b;
+    if (!query.data) return;
+    (_b = rest.setIdSelectionOne) == null ? void 0 : _b.call(rest, (_a3 = query.data[0].id) == null ? void 0 : _a3.toString());
+  }, [query.data]);
+  return /* @__PURE__ */ jsx2(
+    UseCase_AccountTable,
+    __spreadValues({
+      data: ((_a2 = query.data) == null ? void 0 : _a2.map((item) => ({
+        id: item.id,
+        code: item.code,
+        name: item.name,
+        userFullName: item.fullName,
+        email: item.email,
+        concurrencyStamp: item.concurrencyStamp,
+        modifiedFullName: item.modifiedFullName,
+        modifiedWhen: item.modifiedWhen
+      }))) || [],
+      isLoading: query.isLoading,
+      isError: query.isError
+    }, rest)
+  );
+}
 
 // src/api/services/service_role.ts
 var CONTROLLER2 = "/role";
@@ -124,6 +186,48 @@ var service_role = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER2, b
 // src/module/Permission/adapter/Permission_SaveMenuPermission.tsx
 import { notifications } from "@mantine/notifications";
 import { jsx as jsx3 } from "react/jsx-runtime";
+function Permission_SaveMenuPermission({
+  roleOrUserId,
+  isUserPermission,
+  values
+}) {
+  const mutation = useMyReactMutation({
+    axiosFn: (values2) => {
+      if (isUserPermission) return service_role.updateUserPermission({
+        pagePermissions: values2,
+        userId: roleOrUserId
+      });
+      return service_role.updatePermission({
+        pagePermissions: values2,
+        roleId: roleOrUserId
+      });
+    },
+    options: {
+      onSuccess: () => {
+        notifications.show({
+          message: "L\u01B0u th\xE0nh c\xF4ng!"
+        });
+      }
+    }
+  });
+  return /* @__PURE__ */ jsx3(
+    MyButton2,
+    {
+      onClick: () => {
+        mutation.mutate((values == null ? void 0 : values.filter((item) => item.id != "0").map((item) => ({
+          pageId: parseInt(item.id),
+          isCreate: item.isCreate,
+          isUpdate: item.isUpdate,
+          isDelete: item.isDelete,
+          isPrint: item.isPrint,
+          isExport: item.isExport || false,
+          isRead: item.isRead
+        }))) || []);
+      },
+      actionType: "save"
+    }
+  );
+}
 
 // src/data/menuData.ts
 var menuData = [
@@ -165,14 +269,219 @@ import { Center, Checkbox, Flex, Paper, ScrollArea, Skeleton, Stack, Table, Text
 import { IconEye, IconFileExport, IconPencil, IconPlus, IconPrinter, IconTrash } from "@tabler/icons-react";
 import React from "react";
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var actionType = [
+  { text: "Xem", icon: /* @__PURE__ */ jsx4(IconEye, {}), iconColor: "gray" },
+  { text: "Th\xEAm", icon: /* @__PURE__ */ jsx4(IconPlus, {}), iconColor: "blue" },
+  { text: "S\u1EEDa", icon: /* @__PURE__ */ jsx4(IconPencil, {}), iconColor: "yellow" },
+  { text: "X\xF3a", icon: /* @__PURE__ */ jsx4(IconTrash, {}), iconColor: "red" },
+  { text: "In", icon: /* @__PURE__ */ jsx4(IconPrinter, {}), iconColor: "cyan" },
+  { text: "Xu\u1EA5t", icon: /* @__PURE__ */ jsx4(IconFileExport, {}), iconColor: "green" }
+];
+var permissionKeys = [
+  "isRead",
+  "isCreate",
+  "isUpdate",
+  "isDelete",
+  "isPrint",
+  "isExport"
+];
+function UseCase_PermissionViewCheckTable({ value = [], onChange, isLoading }) {
+  const handleCheckboxChange = (menuIndex, key) => {
+    const updated = [...value];
+    const current = updated[menuIndex][key];
+    updated[menuIndex][key] = !current;
+    onChange == null ? void 0 : onChange(updated);
+  };
+  const handleCheckAllAction = (key, checked) => {
+    const updated = structuredClone(value);
+    updated.forEach((menu) => {
+      menu[key] = checked;
+    });
+    onChange == null ? void 0 : onChange(updated);
+  };
+  const getDuplicateMenuIds = (data = []) => {
+    const allIds = data.map((menu) => menu.id).filter(Boolean);
+    const countMap = /* @__PURE__ */ new Map();
+    for (const id of allIds) {
+      countMap.set(id, (countMap.get(id) || 0) + 1);
+    }
+    return new Set([...countMap.entries()].filter(([_, count]) => count > 1).map(([id]) => id));
+  };
+  const groupMenusByTitle = (menus) => {
+    const map = /* @__PURE__ */ new Map();
+    menus.forEach((menu) => {
+      const key = menu.groupTitle || "Ch\u01B0a ph\xE2n nh\xF3m";
+      if (!map.has(key)) map.set(key, []);
+      map.get(key).push(menu);
+    });
+    return Array.from(map.entries());
+  };
+  const duplicateIds = getDuplicateMenuIds(value);
+  const groupedMenus = groupMenusByTitle(value);
+  return /* @__PURE__ */ jsx4(Paper, { children: /* @__PURE__ */ jsx4(ScrollArea, { children: isLoading ? /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx4(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+      /* @__PURE__ */ jsx4(Table.Th, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 12, width: "80%" }) }),
+      Array.from({ length: permissionKeys.length }).map((_, idx) => /* @__PURE__ */ jsx4(Table.Th, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 12, width: 40 }) }, idx))
+    ] }) }),
+    /* @__PURE__ */ jsx4(Table.Tbody, { children: Array.from({ length: 5 }).map((_, rowIdx) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+      /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 14, width: "60%" }) }),
+      Array.from({ length: permissionKeys.length }).map((_2, colIdx) => /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 16, circle: true }) }, colIdx))
+    ] }, rowIdx)) })
+  ] }) : /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx4(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+      /* @__PURE__ */ jsx4(Table.Th, { children: "Danh s\xE1ch ch\u1EE9c n\u0103ng" }),
+      actionType.map((item, idx) => {
+        const key = permissionKeys[idx];
+        const allChecked = value.every((menu) => menu[key]);
+        return /* @__PURE__ */ jsx4(Table.Th, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: 4, children: [
+          /* @__PURE__ */ jsx4(
+            Checkbox,
+            {
+              checked: allChecked,
+              onChange: (e) => handleCheckAllAction(key, e.currentTarget.checked)
+            }
+          ),
+          /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", gap: "sm", children: [
+            /* @__PURE__ */ jsx4(Text, { size: "xs", children: item.text }),
+            item.icon
+          ] })
+        ] }) }, idx);
+      })
+    ] }) }),
+    /* @__PURE__ */ jsx4(Table.Tbody, { children: groupedMenus.map(([groupTitle, menus], gIdx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx4(Table.Tr, { bg: const_object_colors.mantineBackgroundBlueLight, children: /* @__PURE__ */ jsx4(Table.Td, { fw: "bold", fs: "italic", colSpan: 7, children: groupTitle }) }),
+      menus.map((menu, mIdx) => {
+        const menuIndex = value.indexOf(menu);
+        const isDuplicate = menu.id && duplicateIds.has(menu.id);
+        return /* @__PURE__ */ jsxs(Table.Tr, { bg: isDuplicate ? "red.1" : void 0, children: [
+          /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+            menu.name,
+            isDuplicate && /* @__PURE__ */ jsxs(Text, { size: "xs", color: "red", children: [
+              "ID tr\xF9ng: ",
+              menu.id
+            ] })
+          ] }) }),
+          permissionKeys.map((key, pIdx) => {
+            var _a;
+            return /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsx4(Center, { children: /* @__PURE__ */ jsx4(
+              Checkbox,
+              {
+                checked: (_a = menu[key]) != null ? _a : false,
+                onChange: () => handleCheckboxChange(menuIndex, key)
+              }
+            ) }) }, pIdx);
+          })
+        ] }, mIdx);
+      })
+    ] }, gIdx)) })
+  ] }) }) });
+}
 
 // src/module/Permission/adapter/Permission_ViewCheckMenuPermission.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
+function Permission_ViewCheckMenuPermission({
+  value,
+  onChange,
+  roleOrUserId,
+  isUserPermission
+}) {
+  const rolePermissionQuery = useMyReactQuery({
+    queryKey: ["rolePermissions", roleOrUserId],
+    axiosFn: () => {
+      if (isUserPermission) return service_role.getUserPermission({ userId: roleOrUserId });
+      return service_role.getRolePermission({ roleId: roleOrUserId });
+    }
+  });
+  const isLoadingState = useState(true);
+  function mergePermissionsType(menus, permissions) {
+    return menus.map((menu) => {
+      const matchedPermission = permissions.find((p) => {
+        var _a;
+        return ((_a = p.pageId) == null ? void 0 : _a.toString()) === menu.id;
+      });
+      return __spreadProps(__spreadValues({}, menu), {
+        isRead: (matchedPermission == null ? void 0 : matchedPermission.isRead) || false,
+        isUpdate: (matchedPermission == null ? void 0 : matchedPermission.isUpdate) || false,
+        isDelete: (matchedPermission == null ? void 0 : matchedPermission.isDelete) || false,
+        isCreate: (matchedPermission == null ? void 0 : matchedPermission.isCreate) || false,
+        isPrint: (matchedPermission == null ? void 0 : matchedPermission.isPrint) || false,
+        isExport: (matchedPermission == null ? void 0 : matchedPermission.isExport) || false
+      });
+    });
+  }
+  function extractMenusWithRootGroupTitle(data, rootGroupTitle) {
+    const result = [];
+    for (const item of data) {
+      const currentRoot = rootGroupTitle || item.label;
+      if (item.links && item.links.length > 0) {
+        const children = extractMenusWithRootGroupTitle(item.links, currentRoot);
+        result.push(...children);
+      }
+      if (item.link && item.pageId !== void 0) {
+        result.push({
+          id: item.pageId.toString(),
+          name: item.label,
+          groupTitle: rootGroupTitle
+          // group theo menu gốc lớn nhất
+        });
+      }
+    }
+    return result;
+  }
+  useEffect2(() => {
+    if (!rolePermissionQuery.data) return;
+    const flattenMenu = extractMenusWithRootGroupTitle(menuData);
+    const menuMerged = mergePermissionsType(flattenMenu, rolePermissionQuery.data);
+    onChange == null ? void 0 : onChange(menuMerged);
+    isLoadingState[1](false);
+  }, [rolePermissionQuery.data]);
+  return /* @__PURE__ */ jsx5(
+    UseCase_PermissionViewCheckTable,
+    {
+      isLoading: isLoadingState[0],
+      value,
+      onChange
+    }
+  );
+}
 
 // src/modules-features/admin/core/accessControl/Feat_accessControl.tsx
 import { Grid, Stack as Stack2 } from "@mantine/core";
 import { useState as useState2 } from "react";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Feat_accessControl({ menuData: menuData2 }) {
+  const accountIdState = useState2();
+  const memuPermissionState = useState2();
+  return /* @__PURE__ */ jsxs2(Grid, { children: [
+    /* @__PURE__ */ jsx6(Grid.Col, { span: { base: 12, md: 5 }, children: /* @__PURE__ */ jsx6(
+      Account_Table,
+      {
+        idSelectionOne: accountIdState[0],
+        setIdSelectionOne: accountIdState[1]
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(Grid.Col, { span: { base: 12, md: 7 }, children: /* @__PURE__ */ jsxs2(Stack2, { children: [
+      /* @__PURE__ */ jsx6(
+        Permission_ViewCheckMenuPermission,
+        {
+          isUserPermission: true,
+          roleOrUserId: parseInt(accountIdState[0]),
+          value: memuPermissionState[0],
+          onChange: memuPermissionState[1],
+          menuDataRoot: menuData2
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        Permission_SaveMenuPermission,
+        {
+          isUserPermission: true,
+          roleOrUserId: parseInt(accountIdState[0]),
+          values: memuPermissionState[0]
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/modules-features/admin/core/accessControl/old/F_accessControl.tsx
 import { Grid as Grid2, Paper as Paper2, ScrollArea as ScrollArea3 } from "@mantine/core";
@@ -554,7 +863,7 @@ function F_accessControl_Save() {
     }
     disable[1](false);
   }, [store.state.rolePermissions]);
-  return /* @__PURE__ */ jsx9(MyButton2, { disabled: disable[0], crudType: "save", onClick: handleSave });
+  return /* @__PURE__ */ jsx9(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
 }
 
 // src/modules-features/admin/core/accessControl/old/F_accessControl.tsx
@@ -575,14 +884,101 @@ import { useEffect as useEffect5 } from "react";
 // src/module/Role/usecase/UseCase_RoleTable.tsx
 import { useMemo as useMemo3 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
+function UseCase_RoleTable(_a) {
+  var _b = _a, {
+    data,
+    visibleFields
+  } = _b, rest = __objRest(_b, [
+    "data",
+    "visibleFields"
+  ]);
+  const allColumns = useMemo3(() => [
+    {
+      header: "M\xE3 quy\u1EC1n",
+      accessorKey: "code",
+      size: 40
+    },
+    {
+      header: "T\xEAn quy\u1EC1n",
+      accessorKey: "name"
+    },
+    ...baseColumns
+  ], []);
+  const columns = useMemo3(() => {
+    return utils_mantineDataTable_filterColumns(allColumns, visibleFields);
+  }, [allColumns, visibleFields]);
+  return /* @__PURE__ */ jsx11(
+    MyDataTable,
+    __spreadValues({
+      columns,
+      data
+    }, rest)
+  );
+}
 
 // src/module/Role/adapter/Role_Table.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
+function Role_Table(_a) {
+  var rest = __objRest(_a, []);
+  var _a2;
+  const adminRoleQuery = useMyReactQuery({
+    queryKey: ["roles"],
+    axiosFn: () => service_role.getAdminRole()
+  });
+  useEffect5(() => {
+    var _a3, _b;
+    if (!adminRoleQuery.data) return;
+    (_b = rest.setIdSelectionOne) == null ? void 0 : _b.call(rest, (_a3 = adminRoleQuery.data[0].id) == null ? void 0 : _a3.toString());
+  }, [adminRoleQuery.data]);
+  return /* @__PURE__ */ jsx12(
+    UseCase_RoleTable,
+    __spreadValues({
+      data: ((_a2 = adminRoleQuery.data) == null ? void 0 : _a2.map((item) => ({
+        id: item.id,
+        code: item.code,
+        name: item.name
+      }))) || [],
+      isError: adminRoleQuery.isError,
+      isLoading: adminRoleQuery.isLoading
+    }, rest)
+  );
+}
 
 // src/modules-features/admin/core/accessControlLevel/Feat_accessControlLevel.tsx
 import { Grid as Grid3, Stack as Stack3 } from "@mantine/core";
 import { useState as useState5 } from "react";
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function Feat_accessControlLevel({ menuData: menuData2 }) {
+  const accountIdState = useState5();
+  const memuPermissionState = useState5();
+  return /* @__PURE__ */ jsxs5(Grid3, { children: [
+    /* @__PURE__ */ jsx13(Grid3.Col, { span: { base: 12, md: 5 }, children: /* @__PURE__ */ jsx13(
+      Role_Table,
+      {
+        idSelectionOne: accountIdState[0],
+        setIdSelectionOne: accountIdState[1]
+      }
+    ) }),
+    /* @__PURE__ */ jsx13(Grid3.Col, { span: { base: 12, md: 7 }, children: /* @__PURE__ */ jsxs5(Stack3, { children: [
+      /* @__PURE__ */ jsx13(
+        Permission_ViewCheckMenuPermission,
+        {
+          roleOrUserId: parseInt(accountIdState[0]),
+          value: memuPermissionState[0],
+          onChange: memuPermissionState[1],
+          menuDataRoot: menuData2
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        Permission_SaveMenuPermission,
+        {
+          roleOrUserId: parseInt(accountIdState[0]),
+          values: memuPermissionState[0]
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/modules-features/admin/core/accessControlLevel/old/F_accessControlLevel.tsx
 import { Grid as Grid4, Paper as Paper3, ScrollArea as ScrollArea5 } from "@mantine/core";
@@ -889,7 +1285,7 @@ function F_accessControlLevel_Save() {
     }
     disable[1](false);
   }, [store.state.rolePermissions]);
-  return /* @__PURE__ */ jsx16(MyButton2, { disabled: disable[0], crudType: "save", onClick: handleSave });
+  return /* @__PURE__ */ jsx16(MyButton, { disabled: disable[0], crudType: "save", onClick: handleSave });
 }
 
 // src/modules-features/admin/core/accessControlLevel/old/F_accessControlLevel.tsx
@@ -2660,7 +3056,7 @@ function F_core35923() {
       /* @__PURE__ */ jsx49(Grid5.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx49(MyFileInput, { label: "Favicon (16px x 16px)" }) }),
       /* @__PURE__ */ jsx49(Grid5.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx49(MyFileInput, { label: "Logo (330px x 115px)" }) })
     ] }),
-    /* @__PURE__ */ jsx49(MyFlexEnd, { children: /* @__PURE__ */ jsx49(MyButton2, { crudType: "save" }) })
+    /* @__PURE__ */ jsx49(MyFlexEnd, { children: /* @__PURE__ */ jsx49(MyButton, { crudType: "save" }) })
   ] });
 }
 
@@ -4047,7 +4443,7 @@ function F_moduleConfig_Save({
     });
   }
   return /* @__PURE__ */ jsx83(
-    MyButton2,
+    MyButton,
     {
       disabled: !form.isDirty(),
       crudType: "save",
@@ -4503,13 +4899,13 @@ import { useMemo as useMemo20 } from "react";
 // src/modules-features/admin/core/pageContentConfig/F_pageContentConfig_DeleteDescription.tsx
 import { jsx as jsx91 } from "react/jsx-runtime";
 function F_pageContentConfig_DeleteDescription() {
-  return /* @__PURE__ */ jsx91(MyButton, { actionType: "delete" });
+  return /* @__PURE__ */ jsx91(MyButton2, { actionType: "delete" });
 }
 
 // src/modules-features/admin/core/pageContentConfig/F_pageContentConfig_Export.tsx
 import { jsx as jsx92 } from "react/jsx-runtime";
 function F_pageContentConfig_Export() {
-  return /* @__PURE__ */ jsx92(MyButton, { actionType: "export" });
+  return /* @__PURE__ */ jsx92(MyButton2, { actionType: "export" });
 }
 
 // src/modules-features/admin/core/pageContentConfig/F_pageContentConfig_Save.tsx
@@ -4521,7 +4917,7 @@ function F_pageContentConfig_Save({ menuValues }) {
       return service_pageContent.updateList([{ id: 1 }]);
     }
   });
-  return /* @__PURE__ */ jsx93(MyButton, { actionType: "save", onClick: () => updatePageConfigMutation.mutate({}) });
+  return /* @__PURE__ */ jsx93(MyButton2, { actionType: "save", onClick: () => updatePageConfigMutation.mutate({}) });
 }
 
 // src/modules-features/admin/core/pageContentConfig/F_pageContentConfig_ReadMenu.tsx
@@ -5911,6 +6307,8 @@ export {
   F_workflowProcessDocs_Delete,
   F_workflowProcessDocs_Read,
   F_workflowProcessDocs_Update,
+  Feat_accessControl,
+  Feat_accessControlLevel,
   useS_accessControl,
   useS_authenticate,
   useS_moduleConfig,

package/package.json

@@ -42,7 +42,7 @@
       "types": "./dist/columns/index.d.mts"
     }
   },
-  "version": "0.1.506",
+  "version": "0.1.508",
   "private": false,
   "files": [
     "dist"

package/dist/{chunk-RVLIJK3A.mjs → chunk-LUN2PGVB.mjs}

@@ -3,12 +3,12 @@ import {
   MyFlexColumn,
   MyFlexRow
 } from "./chunk-KCYPNG4W.mjs";
-import {
-  const_object_colors
-} from "./chunk-OMJJAHOC.mjs";
 import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
+import {
+  const_object_colors
+} from "./chunk-OMJJAHOC.mjs";
 import {
   useMyReactMutation,
   useMyReactQuery