aq-fe-framework 0.1.319 → 0.1.320

package/dist/{chunk-QMQQZF6X.mjs → chunk-FAG4PGP2.mjs}

@@ -5,9 +5,10 @@ import {
   utils_pdf_download
 } from "./chunk-5U2JSHSJ.mjs";
 import {
+  MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-HHJFKKE7.mjs";
+} from "./chunk-GEYCGM75.mjs";
 import {
   const_object_colors
 } from "./chunk-NWBLJ3W3.mjs";
@@ -15,7 +16,7 @@ import {
   baseAxios_default,
   useMyReactMutation,
   useQ_AQ_GetAQModule
-} from "./chunk-YJ32RSH2.mjs";
+} from "./chunk-YQPDRFRL.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";
@@ -1219,7 +1220,7 @@ function MyButtonDeleteList(_a) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Button as Button8, Modal as Modal8, useModalsStack as useModalsStack3 } from "@mantine/core";
+import { Button as Button7, Modal as Modal8, useModalsStack as useModalsStack3 } from "@mantine/core";
 import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 
 // src/components/Combobox/Select/MySelect.tsx
@@ -1495,168 +1496,21 @@ function SelectFieldModal({ stack, onImport }) {
   ] }));
 }
 
-// src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Button as Button6, Center as Center2, Group as Group8, Portal, Text as Text6 } from "@mantine/core";
-import { IconBug, IconDownload as IconDownload3 } from "@tabler/icons-react";
-import { download, generateCsv, mkConfig } from "export-to-csv";
-import {
-  MantineReactTable,
-  useMantineReactTable
-} 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 Fragment7, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
-function formatData(data, formats) {
-  return data.map((row) => {
-    const transformedRow = {};
-    Object.entries(row).forEach(([key, value]) => {
-      const formatFn = formats[key];
-      if (value instanceof Date) {
-        transformedRow[key] = formatFn ? formatFn(value.toISOString()) : value.toISOString();
-      } else if (value !== null && typeof value === "object") {
-        transformedRow[key] = formatFn ? formatFn(JSON.stringify(value)) : JSON.stringify(value);
-      } else {
-        transformedRow[key] = formatFn ? formatFn(value) : value;
-      }
-    });
-    return transformedRow;
-  });
-}
-function MyDataTable(_a) {
-  var _b = _a, {
-    formats = {},
-    exportAble = false,
-    csvConfigProps,
-    rowActionSize,
-    columns,
-    data,
-    renderTopToolbarCustomActions,
-    setSelectedRow,
-    isError,
-    isLoading,
-    pagination
-  } = _b, rest = __objRest(_b, [
-    "formats",
-    "exportAble",
-    "csvConfigProps",
-    "rowActionSize",
-    "columns",
-    "data",
-    "renderTopToolbarCustomActions",
-    "setSelectedRow",
-    "isError",
-    "isLoading",
-    "pagination"
-  ]);
-  const { renderRowActions } = __spreadValues({}, rest);
-  const csvConfig = mkConfig(__spreadValues({
-    fieldSeparator: ",",
-    decimalSeparator: ".",
-    useKeysAsHeaders: (csvConfigProps == null ? void 0 : csvConfigProps.columnHeaders) ? false : true
-  }, csvConfigProps));
-  const handleExport = (rows) => {
-    if (rows.length == 0) {
-      const transformedData = formatData(data, formats);
-      const csv2 = generateCsv(csvConfig)(transformedData);
-      download(csvConfig)(csv2);
-      return;
-    }
-    const rowData = rows.map((row) => row.original);
-    const transformedRows = formatData(rowData, formats);
-    const csv = generateCsv(csvConfig)(transformedRows);
-    download(csvConfig)(csv);
-  };
-  const table = useMantineReactTable(__spreadValues({
-    columns,
-    data,
-    renderTopToolbarCustomActions: ({ table: table2 }) => {
-      return /* @__PURE__ */ jsxs14(Group8, { children: [
-        renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
-        exportAble && /* @__PURE__ */ jsx25(Fragment7, { children: /* @__PURE__ */ jsx25(
-          Button6,
-          {
-            color: "green.8",
-            onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx25(IconDownload3, {}),
-            variant: "filled",
-            children: "Export"
-          }
-        ) })
-      ] });
-    },
-    manualPagination: true,
-    enableRowNumbers: true,
-    enableRowSelection: exportAble,
-    enableEditing: renderRowActions ? true : false,
-    positionActionsColumn: "last",
-    enableColumnResizing: true,
-    layoutMode: "semantic",
-    displayColumnDefOptions: {
-      "mrt-row-actions": {
-        header: "Thao t\xE1c",
-        size: rowActionSize
-      },
-      "mrt-row-numbers": {
-        Header: "STT",
-        size: 1
-      }
-    },
-    enableColumnPinning: true,
-    initialState: {
-      // pagination: pagination ? pagination : { pageIndex: 0, pageSize: 10 },
-      density: "md",
-      columnPinning: { right: ["mrt-row-actions"] },
-      columnVisibility: {
-        modifiedWhen: false,
-        modifiedFullName: false
-      }
-    },
-    mantineTableHeadCellProps: {
-      style: {
-        verticalAlign: "middle",
-        paddingTop: "2px",
-        paddingBottom: "2px"
-      }
-    },
-    mantineTableBodyCellProps: {
-      style: {
-        paddingTop: "2px",
-        paddingBottom: "2px"
-      }
-    },
-    localization: MRT_Localization_VI,
-    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx25(Alert, { icon: /* @__PURE__ */ jsx25(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsxs14(Center2, { p: "md", children: [
-      " ",
-      /* @__PURE__ */ jsx25(Text6, { c: "gray", fw: "600", size: "15px", fs: "italic", children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!" })
-    ] }),
-    state: __spreadValues({
-      showSkeletons: isLoading
-    }, pagination ? { pagination } : {}),
-    mantineTableContainerProps: { style: { maxHeight: "65vh" } },
-    enableStickyHeader: true
-  }, rest));
-  useEffect5(() => {
-    setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
-  }, [table.getState().rowSelection]);
-  if (data == void 0) return;
-  return /* @__PURE__ */ jsx25("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx25(Portal, { children: /* @__PURE__ */ jsx25(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx25(MantineReactTable, { table }) });
-}
-
 // src/components/Button/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 { Button as Button6, 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 jsx25, 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",
       fullScreen: true
     }, stack.register("select-file-page")), {
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(
           FileInput2,
           {
             value: store.state.file,
@@ -1666,8 +1520,8 @@ function SelectFileModal({ onExportStructure, stack }) {
             clearable: true
           }
         ),
-        /* @__PURE__ */ jsxs15(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs14(SimpleGrid2, { cols: { base: 1, md: 2, lg: 2, xl: 4 }, children: [
+          /* @__PURE__ */ jsx25(
             NumberInput,
             {
               label: "D\xF2ng ti\xEAu \u0111\u1EC1 b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1675,7 +1529,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startTitleIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx25(
             NumberInput,
             {
               label: "D\xF2ng d\u1EEF li\u1EC7u b\u1EAFt \u0111\u1EA7u t\u1EEB",
@@ -1683,7 +1537,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               onChange: (e4) => store.setProperty("startDataIndex", e4)
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx25(
             Select2,
             {
               readOnly: true,
@@ -1692,7 +1546,7 @@ function SelectFileModal({ onExportStructure, stack }) {
               defaultValue: "100.000"
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx25(
             Select2,
             {
               readOnly: true,
@@ -1702,37 +1556,37 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx26(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(Fieldset2, { legend: "Danh s\xE1ch tr\u01B0\u1EDDng th\xF4ng tin trong file d\u1EEF li\u1EC7u", children: store.state.data && /* @__PURE__ */ jsx25(
           MyDataTable,
           {
             columns: store.columns,
             data: store.state.data
           }
         ) }),
-        /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
-          /* @__PURE__ */ jsx26(
-            Button7,
+        /* @__PURE__ */ jsxs14(MyFlexEnd, { children: [
+          /* @__PURE__ */ jsx25(
+            Button6,
             {
               color: "teal.8",
               onClick: onExportStructure,
               children: "Xu\u1EA5t file c\u1EA5u tr\xFAc"
             }
           ),
-          /* @__PURE__ */ jsx26(
-            Button7,
+          /* @__PURE__ */ jsx25(
+            Button6,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
-              leftSection: /* @__PURE__ */ jsx26(IconArrowBigRight2, {}),
+              leftSection: /* @__PURE__ */ jsx25(IconArrowBigRight2, {}),
               onClick: () => stack.open("select-field-page"),
               children: "Ti\u1EBFp t\u1EE5c"
             }
           ),
-          /* @__PURE__ */ jsx26(
-            Button7,
+          /* @__PURE__ */ jsx25(
+            Button6,
             {
               color: "red.6",
-              leftSection: /* @__PURE__ */ jsx26(IconSquareRoundedX2, {}),
+              leftSection: /* @__PURE__ */ jsx25(IconSquareRoundedX2, {}),
               onClick: stack.closeAll,
               children: "\u0110\xF3ng"
             }
@@ -1744,26 +1598,26 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx26, 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(Fragment8, { 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__ */ jsx27(SelectFileModal, { stack, onExportStructure }),
-      /* @__PURE__ */ jsx27(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
+  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
+    /* @__PURE__ */ jsx26(Button7, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx26(IconFileImport2, {}), title: "Import", children: "Import" }),
+    /* @__PURE__ */ jsxs15(Modal8.Stack, { children: [
+      /* @__PURE__ */ jsx26(SelectFileModal, { stack, onExportStructure }),
+      /* @__PURE__ */ jsx26(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
     ] })
   ] });
 }
 
 // src/components/Button/ButtonModal/AQSelectTableByOpenModal.tsx
-import { Button as Button9, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
+import { Button as Button8, Fieldset as Fieldset3, Modal as Modal9 } from "@mantine/core";
 import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
-import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1791,16 +1645,16 @@ function AQSelectTableByOpenModal(_a) {
     "closeAfterSelect"
   ]);
   const disclosure = useDisclosure9(false);
-  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsx28(
-      Button9,
+  return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+    /* @__PURE__ */ jsx27(
+      Button8,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
       }, rest), {
         children: label ? label : `Ch\u1ECDn t\u1EEB danh s\xE1ch`
       })
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(
       Modal9,
       {
         fullScreen,
@@ -1808,11 +1662,11 @@ function AQSelectTableByOpenModal(_a) {
         title,
         opened: disclosure == null ? void 0 : disclosure[0],
         onClose: disclosure[1].close,
-        children: /* @__PURE__ */ jsx28(MyFlexColumn, { children: /* @__PURE__ */ jsx28(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx27(MyFlexColumn, { children: /* @__PURE__ */ jsx27(Fieldset3, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: /* @__PURE__ */ jsx27(
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx28(Button9, { onClick: () => {
+              return /* @__PURE__ */ jsx27(Button8, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -1829,10 +1683,10 @@ function AQSelectTableByOpenModal(_a) {
 
 // src/components/Button/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { useRef as useRef2 } from "react";
-import { Button as Button10 } from "@mantine/core";
+import { Button as Button9 } from "@mantine/core";
 import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, 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);
@@ -1846,16 +1700,16 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs18(Fragment10, { 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 }))
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
+    /* @__PURE__ */ jsx28("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx28("div", { ref: printRef, children: contentToPrint }) }),
+    /* @__PURE__ */ jsx28(Button9, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx28(IconPrinter2, {}) }, rest), { children }))
   ] });
 }
 
 // src/components/Layouts/HtmlWrapper/MyHtmlWrapper.tsx
 import { ScrollArea, TypographyStylesProvider } from "@mantine/core";
 import pako from "pako";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function MyHtmlWrapper(_a) {
   var _b = _a, { html, mah, zip = false } = _b, rest = __objRest(_b, ["html", "mah", "zip"]);
   const extractHtmlFromZip = () => {
@@ -1864,7 +1718,7 @@ function MyHtmlWrapper(_a) {
     const cleanedHtml = decompressedData == null ? void 0 : decompressedData.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
     return cleanedHtml.replaceAll(" font-family:'Times New Roman'; font-size:1em;", "");
   };
-  return /* @__PURE__ */ jsx30(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx30(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(ScrollArea.Autosize, { mah, children: /* @__PURE__ */ jsx29(TypographyStylesProvider, __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ jsx29(
     "div",
     {
       dangerouslySetInnerHTML: {
@@ -1876,7 +1730,7 @@ function MyHtmlWrapper(_a) {
 
 // src/components/Button/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 jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonPrintTablePDF(_a) {
   var _b = _a, {
     printConfig,
@@ -1902,8 +1756,8 @@ 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: [
-      printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
+    return /* @__PURE__ */ jsxs18(Table2.Tr, { children: [
+      printConfig.showRowNumbers && /* @__PURE__ */ jsx30(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
       printConfig.fields.map((field) => {
         let value = item[field.fieldName];
         if (field.formatFunction) {
@@ -1913,30 +1767,30 @@ function MyButtonPrintTablePDF(_a) {
         }
         const alignment = field.isCenter === false ? "left" : "center";
         if (typeof value === "string" && (value.includes("<") || value.includes("&lt;"))) {
-          return /* @__PURE__ */ jsx31(
+          return /* @__PURE__ */ jsx30(
             Table2.Td,
             {
               px: "xs",
               ta: alignment,
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx31(MyHtmlWrapper, { html: value })
+              children: /* @__PURE__ */ jsx30(MyHtmlWrapper, { html: value })
             },
             field.fieldName
           );
         }
         if (value === "true" || value === "false") {
-          return /* @__PURE__ */ jsx31(
+          return /* @__PURE__ */ jsx30(
             Table2.Td,
             {
               ta: alignment,
               px: "xs",
               style: { border: "1px solid lightgray" },
-              children: /* @__PURE__ */ jsx31("input", { type: "checkbox", checked: value === "true", readOnly: true })
+              children: /* @__PURE__ */ jsx30("input", { type: "checkbox", checked: value === "true", readOnly: true })
             },
             field.fieldName
           );
         }
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx30(
           Table2.Td,
           {
             ta: alignment,
@@ -1960,18 +1814,18 @@ 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: [
-          printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
+      /* @__PURE__ */ jsx30("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
+      /* @__PURE__ */ jsxs18(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
+        /* @__PURE__ */ jsx30(Table2.Thead, { children: /* @__PURE__ */ jsxs18(Table2.Tr, { children: [
+          printConfig.showRowNumbers && /* @__PURE__ */ jsx30(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";
-            return /* @__PURE__ */ jsx31(
+            return /* @__PURE__ */ jsx30(
               Table2.Th,
               {
                 style: { border: "1px solid lightgray" },
@@ -1983,11 +1837,11 @@ function MyButtonPrintTablePDF(_a) {
             );
           })
         ] }) }),
-        /* @__PURE__ */ jsx31(Table2.Tbody, { children: rows })
+        /* @__PURE__ */ jsx30(Table2.Tbody, { children: rows })
       ] })
     ] });
   };
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     MyButtonPrintPDF,
     __spreadValues({
       contentToPrint: renderContent()
@@ -1999,11 +1853,11 @@ function MyButtonPrintTablePDF(_a) {
 import { ActionIcon as ActionIcon9 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function MyButtonRouterBack(_a) {
   var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
   const router = useRouter2();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     ActionIcon9,
     __spreadProps(__spreadValues({
       size: "xl",
@@ -2016,7 +1870,7 @@ function MyButtonRouterBack(_a) {
         router.back();
       }
     }, rest), {
-      children: /* @__PURE__ */ jsx32(IconArrowBack, { stroke: 2 })
+      children: /* @__PURE__ */ jsx31(IconArrowBack, { stroke: 2 })
     })
   );
 }
@@ -2024,19 +1878,19 @@ function MyButtonRouterBack(_a) {
 // src/components/Button/ButtonViewPDF/MyButtonViewPDF.tsx
 import {
   ActionIcon as ActionIcon10,
-  Button as Button11,
-  Group as Group9,
+  Button as Button10,
+  Group as Group8,
   LoadingOverlay,
   Modal as Modal10,
   Paper as Paper3,
-  Text as Text7,
+  Text as Text6,
   Tooltip as Tooltip4
 } from "@mantine/core";
 import { useDisclosure as useDisclosure10 } 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 useState8 } from "react";
-import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
   modalSize = "80%",
@@ -2061,57 +1915,57 @@ function MyButtonViewPDF({
     },
     enabled: disc[0] == true
   });
-  return /* @__PURE__ */ jsxs20(Fragment11, { children: [
-    /* @__PURE__ */ jsx33(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs19(Fragment10, { children: [
+    /* @__PURE__ */ jsx32(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx32(
       ActionIcon10,
       {
         onClick: () => {
           disc[1].open();
         },
-        children: /* @__PURE__ */ jsx33(IconLivePhoto2, {})
+        children: /* @__PURE__ */ jsx32(IconLivePhoto2, {})
       }
-    ) : /* @__PURE__ */ jsx33(
-      Button11,
+    ) : /* @__PURE__ */ jsx32(
+      Button10,
       {
         color: "cyan",
         onClick: () => {
           disc[1].open();
         },
-        leftSection: /* @__PURE__ */ jsx33(IconLivePhoto2, {}),
+        leftSection: /* @__PURE__ */ jsx32(IconLivePhoto2, {}),
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       Modal10,
       {
         fullScreen: fullScreen[0],
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group9, { children: [
-          /* @__PURE__ */ jsx33(Text7, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx33(
+        title: /* @__PURE__ */ jsxs19(Group8, { children: [
+          /* @__PURE__ */ jsx32(Text6, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
+          fullScreen[0] ? /* @__PURE__ */ jsx32(
             ActionIcon10,
             {
               onClick: () => {
                 fullScreen[1](false);
                 hSize[1]("80vh");
               },
-              children: /* @__PURE__ */ jsx33(IconMinimize3, {})
+              children: /* @__PURE__ */ jsx32(IconMinimize3, {})
             }
-          ) : /* @__PURE__ */ jsx33(
+          ) : /* @__PURE__ */ jsx32(
             ActionIcon10,
             {
               onClick: () => {
                 fullScreen[1](true);
                 hSize[1]("90vh");
               },
-              children: /* @__PURE__ */ jsx33(IconMaximize3, {})
+              children: /* @__PURE__ */ jsx32(IconMaximize3, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx33(
+        children: /* @__PURE__ */ jsxs19(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
+          /* @__PURE__ */ jsx32(
             LoadingOverlay,
             {
               visible: query.isLoading,
@@ -2119,14 +1973,14 @@ function MyButtonViewPDF({
               overlayProps: { radius: "sm", blur: 2 }
             }
           ),
-          query.data ? /* @__PURE__ */ jsx33(
+          query.data ? /* @__PURE__ */ jsx32(
             "iframe",
             {
               src: `data:application/pdf;base64, ${filePath ? (_a = query.data) == null ? void 0 : _a.fileBase64String : (_c = (_b = query.data) == null ? void 0 : _b.fileDetail) == null ? void 0 : _c.fileBase64String}`,
               width: "100%",
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx33("iframe", { src, width: "100%", height: "100%" })
+          ) : /* @__PURE__ */ jsx32("iframe", { src, width: "100%", height: "100%" })
         ] })
       }
     )
@@ -6478,10 +6332,10 @@ var createViewMonthAgenda = () => createPreactView(config);
 import { createEventModalPlugin } from "@schedule-x/event-modal";
 import { createEventsServicePlugin } from "@schedule-x/events-service";
 import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
-import { Paper as Paper4, Text as Text8 } from "@mantine/core";
+import { Paper as Paper4, Text as Text7 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
-import { useEffect as useEffect6 } from "react";
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useEffect as useEffect5 } from "react";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
   const calendar = useNextCalendarApp({
@@ -6552,19 +6406,19 @@ function MyCalendar() {
       }
     ]
   }, plugins);
-  useEffect6(() => {
+  useEffect5(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
-  return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
+  return /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(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(Text8, { size: "sm", fw: "bold", children: [
+      return /* @__PURE__ */ jsx33(Paper4, { h: "100%", bg: calendarEvent.laLichThi ? "violet.2" : "blue.2", p: 4, children: /* @__PURE__ */ jsxs20(MyFlexColumn, { gap: 1, children: [
+        /* @__PURE__ */ jsxs20(Text7, { size: "sm", fw: "bold", children: [
           calendarEvent.laLichThi ? "(Thi) " : "(H\u1ECDc) ",
           calendarEvent.title
         ] }),
-        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx34(Text8, { size: "sm", children: calendarEvent.giangvien }),
-        /* @__PURE__ */ jsx34(Text8, { size: "sm", children: calendarEvent.location })
+        calendarEvent.laLichThi == false && /* @__PURE__ */ jsx33(Text7, { size: "sm", children: calendarEvent.giangvien }),
+        /* @__PURE__ */ jsx33(Text7, { size: "sm", children: calendarEvent.location })
       ] }) });
     }
     // eventModal: ({ calendarEvent }) => {
@@ -6578,24 +6432,24 @@ function MyCalendar() {
 }
 
 // src/components/CenterFull/MyCenterFull.tsx
-import { Center as Center3, Group as Group10 } from "@mantine/core";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { Center as Center2, Group as Group9 } from "@mantine/core";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx35(Center3, { w: "100%", children: /* @__PURE__ */ jsx35(Group10, { children }) });
+  return /* @__PURE__ */ jsx34(Center2, { w: "100%", children: /* @__PURE__ */ jsx34(Group9, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function MyCheckbox(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(Checkbox2, __spreadValues({}, rest));
+  return /* @__PURE__ */ jsx35(Checkbox2, __spreadValues({}, rest));
 }
 
 // src/components/DataDisplay/Card/AQCard.tsx
-import { Badge as Badge2, Card, Center as Center4, Image, Text as Text9 } from "@mantine/core";
+import { Badge as Badge2, Card, Center as Center3, Image, Text as Text8 } from "@mantine/core";
 import Link from "next/link";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 function AQCard({
   imgSrc = "https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-8.png",
   title,
@@ -6605,8 +6459,8 @@ function AQCard({
   status,
   href = ""
 }) {
-  return /* @__PURE__ */ jsxs22(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
-    /* @__PURE__ */ jsx37(Card.Section, { children: /* @__PURE__ */ jsx37(Center4, { children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs21(Card, { shadow: "sm", padding: "lg", radius: "md", withBorder: true, component: Link, href, children: [
+    /* @__PURE__ */ jsx36(Card.Section, { children: /* @__PURE__ */ jsx36(Center3, { children: /* @__PURE__ */ jsx36(
       Image,
       {
         src: imgSrc,
@@ -6616,19 +6470,19 @@ function AQCard({
         alt: "Norway"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs22(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
-      /* @__PURE__ */ jsx37(Text9, { fw: 500, children: title }),
-      status && /* @__PURE__ */ jsx37(Badge2, { color: "violet.5", w: "150px", children: status })
+    /* @__PURE__ */ jsxs21(MyFlexRow, { justify: "space-between", mt: "md", mb: "xs", children: [
+      /* @__PURE__ */ jsx36(Text8, { fw: 500, children: title }),
+      status && /* @__PURE__ */ jsx36(Badge2, { color: "violet.5", w: "150px", children: status })
     ] }),
-    /* @__PURE__ */ jsx37(Text9, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
+    /* @__PURE__ */ jsx36(Text8, { size: "sm", c: "dimmed", lineClamp: 2, children: description }),
     children
   ] });
 }
 
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
-import { Box as Box2, Flex, Group as Group11, Paper as Paper5, Text as Text10 } from "@mantine/core";
+import { Box as Box2, Flex, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function MyCardInformation({
   title,
   value,
@@ -6638,17 +6492,17 @@ function MyCardInformation({
   diff = 0,
   extraControl
 }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     Paper5,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs23(Flex, { direction: "column", children: [
-            /* @__PURE__ */ jsx38(
-              Text10,
+        /* @__PURE__ */ jsxs22(Group10, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs22(Flex, { direction: "column", children: [
+            /* @__PURE__ */ jsx37(
+              Text9,
               {
                 tt: "uppercase",
                 size: "lg",
@@ -6656,52 +6510,52 @@ function MyCardInformation({
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs23(Text10, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs22(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx38("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs23(Text10, { size: "xs", children: [
+              /* @__PURE__ */ jsx37("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs22(Text9, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx38("strong", { children: unit })
+              /* @__PURE__ */ jsx37("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx38(Box2, { children: icon })
+          /* @__PURE__ */ jsx37(Box2, { children: icon })
         ] }),
-        /* @__PURE__ */ jsxs23(
-          Group11,
+        /* @__PURE__ */ jsxs22(
+          Group10,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx38(
-                Text10,
+              /* @__PURE__ */ jsx37(
+                Text9,
                 {
                   fw: 700,
                   fz: "h1",
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs23(
-                Text10,
+              /* @__PURE__ */ jsxs22(
+                Text9,
                 {
                   mb: "2",
                   c: diff > 0 ? "teal" : "red",
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs23("span", { children: [
+                    /* @__PURE__ */ jsxs22("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx38(IconArrowUpRight, {}) : /* @__PURE__ */ jsx38(IconArrowDownRight, {})
+                    diff > 0 ? /* @__PURE__ */ jsx37(IconArrowUpRight, {}) : /* @__PURE__ */ jsx37(IconArrowDownRight, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx38(Text10, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+        /* @__PURE__ */ jsxs22(Group10, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx37(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
       ]
@@ -6711,52 +6565,52 @@ function MyCardInformation({
 }
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
-import { Group as Group12, Text as Text11 } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Group as Group11, Text as Text10 } from "@mantine/core";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs24(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
-    Icon && /* @__PURE__ */ jsx39(Icon, { stroke: 1.5, size: 16 }),
-    /* @__PURE__ */ jsx39(Text11, { fz: "lg", c: "dimmed", children: text })
+  return /* @__PURE__ */ jsxs23(Group11, { wrap: "nowrap", gap: 10, mt: 3, children: [
+    Icon && /* @__PURE__ */ jsx38(Icon, { stroke: 1.5, size: 16 }),
+    /* @__PURE__ */ jsx38(Text10, { fz: "lg", c: "dimmed", children: text })
   ] });
 }
 
 // src/components/DataDisplay/KeyLabel/MyKeyLabel.tsx
-import { Group as Group13, Text as Text12 } from "@mantine/core";
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Group as Group12, Text as Text11 } from "@mantine/core";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyKeyLabel({ keyLabel, label }) {
-  return /* @__PURE__ */ jsxs25(Group13, { gap: 5, children: [
-    /* @__PURE__ */ jsxs25(Text12, { fw: "bold", children: [
+  return /* @__PURE__ */ jsxs24(Group12, { gap: 5, children: [
+    /* @__PURE__ */ jsxs24(Text11, { fw: "bold", children: [
       keyLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsx40(Text12, { children: label })
+    /* @__PURE__ */ jsx39(Text11, { children: label })
   ] });
 }
 
 // src/components/DataDisplay/NumberFormatter/MyNumberFormatter.tsx
 import { NumberFormatter } from "@mantine/core";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function MyNumberFormatter(_a) {
   var rest = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
+  return /* @__PURE__ */ jsx40(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button13, Flex as Flex2, Group as Group14, Paper as Paper6, Text as Text13 } from "@mantine/core";
+import { Box as Box3, Button as Button12, Flex as Flex2, Group as Group13, Paper as Paper6, Text as Text12 } from "@mantine/core";
 import { IconArrowDownRight as IconArrowDownRight2, IconArrowUpRight as IconArrowUpRight2 } from "@tabler/icons-react";
-import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx42(Fragment12, { children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx41(Fragment11, { children: /* @__PURE__ */ jsxs25(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsxs26(Flex2, { direction: "column", children: [
-            /* @__PURE__ */ jsx42(
-              Text13,
+        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs25(Flex2, { direction: "column", children: [
+            /* @__PURE__ */ jsx41(
+              Text12,
               {
                 tt: "uppercase",
                 size: "lg",
@@ -6764,54 +6618,54 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
                 children: title
               }
             ),
-            unit == "" ? /* @__PURE__ */ jsxs26(Text13, { size: "xs", style: { visibility: "hidden" }, children: [
+            unit == "" ? /* @__PURE__ */ jsxs25(Text12, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx42("strong", { children: unit })
-            ] }) : /* @__PURE__ */ jsxs26(Text13, { size: "xs", children: [
+              /* @__PURE__ */ jsx41("strong", { children: unit })
+            ] }) : /* @__PURE__ */ jsxs25(Text12, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx42("strong", { children: unit })
+              /* @__PURE__ */ jsx41("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx42(Box3, { children: icons })
+          /* @__PURE__ */ jsx41(Box3, { children: icons })
         ] }),
-        /* @__PURE__ */ jsxs26(
-          Group14,
+        /* @__PURE__ */ jsxs25(
+          Group13,
           {
             mt: "5",
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx42(
-                Text13,
+              /* @__PURE__ */ jsx41(
+                Text12,
                 {
                   fw: 700,
                   fz: "h1",
                   children: value
                 }
               ),
-              /* @__PURE__ */ jsxs26(
-                Text13,
+              /* @__PURE__ */ jsxs25(
+                Text12,
                 {
                   mb: "2",
                   c: diff > 0 ? "teal" : "red",
                   fz: "h2",
                   fw: 500,
                   children: [
-                    /* @__PURE__ */ jsxs26("span", { children: [
+                    /* @__PURE__ */ jsxs25("span", { children: [
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx42(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx42(IconArrowDownRight2, {})
+                    diff > 0 ? /* @__PURE__ */ jsx41(IconArrowUpRight2, {}) : /* @__PURE__ */ jsx41(IconArrowDownRight2, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx42(Text13, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx42(
-            Button13,
+        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx41(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx41(
+            Button12,
             {
               variant: "light",
               size: "xs",
@@ -6826,7 +6680,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
 }
 
 // src/components/FaviconSetter/FaviconSetter.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // src/components/Layouts/BasicAppShell/useS_BasicAppShell.ts
 var useStore2 = createGenericStore({
@@ -6878,7 +6732,7 @@ function useS_BasicAppShell() {
 function FaviconSetter() {
   var _a;
   const store = useS_BasicAppShell();
-  useEffect7(() => {
+  useEffect6(() => {
     var _a2, _b, _c;
     if (!((_a2 = store.state.faviconFileDetail) == null ? void 0 : _a2.fileBase64String)) return;
     try {
@@ -6901,20 +6755,20 @@ function FaviconSetter() {
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx43(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx42(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group15,
-  Text as Text14,
+  Group as Group14,
+  Text as Text13,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
-import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6943,10 +6797,10 @@ function MyFieldset(_a) {
   const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
     legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
   });
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx44(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx43(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs26(Text13, { fw: 600, children: [
         " ",
         title,
         " "
@@ -6961,13 +6815,13 @@ function MyFieldset(_a) {
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
 import { IconFile } from "@tabler/icons-react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     FileInput3,
     __spreadValues({
-      rightSection: /* @__PURE__ */ jsx45(IconFile, {}),
+      rightSection: /* @__PURE__ */ jsx44(IconFile, {}),
       label,
       placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : ""
     }, rest)
@@ -6977,26 +6831,26 @@ function MyFileInput(_a) {
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
 import { IconNumbers } from "@tabler/icons-react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { minValue, label } = _b, rest = __objRest(_b, ["minValue", "label"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     NumberInput2,
     __spreadValues({
       label,
       min: minValue ? minValue : 0,
       placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
-      rightSection: /* @__PURE__ */ jsx46(IconNumbers, {})
+      rightSection: /* @__PURE__ */ jsx45(IconNumbers, {})
     }, rest)
   );
 }
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx47(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx46(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -7011,8 +6865,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 useEffect8, useState as useState9 } from "react";
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -7113,48 +6967,48 @@ function MyTextEditor(_a) {
       }
     }
   }, rest));
-  useEffect8(() => {
+  useEffect7(() => {
     if (editor && value !== editor.getHTML()) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx48(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs28(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs28(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx48(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Code, {})
+  return /* @__PURE__ */ jsx47(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs27(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs27(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx48(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.H4, {})
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx48(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Superscript, {})
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx48(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.Unlink, {})
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs28(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx48(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx48(RichTextEditor.AlignRight, {})
+      /* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx47(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx47(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -7169,14 +7023,14 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx48(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx47(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] })) }));
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { Button as Button14 } from "@mantine/core";
+import { Button as Button13 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 
@@ -7191,14 +7045,14 @@ function useS_authenticate() {
 }
 
 // src/modules-features/authenticate/F_authenticate_Logout.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx49(Button14, { onClick: () => {
+  return /* @__PURE__ */ jsx48(Button13, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
-  }, leftSection: /* @__PURE__ */ jsx49(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
+  }, leftSection: /* @__PURE__ */ jsx48(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
 }
 
 // src/components/Layouts/BasicAppShell/BasicAppShell.tsx
@@ -7207,11 +7061,11 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group16,
+  Group as Group15,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
-  Text as Text15,
+  Text as Text14,
   Tooltip as Tooltip5
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
@@ -7222,8 +7076,8 @@ import {
 } from "@tabler/icons-react";
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
-import { Fragment as Fragment13, jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useMemo as useMemo3, useState as useState10 } from "react";
+import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7238,13 +7092,13 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
 }
 function getRightSection(status) {
   if (status === "Prototype")
-    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
   if (status === "New")
-    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
   if (status === "Menu")
-    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
   if (status === "Change")
-    return /* @__PURE__ */ jsx50(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+    return /* @__PURE__ */ jsx49(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({
@@ -7254,14 +7108,14 @@ function RenderNavLinks({
   const pathName = usePathname2();
   const index = pathName.split("/", 2).join("/").length;
   const extractPathName = pathName.slice(index).replace("/", "");
-  return /* @__PURE__ */ jsx50(Fragment13, { children: items.map((item, index2) => /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(Fragment12, { children: items.map((item, index2) => /* @__PURE__ */ jsx49(
     NavLink,
     {
       active: extractPathName === item.link,
       component: Link3,
       opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
       href: `/${pathName.split("/")[1]}/${item.link}` || "#",
-      label: /* @__PURE__ */ jsxs29(MyFlexRow, { justify: "space-between", children: [
+      label: /* @__PURE__ */ jsxs28(MyFlexRow, { justify: "space-between", children: [
         item.label,
         " ",
         getRightSection(item.status)
@@ -7273,7 +7127,7 @@ function RenderNavLinks({
           return;
         }
       },
-      children: item.links && /* @__PURE__ */ jsx50(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx49(RenderNavLinks, { items: item.links })
     },
     index2
   )) });
@@ -7360,7 +7214,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
     return result;
   }, [menu]);
   useFavicon(faviconUrl);
-  useEffect9(() => {
+  useEffect8(() => {
     var _a2;
     const data = GetAQModule_query.data;
     if (!data) return;
@@ -7382,12 +7236,12 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       };
     }
   }, [GetAQModule_query.data]);
-  useEffect9(() => {
+  useEffect8(() => {
     const data = GetAQModule_query.data;
     if (!data) return;
     document.title = data.name || "";
   }, [GetAQModule_query.data]);
-  useEffect9(() => {
+  useEffect8(() => {
     const linkItem = allChildItems.find((item) => pathName.includes(item.link));
     const breadcrumb = findBreadcrumbPath(menu, linkItem == null ? void 0 : linkItem.link);
     basicAppShellStore.setProperty("breadcrumb", breadcrumb);
@@ -7396,7 +7250,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
     basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
     basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
   }, [pathName]);
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     AppShell,
     {
       header: { height: 60 },
@@ -7410,80 +7264,80 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx50(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", children: [
-            /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx49(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs28(Group15, { h: "100%", children: [
+            /* @__PURE__ */ jsx49(
               Tooltip5,
               {
                 label: basicAppShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu",
-                children: /* @__PURE__ */ jsx50(
+                children: /* @__PURE__ */ jsx49(
                   ActionIcon11,
                   {
                     size: "lg",
                     radius: "md",
                     variant: "default",
                     onClick: basicAppShellStore.toggle,
-                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {})
+                    children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {})
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx50(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx49(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx49(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: () => basicAppShellStore.clearGroupMenuOpenId(),
-                children: /* @__PURE__ */ jsx50(IconLibraryMinus, {})
+                children: /* @__PURE__ */ jsx49(IconLibraryMinus, {})
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx50(
-            Group16,
+          /* @__PURE__ */ jsx49(
+            Group15,
             {
               style: {
                 position: "absolute",
                 left: "50%",
                 transform: "translateX(-50%)"
               },
-              children: /* @__PURE__ */ jsx50(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
+              children: /* @__PURE__ */ jsx49(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs29(Group16, { children: [
+          /* @__PURE__ */ jsxs28(Group15, { children: [
             extraTopRight,
-            /* @__PURE__ */ jsx50(MySwitchTheme, {})
+            /* @__PURE__ */ jsx49(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
-            /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", children: [
+            /* @__PURE__ */ jsx49(
               ActionIcon11,
               {
                 size: "lg",
                 radius: "md",
                 variant: "default",
                 onClick: basicAppShellStore.toggle,
-                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {})
+                children: basicAppShellStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {})
               }
             ),
-            /* @__PURE__ */ jsx50(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs29(Group16, { children: [
+            /* @__PURE__ */ jsx49(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
+            /* @__PURE__ */ jsxs28(Group15, { children: [
               extraTopRight,
-              /* @__PURE__ */ jsx50(MySwitchTheme, {})
+              /* @__PURE__ */ jsx49(MySwitchTheme, {})
             ] })
           ] })
         ) }),
-        /* @__PURE__ */ jsxs29(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx50(MyAppSpotlight, { menu }),
-          /* @__PURE__ */ jsxs29(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
-            /* @__PURE__ */ jsx50(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx50(Divider2, {}),
-            /* @__PURE__ */ jsx50(F_authenticate_Logout, {})
+        /* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
+          /* @__PURE__ */ jsx49(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsxs28(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
+            /* @__PURE__ */ jsx49(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx49(Divider2, {}),
+            /* @__PURE__ */ jsx49(F_authenticate_Logout, {})
           ] }),
-          /* @__PURE__ */ jsxs29(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx50(Divider2, {}),
-            /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsxs28(AppShell.Section, { p: "md", children: [
+            /* @__PURE__ */ jsx49(Divider2, {}),
+            /* @__PURE__ */ jsx49(
               Image3,
               {
                 fit: "contain",
@@ -7497,7 +7351,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx49(
           AppShell.Main,
           {
             bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))",
@@ -7552,24 +7406,24 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container, Flex as Flex3 } from "@mantine/core";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx51(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx51(Flex3, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx50(Container, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx50(Flex3, { direction: "column", children }) }));
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
 import {
   Box as Box4,
   Burger,
-  Button as Button15,
+  Button as Button14,
   Container as Container2,
   Divider as Divider3,
   Drawer,
-  Group as Group17,
+  Group as Group16,
   Image as Image4,
   ScrollArea as ScrollArea4,
-  Text as Text16,
+  Text as Text15,
   TextInput as TextInput3,
   ThemeIcon,
   UnstyledButton,
@@ -7601,7 +7455,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7639,27 +7493,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx52(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx52(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx52(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
-    /* @__PURE__ */ jsxs30("div", { children: [
-      /* @__PURE__ */ jsx52(Text16, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx52(Text16, { size: "xs", c: "dimmed", children: item.description })
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx51(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs29(Group16, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx51(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx51(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+    /* @__PURE__ */ jsxs29("div", { children: [
+      /* @__PURE__ */ jsx51(Text15, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx51(Text15, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
-  return /* @__PURE__ */ jsxs30(Box4, { children: [
-    /* @__PURE__ */ jsx52("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs30(Group17, { children: [
-        /* @__PURE__ */ jsx52(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx52(Group17, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+  return /* @__PURE__ */ jsxs29(Box4, { children: [
+    /* @__PURE__ */ jsx51("header", { className: css_default.header, children: /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs29(Group16, { children: [
+        /* @__PURE__ */ jsx51(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx51(Group16, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
-      /* @__PURE__ */ jsxs30(Group17, { children: [
-        /* @__PURE__ */ jsx52(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx52(IconSearch2, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx52(MySwitchTheme, {})
+      /* @__PURE__ */ jsxs29(Group16, { children: [
+        /* @__PURE__ */ jsx51(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx51(IconSearch2, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx51(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx52(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx51(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx52(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx51(Container2, { fluid: true, pt: "sm", pb: "md", bg: const_object_colors.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx51(
       Drawer,
       {
         opened: drawerOpened,
@@ -7669,10 +7523,10 @@ function HeaderMegaMenu({ children, menus }) {
         title: "Navigation",
         hiddenFrom: "sm",
         zIndex: 1e6,
-        children: /* @__PURE__ */ jsxs30(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx52(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx52(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx52(Divider3, { my: "sm" })
+        children: /* @__PURE__ */ jsxs29(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
+          /* @__PURE__ */ jsx51(Divider3, { my: "sm" }),
+          /* @__PURE__ */ jsx51(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx51(Divider3, { my: "sm" })
         ] })
       }
     )
@@ -7680,8 +7534,8 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group18, Text as Text17, Title } from "@mantine/core";
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group17, Text as Text16, Title } from "@mantine/core";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
     case "Prototype":
@@ -7692,10 +7546,10 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx53(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
-      /* @__PURE__ */ jsx53(Title, { order: 3, children: title }),
-      status && /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(Group17, { children: /* @__PURE__ */ jsxs30(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs30(Group17, { align: "center", children: [
+      /* @__PURE__ */ jsx52(Title, { order: 3, children: title }),
+      status && /* @__PURE__ */ jsx52(
         Badge4,
         {
           variant: "gradient",
@@ -7706,7 +7560,7 @@ function PageTitle({ title, status, note }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx53(Text17, { size: "lg", c: "dimmed", fs: "italic", children: note })
+    /* @__PURE__ */ jsx52(Text16, { size: "lg", c: "dimmed", fs: "italic", children: note })
   ] }) });
 }
 function MyPageContent({
@@ -7719,11 +7573,11 @@ function MyPageContent({
   var _a;
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
-  return /* @__PURE__ */ jsxs31(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs31(Group18, { children: [
-        /* @__PURE__ */ jsx53(MyButtonRouterBack, {}),
-        /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs30(Container3, { p: 0, fluid: true, children: [
+    /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs30(Group17, { children: [
+        /* @__PURE__ */ jsx52(MyButtonRouterBack, {}),
+        /* @__PURE__ */ jsx52(
           PageTitle,
           {
             title: finalTitle,
@@ -7733,64 +7587,64 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs31(Group18, { p: "md", children: [
+      /* @__PURE__ */ jsxs30(Group17, { p: "md", children: [
         rightTopBar,
-        /* @__PURE__ */ jsx53(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx53(Text17, { fw: "600", c: "blue", children: item }, idx)) })
+        /* @__PURE__ */ jsx52(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx52(Text16, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx53(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx52(Divider4, { my: "xs" }),
     children,
-    /* @__PURE__ */ jsx53(Divider4, { my: "xs" }),
-    /* @__PURE__ */ jsx53(MyFlexEnd, { children: /* @__PURE__ */ jsx53(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
+    /* @__PURE__ */ jsx52(Divider4, { my: "xs" }),
+    /* @__PURE__ */ jsx52(MyFlexEnd, { children: /* @__PURE__ */ jsx52(Code, { color: "var(--mantine-color-blue-light)", children: basicAppShellStore.state.menuCode }) })
   ] });
 }
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } 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__ */ jsxs32(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx54(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx54(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx54(item.icon, { style: iconStyle }), children: item.label }, idx);
+  return /* @__PURE__ */ jsxs31(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
+    /* @__PURE__ */ jsx53(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx53(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx53(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx54(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx53(Space3, { my: "md" }),
     children
   ] }));
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group19, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button15, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure12 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs32 } 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 = useDisclosure12(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
-  return /* @__PURE__ */ jsxs33(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs32(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
+    /* @__PURE__ */ jsx54(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs33(Group19, { children: [
+          return /* @__PURE__ */ jsxs32(Group18, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx55(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx54(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx55(MyCenterFull, { children: /* @__PURE__ */ jsx55(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx55(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(ActionIcon12, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx54(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx55(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx54(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx54(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx55(Button16, { onClick: () => {
+          return /* @__PURE__ */ jsx54(Button15, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7806,7 +7660,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select3 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7825,7 +7679,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     Select3,
     __spreadValues({
       label,
@@ -7840,7 +7694,7 @@ import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as Schedul
 import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
 import { useState as useState11 } from "react";
 import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function MyScheduleX({
   values,
   timeGridEvent,
@@ -7865,7 +7719,7 @@ function MyScheduleX({
     events: values,
     plugins: [eventsService, eventModalPlugin]
   });
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     ScheduleXCalendar2,
     {
       calendarApp: calendar,
@@ -7879,9 +7733,9 @@ function MyScheduleX({
 
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function MySkeletonTable({ h: h4 = 500 }) {
-  return /* @__PURE__ */ jsx58(Skeleton, { h: h4 });
+  return /* @__PURE__ */ jsx57(Skeleton, { h: h4 });
 }
 
 export {
@@ -7911,7 +7765,6 @@ export {
   MyFlexEnd,
   useS_ButtonImport,
   SelectFieldModal,
-  MyDataTable,
   SelectFileModal,
   MyButtonImport,
   AQSelectTableByOpenModal,