aq-fe-framework 0.1.281 → 0.1.282

package/dist/{chunk-6OYVVLKC.mjs → chunk-FIH6EYE2.mjs}

@@ -1,9 +1,9 @@
-import {
-  const_object_colors
-} from "./chunk-NWBLJ3W3.mjs";
 import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
+import {
+  const_object_colors
+} from "./chunk-NWBLJ3W3.mjs";
 import {
   baseAxios_default,
   useMyReactMutation,
@@ -759,55 +759,8 @@ function MyAppSpotlight({ menu }) {
   ] });
 }
 
-// src/components/Buttons/Anchor/MyAnchorViewPDF.tsx
-import { ActionIcon as ActionIcon8, Anchor, Group as Group4, Modal as Modal4, Paper as Paper2, Text as Text5 } from "@mantine/core";
-import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
-import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
-import { useState as useState6 } from "react";
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
-function MyAnchorViewPDF({ label, pdfLink }) {
-  const disc = useDisclosure5(false);
-  const fullScreen = useState6(false);
-  const hSize = useState6("80vh");
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsx17(Anchor, { onClick: disc[1].open, children: label }),
-    /* @__PURE__ */ jsx17(
-      Modal4,
-      {
-        fullScreen: fullScreen[0],
-        opened: disc[0],
-        onClose: disc[1].close,
-        size: "80%",
-        title: /* @__PURE__ */ jsxs8(Group4, { children: [
-          /* @__PURE__ */ jsx17(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx17(
-            ActionIcon8,
-            {
-              onClick: () => {
-                fullScreen[1](false);
-                hSize[1]("80vh");
-              },
-              children: /* @__PURE__ */ jsx17(IconMinimize2, {})
-            }
-          ) : /* @__PURE__ */ jsx17(
-            ActionIcon8,
-            {
-              onClick: () => {
-                fullScreen[1](true);
-                hSize[1]("90vh");
-              },
-              children: /* @__PURE__ */ jsx17(IconMaximize2, {})
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ jsx17(Paper2, { h: hSize[0], children: /* @__PURE__ */ jsx17("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
-      }
-    )
-  ] });
-}
-
-// src/components/Buttons/Button/CoreActionIcon.tsx
-import { ActionIcon as ActionIcon9 } from "@mantine/core";
+// src/components/Buttons/CoreActionIcon.tsx
+import { ActionIcon as ActionIcon8 } from "@mantine/core";
 import {
   IconDeviceFloppy as IconDeviceFloppy3,
   IconEdit as IconEdit4,
@@ -818,47 +771,47 @@ import {
   IconTrash as IconTrash4,
   IconX as IconX2
 } from "@tabler/icons-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var actionConfig = {
   create: {
     color: "indigo",
     type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconPlus4, {})
+    icon: /* @__PURE__ */ jsx17(IconPlus4, {})
   },
   createMultiple: {
     color: "green",
     type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconPlus4, {})
+    icon: /* @__PURE__ */ jsx17(IconPlus4, {})
   },
   delete: {
     color: "red",
-    icon: /* @__PURE__ */ jsx18(IconTrash4, {})
+    icon: /* @__PURE__ */ jsx17(IconTrash4, {})
   },
   update: {
     color: "yellow",
     type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconEdit4, {})
+    icon: /* @__PURE__ */ jsx17(IconEdit4, {})
   },
   save: {
     color: "blue",
     type: "submit",
-    icon: /* @__PURE__ */ jsx18(IconDeviceFloppy3, {})
+    icon: /* @__PURE__ */ jsx17(IconDeviceFloppy3, {})
   },
   import: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx18(IconFileImport2, {})
+    icon: /* @__PURE__ */ jsx17(IconFileImport2, {})
   },
   print: {
     color: "orange.7",
-    icon: /* @__PURE__ */ jsx18(IconPrinter2, {})
+    icon: /* @__PURE__ */ jsx17(IconPrinter2, {})
   },
   export: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx18(IconFileExport2, {})
+    icon: /* @__PURE__ */ jsx17(IconFileExport2, {})
   },
   cancel: {
     color: "gray",
-    icon: /* @__PURE__ */ jsx18(IconX2, {})
+    icon: /* @__PURE__ */ jsx17(IconX2, {})
   },
   select: {},
   check: {}
@@ -866,11 +819,11 @@ var actionConfig = {
 function CoreActionIcon(_a) {
   var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
   if (!actionType) {
-    return /* @__PURE__ */ jsx18(ActionIcon9, __spreadProps(__spreadValues({}, rest), { children }));
+    return /* @__PURE__ */ jsx17(ActionIcon8, __spreadProps(__spreadValues({}, rest), { children }));
   }
   const config2 = actionConfig[actionType];
-  return /* @__PURE__ */ jsx18(
-    ActionIcon9,
+  return /* @__PURE__ */ jsx17(
+    ActionIcon8,
     __spreadProps(__spreadValues({
       color: config2.color,
       type: config2.type
@@ -880,7 +833,7 @@ function CoreActionIcon(_a) {
   );
 }
 
-// src/components/Buttons/Button/CoreButton.tsx
+// src/components/Buttons/CoreButton.tsx
 import { Button as Button4 } from "@mantine/core";
 import {
   IconDeviceFloppy as IconDeviceFloppy4,
@@ -892,55 +845,55 @@ import {
   IconTrash as IconTrash5,
   IconX as IconX3
 } from "@tabler/icons-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var actionConfig2 = {
   create: {
     color: "indigo",
     type: "submit",
-    icon: /* @__PURE__ */ jsx19(IconPlus5, {}),
+    icon: /* @__PURE__ */ jsx18(IconPlus5, {}),
     defaultText: "L\u01B0u"
   },
   createMultiple: {
     color: "green",
     type: "submit",
-    icon: /* @__PURE__ */ jsx19(IconPlus5, {}),
+    icon: /* @__PURE__ */ jsx18(IconPlus5, {}),
     defaultText: "Th\xEAm danh s\xE1ch"
   },
   delete: {
     color: "red",
-    icon: /* @__PURE__ */ jsx19(IconTrash5, {}),
+    icon: /* @__PURE__ */ jsx18(IconTrash5, {}),
     defaultText: "X\xF3a"
   },
   update: {
     color: "yellow",
     type: "submit",
-    icon: /* @__PURE__ */ jsx19(IconEdit5, {}),
+    icon: /* @__PURE__ */ jsx18(IconEdit5, {}),
     defaultText: "Ch\u1EC9nh s\u1EEDa"
   },
   save: {
     color: "blue",
     type: "submit",
-    icon: /* @__PURE__ */ jsx19(IconDeviceFloppy4, {}),
+    icon: /* @__PURE__ */ jsx18(IconDeviceFloppy4, {}),
     defaultText: "L\u01B0u"
   },
   import: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx19(IconFileImport3, {}),
+    icon: /* @__PURE__ */ jsx18(IconFileImport3, {}),
     defaultText: "Import"
   },
   print: {
     color: "orange.7",
-    icon: /* @__PURE__ */ jsx19(IconPrinter3, {}),
+    icon: /* @__PURE__ */ jsx18(IconPrinter3, {}),
     defaultText: "In"
   },
   export: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx19(IconFileExport3, {}),
+    icon: /* @__PURE__ */ jsx18(IconFileExport3, {}),
     defaultText: "Export"
   },
   cancel: {
     color: "gray",
-    icon: /* @__PURE__ */ jsx19(IconX3, {}),
+    icon: /* @__PURE__ */ jsx18(IconX3, {}),
     defaultText: "H\u1EE7y thao t\xE1c"
   },
   select: {
@@ -953,10 +906,10 @@ var actionConfig2 = {
 function CoreButton(_a) {
   var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
   if (!actionType) {
-    return /* @__PURE__ */ jsx19(Button4, __spreadProps(__spreadValues({}, rest), { children }));
+    return /* @__PURE__ */ jsx18(Button4, __spreadProps(__spreadValues({}, rest), { children }));
   }
   const config2 = actionConfig2[actionType];
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Button4,
     __spreadProps(__spreadValues({
       color: config2.color,
@@ -968,17 +921,166 @@ function CoreButton(_a) {
   );
 }
 
+// src/components/Buttons/CoreButtonCreateUpdate.tsx
+import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
+import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { ActionIcon as ActionIcon9, Button as Button5, Modal as Modal4 } from "@mantine/core";
+import { IconEdit as IconEdit6, IconPlus as IconPlus6 } from "@tabler/icons-react";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+function CoreButtonCreateUpdate({
+  modalProps,
+  actionIconProps,
+  buttonProps,
+  form,
+  onSubmit,
+  onSuccess,
+  onError,
+  closeModalWhenSubmit = true,
+  resetFormWhenSubmit = true,
+  children,
+  disclosure: externalDisclosure,
+  isCreate = true
+}) {
+  const defaultDisclosure = useDisclosure5();
+  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
+  const queryClient = useQueryClient3();
+  const mutation = useMyReactMutation({
+    axiosFn: (values) => onSubmit(values),
+    options: __spreadValues(__spreadValues({
+      onSuccess: () => {
+        queryClient.invalidateQueries();
+        utils_notification_show({ crudType: "create" });
+        disclosure[1].close();
+        if (closeModalWhenSubmit) disclosure[1].close();
+        if (resetFormWhenSubmit) form.reset();
+      }
+    }, onSuccess && {
+      onSuccess: () => {
+        onSuccess();
+      }
+    }), onError && {
+      onError: () => {
+        onError();
+      }
+    })
+  });
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    isCreate ? /* @__PURE__ */ jsx19(
+      Button5,
+      __spreadProps(__spreadValues({
+        onClick: disclosure[1].open,
+        leftSection: /* @__PURE__ */ jsx19(IconPlus6, {})
+      }, buttonProps), {
+        children: "Th\xEAm"
+      })
+    ) : /* @__PURE__ */ jsx19(
+      ActionIcon9,
+      __spreadProps(__spreadValues({
+        color: "yellow",
+        onClick: disclosure[1].open
+      }, actionIconProps), {
+        children: /* @__PURE__ */ jsx19(IconEdit6, {})
+      })
+    ),
+    /* @__PURE__ */ jsx19(
+      Modal4,
+      __spreadProps(__spreadValues({
+        title: isCreate ? "Th\xEAm d\u1EEF li\u1EC7u" : "S\u1EEDa d\u1EEF li\u1EC7u",
+        opened: disclosure[0],
+        onClose: disclosure[1].close
+      }, modalProps), {
+        children: /* @__PURE__ */ jsx19("form", { onSubmit: form.onSubmit((values) => {
+          mutation.mutate(values);
+        }), children: /* @__PURE__ */ jsxs8(MyFlexColumn, { children: [
+          children,
+          /* @__PURE__ */ jsx19(Button5, { children: "L\u01B0u" })
+        ] }) })
+      })
+    )
+  ] });
+}
+
+// src/components/Buttons/CoreButtonModal.tsx
+import { Button as Button6, Modal as Modal5 } from "@mantine/core";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+function CoreButtonModal({
+  disclosure,
+  children,
+  buttonProps,
+  modalProps
+}) {
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsx20(Button6, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
+    /* @__PURE__ */ jsx20(
+      Modal5,
+      __spreadProps(__spreadValues({
+        opened: disclosure == null ? void 0 : disclosure[0],
+        onClose: disclosure[1].close
+      }, modalProps), {
+        children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+      })
+    )
+  ] });
+}
+
+// src/components/Buttons/Anchor/MyAnchorViewPDF.tsx
+import { ActionIcon as ActionIcon10, Anchor, Group as Group4, Modal as Modal6, Paper as Paper2, Text as Text5 } from "@mantine/core";
+import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
+import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
+import { useState as useState6 } from "react";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+function MyAnchorViewPDF({ label, pdfLink }) {
+  const disc = useDisclosure6(false);
+  const fullScreen = useState6(false);
+  const hSize = useState6("80vh");
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx21(Anchor, { onClick: disc[1].open, children: label }),
+    /* @__PURE__ */ jsx21(
+      Modal6,
+      {
+        fullScreen: fullScreen[0],
+        opened: disc[0],
+        onClose: disc[1].close,
+        size: "80%",
+        title: /* @__PURE__ */ jsxs10(Group4, { children: [
+          /* @__PURE__ */ jsx21(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx21(
+            ActionIcon10,
+            {
+              onClick: () => {
+                fullScreen[1](false);
+                hSize[1]("80vh");
+              },
+              children: /* @__PURE__ */ jsx21(IconMinimize2, {})
+            }
+          ) : /* @__PURE__ */ jsx21(
+            ActionIcon10,
+            {
+              onClick: () => {
+                fullScreen[1](true);
+                hSize[1]("90vh");
+              },
+              children: /* @__PURE__ */ jsx21(IconMaximize2, {})
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsx21(Paper2, { h: hSize[0], children: /* @__PURE__ */ jsx21("iframe", { src: pdfLink, width: "100%", height: "100%" }) })
+      }
+    )
+  ] });
+}
+
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
 import { FileInput } from "@mantine/core";
-import { useDisclosure as useDisclosure6 } from "@mantine/hooks";
+import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 import { IconFileTypeXls } from "@tabler/icons-react";
-import { useMutation, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { useMutation, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 import * as XLSX from "xlsx";
 
 // src/components/Buttons/ButtonModal/MyButtonModal.tsx
-import { Button as Button5, Modal as Modal5 } from "@mantine/core";
-import { IconEdit as IconEdit6, IconPlus as IconPlus6, IconTrash as IconTrash6 } from "@tabler/icons-react";
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Button as Button7, Modal as Modal7 } from "@mantine/core";
+import { IconEdit as IconEdit7, IconPlus as IconPlus7, IconTrash as IconTrash6 } from "@tabler/icons-react";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function MyButtonModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -1001,81 +1103,81 @@ function MyButtonModal(_a) {
   ]);
   const objectNameLower = objectName == null ? void 0 : objectName.toLowerCase();
   if (!crudType) {
-    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-      /* @__PURE__ */ jsx20(Button5, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
-      /* @__PURE__ */ jsx20(
-        Modal5,
+    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
+      /* @__PURE__ */ jsx22(
+        Modal7,
         {
           fullScreen,
           size: modalSize,
           title,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-      /* @__PURE__ */ jsx20(Button5, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx20(IconPlus6, {}) }, rest), { children: label ? label : `Th\xEAm` })),
-      /* @__PURE__ */ jsx20(
-        Modal5,
+    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx22(IconPlus7, {}) }, rest), { children: label ? label : `Th\xEAm` })),
+      /* @__PURE__ */ jsx22(
+        Modal7,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `T\u1EA1o ${objectNameLower} m\u1EDBi`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-      /* @__PURE__ */ jsx20(Button5, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx20(IconPlus6, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
-      /* @__PURE__ */ jsx20(
-        Modal5,
+    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx22(IconPlus7, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
+      /* @__PURE__ */ jsx22(
+        Modal7,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `Th\xEAm danh s\xE1ch ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-      /* @__PURE__ */ jsx20(Button5, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx20(IconEdit6, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
-      /* @__PURE__ */ jsx20(
-        Modal5,
+    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx22(IconEdit7, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
+      /* @__PURE__ */ jsx22(
+        Modal7,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
         }
       )
     ] });
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-      /* @__PURE__ */ jsx20(Button5, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx20(IconTrash6, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
-      /* @__PURE__ */ jsx20(
-        Modal5,
+    return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+      /* @__PURE__ */ jsx22(Button7, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx22(IconTrash6, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
+      /* @__PURE__ */ jsx22(
+        Modal7,
         {
           fullScreen,
           size: modalSize,
           title: title ? title : `X\xF3a ${objectNameLower}`,
           opened: disclosure == null ? void 0 : disclosure[0],
           onClose: disclosure[1].close,
-          children: /* @__PURE__ */ jsx20(MyFlexColumn, { children })
+          children: /* @__PURE__ */ jsx22(MyFlexColumn, { children })
         }
       )
     ] });
@@ -1083,7 +1185,7 @@ function MyButtonModal(_a) {
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function AQButtonCreateByImportFile(_a) {
   var _b = _a, {
     form,
@@ -1099,8 +1201,8 @@ function AQButtonCreateByImportFile(_a) {
     // children,
     "setImportedData"
   ]);
-  const disc = useDisclosure6();
-  const queryClient = useQueryClient3();
+  const disc = useDisclosure7();
+  const queryClient = useQueryClient4();
   const mutation = useMutation({
     mutationFn: async () => {
       return await onSubmit();
@@ -1132,12 +1234,12 @@ function AQButtonCreateByImportFile(_a) {
     };
     reader.readAsArrayBuffer(file);
   };
-  return /* @__PURE__ */ jsx21(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx21("form", { onSubmit: form.onSubmit((values) => {
-  }), children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx23("form", { onSubmit: form.onSubmit((values) => {
+  }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx23(
       FileInput,
       {
-        leftSection: /* @__PURE__ */ jsx21(IconFileTypeXls, {}),
+        leftSection: /* @__PURE__ */ jsx23(IconFileTypeXls, {}),
         accept: ".xlsx",
         description: "\u0110\u1ECBnh d\u1EA1ng h\u1EE3p l\u1EC7: .xlsx",
         label: "Ch\u1ECDn file",
@@ -1146,15 +1248,15 @@ function AQButtonCreateByImportFile(_a) {
         placeholder: "Ch\u1ECDn file"
       }
     ),
-    /* @__PURE__ */ jsx21(MyButton, { type: "submit", crudType: "createMultiple" })
+    /* @__PURE__ */ jsx23(MyButton, { type: "submit", crudType: "createMultiple" })
   ] }) }) }));
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonExportData.tsx
-import { Button as Button6 } from "@mantine/core";
+import { Button as Button8 } from "@mantine/core";
 import { IconDownload as IconDownload2 } from "@tabler/icons-react";
 import * as XLSX2 from "xlsx";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function AQButtonExportData({
   isAllData,
   objectName,
@@ -1180,8 +1282,8 @@ function AQButtonExportData({
     XLSX2.utils.book_append_sheet(workbook, worksheet, "Exported Data");
     XLSX2.writeFile(workbook, `${objectName}.xlsx`);
   };
-  return /* @__PURE__ */ jsx22(
-    Button6,
+  return /* @__PURE__ */ jsx24(
+    Button8,
     {
       disabled: data.length === 0,
       variant: "filled",
@@ -1190,95 +1292,16 @@ function AQButtonExportData({
         event.preventDefault();
         handleExport();
       },
-      leftSection: /* @__PURE__ */ jsx22(IconDownload2, {}),
+      leftSection: /* @__PURE__ */ jsx24(IconDownload2, {}),
       children: "Export"
     }
   );
 }
 
-// src/components/Buttons/ButtonCRUD/CoreButtonCreateUpdate.tsx
-import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
-import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { ActionIcon as ActionIcon10, Button as Button7, Modal as Modal6 } from "@mantine/core";
-import { IconEdit as IconEdit7, IconPlus as IconPlus7 } from "@tabler/icons-react";
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
-function CoreButtonCreateUpdate({
-  modalProps,
-  actionIconProps,
-  buttonProps,
-  form,
-  onSubmit,
-  onSuccess,
-  onError,
-  closeModalWhenSubmit = true,
-  resetFormWhenSubmit = true,
-  children,
-  disclosure: externalDisclosure,
-  isCreate = true
-}) {
-  const defaultDisclosure = useDisclosure7();
-  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
-  const queryClient = useQueryClient4();
-  const mutation = useMyReactMutation({
-    axiosFn: (values) => onSubmit(values),
-    options: __spreadValues(__spreadValues({
-      onSuccess: () => {
-        queryClient.invalidateQueries();
-        utils_notification_show({ crudType: "create" });
-        disclosure[1].close();
-        if (closeModalWhenSubmit) disclosure[1].close();
-        if (resetFormWhenSubmit) form.reset();
-      }
-    }, onSuccess && {
-      onSuccess: () => {
-        onSuccess();
-      }
-    }), onError && {
-      onError: () => {
-        onError();
-      }
-    })
-  });
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    isCreate ? /* @__PURE__ */ jsx23(
-      Button7,
-      __spreadProps(__spreadValues({
-        onClick: disclosure[1].open,
-        leftSection: /* @__PURE__ */ jsx23(IconPlus7, {})
-      }, buttonProps), {
-        children: "Th\xEAm"
-      })
-    ) : /* @__PURE__ */ jsx23(
-      ActionIcon10,
-      __spreadProps(__spreadValues({
-        color: "yellow",
-        onClick: disclosure[1].open
-      }, actionIconProps), {
-        children: /* @__PURE__ */ jsx23(IconEdit7, {})
-      })
-    ),
-    /* @__PURE__ */ jsx23(
-      Modal6,
-      __spreadProps(__spreadValues({
-        title: isCreate ? "Th\xEAm d\u1EEF li\u1EC7u" : "S\u1EEDa d\u1EEF li\u1EC7u",
-        opened: disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx23("form", { onSubmit: form.onSubmit((values) => {
-          mutation.mutate(values);
-        }), children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
-          children,
-          /* @__PURE__ */ jsx23(Button7, { children: "L\u01B0u" })
-        ] }) })
-      })
-    )
-  ] });
-}
-
 // src/components/Buttons/ButtonCRUD/MyButtonCreate.tsx
 import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
 import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function MyButtonCreate(_a) {
   var _b = _a, {
     form,
@@ -1342,11 +1365,11 @@ function MyButtonCreate(_a) {
       }
     })
   });
-  return /* @__PURE__ */ jsx24(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx24("form", { onSubmit: form.onSubmit((values) => {
+  return /* @__PURE__ */ jsx25(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx25("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
-  }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
+  }), children: /* @__PURE__ */ jsxs13(MyFlexColumn, { children: [
     children,
-    /* @__PURE__ */ jsx24(MyButton, { type: "submit", crudType: "save" })
+    /* @__PURE__ */ jsx25(MyButton, { type: "submit", crudType: "save" })
   ] }) }) }));
 }
 
@@ -1355,7 +1378,7 @@ import { Group as Group5, Highlight as Highlight2 } from "@mantine/core";
 import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
 import { useMutation as useMutation2, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useState as useState7 } from "react";
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function MyButtonDeleteList(_a) {
   var _b = _a, {
     onSubmit,
@@ -1394,7 +1417,7 @@ function MyButtonDeleteList(_a) {
     loadingState[1](true);
     mutation.mutate();
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     MyButtonModal,
     __spreadProps(__spreadValues({
       disclosure: disc,
@@ -1402,7 +1425,7 @@ function MyButtonDeleteList(_a) {
       disabled: contextData == void 0 || contextData.length == 0
     }, rest), {
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           Highlight2,
           {
             highlight: contextData || [],
@@ -1415,8 +1438,8 @@ function MyButtonDeleteList(_a) {
             children: `B\u1EA1n s\u1EAFp x\xF3a d\u1EEF li\u1EC7u ${contextData || ""}. H\xE0nh \u0111\u1ED9ng n\xE0y kh\xF4ng th\u1EC3 ho\xE0n t\xE1c. B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn mu\u1ED1n ti\u1EBFp t\u1EE5c?`
           }
         ),
-        /* @__PURE__ */ jsxs13(Group5, { grow: true, children: [
-          /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs14(Group5, { grow: true, children: [
+          /* @__PURE__ */ jsx26(
             MyButton,
             {
               crudType: "delete",
@@ -1424,7 +1447,7 @@ function MyButtonDeleteList(_a) {
               loading: loadingState[0]
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             MyButton,
             {
               crudType: "cancel",
@@ -1438,27 +1461,27 @@ function MyButtonDeleteList(_a) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Button as Button11, Modal as Modal9, useModalsStack as useModalsStack3 } from "@mantine/core";
+import { Button as Button12, Modal as Modal10, useModalsStack as useModalsStack3 } from "@mantine/core";
 import { IconFileImport as IconFileImport4 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
 import { Select } from "@mantine/core";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function MySelect(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx26(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx27(Select, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Layouts/FlexEnd/MyFlexEnd.tsx
 import { Group as Group6 } from "@mantine/core";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function MyFlexEnd(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx27(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx28(Group6, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { Button as Button8, Divider, Fieldset, Group as Group7, Modal as Modal7, SimpleGrid, Space as Space2, Table } from "@mantine/core";
+import { Button as Button9, Divider, Fieldset, Group as Group7, Modal as Modal8, SimpleGrid, Space as Space2, Table } from "@mantine/core";
 import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRoundedX } from "@tabler/icons-react";
 
 // src/components/Buttons/ButtonImport/useS_ButtonImport.ts
@@ -1612,99 +1635,99 @@ function useS_ButtonImport() {
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs14(Modal7, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
-    /* @__PURE__ */ jsxs14(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-      /* @__PURE__ */ jsxs14(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
-        /* @__PURE__ */ jsxs14(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx28(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs14(Table.Tr, { children: [
-            /* @__PURE__ */ jsx28(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx28(Table.Th, { children: "T\xEAn field" })
+  return /* @__PURE__ */ jsxs15(Modal8, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
+    /* @__PURE__ */ jsxs15(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
+      /* @__PURE__ */ jsxs15(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
+        /* @__PURE__ */ jsxs15(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx29(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs15(Table.Tr, { children: [
+            /* @__PURE__ */ jsx29(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx29(Table.Th, { children: "T\xEAn field" })
           ] }) }),
-          /* @__PURE__ */ jsx28(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx29(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs15(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx28(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx28(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
+                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), true), children: item.fieldName })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx28(Space2, {}),
-        /* @__PURE__ */ jsx28(Group7, { children: /* @__PURE__ */ jsx28(
-          Button8,
+        /* @__PURE__ */ jsx29(Space2, {}),
+        /* @__PURE__ */ jsx29(Group7, { children: /* @__PURE__ */ jsx29(
+          Button9,
           {
             onClick: () => {
               store.changeAllSelected(true);
             },
-            leftSection: /* @__PURE__ */ jsx28(IconArrowBigRight, {}),
+            leftSection: /* @__PURE__ */ jsx29(IconArrowBigRight, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3"
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs14(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
-        /* @__PURE__ */ jsxs14(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx28(Table.Thead, { children: /* @__PURE__ */ jsxs14(Table.Tr, { children: [
-            /* @__PURE__ */ jsx28(Table.Th, { children: "M\xE3 field" }),
-            /* @__PURE__ */ jsx28(Table.Th, { children: "T\xEAn field" }),
-            /* @__PURE__ */ jsx28(Table.Th, { children: "C\u1ED9t map" })
+      /* @__PURE__ */ jsxs15(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
+        /* @__PURE__ */ jsxs15(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx29(Table.Thead, { children: /* @__PURE__ */ jsxs15(Table.Tr, { children: [
+            /* @__PURE__ */ jsx29(Table.Th, { children: "M\xE3 field" }),
+            /* @__PURE__ */ jsx29(Table.Th, { children: "T\xEAn field" }),
+            /* @__PURE__ */ jsx29(Table.Th, { children: "C\u1ED9t map" })
           ] }) }),
-          /* @__PURE__ */ jsx28(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx29(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs15(
             Table.Tr,
             {
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ jsx28(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
-                /* @__PURE__ */ jsx28(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
-                /* @__PURE__ */ jsx28(Table.Td, { children: /* @__PURE__ */ jsx28(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
+                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldKey.toString() }),
+                /* @__PURE__ */ jsx29(Table.Td, { onClick: () => store.changeSelected(item.fieldKey.toString(), false), children: item.fieldName }),
+                /* @__PURE__ */ jsx29(Table.Td, { children: /* @__PURE__ */ jsx29(MySelect, { data: store.state.title, value: item.fieldToMap, onChange: (e4) => store.setFieldToMap(item.fieldKey.toString(), e4) }) })
               ]
             },
             idx
           )) })
         ] }),
-        /* @__PURE__ */ jsx28(Space2, {}),
-        /* @__PURE__ */ jsx28(
-          Button8,
+        /* @__PURE__ */ jsx29(Space2, {}),
+        /* @__PURE__ */ jsx29(
+          Button9,
           {
             onClick: () => {
               store.changeAllSelected(false);
             },
-            leftSection: /* @__PURE__ */ jsx28(IconArrowBigLeft, {}),
+            leftSection: /* @__PURE__ */ jsx29(IconArrowBigLeft, {}),
             children: "Chuy\u1EC3n t\u1EA5t c\u1EA3 v\u1EC1"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx28(Divider, {}),
-    /* @__PURE__ */ jsxs14(MyFlexEnd, { children: [
-      /* @__PURE__ */ jsx28(
-        Button8,
+    /* @__PURE__ */ jsx29(Divider, {}),
+    /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
+      /* @__PURE__ */ jsx29(
+        Button9,
         {
-          leftSection: /* @__PURE__ */ jsx28(IconArrowBackUp, {}),
+          leftSection: /* @__PURE__ */ jsx29(IconArrowBackUp, {}),
           onClick: () => stack.close("select-field-page"),
           color: "gray.7",
           children: "Quay l\u1EA1i"
         }
       ),
-      /* @__PURE__ */ jsx28(
-        Button8,
+      /* @__PURE__ */ jsx29(
+        Button9,
         {
           color: "blue.8",
-          leftSection: /* @__PURE__ */ jsx28(IconArrowBigRight, {}),
+          leftSection: /* @__PURE__ */ jsx29(IconArrowBigRight, {}),
           onClick: onImport,
           children: "Ti\u1EBFp t\u1EE5c / Import"
         }
       ),
-      /* @__PURE__ */ jsx28(
-        Button8,
+      /* @__PURE__ */ jsx29(
+        Button9,
         {
-          leftSection: /* @__PURE__ */ jsx28(IconSquareRoundedX, {}),
+          leftSection: /* @__PURE__ */ jsx29(IconSquareRoundedX, {}),
           onClick: () => stack.closeAll(),
           color: "red.6",
           children: "\u0110\xF3ng"
@@ -1715,7 +1738,7 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Button as Button9, Group as Group8, Portal } from "@mantine/core";
+import { Alert, Button as Button10, Group as Group8, Portal } from "@mantine/core";
 import { IconBug, IconDownload as IconDownload3, IconInfoCircle } from "@tabler/icons-react";
 import { download, generateCsv, mkConfig } from "export-to-csv";
 import {
@@ -1724,7 +1747,7 @@ import {
 } from "mantine-react-table";
 import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
 import { useEffect as useEffect5 } from "react";
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function formatData(data, formats) {
   return data.map((row) => {
     const transformedRow = {};
@@ -1787,14 +1810,14 @@ function MyDataTable(_a) {
     columns,
     data,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs15(Group8, { children: [
+      return /* @__PURE__ */ jsxs16(Group8, { children: [
         renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
-        exportAble && /* @__PURE__ */ jsx29(Fragment8, { children: /* @__PURE__ */ jsx29(
-          Button9,
+        exportAble && /* @__PURE__ */ jsx30(Fragment9, { children: /* @__PURE__ */ jsx30(
+          Button10,
           {
             color: "green.8",
             onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx29(IconDownload3, {}),
+            leftSection: /* @__PURE__ */ jsx30(IconDownload3, {}),
             variant: "filled",
             children: "Export"
           }
@@ -1841,7 +1864,7 @@ function MyDataTable(_a) {
       }
     },
     localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx29(Alert, { icon: /* @__PURE__ */ jsx29(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx29(Alert, { icon: /* @__PURE__ */ jsx29(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx30(Alert, { icon: /* @__PURE__ */ jsx30(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsx30(Alert, { icon: /* @__PURE__ */ jsx30(IconInfoCircle, {}), color: "gray", title: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!", m: "md" }),
     state: {
       showSkeletons: isLoading
     },
@@ -1852,24 +1875,24 @@ function MyDataTable(_a) {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
   if (data == void 0) return;
-  return /* @__PURE__ */ jsx29("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx29(Portal, { children: /* @__PURE__ */ jsx29(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx29(MantineReactTable, { table }) });
+  return /* @__PURE__ */ jsx30("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx30(Portal, { children: /* @__PURE__ */ jsx30(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx30(MantineReactTable, { table }) });
 }
 
 // src/components/Buttons/ButtonImport/SelectFileModal.tsx
-import { Button as Button10, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal8, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
+import { Button as Button11, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal9, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs16(
-    Modal8,
+  return /* @__PURE__ */ jsxs17(
+    Modal9,
     __spreadProps(__spreadValues({
       title: "Import",
       fullScreen: true
     }, stack.register("select-file-page")), {
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           FileInput2,
           {
             value: store.state.file,
@@ -1879,8 +1902,8 @@ function SelectFileModal({ onExportStructure, stack }) {
             clearable: true
           }
         ),
-        /* @__PURE__ */ jsxs16(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
-          /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsxs17(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
+          /* @__PURE__ */ jsx31(
             NumberInput,
             {
               label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1888,7 +1911,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startTitleIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             NumberInput,
             {
               label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1896,7 +1919,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startDataIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             Select2,
             {
               readOnly: true,
@@ -1905,7 +1928,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               defaultValue: "100.000"
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             Select2,
             {
               readOnly: true,
@@ -1915,37 +1938,37 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx30(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx31(
           MyDataTable,
           {
             columns: store.columns,
             data: store.state.data
           }
         ) }),
-        /* @__PURE__ */ jsxs16(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx30(
-            Button10,
+        /* @__PURE__ */ jsxs17(MyFlexEnd, { children: [
+          /* @__PURE__ */ jsx31(
+            Button11,
             {
               color: "teal.8",
               onClick: onExportStructure,
               children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
             }
           ),
-          /* @__PURE__ */ jsx30(
-            Button10,
+          /* @__PURE__ */ jsx31(
+            Button11,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx30(IconArrowBigRight2, {}),
+              leftSection: /* @__PURE__ */ jsx31(IconArrowBigRight2, {}),
               onClick: () => stack.open("select-field-page"),
               children: "Ti\u1EBFp t\u1EE5c"
             }
           ),
-          /* @__PURE__ */ jsx30(
-            Button10,
+          /* @__PURE__ */ jsx31(
+            Button11,
             {
               color: "red.6",
-              leftSection: /* @__PURE__ */ jsx30(IconSquareRoundedX2, {}),
+              leftSection: /* @__PURE__ */ jsx31(IconSquareRoundedX2, {}),
               onClick: stack.closeAll,
               children: "\u0110\xF3ng"
             }
@@ -1957,26 +1980,26 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment9, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonImport({
   onExportStructure,
   onImport
 }) {
   const stack = useModalsStack3(["select-file-page", "select-field-page", "implement-page"]);
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsx31(Button11, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx31(IconFileImport4, {}), title: "Import", children: "Import" }),
-    /* @__PURE__ */ jsxs17(Modal9.Stack, { children: [
-      /* @__PURE__ */ jsx31(SelectFileModal, { stack, onExportStructure }),
-      /* @__PURE__ */ jsx31(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
+  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+    /* @__PURE__ */ jsx32(Button12, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx32(IconFileImport4, {}), title: "Import", children: "Import" }),
+    /* @__PURE__ */ jsxs18(Modal10.Stack, { children: [
+      /* @__PURE__ */ jsx32(SelectFileModal, { stack, onExportStructure }),
+      /* @__PURE__ */ jsx32(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
   ] });
 }
 
 // src/components/Buttons/ButtonModal/AQSelectTableByOpenModal.tsx
-import { Button as Button12, Fieldset as Fieldset3, Modal as Modal10 } from "@mantine/core";
+import { Button as Button13, Fieldset as Fieldset3, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
-import { Fragment as Fragment10, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -2004,28 +2027,28 @@ function AQSelectTableByOpenModal(_a) {
     "closeAfterSelect"
   ]);
   const disclosure = useDisclosure10(false);
-  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
-    /* @__PURE__ */ jsx32(
-      Button12,
+  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    /* @__PURE__ */ jsx33(
+      Button13,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
       }, rest), {
         children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
       })
     ),
-    /* @__PURE__ */ jsx32(
-      Modal10,
+    /* @__PURE__ */ jsx33(
+      Modal11,
       {
         fullScreen,
         size: modalSize,
         title,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx32(MyFlexColumn, { children: /* @__PURE__ */ jsx32(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx32(
+        children: /* @__PURE__ */ jsx33(MyFlexColumn, { children: /* @__PURE__ */ jsx33(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx33(
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx32(Button12, { onClick: () => {
+              return /* @__PURE__ */ jsx33(Button13, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -2040,29 +2063,6 @@ function AQSelectTableByOpenModal(_a) {
   ] });
 }
 
-// src/components/Buttons/ButtonModal/CoreButtonModal.tsx
-import { Button as Button13, Modal as Modal11 } from "@mantine/core";
-import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-function CoreButtonModal({
-  disclosure,
-  children,
-  buttonProps,
-  modalProps
-}) {
-  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
-    /* @__PURE__ */ jsx33(Button13, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
-    /* @__PURE__ */ jsx33(
-      Modal11,
-      __spreadProps(__spreadValues({
-        opened: disclosure == null ? void 0 : disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx33(MyFlexColumn, { children })
-      })
-    )
-  ] });
-}
-
 // src/components/Buttons/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { useRef as useRef2 } from "react";
 import { Button as Button14 } from "@mantine/core";
@@ -8315,13 +8315,14 @@ export {
   MyActionIconViewPDF,
   MySwitchTheme,
   MyAppSpotlight,
-  MyAnchorViewPDF,
   CoreActionIcon,
   CoreButton,
+  CoreButtonCreateUpdate,
+  CoreButtonModal,
+  MyAnchorViewPDF,
   MyButtonModal,
   AQButtonCreateByImportFile,
   AQButtonExportData,
-  CoreButtonCreateUpdate,
   MyButtonCreate,
   MyButtonDeleteList,
   MySelect,
@@ -8332,7 +8333,6 @@ export {
   SelectFileModal,
   MyButtonImport,
   AQSelectTableByOpenModal,
-  CoreButtonModal,
   MyButtonPrintPDF,
   MyHtmlWrapper,
   MyButtonPrintTablePDF,

package/dist/components/index.d.mts

@@ -93,11 +93,6 @@ declare function MyAppSpotlight({ menu }: {
     menu: I_BasicAppShell_LinkItem[];
 }): react_jsx_runtime.JSX.Element;
 
-declare function MyAnchorViewPDF({ label, pdfLink }: {
-    label: string;
-    pdfLink: string;
-}): react_jsx_runtime.JSX.Element;
-
 interface CoreActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
     actionType?: type_action;
 }
@@ -109,6 +104,35 @@ interface CoreButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
 }
 declare function CoreButton({ children, actionType, ...rest }: CoreButtonProps): react_jsx_runtime.JSX.Element;
 
+interface CoreButtonCreateUpdateProps<IReq, IRes> {
+    modalProps?: ModalProps;
+    actionIconProps?: ActionIconProps;
+    buttonProps?: ButtonProps;
+    isCreate?: boolean;
+    onSubmit: (values: IReq) => Promise<AxiosResponse<MyApiResponse<IRes>>>;
+    onSuccess?: () => void;
+    onError?: () => void;
+    form: UseFormReturnType<IReq>;
+    closeModalWhenSubmit?: boolean;
+    resetFormWhenSubmit?: boolean;
+    disclosure?: ReturnType<typeof useDisclosure>;
+    children?: ReactNode;
+}
+declare function CoreButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isCreate, }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
+
+interface CoreButtonModalProps {
+    children?: ReactNode;
+    disclosure: ReturnType<typeof useDisclosure>;
+    buttonProps?: ButtonProps;
+    modalProps?: ModalProps;
+}
+declare function CoreButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
+
+declare function MyAnchorViewPDF({ label, pdfLink }: {
+    label: string;
+    pdfLink: string;
+}): react_jsx_runtime.JSX.Element;
+
 interface IMyButton extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
     crudType?: type_action;
     children?: ReactNode;
@@ -152,22 +176,6 @@ interface AQButtonExportDataProps {
 }
 declare function AQButtonExportData({ isAllData, objectName, data, exportConfig }: AQButtonExportDataProps): react_jsx_runtime.JSX.Element;
 
-interface CoreButtonCreateUpdateProps<IReq, IRes> {
-    modalProps?: ModalProps;
-    actionIconProps?: ActionIconProps;
-    buttonProps?: ButtonProps;
-    isCreate?: boolean;
-    onSubmit: (values: IReq) => Promise<AxiosResponse<MyApiResponse<IRes>>>;
-    onSuccess?: () => void;
-    onError?: () => void;
-    form: UseFormReturnType<IReq>;
-    closeModalWhenSubmit?: boolean;
-    resetFormWhenSubmit?: boolean;
-    disclosure?: ReturnType<typeof useDisclosure>;
-    children?: ReactNode;
-}
-declare function CoreButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isCreate, }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
-
 interface IMyButtonCreate<IReq, IRes> extends Omit<ComponentProps<typeof MyButtonModal>, "disclosure" | "form" | "onSubmit"> {
     onSubmit: (values: IReq) => Promise<AxiosResponse<MyApiResponse<IRes>>> | void;
     onSuccess?: () => void;
@@ -245,14 +253,6 @@ interface IAQSelectTableByOpenModal<TData extends MRT_RowData> extends Omit<MRT_
 }
 declare function AQSelectTableByOpenModal<TData extends MRT_RowData>({ setSelectedData, data, columns, API, modalSize, title, label, listLabel, objectName, fullScreen, closeAfterSelect, ...rest }: IAQSelectTableByOpenModal<TData>): react_jsx_runtime.JSX.Element;
 
-interface CoreButtonModalProps {
-    children?: ReactNode;
-    disclosure: ReturnType<typeof useDisclosure>;
-    buttonProps?: ButtonProps;
-    modalProps?: ModalProps;
-}
-declare function CoreButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
-
 interface I$6 extends ButtonProps {
     contentToPrint?: ReactNode;
     children?: ReactNode;

package/dist/components/index.mjs

@@ -72,9 +72,9 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-6OYVVLKC.mjs";
-import "../chunk-NWBLJ3W3.mjs";
+} from "../chunk-FIH6EYE2.mjs";
 import "../chunk-K6S7R6LU.mjs";
+import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-KKJ3OEEW.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";

package/dist/modules-features/index.mjs

@@ -24,17 +24,17 @@ import {
   useS_BasicAppShell,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-6OYVVLKC.mjs";
+} from "../chunk-FIH6EYE2.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-NWBLJ3W3.mjs";
-import {
-  enum_emailConfigModule
-} from "../chunk-VH4ZAD6M.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import {
   baseAxios_default,
   useQ_AQ_GetAQModule,

package/package.json

@@ -34,7 +34,7 @@
       "types": "./dist/enum/index.d.mts"
     }
   },
-  "version": "0.1.281",
+  "version": "0.1.282",
   "private": false,
   "files": [
     "dist"