aq-fe-framework 0.1.509 → 0.1.511

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

@@ -1500,7 +1500,7 @@ function SelectFieldModal({ stack, onImport }) {
 }
 
 // src/components/DataDisplay/DataTable/MyDataTable.tsx
-import { Alert, Center as Center2, Portal, Text as Text6 } from "@mantine/core";
+import { Alert, Center as Center2, Group as Group8, Portal, Text as Text6 } from "@mantine/core";
 import { IconBug } from "@tabler/icons-react";
 import {
   MantineReactTable,
@@ -1519,7 +1519,8 @@ function MyDataTable(_a) {
     isLoading,
     pagination,
     idSelectionOne,
-    setIdSelectionOne
+    setIdSelectionOne,
+    renderTopToolbarCustomActions
   } = _b, rest = __objRest(_b, [
     "rowActionSize",
     "columns",
@@ -1529,7 +1530,8 @@ function MyDataTable(_a) {
     "isLoading",
     "pagination",
     "idSelectionOne",
-    "setIdSelectionOne"
+    "setIdSelectionOne",
+    "renderTopToolbarCustomActions"
   ]);
   const { renderRowActions } = __spreadValues({}, rest);
   const table = useMantineReactTable(__spreadValues({
@@ -1540,6 +1542,9 @@ function MyDataTable(_a) {
     enableEditing: renderRowActions ? true : false,
     positionActionsColumn: "last",
     enableColumnResizing: true,
+    renderTopToolbarCustomActions: ({ table: table2 }) => {
+      return /* @__PURE__ */ jsx26(Group8, { children: renderTopToolbarCustomActions == null ? void 0 : renderTopToolbarCustomActions({ table: table2 }) });
+    },
     layoutMode: "semantic",
     displayColumnDefOptions: {
       "mrt-row-actions": {
@@ -1982,7 +1987,7 @@ function MyButtonRouterBack(_a) {
 import {
   ActionIcon as ActionIcon10,
   Button as Button10,
-  Group as Group8,
+  Group as Group9,
   LoadingOverlay,
   Modal as Modal10,
   Paper as Paper3,
@@ -2045,7 +2050,7 @@ function MyButtonViewPDF({
         opened: disc[0],
         onClose: disc[1].close,
         size: modalSize,
-        title: /* @__PURE__ */ jsxs20(Group8, { children: [
+        title: /* @__PURE__ */ jsxs20(Group9, { children: [
           /* @__PURE__ */ jsx34(Text7, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
           fullScreen[0] ? /* @__PURE__ */ jsx34(
             ActionIcon10,
@@ -6535,10 +6540,10 @@ function MyCalendar() {
 }
 
 // src/components/CenterFull/MyCenterFull.tsx
-import { Center as Center3, Group as Group9 } from "@mantine/core";
+import { Center as Center3, Group as Group10 } from "@mantine/core";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function MyCenterFull({ children }) {
-  return /* @__PURE__ */ jsx36(Center3, { w: "100%", children: /* @__PURE__ */ jsx36(Group9, { children }) });
+  return /* @__PURE__ */ jsx36(Center3, { w: "100%", children: /* @__PURE__ */ jsx36(Group10, { children }) });
 }
 
 // src/components/Checkbox/MyCheckbox.tsx
@@ -6591,7 +6596,7 @@ function AQCard({
 }
 
 // src/components/DataDisplay/CardInformation/MyCardInformation.tsx
-import { Box as Box2, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text10 } from "@mantine/core";
+import { Box as Box2, Flex as Flex3, Group as Group11, 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({
@@ -6610,7 +6615,7 @@ function MyCardInformation({
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs23(Flex3, { direction: "column", children: [
             /* @__PURE__ */ jsx40(
               Text10,
@@ -6632,7 +6637,7 @@ function MyCardInformation({
           /* @__PURE__ */ jsx40(Box2, { children: icon })
         ] }),
         /* @__PURE__ */ jsxs23(
-          Group10,
+          Group11,
           {
             mt: "5",
             align: "flex-end",
@@ -6665,7 +6670,7 @@ function MyCardInformation({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs23(Group10, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs23(Group11, { justify: "space-between", children: [
           /* @__PURE__ */ jsx40(Text10, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           extraControl
         ] })
@@ -6676,10 +6681,10 @@ function MyCardInformation({
 }
 
 // src/components/DataDisplay/IconText/MyIconText.tsx
-import { Group as Group11, Text as Text11 } from "@mantine/core";
+import { Group as Group12, 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(Group11, { wrap: "nowrap", gap: 10, mt: 3, children: [
+  return /* @__PURE__ */ jsxs24(Group12, { 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 })
   ] });
@@ -6694,7 +6699,7 @@ function MyNumberFormatter(_a) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box as Box3, Button as Button12, Flex as Flex4, Group as Group12, Paper as Paper6, Text as Text12 } from "@mantine/core";
+import { Box as Box3, Button as Button12, Flex as Flex4, 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 Fragment11, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
@@ -6705,7 +6710,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
       p: "md",
       radius: "md",
       children: [
-        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs25(Flex4, { direction: "column", children: [
             /* @__PURE__ */ jsx43(
               Text12,
@@ -6727,7 +6732,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
           /* @__PURE__ */ jsx43(Box3, { children: icons })
         ] }),
         /* @__PURE__ */ jsxs25(
-          Group12,
+          Group13,
           {
             mt: "5",
             align: "flex-end",
@@ -6760,7 +6765,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25(Group12, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs25(Group13, { justify: "space-between", children: [
           /* @__PURE__ */ jsx43(Text12, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
           /* @__PURE__ */ jsx43(
             Button12,
@@ -6778,7 +6783,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard2.tsx
-import { Box as Box4, Group as Group13, Paper as Paper7, Text as Text13 } from "@mantine/core";
+import { Box as Box4, Group as Group14, Paper as Paper7, Text as Text13 } from "@mantine/core";
 import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function AQStatCard2({
   title,
@@ -6799,7 +6804,7 @@ function AQStatCard2({
       onMouseEnter: (e4) => e4.currentTarget.style.transform = "translateY(-4px)",
       onMouseLeave: (e4) => e4.currentTarget.style.transform = "translateY(0)",
       children: [
-        /* @__PURE__ */ jsxs26(Group13, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs26(Group14, { justify: "space-between", align: "flex-start", children: [
           /* @__PURE__ */ jsxs26(Box4, { children: [
             /* @__PURE__ */ jsx44(MyFlexRow, { gap: 6, align: "end", children: /* @__PURE__ */ jsx44(
               Text13,
@@ -6819,7 +6824,7 @@ function AQStatCard2({
           ] }),
           /* @__PURE__ */ jsx44(Box4, { children: icons })
         ] }),
-        /* @__PURE__ */ jsx44(Group13, { align: "flex-end", gap: "xs", children: /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx44(Group14, { align: "flex-end", gap: "xs", children: /* @__PURE__ */ jsx44(
           Text13,
           {
             fz: 35,
@@ -6921,7 +6926,7 @@ function MyDateInput(_a) {
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import {
   Fieldset as Fieldset4,
-  Group as Group14,
+  Group as Group15,
   Text as Text14,
   useMantineColorScheme as useMantineColorScheme2
 } from "@mantine/core";
@@ -6957,7 +6962,7 @@ function MyFieldset(_a) {
   return /* @__PURE__ */ jsx46(
     Fieldset4,
     __spreadProps(__spreadValues({
-      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
+      legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx46(Group15, { gap: "xs", children: /* @__PURE__ */ jsxs27(Text14, { fw: 600, children: [
         " ",
         title,
         " "
@@ -7218,7 +7223,7 @@ import {
   AppShell,
   Badge as Badge3,
   Divider as Divider2,
-  Group as Group15,
+  Group as Group16,
   Image as Image3,
   NavLink,
   ScrollArea as ScrollArea3,
@@ -7442,8 +7447,8 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
       },
       padding: "md",
       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(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(
               Tooltip5,
               {
@@ -7472,7 +7477,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
             ) })
           ] }),
           /* @__PURE__ */ jsx52(
-            Group15,
+            Group16,
             {
               style: {
                 position: "absolute",
@@ -7482,13 +7487,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(Group15, { children: [
+          /* @__PURE__ */ jsxs29(Group16, { children: [
             extraTopRight,
             /* @__PURE__ */ jsx52(MySwitchTheme, {})
           ] })
         ] }) : (
           // For mobile screens - simplified layout
-          /* @__PURE__ */ jsxs29(Group15, { h: "100%", px: "md", justify: "space-between", children: [
+          /* @__PURE__ */ jsxs29(Group16, { h: "100%", px: "md", justify: "space-between", children: [
             /* @__PURE__ */ jsx52(
               ActionIcon11,
               {
@@ -7500,7 +7505,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(Group15, { children: [
+            /* @__PURE__ */ jsxs29(Group16, { children: [
               extraTopRight,
               /* @__PURE__ */ jsx52(MySwitchTheme, {})
             ] })
@@ -7605,7 +7610,7 @@ import {
   Container as Container2,
   Divider as Divider3,
   Drawer,
-  Group as Group16,
+  Group as Group17,
   Image as Image4,
   ScrollArea as ScrollArea4,
   Text as Text16,
@@ -7678,7 +7683,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(Group16, { wrap: "nowrap", align: "flex-start", children: [
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx54(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs30(Group17, { 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 }),
@@ -7686,12 +7691,12 @@ function HeaderMegaMenu({ children, menus }) {
     ] })
   ] }) }, item.title));
   return /* @__PURE__ */ jsxs30(Box5, { children: [
-    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group16, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ jsxs30(Group16, { children: [
+    /* @__PURE__ */ jsx54("header", { className: css_default.header, children: /* @__PURE__ */ jsxs30(Group17, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ jsxs30(Group17, { children: [
         /* @__PURE__ */ jsx54(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__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__ */ jsx54(Group17, { 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(Group16, { children: [
+      /* @__PURE__ */ jsxs30(Group17, { children: [
         /* @__PURE__ */ jsx54(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx54(IconSearch2, {}), radius: "xl", w: "250px" }),
         /* @__PURE__ */ jsx54(MySwitchTheme, {})
       ] }),
@@ -7719,7 +7724,7 @@ function HeaderMegaMenu({ children, menus }) {
 }
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group17, Text as Text17, Title } from "@mantine/core";
+import { Badge as Badge4, Breadcrumbs, Container as Container3, Divider as Divider4, Group as Group18, Text as Text17, Title } from "@mantine/core";
 import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 var getStatusColor = (status) => {
   switch (status) {
@@ -7731,8 +7736,8 @@ var getStatusColor = (status) => {
 };
 function PageTitle({ title, status, note }) {
   const color = getStatusColor(status);
-  return /* @__PURE__ */ jsx55(Group17, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
-    /* @__PURE__ */ jsxs31(Group17, { align: "center", children: [
+  return /* @__PURE__ */ jsx55(Group18, { children: /* @__PURE__ */ jsxs31(MyFlexColumn, { gap: 0, children: [
+    /* @__PURE__ */ jsxs31(Group18, { align: "center", children: [
       /* @__PURE__ */ jsx55(Title, { order: 3, children: title }),
       status && /* @__PURE__ */ jsx55(
         Badge4,
@@ -7759,8 +7764,8 @@ function MyPageContent({
   const basicAppShellStore = useS_BasicAppShell();
   const finalTitle = title || basicAppShellStore.state.title;
   return /* @__PURE__ */ jsxs31(Container3, { p: 0, fluid: true, children: [
-    /* @__PURE__ */ jsxs31(Group17, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs31(Group17, { children: [
+    /* @__PURE__ */ jsxs31(Group18, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs31(Group18, { children: [
         /* @__PURE__ */ jsx55(MyButtonRouterBack, {}),
         /* @__PURE__ */ jsx55(
           PageTitle,
@@ -7772,7 +7777,7 @@ function MyPageContent({
         ),
         leftTopBar
       ] }),
-      /* @__PURE__ */ jsxs31(Group17, { p: "md", children: [
+      /* @__PURE__ */ jsxs31(Group18, { 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)) })
       ] })
@@ -7799,7 +7804,7 @@ function MyTab(_a) {
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon12, Button as Button15, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon12, Button as Button15, Fieldset as Fieldset5, Group as Group19, 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";
@@ -7812,7 +7817,7 @@ function MyDataTableSelect(_a) {
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsxs33(Group18, { children: [
+          return /* @__PURE__ */ jsxs33(Group19, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
             /* @__PURE__ */ jsx57(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });

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

@@ -2,7 +2,7 @@ import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-KCYPNG4W.mjs";
+} from "./chunk-JYZUJKAM.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-FWCSY2DS.mjs";
 
 // src/core/button/MyActionIcon.tsx
-import { ActionIcon } from "@mantine/core";
+import { ActionIcon, useMantineColorScheme } from "@mantine/core";
 import {
   IconDeviceFloppy,
   IconEdit,
@@ -35,70 +35,71 @@ import {
   IconX
 } from "@tabler/icons-react";
 import { jsx } from "react/jsx-runtime";
-var actionConfig = {
+var getActionConfig = (colorScheme) => ({
   default: {},
   create: {
     color: "indigo",
     type: "submit",
-    icon: /* @__PURE__ */ jsx(IconPlus, {})
+    children: /* @__PURE__ */ jsx(IconPlus, {})
   },
   createMultiple: {
     color: "green",
     type: "submit",
-    icon: /* @__PURE__ */ jsx(IconPlus, {})
+    children: /* @__PURE__ */ jsx(IconPlus, {})
   },
   delete: {
     color: "red",
-    icon: /* @__PURE__ */ jsx(IconTrash, {})
+    children: /* @__PURE__ */ jsx(IconTrash, {})
   },
   update: {
     color: "yellow",
     type: "submit",
-    icon: /* @__PURE__ */ jsx(IconEdit, {})
+    children: /* @__PURE__ */ jsx(IconEdit, {})
   },
   save: {
     color: "blue",
     type: "submit",
-    icon: /* @__PURE__ */ jsx(IconDeviceFloppy, {})
+    children: /* @__PURE__ */ jsx(IconDeviceFloppy, {})
   },
   import: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx(IconFileImport, {})
+    children: /* @__PURE__ */ jsx(IconFileImport, {})
   },
   print: {
     color: "orange.7",
-    icon: /* @__PURE__ */ jsx(IconPrinter, {})
+    children: /* @__PURE__ */ jsx(IconPrinter, {})
   },
   export: {
     color: "green.8",
-    icon: /* @__PURE__ */ jsx(IconFileExport, {})
+    children: /* @__PURE__ */ jsx(IconFileExport, {})
   },
   cancel: {
     color: "gray",
-    icon: /* @__PURE__ */ jsx(IconX, {})
+    children: /* @__PURE__ */ jsx(IconX, {})
   },
   select: {},
   check: {}
-};
+});
 function MyActionIcon(_a) {
   var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
+  const { colorScheme } = useMantineColorScheme();
   if (!actionType) {
     return /* @__PURE__ */ jsx(ActionIcon, __spreadProps(__spreadValues({}, rest), { children }));
   }
-  const config = actionConfig[actionType];
+  const config = actionType ? getActionConfig(colorScheme)[actionType] : {};
   return /* @__PURE__ */ jsx(
     ActionIcon,
     __spreadProps(__spreadValues({
       color: config.color,
       type: config.type
     }, rest), {
-      children: config.icon
+      children: config.children
     })
   );
 }
 
 // src/core/button/MyButton.tsx
-import { Button, useMantineColorScheme } from "@mantine/core";
+import { Button, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
 import {
   IconDeviceFloppy as IconDeviceFloppy2,
   IconDownload,
@@ -110,80 +111,80 @@ import {
   IconX as IconX2
 } from "@tabler/icons-react";
 import { jsx as jsx2 } from "react/jsx-runtime";
+var getActionConfig2 = (colorScheme) => ({
+  default: {
+    children: ""
+  },
+  create: {
+    color: colorScheme == "light" ? "blue" : "blue.3",
+    type: "submit",
+    leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
+    children: "Th\xEAm"
+  },
+  createMultiple: {
+    color: "green",
+    type: "submit",
+    leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
+    children: "Th\xEAm danh s\xE1ch"
+  },
+  delete: {
+    color: "red",
+    leftSection: /* @__PURE__ */ jsx2(IconTrash2, {}),
+    children: "X\xF3a"
+  },
+  update: {
+    color: "yellow",
+    type: "submit",
+    leftSection: /* @__PURE__ */ jsx2(IconEdit2, {}),
+    children: "Ch\u1EC9nh s\u1EEDa"
+  },
+  save: {
+    color: "blue",
+    type: "submit",
+    leftSection: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
+    children: "L\u01B0u"
+  },
+  import: {
+    color: colorScheme == "light" ? "green" : "green.3",
+    leftSection: /* @__PURE__ */ jsx2(IconUpload, {}),
+    children: "Import",
+    variant: "light"
+  },
+  export: {
+    color: colorScheme == "light" ? "violet" : "violet.3",
+    leftSection: /* @__PURE__ */ jsx2(IconDownload, {}),
+    children: "Export",
+    variant: "light"
+  },
+  print: {
+    color: "orange.7",
+    leftSection: /* @__PURE__ */ jsx2(IconPrinter2, {}),
+    children: "In"
+  },
+  cancel: {
+    color: "gray",
+    leftSection: /* @__PURE__ */ jsx2(IconX2, {}),
+    children: "H\u1EE7y thao t\xE1c"
+  },
+  select: {
+    children: "Ch\u1ECDn"
+  },
+  check: {
+    children: "Ch\u1ECDn"
+  }
+});
 function MyButton(_a) {
   var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
-  const { colorScheme } = useMantineColorScheme();
-  const actionConfig2 = {
-    default: {
-      children: ""
-    },
-    create: {
-      color: colorScheme == "light" ? "blue" : "blue.3",
-      type: "submit",
-      leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
-      children: "Th\xEAm"
-    },
-    createMultiple: {
-      color: "green",
-      type: "submit",
-      leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
-      children: "Th\xEAm danh s\xE1ch"
-    },
-    delete: {
-      color: "red",
-      leftSection: /* @__PURE__ */ jsx2(IconTrash2, {}),
-      children: "X\xF3a"
-    },
-    update: {
-      color: "yellow",
-      type: "submit",
-      leftSection: /* @__PURE__ */ jsx2(IconEdit2, {}),
-      children: "Ch\u1EC9nh s\u1EEDa"
-    },
-    save: {
-      color: "blue",
-      type: "submit",
-      leftSection: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
-      children: "L\u01B0u"
-    },
-    import: {
-      color: colorScheme == "light" ? "green" : "green.3",
-      leftSection: /* @__PURE__ */ jsx2(IconUpload, {}),
-      children: "Import",
-      variant: "light"
-    },
-    export: {
-      color: colorScheme == "light" ? "violet" : "violet.3",
-      leftSection: /* @__PURE__ */ jsx2(IconDownload, {}),
-      children: "Export",
-      variant: "light"
-    },
-    print: {
-      color: "orange.7",
-      leftSection: /* @__PURE__ */ jsx2(IconPrinter2, {}),
-      children: "In"
-    },
-    cancel: {
-      color: "gray",
-      leftSection: /* @__PURE__ */ jsx2(IconX2, {}),
-      children: "H\u1EE7y thao t\xE1c"
-    },
-    select: {
-      children: "Ch\u1ECDn"
-    },
-    check: {
-      children: "Ch\u1ECDn"
-    }
-  };
+  const { colorScheme } = useMantineColorScheme2();
   if (!actionType) {
     return /* @__PURE__ */ jsx2(Button, __spreadProps(__spreadValues({}, rest), { children }));
   }
-  const config = actionConfig2[actionType];
+  const config = actionType ? getActionConfig2(colorScheme)[actionType] : {};
   return /* @__PURE__ */ jsx2(Button, __spreadValues(__spreadValues({}, config), rest));
 }
 
 // src/core/button/MyButtonCreateUpdate.tsx
-import { ActionIcon as ActionIcon2, Button as Button2, Modal, ScrollArea, Space, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
+import { ActionIcon as ActionIcon2, Button as Button2, Modal, ScrollArea, Space, useMantineColorScheme as useMantineColorScheme3 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { IconEdit as IconEdit3, IconPlus as IconPlus3 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
@@ -215,7 +216,7 @@ function MyButtonCreateUpdate({
   isUpdate = false,
   scrollAreaAutosizeProps
 }) {
-  const theme = useMantineColorScheme2();
+  const theme = useMantineColorScheme3();
   const defaultDisclosure = useDisclosure();
   const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
   const queryClient = useQueryClient();
@@ -337,7 +338,17 @@ function MyButtonModal({
   isActionIcon = false
 }) {
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    isActionIcon ? /* @__PURE__ */ jsx6(MyActionIcon, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, actionIconProps)) : /* @__PURE__ */ jsx6(MyButton, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open }, buttonProps)),
+    isActionIcon ? /* @__PURE__ */ jsx6(
+      MyActionIcon,
+      __spreadValues({
+        onClick: disclosure == null ? void 0 : disclosure[1].open
+      }, actionIconProps)
+    ) : /* @__PURE__ */ jsx6(
+      MyButton,
+      __spreadValues({
+        onClick: disclosure == null ? void 0 : disclosure[1].open
+      }, buttonProps)
+    ),
     /* @__PURE__ */ jsx6(
       Modal2,
       __spreadProps(__spreadValues({
@@ -354,11 +365,30 @@ function MyButtonModal({
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/core/button/MyButtonModalCreateUpdate.tsx
+import { Stack } from "@mantine/core";
 import { useDisclosure as useDisclosure3 } from "@mantine/hooks";
 import { jsx as jsx8 } from "react/jsx-runtime";
-function MyButtonModalCreateUpdate(props) {
+function MyButtonModalCreateUpdate(_a) {
+  var _b = _a, {
+    children,
+    isUpdate
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "isUpdate"
+  ]);
   const disc = useDisclosure3();
-  return /* @__PURE__ */ jsx8(MyButtonModal, __spreadValues({ disclosure: disc, modalProps: { title: "Chi ti\u1EBFt d\u1EEF li\u1EC7u" } }, props));
+  return /* @__PURE__ */ jsx8(
+    MyButtonModal,
+    __spreadProps(__spreadValues({
+      disclosure: disc,
+      modalProps: { title: "Chi ti\u1EBFt d\u1EEF li\u1EC7u" },
+      buttonProps: { actionType: "create" },
+      actionIconProps: { actionType: "update" },
+      isActionIcon: isUpdate
+    }, rest), {
+      children: /* @__PURE__ */ jsx8("form", { children: /* @__PURE__ */ jsx8(Stack, { children }) })
+    })
+  );
 }
 
 // src/core/button/MyButtonPrintPDF.tsx
@@ -470,10 +500,10 @@ function MyFlexIconTitle(props) {
 }
 
 // src/core/dataDisplay/MyInfoBox.tsx
-import { Group, Paper, Stack, Text as Text2 } from "@mantine/core";
+import { Group, Paper, Stack as Stack2, Text as Text2 } from "@mantine/core";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyInfoBox({ title, data, paperProps }) {
-  return /* @__PURE__ */ jsx13(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs6(Stack, { children: [
+  return /* @__PURE__ */ jsx13(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs6(Stack2, { children: [
     title && /* @__PURE__ */ jsx13(Text2, { fw: 600, size: "sm", children: title }),
     data.map((item, index) => /* @__PURE__ */ jsxs6(Group, { justify: "space-between", children: [
       /* @__PURE__ */ jsx13(Text2, { size: "sm", fw: 500, c: "dimmed", children: item.label }),

package/dist/components/index.d.mts

@@ -314,7 +314,7 @@ interface MyDataTableProps<TData extends MRT_RowData> extends MRT_TableOptions<T
     idSelectionOne?: string;
     setIdSelectionOne?: (value: string) => void;
 }
-declare function MyDataTable<TData extends MRT_RowData>({ rowActionSize, columns, data, setSelectedRow, isError, isLoading, pagination, idSelectionOne, setIdSelectionOne, ...rest }: MyDataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function MyDataTable<TData extends MRT_RowData>({ rowActionSize, columns, data, setSelectedRow, isError, isLoading, pagination, idSelectionOne, setIdSelectionOne, renderTopToolbarCustomActions, ...rest }: MyDataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 interface MyIconTextProps {
     icon?: React.ElementType;

package/dist/components/index.mjs

@@ -67,7 +67,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-KCYPNG4W.mjs";
+} from "../chunk-JYZUJKAM.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/core/index.d.mts

@@ -64,8 +64,12 @@ interface MyButtonModalProps {
 declare function MyButtonModal({ disclosure, children, buttonProps, actionIconProps, modalProps, isActionIcon }: MyButtonModalProps): react_jsx_runtime.JSX.Element;
 
 interface MyButtonModalCreateUpdateProps extends Omit<MyButtonModalProps, "disclosure"> {
+    isUpdate?: boolean;
+    onSubmit?: () => void;
+    successMessage?: string;
+    errorMessage?: string;
 }
-declare function MyButtonModalCreateUpdate(props?: MyButtonModalCreateUpdateProps): react_jsx_runtime.JSX.Element;
+declare function MyButtonModalCreateUpdate({ children, isUpdate, ...rest }: MyButtonModalCreateUpdateProps): react_jsx_runtime.JSX.Element;
 
 type PageSizeOption = "portrait" | "landscape" | "A4-landscape";
 interface MyButtonPrintPDFProps {

package/dist/core/index.mjs

@@ -18,8 +18,8 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-RVLIJK3A.mjs";
-import "../chunk-KCYPNG4W.mjs";
+} from "../chunk-TXRNH2ZM.mjs";
+import "../chunk-JYZUJKAM.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";

package/dist/modules-features/index.mjs

@@ -16,7 +16,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-RVLIJK3A.mjs";
+} from "../chunk-TXRNH2ZM.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -42,7 +42,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-KCYPNG4W.mjs";
+} from "../chunk-JYZUJKAM.mjs";
 import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";
@@ -295,7 +295,7 @@ function UseCase_PermissionViewCheckTable({ value = [], onChange, isLoading }) {
       /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 14, width: "60%" }) }),
       Array.from({ length: permissionKeys.length }).map((_2, colIdx) => /* @__PURE__ */ jsx4(Table.Td, { children: /* @__PURE__ */ jsx4(Skeleton, { height: 16, circle: true }) }, colIdx))
     ] }, rowIdx)) })
-  ] }) : /* @__PURE__ */ jsxs(Table, { children: [
+  ] }) : /* @__PURE__ */ jsx4(Table.ScrollContainer, { minWidth: 500, maxHeight: "70vh", children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, children: [
     /* @__PURE__ */ jsx4(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
       /* @__PURE__ */ jsx4(Table.Th, { children: "Danh s\xE1ch ch\u1EE9c n\u0103ng" }),
       actionType.map((item, idx) => {
@@ -342,7 +342,7 @@ function UseCase_PermissionViewCheckTable({ value = [], onChange, isLoading }) {
         ] }, mIdx);
       })
     ] }, gIdx)) })
-  ] }) }) });
+  ] }) }) }) });
 }
 
 // src/module/Permission/adapter/Permission_ViewCheckMenuPermission.tsx

package/package.json

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