aq-fe-framework 0.1.146 → 0.1.148

package/dist/{chunk-MOP3KCFQ.mjs → chunk-ATY4QSCJ.mjs}

@@ -597,24 +597,29 @@ function MyActionIconViewPDF(_a) {
 }
 
 // src/components/ActionIcons/SwitchTheme/MySwitchTheme.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
 import { ActionIcon as ActionIcon7, useComputedColorScheme, useMantineColorScheme } from "@mantine/core";
 import { IconMoon, IconSun } from "@tabler/icons-react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function MySwitchTheme() {
-  const { setColorScheme, colorScheme } = useMantineColorScheme();
-  const computedColorScheme = useComputedColorScheme("light", { getInitialValueInEffect: true });
-  return /* @__PURE__ */ jsxs7(
+  const { setColorScheme } = useMantineColorScheme();
+  const computedColorScheme = useComputedColorScheme("light", {
+    getInitialValueInEffect: true
+  });
+  const [mounted, setMounted] = useState4(false);
+  useEffect3(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsx15(
     ActionIcon7,
     {
       onClick: () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
       variant: "default",
       size: "lg",
       radius: "md",
-      "aria-label": "Toggle color scheme ",
-      children: [
-        colorScheme == "dark" && /* @__PURE__ */ jsx15(IconSun, { width: "22px", height: "22px", stroke: 1.5 }),
-        colorScheme == "light" && /* @__PURE__ */ jsx15(IconMoon, { width: "22px", height: "22px", stroke: 1.5 })
-      ]
+      "aria-label": "Toggle color scheme",
+      children: computedColorScheme === "dark" ? /* @__PURE__ */ jsx15(IconSun, { width: "22px", height: "22px", stroke: 1.5 }) : /* @__PURE__ */ jsx15(IconMoon, { width: "22px", height: "22px", stroke: 1.5 })
     }
   );
 }
@@ -623,7 +628,7 @@ function MySwitchTheme() {
 import { Spotlight, spotlight } from "@mantine/spotlight";
 import { IconSearch } from "@tabler/icons-react";
 import { usePathname, useRouter } from "next/navigation";
-import { useMemo, useState as useState4 } from "react";
+import { useMemo, useState as useState5 } from "react";
 
 // src/components/Layouts/BasicAppShell/useS_BasicAppShell.ts
 var useStore = createGenericStore({
@@ -672,7 +677,7 @@ function useS_BasicAppShell() {
 }
 
 // src/components/AppSpotlight/MyAppSpotlight.tsx
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarStore, pathName) {
   let actions = [];
   items.forEach((item) => {
@@ -707,7 +712,7 @@ function convertMenuToSpotlightActions(items, router, parentPath = "", sideBarSt
   return actions;
 }
 function MyAppSpotlight({ menu }) {
-  const [query, setQuery] = useState4("");
+  const [query, setQuery] = useState5("");
   const router = useRouter();
   const pathName = usePathname();
   const basicAppShellStore = useS_BasicAppShell();
@@ -735,7 +740,7 @@ function MyAppSpotlight({ menu }) {
   );
 }
 function SpotlightTrigger() {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "button",
     {
       onClick: spotlight.open,
@@ -759,13 +764,13 @@ function SpotlightTrigger() {
 import { ActionIcon as ActionIcon8, Anchor, Group as Group3, Modal as Modal4, Paper as Paper2, Text as Text4 } from "@mantine/core";
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 import { IconMaximize as IconMaximize2, IconMinimize as IconMinimize2 } from "@tabler/icons-react";
-import { useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 function MyAnchorViewPDF({ label, pdfLink }) {
   const disc = useDisclosure5(false);
-  const fullScreen = useState5(false);
-  const hSize = useState5("80vh");
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+  const fullScreen = useState6(false);
+  const hSize = useState6("80vh");
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx17(Anchor, { onClick: disc[1].open, children: label }),
     /* @__PURE__ */ jsx17(
       Modal4,
@@ -774,7 +779,7 @@ function MyAnchorViewPDF({ label, pdfLink }) {
         opened: disc[0],
         onClose: disc[1].close,
         size: "80%",
-        title: /* @__PURE__ */ jsxs9(Group3, { children: [
+        title: /* @__PURE__ */ jsxs8(Group3, { children: [
           /* @__PURE__ */ jsx17(Text4, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
           fullScreen[0] ? /* @__PURE__ */ jsx17(
             ActionIcon8,
@@ -812,7 +817,7 @@ import * as XLSX from "xlsx";
 // src/components/Buttons/ButtonModal/MyButtonModal.tsx
 import { Button as Button3, Modal as Modal5 } from "@mantine/core";
 import { IconEdit as IconEdit4, IconPlus as IconPlus4, IconTrash as IconTrash4 } from "@tabler/icons-react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyButtonModal(_a) {
   var _b = _a, {
     fullScreen = false,
@@ -835,7 +840,7 @@ function MyButtonModal(_a) {
   ]);
   const objectNameLower = objectName == null ? void 0 : objectName.toLowerCase();
   if (crudType == "default") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
       /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, rest), { children: label })),
       /* @__PURE__ */ jsx18(
         Modal5,
@@ -851,7 +856,7 @@ function MyButtonModal(_a) {
     ] });
   }
   if (crudType == "create") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
       /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, leftSection: /* @__PURE__ */ jsx18(IconPlus4, {}) }, rest), { children: label ? label : `Th\xEAm` })),
       /* @__PURE__ */ jsx18(
         Modal5,
@@ -867,7 +872,7 @@ function MyButtonModal(_a) {
     ] });
   }
   if (crudType == "createMultiple") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
       /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "green", leftSection: /* @__PURE__ */ jsx18(IconPlus4, {}) }, rest), { children: label ? label : `Import ${objectNameLower}` })),
       /* @__PURE__ */ jsx18(
         Modal5,
@@ -883,7 +888,7 @@ function MyButtonModal(_a) {
     ] });
   }
   if (crudType == "update") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
       /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "yellow", leftSection: /* @__PURE__ */ jsx18(IconEdit4, {}) }, rest), { children: label ? label : `Ch\u1EC9nh s\u1EEDa ${objectNameLower}` })),
       /* @__PURE__ */ jsx18(
         Modal5,
@@ -899,7 +904,7 @@ function MyButtonModal(_a) {
     ] });
   }
   if (crudType == "delete") {
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
       /* @__PURE__ */ jsx18(Button3, __spreadProps(__spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "red", leftSection: /* @__PURE__ */ jsx18(IconTrash4, {}) }, rest), { children: label ? label : `X\xF3a ${objectNameLower}` })),
       /* @__PURE__ */ jsx18(
         Modal5,
@@ -917,7 +922,7 @@ function MyButtonModal(_a) {
 }
 
 // src/components/Buttons/ButtonCRUD/AQButtonCreateByImportFile.tsx
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function AQButtonCreateByImportFile(_a) {
   var _b = _a, {
     form,
@@ -967,7 +972,7 @@ function AQButtonCreateByImportFile(_a) {
     reader.readAsArrayBuffer(file);
   };
   return /* @__PURE__ */ jsx19(MyButtonModal, __spreadProps(__spreadValues({ disclosure: disc, crudType: "createMultiple" }, rest), { children: /* @__PURE__ */ jsx19("form", { onSubmit: form.onSubmit((values) => {
-  }), children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
+  }), children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
     /* @__PURE__ */ jsx19(
       FileInput,
       {
@@ -1033,7 +1038,7 @@ function AQButtonExportData({
 // src/components/Buttons/ButtonCRUD/MyButtonCreate.tsx
 import { useDisclosure as useDisclosure7 } from "@mantine/hooks";
 import { useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function MyButtonCreate(_a) {
   var _b = _a, {
     form,
@@ -1078,7 +1083,7 @@ function MyButtonCreate(_a) {
   });
   return /* @__PURE__ */ jsx21(MyButtonModal, __spreadProps(__spreadValues({ disclosure, crudType: "create" }, rest), { children: /* @__PURE__ */ jsx21("form", { onSubmit: form.onSubmit((values) => {
     mutation.mutate(values);
-  }), children: /* @__PURE__ */ jsxs12(MyFlexColumn, { children: [
+  }), children: /* @__PURE__ */ jsxs11(MyFlexColumn, { children: [
     children,
     /* @__PURE__ */ jsx21(MyButton, { type: "submit", crudType: "save" })
   ] }) }) }));
@@ -1109,7 +1114,7 @@ import { Button as Button5, Divider, Fieldset, Group as Group5, Modal as Modal6,
 import { IconArrowBackUp, IconArrowBigLeft, IconArrowBigRight, IconSquareRoundedX } from "@tabler/icons-react";
 
 // src/components/Buttons/ButtonImport/useS_ButtonImport.ts
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
 import * as XLSX3 from "xlsx";
 var useStore2 = createGenericStore({
   initialState: {
@@ -1222,7 +1227,7 @@ function useS_ButtonImport() {
       }))) || []
     ];
   }, [store.state.title]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (store.state.file == null) {
       store.resetState();
     }
@@ -1243,7 +1248,7 @@ function useS_ButtonImport() {
     };
     reader.readAsArrayBuffer(store.state.file);
   }, [store.state.file]);
-  useEffect3(() => {
+  useEffect4(() => {
     var _a;
     if (((_a = store.state.data) == null ? void 0 : _a.length) == 0) return;
     autoMap();
@@ -1259,19 +1264,19 @@ function useS_ButtonImport() {
 }
 
 // src/components/Buttons/ButtonImport/SelectFieldModal.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 function SelectFieldModal({ stack, onImport }) {
   var _a, _b;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs13(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
-    /* @__PURE__ */ jsxs13(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx24(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
+  return /* @__PURE__ */ jsxs12(Modal6, __spreadProps(__spreadValues({ fullScreen: true }, stack.register("select-field-page")), { title: "Import", children: [
+    /* @__PURE__ */ jsxs12(SimpleGrid, { cols: { base: 1, lg: 2 }, children: [
+      /* @__PURE__ */ jsxs12(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin", children: [
+        /* @__PURE__ */ jsxs12(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx24(Table.Thead, { bg: "cyan", children: /* @__PURE__ */ jsxs12(Table.Tr, { children: [
             /* @__PURE__ */ jsx24(Table.Th, { children: "M\xE3 field" }),
             /* @__PURE__ */ jsx24(Table.Th, { children: "T\xEAn field" })
           ] }) }),
-          /* @__PURE__ */ jsx24(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx24(Table.Tbody, { children: (_a = store.state.fieldConfig) == null ? void 0 : _a.filter((item) => item.isSelected == false || item.isSelected == void 0).map((item, idx) => /* @__PURE__ */ jsxs12(
             Table.Tr,
             {
               style: { cursor: "pointer" },
@@ -1295,14 +1300,14 @@ function SelectFieldModal({ stack, onImport }) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs13(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
-        /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
-          /* @__PURE__ */ jsx24(Table.Thead, { children: /* @__PURE__ */ jsxs13(Table.Tr, { children: [
+      /* @__PURE__ */ jsxs12(Fieldset, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin \u0111\u01B0\u1EE3c ch\u1ECDn", children: [
+        /* @__PURE__ */ jsxs12(Table, { stickyHeader: true, stickyHeaderOffset: 60, children: [
+          /* @__PURE__ */ jsx24(Table.Thead, { children: /* @__PURE__ */ jsxs12(Table.Tr, { children: [
             /* @__PURE__ */ jsx24(Table.Th, { children: "M\xE3 field" }),
             /* @__PURE__ */ jsx24(Table.Th, { children: "T\xEAn field" }),
             /* @__PURE__ */ jsx24(Table.Th, { children: "C\u1ED9t map" })
           ] }) }),
-          /* @__PURE__ */ jsx24(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx24(Table.Tbody, { children: (_b = store.state.fieldConfig) == null ? void 0 : _b.filter((item) => item.isSelected == true).map((item, idx) => /* @__PURE__ */ jsxs12(
             Table.Tr,
             {
               style: { cursor: "pointer" },
@@ -1329,7 +1334,7 @@ function SelectFieldModal({ stack, onImport }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx24(Divider, {}),
-    /* @__PURE__ */ jsxs13(MyFlexEnd, { children: [
+    /* @__PURE__ */ jsxs12(MyFlexEnd, { children: [
       /* @__PURE__ */ jsx24(
         Button5,
         {
@@ -1370,8 +1375,8 @@ import {
   useMantineReactTable
 } from "mantine-react-table";
 import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
-import { useEffect as useEffect4 } from "react";
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect5 } from "react";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function formatData(data, formats) {
   return data.map((row) => {
     const transformedRow = {};
@@ -1412,7 +1417,7 @@ function MyDataTable(_a) {
     columns,
     data,
     renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs14(Group6, { children: [
+      return /* @__PURE__ */ jsxs13(Group6, { children: [
         renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
         exportAble && /* @__PURE__ */ jsx25(Fragment6, { children: /* @__PURE__ */ jsx25(
           Button6,
@@ -1467,7 +1472,7 @@ function MyDataTable(_a) {
     },
     localization: MRT_Localization_VI
   }, rest));
-  useEffect4(() => {
+  useEffect5(() => {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
   if (data == void 0) return;
@@ -1477,11 +1482,11 @@ function MyDataTable(_a) {
 // src/components/Buttons/ButtonImport/SelectFileModal.tsx
 import { Button as Button7, Fieldset as Fieldset2, FileInput as FileInput2, Modal as Modal7, NumberInput, Select as Select2, SimpleGrid as SimpleGrid2 } from "@mantine/core";
 import { IconArrowBigRight as IconArrowBigRight2, IconSquareRoundedX as IconSquareRoundedX2 } from "@tabler/icons-react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
   var _a;
   const store = useS_ButtonImport();
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     Modal7,
     __spreadProps(__spreadValues({
       title: "Import",
@@ -1498,7 +1503,7 @@ function SelectFileModal({ onExportStructure, stack }) {
             clearable: true
           }
         ),
-        /* @__PURE__ */ jsxs15(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
+        /* @__PURE__ */ jsxs14(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
           /* @__PURE__ */ jsx26(
             NumberInput,
             {
@@ -1541,7 +1546,7 @@ function SelectFileModal({ onExportStructure, stack }) {
             data: store.state.data
           }
         ) }),
-        /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
+        /* @__PURE__ */ jsxs14(MyFlexEnd, { children: [
           /* @__PURE__ */ jsx26(
             Button7,
             {
@@ -1576,16 +1581,16 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Buttons/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs15 } 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__ */ jsxs16(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
     /* @__PURE__ */ jsx27(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx27(IconFileImport2, {}), title: "Import", children: "Import" }),
-    /* @__PURE__ */ jsxs16(Modal8.Stack, { children: [
+    /* @__PURE__ */ jsxs15(Modal8.Stack, { children: [
       /* @__PURE__ */ jsx27(SelectFileModal, { stack, onExportStructure }),
       /* @__PURE__ */ jsx27(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
@@ -1595,7 +1600,7 @@ function MyButtonImport({
 // src/components/Buttons/ButtonModal/AQSelectTableByOpenModal.tsx
 import { Button as Button9, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
 import { useDisclosure as useDisclosure8 } from "@mantine/hooks";
-import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1623,7 +1628,7 @@ function AQSelectTableByOpenModal(_a) {
     "closeAfterSelect"
   ]);
   const disclosure = useDisclosure8(false);
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment8, { children: [
     /* @__PURE__ */ jsx28(
       Button9,
       __spreadProps(__spreadValues({
@@ -1664,7 +1669,7 @@ import { useRef as useRef2 } from "react";
 import { Button as Button10 } from "@mantine/core";
 import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function MyButtonPrintPDF(_a) {
   var _b = _a, { contentToPrint, children } = _b, rest = __objRest(_b, ["contentToPrint", "children"]);
   const printRef = useRef2(null);
@@ -1678,7 +1683,7 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
     /* @__PURE__ */ jsx29("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx29("div", { ref: printRef, children: contentToPrint }) }),
     /* @__PURE__ */ jsx29(Button10, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx29(IconPrinter2, {}) }, rest), { children }))
   ] });
@@ -1708,7 +1713,7 @@ function MyHtmlWrapper(_a) {
 
 // src/components/Buttons/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
 import { Box, Table as Table2 } from "@mantine/core";
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonPrintTablePDF(_a) {
   var _b = _a, {
     printConfig,
@@ -1734,7 +1739,7 @@ function MyButtonPrintTablePDF(_a) {
   };
   const rows = data == null ? void 0 : data.map((item, index) => {
     if (!(printConfig == null ? void 0 : printConfig.fields)) return null;
-    return /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+    return /* @__PURE__ */ jsxs18(Table2.Tr, { children: [
       printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
       printConfig.fields.map((field) => {
         let value = item[field.fieldName];
@@ -1792,14 +1797,14 @@ function MyButtonPrintTablePDF(_a) {
       minute: "2-digit"
     });
     const tableTitle = (printConfig == null ? void 0 : printConfig.title) || "B\u1EA3ng d\u1EEF li\u1EC7u";
-    return /* @__PURE__ */ jsxs19(Box, { p: "lg", children: [
-      /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
+    return /* @__PURE__ */ jsxs18(Box, { p: "lg", children: [
+      /* @__PURE__ */ jsxs18("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
         "Ng\xE0y in: ",
         formattedDate
       ] }),
       /* @__PURE__ */ jsx31("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
-      /* @__PURE__ */ jsxs19(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
-        /* @__PURE__ */ jsx31(Table2.Thead, { children: /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+      /* @__PURE__ */ jsxs18(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
+        /* @__PURE__ */ jsx31(Table2.Thead, { children: /* @__PURE__ */ jsxs18(Table2.Tr, { children: [
           printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
           printConfig.fields.map((field) => {
             const alignment = field.isCenter === false ? "left" : "center";
@@ -1867,8 +1872,8 @@ import {
 import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
-import { useState as useState6 } from "react";
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
   modalSize = "80%",
@@ -1879,8 +1884,8 @@ function MyButtonViewPDF({
 }) {
   var _a, _b, _c;
   const disc = useDisclosure9(false);
-  const fullScreen = useState6(false);
-  const hSize = useState6("80vh");
+  const fullScreen = useState7(false);
+  const hSize = useState7("80vh");
   const query = useQuery({
     queryKey: ["MyButtonViewPDF", id, filePath],
     queryFn: async () => {
@@ -1893,7 +1898,7 @@ function MyButtonViewPDF({
     },
     enabled: disc[0] == true
   });
-  return /* @__PURE__ */ jsxs20(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment10, { children: [
     /* @__PURE__ */ jsx33(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx33(
       ActionIcon9,
       {
@@ -1920,7 +1925,7 @@ function MyButtonViewPDF({
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group7, { children: [
+        title: /* @__PURE__ */ jsxs19(Group7, { children: [
           /* @__PURE__ */ jsx33(Text5, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
           fullScreen[0] ? /* @__PURE__ */ jsx33(
             ActionIcon9,
@@ -1942,7 +1947,7 @@ function MyButtonViewPDF({
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
+        children: /* @__PURE__ */ jsxs19(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
           /* @__PURE__ */ jsx33(
             LoadingOverlay,
             {
@@ -6312,8 +6317,8 @@ import { createEventsServicePlugin } from "@schedule-x/events-service";
 import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
 import { Paper as Paper4, Text as Text6 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
-import { useEffect as useEffect5 } from "react";
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useEffect as useEffect6 } from "react";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -6384,14 +6389,14 @@ function MyCalendar() {
       }
     ]
   }, plugins);
-  useEffect5(() => {
+  useEffect6(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
   return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
     timeGridEvent: ({ calendarEvent }) => {
       console.log(calendarEvent);
-      return /* @__PURE__ */ jsx34(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs21(MyFlexColumn, { gap: 1, children: [
-        /* @__PURE__ */ jsxs21(Text6, { size: "sm", fw: "bold", children: [
+      return /* @__PURE__ */ jsx34(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs20(MyFlexColumn, { gap: 1, children: [
+        /* @__PURE__ */ jsxs20(Text6, { size: "sm", fw: "bold", children: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
@@ -6435,7 +6440,7 @@ function MyFlexRow(_a) {
 // src/components/DataDisplay/Card/AQCard.tsx
 import { Badge, Card, Center as Center3, Image, Text as Text7 } from "@mantine/core";
 import Link from "next/link";
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
   title,
@@ -6445,7 +6450,7 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
+  return /* @__PURE__ */ jsxs21(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
     /* @__PURE__ */ jsx38(Card.Section, { children: /* @__PURE__ */ jsx38(Center3, { children: /* @__PURE__ */ jsx38(
       Image,
       {
@@ -6456,7 +6461,7 @@ function AQCard({
         alt: "Norway"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
+    /* @__PURE__ */ jsxs21(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
       /* @__PURE__ */ jsx38(Text7, { fw: 500, children: title }),
       status && /* @__PURE__ */ jsx38(Badge, { color: "violet.5", w: "150px", children: status })
     ] }),
@@ -6468,7 +6473,7 @@ function AQCard({
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
 import { Box as Box2, Flex as Flex3, Group as Group9, Paper as Paper5, Text as Text8 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 function MyCardInformation({
   title,
   value,
@@ -6478,15 +6483,15 @@ function MyCardInformation({
   diff = 0,
   extraControl
 }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group9, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs23(Flex3, { direction: "column", children: [
+        /* @__PURE__ */ jsxs22(Group9, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs22(Flex3, { direction: "column", children: [
             /* @__PURE__ */ jsx39(
               Text8,
               {
@@ -6496,17 +6501,17 @@ function MyCardInformation({
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs23(Text8, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs22(Text8, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx39("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs23(Text8, { size: "xs", children: [
+            ] }) : /* @__PURE__ */ jsxs22(Text8, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx39("strong", { children: unit })
             ] })
           ] }),
           /* @__PURE__ */ jsx39(Box2, { children: icon })
         ] }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs22(
           Group9,
           {
             mt: "5",
@@ -6521,7 +6526,7 @@ function MyCardInformation({
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs23(
+              /* @__PURE__ */ jsxs22(
                 Text8,
                 {
                   mb: "2",
@@ -6529,7 +6534,7 @@ function MyCardInformation({
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs23("span", { children: [
+                    /* @__PURE__ */ jsxs22("span", { children: [
                       diff,
                       "%"
                     ] }),
@@ -6540,7 +6545,7 @@ function MyCardInformation({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group9, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs22(Group9, { justify: "space-between", children: [
           /* @__PURE__ */ jsx39(Text8, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
@@ -6552,9 +6557,9 @@ function MyCardInformation({
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
 import { Group as Group10, Text as Text9 } from "@mantine/core";
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs24(Group10, { wrap: "nowrap", gap: 10, mt: 3, children: [
+  return /* @__PURE__ */ jsxs23(Group10, { wrap: "nowrap", gap: 10, mt: 3, children: [
     Icon && /* @__PURE__ */ jsx40(Icon, { stroke: 1.5, size: 16 }),
     /* @__PURE__ */ jsx40(Text9, { fz: "lg", c: "dimmed", children: text })
   ] });
@@ -6562,10 +6567,10 @@ function MyIconText({ icon: Icon, text }) {
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
 import { Group as Group11, Text as Text10 } from "@mantine/core";
-import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs25(Group11, { gap: 5, children: [
-    /* @__PURE__ */ jsxs25(Text10, { fw: "bold", children: [
+  return /* @__PURE__ */ jsxs24(Group11, { gap: 5, children: [
+    /* @__PURE__ */ jsxs24(Text10, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
@@ -6584,17 +6589,17 @@ function MyNumberFormatter(_a) {
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
 import { Box as Box3, Button as Button14, Flex as Flex4, Group as Group12, Paper as Paper6, Text as Text11 } from "@mantine/core";
 import { IconArrowDownRight as IconArrowDownRight2, IconArrowUpRight as IconArrowUpRight2 } from "@tabler/icons-react";
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx43(Fragment11, { children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx43(Fragment11, { children: /* @__PURE__ */ jsxs25(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs26(Group12, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs26(Flex4, { direction: "column", children: [
+        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs25(Flex4, { direction: "column", children: [
             /* @__PURE__ */ jsx43(
               Text11,
               {
@@ -6604,17 +6609,17 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs26(Text11, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs25(Text11, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx43("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs26(Text11, { size: "xs", children: [
+            ] }) : /* @__PURE__ */ jsxs25(Text11, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
               /* @__PURE__ */ jsx43("strong", { children: unit })
             ] })
           ] }),
           /* @__PURE__ */ jsx43(Box3, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs25(
           Group12,
           {
             mt: "5",
@@ -6629,7 +6634,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs26(
+              /* @__PURE__ */ jsxs25(
                 Text11,
                 {
                   mb: "2",
@@ -6637,7 +6642,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs26("span", { children: [
+                    /* @__PURE__ */ jsxs25("span", { children: [
                       diff,
                       "%"
                     ] }),
@@ -6648,7 +6653,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs26(Group12, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
           /* @__PURE__ */ jsx43(Text11, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           /* @__PURE__ */ jsx43(
             Button14,
@@ -6666,11 +6671,11 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
 }
 
 // src/components/FaviconSetter/FaviconSetter.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 function FaviconSetter() {
   var _a;
   const store = useS_BasicAppShell();
-  useEffect6(() => {
+  useEffect7(() => {
     var _a2, _b, _c;
     if (!((_a2 = store.state.faviconFileDetail) == null ? void 0 : _a2.fileBase64String)) return;
     try {
@@ -6764,8 +6769,8 @@ import TextAlign from "@tiptap/extension-text-align";
 import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-import { useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useState as useState8 } from "react";
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6784,7 +6789,7 @@ function MyTextEditor(_a) {
     "label",
     "withAsterisk"
   ]);
-  const [hiddenToolBar, setHiddenToolBar] = useState7(autoHiddenToolBar);
+  const [hiddenToolBar, setHiddenToolBar] = useState8(autoHiddenToolBar);
   const editor = useEditor(__spreadValues({
     extensions: [
       StarterKit,
@@ -6862,14 +6867,14 @@ function MyTextEditor(_a) {
       }
     }
   }, rest));
-  useEffect7(() => {
+  useEffect8(() => {
     if (editor && value !== editor.getHTML()) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs27(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
-    /* @__PURE__ */ jsxs27(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+  return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs26(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
+    /* @__PURE__ */ jsxs26(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.Bold, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Italic, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Underline, {}),
@@ -6878,13 +6883,13 @@ function MyTextEditor(_a) {
         /* @__PURE__ */ jsx49(RichTextEditor.Highlight, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.H1, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H2, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H3, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.Blockquote, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Hr, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.BulletList, {}),
@@ -6892,11 +6897,11 @@ function MyTextEditor(_a) {
         /* @__PURE__ */ jsx49(RichTextEditor.Subscript, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.Link, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx49(RichTextEditor.AlignLeft, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.AlignCenter, {}),
         /* @__PURE__ */ jsx49(RichTextEditor.AlignJustify, {}),
@@ -6978,7 +6983,7 @@ function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
-import { Fragment as Fragment12, jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 function getRightSection(status) {
   if (status === "Prototype")
     return /* @__PURE__ */ jsx51(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
@@ -7068,7 +7073,7 @@ function BasicAppShell({ children, menu, extraTopRight }) {
   const basicAppShellStore = useS_BasicAppShell();
   const media = useMediaQuery("(min-width: 72em)");
   const selectMedia = useMediaQuery("(min-width: 80em)");
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs27(
     AppShell,
     {
       header: { height: 60 },
@@ -7082,10 +7087,10 @@ function BasicAppShell({ children, menu, extraTopRight }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsxs28(AppShell.Header, { children: [
+        /* @__PURE__ */ jsxs27(AppShell.Header, { children: [
           /* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
-          media ? /* @__PURE__ */ jsxs28(Group13, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsxs28(Group13, { h: "100%", children: [
+          media ? /* @__PURE__ */ jsxs27(Group13, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+            /* @__PURE__ */ jsxs27(Group13, { h: "100%", children: [
               /* @__PURE__ */ jsx51(
                 Tooltip5,
                 {
@@ -7124,13 +7129,13 @@ function BasicAppShell({ children, menu, extraTopRight }) {
                 children: /* @__PURE__ */ jsx51(Text13, { c: "green", fw: "bold", children: `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
               }
             ),
-            /* @__PURE__ */ jsxs28(Group13, { children: [
+            /* @__PURE__ */ jsxs27(Group13, { children: [
               extraTopRight,
               /* @__PURE__ */ jsx51(MySwitchTheme, {})
             ] })
           ] }) : (
             // For mobile screens - simplified layout
-            /* @__PURE__ */ jsxs28(Group13, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs27(Group13, { h: "100%", px: "md", justify: "space-between", children: [
               /* @__PURE__ */ jsx51(
                 ActionIcon10,
                 {
@@ -7142,14 +7147,14 @@ function BasicAppShell({ children, menu, extraTopRight }) {
                 }
               ),
               /* @__PURE__ */ jsx51(Text13, { c: "green", fw: "bold", size: "sm", children: `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-              /* @__PURE__ */ jsxs28(Group13, { children: [
+              /* @__PURE__ */ jsxs27(Group13, { children: [
                 extraTopRight,
                 /* @__PURE__ */ jsx51(MySwitchTheme, {})
               ] })
             ] })
           )
         ] }),
-        /* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
+        /* @__PURE__ */ jsxs27(AppShell.Navbar, { children: [
           /* @__PURE__ */ jsx51(
             TextInput2,
             {
@@ -7162,12 +7167,12 @@ function BasicAppShell({ children, menu, extraTopRight }) {
               children: "T\xECm ki\u1EBFm (Ctrl + K)"
             }
           ),
-          /* @__PURE__ */ jsxs28(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+          /* @__PURE__ */ jsxs27(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
             /* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }),
             /* @__PURE__ */ jsx51(Divider2, {}),
             /* @__PURE__ */ jsx51(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs28(AppShell.Section, { p: "md", children: [
+          /* @__PURE__ */ jsxs27(AppShell.Section, { p: "md", children: [
             /* @__PURE__ */ jsx51(Divider2, {}),
             /* @__PURE__ */ jsx51(
               Image3,
@@ -7294,7 +7299,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7332,20 +7337,20 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs29(Group14, { wrap: "nowrap", align: "flex-start", children: [
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs28(Group14, { wrap: "nowrap", align: "flex-start", children: [
     /* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs29("div", { children: [
+    /* @__PURE__ */ jsxs28("div", { children: [
       /* @__PURE__ */ jsx53(Text14, { size: "sm", fw: 500, children: item.title }),
       /* @__PURE__ */ jsx53(Text14, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs29(Box5, { children: [
-    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs29(Group14, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs29(Group14, { children: [
+  return /* @__PURE__ */ jsxs28(Box5, { children: [
+    /* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs28(Group14, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs28(Group14, { children: [
         /* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
         /* @__PURE__ */ jsx53(Group14, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs29(Group14, { children: [
+      /* @__PURE__ */ jsxs28(Group14, { children: [
         /* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch3, {}), radius: "xl", w: "250px" }),
         /* @__PURE__ */ jsx53(MySwitchTheme, {})
       ] }),
@@ -7362,7 +7367,7 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs29(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+        children: /* @__PURE__ */ jsxs28(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
           /* @__PURE__ */ jsx53(Divider3, { my: "sm" }),
           /* @__PURE__ */ jsx53(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button16, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
           /* @__PURE__ */ jsx53(Divider3, { my: "sm" })
@@ -7374,7 +7379,7 @@ function HeaderMegaMenu({ children, menus }) {
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
 import { Code, Container as Container3, Divider as Divider4, Group as Group15, Indicator, Title } from "@mantine/core";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7399,14 +7404,14 @@ function MyPageContent({
 }) {
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs30(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs30(Group15, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs30(Group15, { children: [
+  return /* @__PURE__ */ jsxs29(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs29(Group15, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs29(Group15, { children: [
         canBack && /* @__PURE__ */ jsx54(MyButtonRouterBack, {}),
         /* @__PURE__ */ jsx54(PageTitle, { title: finalTitle, status }),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs30(Group15, { children: [
+      /* @__PURE__ */ jsxs29(Group15, { children: [
         rightTopBar,
         /* @__PURE__ */ jsx54(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode })
       ] })
@@ -7418,11 +7423,11 @@ function MyPageContent({
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ jsxs31(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+  return /* @__PURE__ */ jsxs30(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
     /* @__PURE__ */ jsx55(Tabs.List, { children: tabList.map((item, idx) => {
       return /* @__PURE__ */ jsx55(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx55(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
@@ -7435,17 +7440,17 @@ function MyTab(_a) {
 import { ActionIcon as ActionIcon11, Button as Button17, Fieldset as Fieldset5, Group as Group16, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
   const disc = useDisclosure11(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs32(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+  return /* @__PURE__ */ jsxs31(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
     /* @__PURE__ */ jsx56(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs32(Group16, { children: [
+          return /* @__PURE__ */ jsxs31(Group16, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
             /* @__PURE__ */ jsx56(Button17, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
@@ -7509,7 +7514,7 @@ function MySelectAPIGet(_a) {
 // src/components/ScheduleX/MyScheduleX.tsx
 import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as ScheduleXCalendar2 } from "@schedule-x/react";
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
 import { jsx as jsx58 } from "react/jsx-runtime";
 function MyScheduleX({
@@ -7520,8 +7525,8 @@ function MyScheduleX({
   startDayBoundaries = "05:00",
   endDayBoundaries = "21:00"
 }) {
-  const eventsService = useState8(() => createEventsServicePlugin2())[0];
-  const eventModalPlugin = useState8(() => createEventModalPlugin2())[0];
+  const eventsService = useState9(() => createEventsServicePlugin2())[0];
+  const eventModalPlugin = useState9(() => createEventModalPlugin2())[0];
   const calendar = useNextCalendarApp2({
     locale: "vi-VN",
     dayBoundaries: {

package/dist/components/index.d.mts

@@ -83,7 +83,7 @@ interface IActionIconViewPDF extends ActionIconProps {
 }
 declare function MyActionIconViewPDF({ modalSize, pdfLink, ...rest }: IActionIconViewPDF): react_jsx_runtime.JSX.Element;
 
-declare function MySwitchTheme(): react_jsx_runtime.JSX.Element;
+declare function MySwitchTheme(): react_jsx_runtime.JSX.Element | null;
 
 declare function MyAppSpotlight({ menu }: {
     menu: I_BasicAppShell_LinkItem[];

package/dist/components/index.mjs

@@ -66,7 +66,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-MOP3KCFQ.mjs";
+} from "../chunk-ATY4QSCJ.mjs";
 import "../chunk-Z6OQG54Q.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";

package/dist/modules-features/index.mjs

@@ -24,7 +24,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-MOP3KCFQ.mjs";
+} from "../chunk-ATY4QSCJ.mjs";
 import {
   baseAxios_default,
   useQ_AQ_GetAQModule

package/package.json

@@ -22,7 +22,7 @@
       "types": "./dist/hooks/index.d.mts"
     }
   },
-  "version": "0.1.146",
+  "version": "0.1.148",
   "private": false,
   "files": [
     "dist"