aq-fe-framework 0.1.503 → 0.1.506

package/dist/{chunk-LJRJYSNW.mjs → chunk-KCYPNG4W.mjs}

@@ -1223,7 +1223,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
@@ -1500,102 +1500,43 @@ 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 { Alert, Center as Center2, Portal, Text as Text6 } from "@mantine/core";
+import { IconBug } from "@tabler/icons-react";
 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 jsx26, 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;
-  });
-}
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function MyDataTable(_a) {
   var _b = _a, {
-    formats = {},
-    exportAble = false,
-    csvConfigProps,
     rowActionSize,
     columns,
     data,
-    renderTopToolbarCustomActions,
     setSelectedRow,
     isError,
     isLoading,
     pagination,
-    initialState,
-    state: state
+    idSelectionOne,
+    setIdSelectionOne
   } = _b, rest = __objRest(_b, [
-    "formats",
-    "exportAble",
-    "csvConfigProps",
     "rowActionSize",
     "columns",
     "data",
-    "renderTopToolbarCustomActions",
     "setSelectedRow",
     "isError",
     "isLoading",
     "pagination",
-    "initialState",
-    // setPagination,
-    "state"
+    "idSelectionOne",
+    "setIdSelectionOne"
   ]);
   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__ */ jsx26(Fragment7, { children: /* @__PURE__ */ jsx26(
-          Button6,
-          {
-            color: "green.8",
-            onClick: () => handleExport(table2.getSelectedRowModel().rows),
-            leftSection: /* @__PURE__ */ jsx26(IconDownload3, {}),
-            variant: "filled",
-            children: "Export"
-          }
-        ) })
-      ] });
-    },
     manualPagination: pagination ? true : false,
     enableRowNumbers: true,
-    enableRowSelection: exportAble,
     enableEditing: renderRowActions ? true : false,
     positionActionsColumn: "last",
     enableColumnResizing: true,
@@ -1618,7 +1559,7 @@ function MyDataTable(_a) {
         modifiedWhen: false,
         modifiedFullName: false
       }
-    }, pagination ? {} : { pagination: { pageIndex: 0, pageSize: 30 } }), initialState),
+    }, pagination ? {} : { pagination: { pageIndex: 0, pageSize: 30 } }), rest.initialState),
     mantineTableHeadCellProps: {
       style: {
         verticalAlign: "middle",
@@ -1639,19 +1580,27 @@ function MyDataTable(_a) {
     ] }),
     state: __spreadValues(__spreadValues({
       showSkeletons: isLoading
-    }, pagination ? { pagination } : {}), state),
+    }, pagination ? { pagination } : {}), rest.state),
     mantineTableContainerProps: { style: { maxHeight: "65vh" } },
-    enableStickyHeader: true
+    enableStickyHeader: true,
+    mantineTableBodyRowProps: ({ row }) => __spreadValues({}, setIdSelectionOne ? {
+      onClick: () => {
+        setIdSelectionOne == null ? void 0 : setIdSelectionOne(row.original.id);
+      },
+      style: {
+        cursor: "pointer",
+        backgroundColor: row.original.id == idSelectionOne ? const_object_colors.mantineBackgroundTealLight : "transparent"
+      }
+    } : {})
   }, rest));
   useEffect5(() => {
     setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
   }, [table.getState().rowSelection]);
-  if (data == void 0) return;
   return /* @__PURE__ */ jsx26("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx26(Portal, { children: /* @__PURE__ */ jsx26(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx26(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 jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectFileModal({ onExportStructure, stack }) {
@@ -1719,7 +1668,7 @@ function SelectFileModal({ onExportStructure, stack }) {
         ) }),
         /* @__PURE__ */ jsxs15(MyFlexEnd, { children: [
           /* @__PURE__ */ jsx27(
-            Button7,
+            Button6,
             {
               color: "teal.8",
               onClick: onExportStructure,
@@ -1727,7 +1676,7 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           ),
           /* @__PURE__ */ jsx27(
-            Button7,
+            Button6,
             {
               disabled: ((_a = store.state.data) == null ? void 0 : _a.length) == 0,
               color: "blue.8",
@@ -1737,7 +1686,7 @@ function SelectFileModal({ onExportStructure, stack }) {
             }
           ),
           /* @__PURE__ */ jsx27(
-            Button7,
+            Button6,
             {
               color: "red.6",
               leftSection: /* @__PURE__ */ jsx27(IconSquareRoundedX2, {}),
@@ -1752,15 +1701,15 @@ function SelectFileModal({ onExportStructure, stack }) {
 }
 
 // src/components/Button/ButtonImport/MyButtonImport.tsx
-import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs16 } 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__ */ jsx28(Button8, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx28(IconFileImport2, {}), title: "Import", children: "Import" }),
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx28(Button7, { color: "teal.8", onClick: () => stack.open("select-file-page"), leftSection: /* @__PURE__ */ jsx28(IconFileImport2, {}), title: "Import", children: "Import" }),
     /* @__PURE__ */ jsxs16(Modal8.Stack, { children: [
       /* @__PURE__ */ jsx28(SelectFileModal, { stack, onExportStructure }),
       /* @__PURE__ */ jsx28(SelectFieldModal, { stack, onImport: () => onImport(store.getDataFinal()) })
@@ -1769,9 +1718,9 @@ function MyButtonImport({
 }
 
 // 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 jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function AQSelectTableByOpenModal(_a) {
   var _b = _a, {
     setSelectedData,
@@ -1799,9 +1748,9 @@ function AQSelectTableByOpenModal(_a) {
     "closeAfterSelect"
   ]);
   const disclosure = useDisclosure9(false);
-  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
     /* @__PURE__ */ jsx29(
-      Button9,
+      Button8,
       __spreadProps(__spreadValues({
         onClick: disclosure[1].open
       }, rest), {
@@ -1820,7 +1769,7 @@ function AQSelectTableByOpenModal(_a) {
           MyDataTable,
           __spreadValues({
             renderTopToolbarCustomActions: ({ table }) => {
-              return /* @__PURE__ */ jsx29(Button9, { onClick: () => {
+              return /* @__PURE__ */ jsx29(Button8, { onClick: () => {
                 setSelectedData(table.getSelectedRowModel().rows.map((row) => row.original));
                 closeAfterSelect && disclosure[1].close();
               }, children: "Ch\u1ECDn" });
@@ -1836,11 +1785,11 @@ function AQSelectTableByOpenModal(_a) {
 }
 
 // src/components/Button/ButtonPrintPDF/MyButtonPrintPDF.tsx
-import { Button as Button10 } from "@mantine/core";
+import { Button as Button9 } from "@mantine/core";
 import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
 import { useRef as useRef2 } from "react";
 import { useReactToPrint } from "react-to-print";
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function MyButtonPrintPDF(_a) {
   var _b = _a, { contentToPrint, children, autoPadding = true } = _b, rest = __objRest(_b, ["contentToPrint", "children", "autoPadding"]);
   const printRef = useRef2(null);
@@ -1854,9 +1803,9 @@ function MyButtonPrintPDF(_a) {
     if (!contentToPrint) return;
     handlePrint();
   }
-  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
     /* @__PURE__ */ jsx30("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx30("div", { ref: printRef, style: { padding: autoPadding ? "2cm 2cm 2cm 3cm" : void 0, fontFamily: '"Times New Roman", Times, serif' }, children: contentToPrint }) }),
-    /* @__PURE__ */ jsx30(Button10, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx30(IconPrinter2, {}) }, rest), { children }))
+    /* @__PURE__ */ jsx30(Button9, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx30(IconPrinter2, {}) }, rest), { children }))
   ] });
 }
 
@@ -2032,8 +1981,8 @@ 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,
@@ -2044,7 +1993,7 @@ 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 jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
   modalSize = "80%",
@@ -2069,7 +2018,7 @@ function MyButtonViewPDF({
     },
     enabled: disc[0] == true
   });
-  return /* @__PURE__ */ jsxs20(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment10, { children: [
     /* @__PURE__ */ jsx34(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx34(
       ActionIcon10,
       {
@@ -2079,7 +2028,7 @@ function MyButtonViewPDF({
         children: /* @__PURE__ */ jsx34(IconLivePhoto2, {})
       }
     ) : /* @__PURE__ */ jsx34(
-      Button11,
+      Button10,
       {
         color: "cyan",
         onClick: () => {
@@ -2096,7 +2045,7 @@ function MyButtonViewPDF({
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group9, { children: [
+        title: /* @__PURE__ */ jsxs20(Group8, { children: [
           /* @__PURE__ */ jsx34(Text7, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
           fullScreen[0] ? /* @__PURE__ */ jsx34(
             ActionIcon10,
@@ -6586,10 +6535,10 @@ function MyCalendar() {
 }
 
 // src/components/CenterFull/MyCenterFull.tsx
-import { Center as Center3, Group as Group10 } from "@mantine/core";
+import { Center as Center3, Group as Group9 } from "@mantine/core";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx36(Center3, { w: "100%", children: /* @__PURE__ */ jsx36(Group10, { children }) });
+  return /* @__PURE__ */ jsx36(Center3, { w: "100%", children: /* @__PURE__ */ jsx36(Group9, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
@@ -6642,7 +6591,7 @@ function AQCard({
 }
 
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
-import { Box as Box2, Flex as Flex3, Group as Group11, Paper as Paper5, Text as Text10 } from "@mantine/core";
+import { Box as Box2, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text10 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
 import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function MyCardInformation({
@@ -6661,7 +6610,7 @@ function MyCardInformation({
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs23(Flex3, { direction: "column", children: [
             /* @__PURE__ */ jsx40(
               Text10,
@@ -6683,7 +6632,7 @@ function MyCardInformation({
           /* @__PURE__ */ jsx40(Box2, { children: icon })
         ] }),
         /* @__PURE__ */ jsxs23(
-          Group11,
+          Group10,
           {
             mt: "5",
             align: "flex-end",
@@ -6716,7 +6665,7 @@ function MyCardInformation({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
           /* @__PURE__ */ jsx40(Text10, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
@@ -6727,10 +6676,10 @@ function MyCardInformation({
 }
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
-import { Group as Group12, Text as Text11 } from "@mantine/core";
+import { Group as Group11, Text as Text11 } from "@mantine/core";
 import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function MyIconText({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs24(Group12, { wrap: "nowrap", gap: 10, mt: 3, children: [
+  return /* @__PURE__ */ jsxs24(Group11, { wrap: "nowrap", gap: 10, mt: 3, children: [
     Icon && /* @__PURE__ */ jsx41(Icon, { stroke: 1.5, size: 16 }),
     /* @__PURE__ */ jsx41(Text11, { fz: "lg", c: "dimmed", children: text })
   ] });
@@ -6745,18 +6694,18 @@ function MyNumberFormatter(_a) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button13, Flex as Flex4, Group as Group13, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button12, Flex as Flex4, Group as Group12, 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 jsx43, jsxs as jsxs25 } 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(Fragment12, { children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx43(Fragment11, { children: /* @__PURE__ */ jsxs25(
     Paper6,
     {
       withBorder: true,
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs25(Flex4, { direction: "column", children: [
             /* @__PURE__ */ jsx43(
               Text12,
@@ -6778,7 +6727,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
           /* @__PURE__ */ jsx43(Box3, { children: icons })
         ] }),
         /* @__PURE__ */ jsxs25(
-          Group13,
+          Group12,
           {
             mt: "5",
             align: "flex-end",
@@ -6811,10 +6760,10 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
           /* @__PURE__ */ jsx43(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           /* @__PURE__ */ jsx43(
-            Button13,
+            Button12,
             {
               variant: "light",
               size: "xs",
@@ -6829,7 +6778,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard2.tsx
-import { Box as Box4, Group as Group14, Paper as Paper7, Text as Text13 } from "@mantine/core";
+import { Box as Box4, Group as Group13, Paper as Paper7, Text as Text13 } from "@mantine/core";
 import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function AQStatCard2({
   title,
@@ -6850,7 +6799,7 @@ function AQStatCard2({
       onMouseEnter: (e4) => e4.currentTarget.style.transform = "translateY(-4px)",
       onMouseLeave: (e4) => e4.currentTarget.style.transform = "translateY(0)",
       children: [
-        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs26(Group13, { justify: "space-between", align: "flex-start", children: [
           /* @__PURE__ */ jsxs26(Box4, { children: [
             /* @__PURE__ */ jsx44(MyFlexRow, { gap: 6, align: "end", children: /* @__PURE__ */ jsx44(
               Text13,
@@ -6870,7 +6819,7 @@ function AQStatCard2({
           ] }),
           /* @__PURE__ */ jsx44(Box4, { children: icons })
         ] }),
-        /* @__PURE__ */ jsx44(Group14, { align: "flex-end", gap: "xs", children: /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx44(Group13, { align: "flex-end", gap: "xs", children: /* @__PURE__ */ jsx44(
           Text13,
           {
             fz: 35,
@@ -6972,7 +6921,7 @@ function MyDateInput(_a) {
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group15,
+  Group as Group14,
   Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
@@ -7008,7 +6957,7 @@ function MyFieldset(_a) {
   return /* @__PURE__ */ jsx46(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -7238,7 +7187,7 @@ function MyTextEditor(_a) {
 }
 
 // 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";
 
@@ -7257,7 +7206,7 @@ import { jsx as jsx51 } from "react/jsx-runtime";
 function F_authenticate_Logout({ redirectURL = "/auth/login" }) {
   const router = useRouter3();
   const S_Authenticate = useS_authenticate();
-  return /* @__PURE__ */ jsx51(Button14, { onClick: () => {
+  return /* @__PURE__ */ jsx51(Button13, { onClick: () => {
     S_Authenticate.setProperty("token", "");
     router.replace(redirectURL);
   }, leftSection: /* @__PURE__ */ jsx51(IconLogout, {}), fullWidth: true, justify: "start", variant: "subtle", children: "\u0110\u0103ng xu\u1EA5t" });
@@ -7269,7 +7218,7 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group16,
+  Group as Group15,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
@@ -7285,7 +7234,7 @@ import {
 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 jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
     if (item.link === currentPath) {
@@ -7298,6 +7247,25 @@ function findBreadcrumbPath(items, currentPath, parents = []) {
   }
   return null;
 }
+function flattenMenuGroups(input) {
+  return input.map((group) => {
+    var _a;
+    const flatLinks = [];
+    (_a = group == null ? void 0 : group.links) == null ? void 0 : _a.forEach((link) => {
+      if (link.links && Array.isArray(link.links)) {
+        link.links.forEach((subLink) => {
+          flatLinks.push(subLink);
+        });
+      } else {
+        flatLinks.push(link);
+      }
+    });
+    return {
+      label: group.label,
+      links: flatLinks
+    };
+  });
+}
 function getRightSection(status) {
   if (status === "Prototype")
     return /* @__PURE__ */ jsx52(Badge3, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
@@ -7318,7 +7286,7 @@ function RenderNavLinks({
   const extractPathName = pathName.slice(index).replace("/", "");
   const segments = pathName.split("/").filter(Boolean);
   segments.pop();
-  return /* @__PURE__ */ jsx52(Fragment13, { children: items.map((item, index2) => /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx52(Fragment12, { children: items.map((item, index2) => /* @__PURE__ */ jsx52(
     NavLink,
     {
       active: extractPathName === item.link,
@@ -7474,8 +7442,8 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
       },
       padding: "md",
       children: [
-        /* @__PURE__ */ jsx52(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", children: [
+        /* @__PURE__ */ jsx52(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs29(Group15, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ jsxs29(Group15, { h: "100%", children: [
             /* @__PURE__ */ jsx52(
               Tooltip5,
               {
@@ -7504,7 +7472,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
             ) })
           ] }),
           /* @__PURE__ */ jsx52(
-            Group16,
+            Group15,
             {
               style: {
                 position: "absolute",
@@ -7514,13 +7482,13 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
               children: /* @__PURE__ */ jsx52(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
             }
           ),
-          /* @__PURE__ */ jsxs29(Group16, { children: [
+          /* @__PURE__ */ jsxs29(Group15, { children: [
             extraTopRight,
             /* @__PURE__ */ jsx52(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
+          /* @__PURE__ */ jsxs29(Group15, { h: "100%", px: "md", justify: "space-between", children: [
             /* @__PURE__ */ jsx52(
               ActionIcon11,
               {
@@ -7532,7 +7500,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
               }
             ),
             /* @__PURE__ */ jsx52(Text15, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
-            /* @__PURE__ */ jsxs29(Group16, { children: [
+            /* @__PURE__ */ jsxs29(Group15, { children: [
               extraTopRight,
               /* @__PURE__ */ jsx52(MySwitchTheme, {})
             ] })
@@ -7633,11 +7601,11 @@ function MyContainer(_a) {
 import {
   Box as Box5,
   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,
@@ -7710,7 +7678,7 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure11(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx54(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { wrap: "nowrap", align: "flex-start", children: [
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx54(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group16, { wrap: "nowrap", align: "flex-start", children: [
     /* @__PURE__ */ jsx54(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx54(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
     /* @__PURE__ */ jsxs30("div", { children: [
       /* @__PURE__ */ jsx54(Text16, { size: "sm", fw: 500, children: item.title }),
@@ -7718,12 +7686,12 @@ function HeaderMegaMenu({ children, menus }) {
     ] })
   ] }) }, item.title));
   return /* @__PURE__ */ jsxs30(Box5, { children: [
-    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs30(Group17, { children: [
+    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group16, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs30(Group16, { children: [
         /* @__PURE__ */ jsx54(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx54(Group17, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(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__ */ jsx54(Group16, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(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__ */ jsxs30(Group16, { children: [
         /* @__PURE__ */ jsx54(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx54(IconSearch2, {}), radius: "xl", w: "250px" }),
         /* @__PURE__ */ jsx54(MySwitchTheme, {})
       ] }),
@@ -7742,7 +7710,7 @@ function HeaderMegaMenu({ children, menus }) {
         zIndex: 1e6,
         children: /* @__PURE__ */ jsxs30(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
           /* @__PURE__ */ jsx54(Divider3, { my: "sm" }),
-          /* @__PURE__ */ jsx54(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(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__ */ jsx54(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx54(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__ */ jsx54(Divider3, { my: "sm" })
         ] })
       }
@@ -7751,7 +7719,7 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group18, Text as Text17, Title } from "@mantine/core";
+import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group17, Text as Text17, Title } from "@mantine/core";
 import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
@@ -7763,8 +7731,8 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx55(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
+  return /* @__PURE__ */ jsx55(Group17, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs31(Group17, { align: "center", children: [
       /* @__PURE__ */ jsx55(Title, { order: 3, children: title }),
       status && /* @__PURE__ */ jsx55(
         Badge4,
@@ -7791,8 +7759,8 @@ function MyPageContent({
   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__ */ jsxs31(Group17, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs31(Group17, { children: [
         /* @__PURE__ */ jsx55(MyButtonRouterBack, {}),
         /* @__PURE__ */ jsx55(
           PageTitle,
@@ -7804,7 +7772,7 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs31(Group18, { p: "md", children: [
+      /* @__PURE__ */ jsxs31(Group17, { p: "md", children: [
         rightTopBar,
         /* @__PURE__ */ jsx55(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx55(Text17, { fw: "600", c: "blue", children: item }, idx)) })
       ] })
@@ -7831,7 +7799,7 @@ function MyTab(_a) {
 }
 
 // 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 jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -7844,9 +7812,9 @@ function MyDataTableSelect(_a) {
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs33(Group19, { children: [
+          return /* @__PURE__ */ jsxs33(Group18, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx57(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx57(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
@@ -7860,7 +7828,7 @@ function MyDataTableSelect(_a) {
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx57(Button16, { onClick: () => {
+          return /* @__PURE__ */ jsx57(Button15, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -8011,6 +7979,7 @@ export {
   MyTextEditor,
   useS_authenticate,
   F_authenticate_Logout,
+  flattenMenuGroups,
   BasicAppShell_transformMenuToEnum,
   BasicAppShell,
   groupToTwoLevels,