aq-fe-framework 0.1.975 → 0.1.977

package/dist/{MyDataTable-Doa_T88Z.d.mts → MyDataTable-CThYCmt0.d.mts}

@@ -14,6 +14,7 @@ declare function MyActionIcon({ children, actionType, isCheckPermission, ...rest
 interface MyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
     actionType?: type_action;
     children?: ReactNode;
+    /** Không cần bật kiểm tra quyền mặc định = true */
     isCheckPermission?: boolean;
 }
 declare function MyButton({ children, actionType, isCheckPermission, ...rest }: MyButtonProps): react_jsx_runtime.JSX.Element;

package/dist/{chunk-DJG24DWZ.mjs → chunk-Q3M6GQ26.mjs}

@@ -1,3 +1,7 @@
+import {
+  useStore_Permission,
+  useStore_ProjectInfo
+} from "./chunk-BJAYNNOF.mjs";
 import {
   utils_aq_mapBaseEntityToDomain,
   utils_aq_mapDomainToEntity,
@@ -12,26 +16,22 @@ import {
   utils_notification_show,
   utils_pdf_download
 } from "./chunk-KGBXMHKR.mjs";
-import {
-  useStore_Permission,
-  useStore_ProjectInfo
-} from "./chunk-BJAYNNOF.mjs";
 import {
   utils_date,
   utils_excel,
   utils_file,
   utils_mantineReactTable
-} from "./chunk-PBI7RFUT.mjs";
+} from "./chunk-XAQLBGVI.mjs";
 import {
   createGenericStore2 as createGenericStore
 } from "./chunk-YGWSHSTG.mjs";
-import {
-  enum_daysOfWeek
-} from "./chunk-K6S7R6LU.mjs";
 import {
   const_object_colors,
   const_object_documentTypes
 } from "./chunk-SPG47QW7.mjs";
+import {
+  enum_daysOfWeek
+} from "./chunk-K6S7R6LU.mjs";
 import {
   createBaseApi,
   useConfig,
@@ -80,7 +80,7 @@ function CustomSwitchTheme() {
 }
 
 // src/core/button/MyButtonCreateUpdate.tsx
-import { Modal, ScrollArea, Space, Tooltip, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
+import { Modal, ScrollArea, Space, Tooltip as Tooltip2, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { notifications } from "@mantine/notifications";
 
@@ -93,7 +93,7 @@ function MyFlexColumn(_a) {
 }
 
 // src/core/button/MyActionIcon/MyActionIcon.tsx
-import { ActionIcon as ActionIcon2, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
+import { ActionIcon as ActionIcon2, Tooltip, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
 import {
   IconBook,
   IconChecklist,
@@ -106,6 +106,7 @@ import {
   IconPencil,
   IconPlus,
   IconPrinter,
+  IconSelect,
   IconTrash,
   IconX
 } from "@tabler/icons-react";
@@ -152,10 +153,12 @@ var getActionConfig = (colorScheme) => ({
     color: "gray",
     children: /* @__PURE__ */ jsx3(IconX, {})
   },
-  select: {},
+  select: {
+    children: /* @__PURE__ */ jsx3(IconSelect, {}),
+    color: "violet"
+  },
   check: {
-    color: "orange",
-    children: /* @__PURE__ */ jsx3(IconChecklist, {})
+    children: /* @__PURE__ */ jsx3(IconSelect, {})
   },
   find: {},
   tempDelete: {
@@ -178,7 +181,11 @@ var getActionConfig = (colorScheme) => ({
     color: "grape",
     children: /* @__PURE__ */ jsx3(IconMail, {})
   },
-  validate: {}
+  validate: {
+    color: "orange",
+    children: /* @__PURE__ */ jsx3(IconChecklist, {}),
+    tooltipLabel: "Ki\u1EC3m tra"
+  }
 });
 function MyActionIcon(_a) {
   var _b = _a, { children, actionType: actionType2, isCheckPermission = true } = _b, rest = __objRest(_b, ["children", "actionType", "isCheckPermission"]);
@@ -193,14 +200,8 @@ function MyActionIcon(_a) {
       return false;
     return actionType2 === "create" && permissionStore.state.currentPermissionPage.isCreate === false || actionType2 === "update" && permissionStore.state.currentPermissionPage.isUpdate === false || actionType2 === "delete" && permissionStore.state.currentPermissionPage.isDelete === false || actionType2 === "print" && permissionStore.state.currentPermissionPage.isPrint === false || actionType2 === "export" && permissionStore.state.currentPermissionPage.isExport === false;
   })();
-  return /* @__PURE__ */ jsx3(
-    ActionIcon2,
-    __spreadProps(__spreadValues(__spreadValues({
-      hidden: shouldHide
-    }, config4), rest), {
-      children: children || config4.children
-    })
-  );
+  const actionIcon = /* @__PURE__ */ jsx3(ActionIcon2, __spreadProps(__spreadValues(__spreadValues({ hidden: shouldHide }, config4), rest), { children: children || config4.children }));
+  return config4.tooltipLabel ? /* @__PURE__ */ jsx3(Tooltip, { label: config4.tooltipLabel, children: actionIcon }) : actionIcon;
 }
 
 // src/core/button/MyButton/MyButton.tsx
@@ -210,12 +211,13 @@ import {
   IconDeviceFloppy as IconDeviceFloppy2,
   IconDownload,
   IconEdit as IconEdit2,
+  IconEye as IconEye2,
   IconLivePhoto,
   IconMail as IconMail2,
-  IconPencil as IconPencil2,
   IconPlus as IconPlus2,
   IconPrinter as IconPrinter2,
   IconSearch,
+  IconSelect as IconSelect2,
   IconTrash as IconTrash2,
   IconUpload,
   IconX as IconX2
@@ -272,21 +274,18 @@ var getActionConfig2 = (colorScheme) => ({
     children: "H\u1EE7y thao t\xE1c"
   },
   select: {
-    children: "Ch\u1ECDn"
-  },
-  check: {
-    children: "Ch\u1ECDn"
+    children: "Ch\u1ECDn",
+    leftSection: /* @__PURE__ */ jsx4(IconSelect2, {}),
+    color: "violet"
   },
+  check: {},
   find: {
     color: "green",
     leftSection: /* @__PURE__ */ jsx4(IconSearch, {}),
     children: "T\xECm"
   },
   tempDelete: {},
-  tempUpdate: {
-    color: "yellow",
-    leftSection: /* @__PURE__ */ jsx4(IconPencil2, {})
-  },
+  tempUpdate: {},
   viewFile: {
     color: "cyan",
     leftSection: /* @__PURE__ */ jsx4(IconLivePhoto, {}),
@@ -297,9 +296,12 @@ var getActionConfig2 = (colorScheme) => ({
     leftSection: /* @__PURE__ */ jsx4(IconMail2, {}),
     children: "G\u1EEDi mail"
   },
-  view: {},
+  view: {
+    children: "Xem chi ti\u1EBFt",
+    leftSection: /* @__PURE__ */ jsx4(IconEye2, {})
+  },
   validate: {
-    color: "indigo",
+    color: "orange",
     variant: "outline",
     children: "Ki\u1EC3m tra",
     leftSection: /* @__PURE__ */ jsx4(IconChecklist2, {})
@@ -383,7 +385,7 @@ function MyButtonCreateUpdate({
     }, useMyReactMutationProps == null ? void 0 : useMyReactMutationProps.options)
   }));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isUpdate == true ? /* @__PURE__ */ jsx5(Tooltip, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx5(
+    isUpdate == true ? /* @__PURE__ */ jsx5(Tooltip2, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx5(
       MyActionIcon,
       __spreadValues({
         actionType: "update",
@@ -467,7 +469,7 @@ function MyFlexColumn2(_a) {
 }
 
 // src/core/button/MyButtonModal.tsx
-import { Modal as Modal2, Tooltip as Tooltip2 } from "@mantine/core";
+import { Modal as Modal2, Tooltip as Tooltip3 } from "@mantine/core";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function MyButtonModal({
   disclosure,
@@ -488,7 +490,7 @@ function MyButtonModal({
     disclosure == null ? void 0 : disclosure[1].open();
   };
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    isActionIcon ? /* @__PURE__ */ jsx8(Tooltip2, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx8(
+    isActionIcon ? /* @__PURE__ */ jsx8(Tooltip3, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx8(
       MyActionIcon,
       __spreadProps(__spreadValues({}, actionIconProps), {
         onClick: handleClick
@@ -1211,11 +1213,11 @@ function MyActionIconUpdate(_a) {
 }
 
 // src/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx
-import { ActionIcon as ActionIcon5, Tooltip as Tooltip3 } from "@mantine/core";
+import { ActionIcon as ActionIcon5, Tooltip as Tooltip4 } from "@mantine/core";
 import { IconDownload as IconDownload3 } from "@tabler/icons-react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }) {
-  return /* @__PURE__ */ jsx21(Tooltip3, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx21(ActionIcon5, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx21(IconDownload3, {}) }) });
+  return /* @__PURE__ */ jsx21(Tooltip4, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx21(ActionIcon5, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx21(IconDownload3, {}) }) });
 }
 
 // src/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx
@@ -1240,7 +1242,7 @@ function MyActionIconUpload() {
 }
 
 // src/components/ActionIcons/ActionIconViewPdf/MyActionIconViewPDF.tsx
-import { ActionIcon as ActionIcon7, Group as Group2, Modal as Modal4, Paper, Text as Text3, Tooltip as Tooltip4 } from "@mantine/core";
+import { ActionIcon as ActionIcon7, Group as Group2, Modal as Modal4, Paper, Text as Text3, Tooltip as Tooltip5 } from "@mantine/core";
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize, IconMinimize } from "@tabler/icons-react";
 import { useState as useState4 } from "react";
@@ -1257,7 +1259,7 @@ function MyActionIconViewPDF(_a) {
   const fullScreen = useState4(false);
   const hSize = useState4("80vh");
   return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx23(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx23(ActionIcon7, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx23(IconLivePhoto2, {}) })) }),
+    /* @__PURE__ */ jsx23(Tooltip5, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx23(ActionIcon7, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx23(IconLivePhoto2, {}) })) }),
     /* @__PURE__ */ jsx23(
       Modal4,
       {
@@ -2648,7 +2650,7 @@ import {
   Modal as Modal11,
   Paper as Paper3,
   Text as Text7,
-  Tooltip as Tooltip5
+  Tooltip as Tooltip6
 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto3, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
@@ -2705,7 +2707,7 @@ function MyButtonViewPDF({
     }
   }, [opened]);
   return /* @__PURE__ */ jsxs24(Fragment14, { children: [
-    /* @__PURE__ */ jsx43(Tooltip5, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx43(ActionIcon10, { onClick: open, children: /* @__PURE__ */ jsx43(IconLivePhoto3, {}) }) : /* @__PURE__ */ jsx43(Button12, { color: "cyan", onClick: open, leftSection: /* @__PURE__ */ jsx43(IconLivePhoto3, {}), children: label }) }),
+    /* @__PURE__ */ jsx43(Tooltip6, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx43(ActionIcon10, { onClick: open, children: /* @__PURE__ */ jsx43(IconLivePhoto3, {}) }) : /* @__PURE__ */ jsx43(Button12, { color: "cyan", onClick: open, leftSection: /* @__PURE__ */ jsx43(IconLivePhoto3, {}), children: label }) }),
     /* @__PURE__ */ jsx43(
       Modal11,
       {
@@ -8195,7 +8197,7 @@ import {
   Image as Image4,
   ScrollArea as ScrollArea4,
   Text as Text22,
-  Tooltip as Tooltip6
+  Tooltip as Tooltip7
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
 import {
@@ -9566,13 +9568,13 @@ import { useEffect as useEffect15, useState as useState14 } from "react";
 
 // src/module/Permission/usecase/UseCase_PermissionViewCheckTable.tsx
 import { Center as Center6, Checkbox as Checkbox4, Flex as Flex6, Paper as Paper8, ScrollArea as ScrollArea3, Skeleton, Stack as Stack4, Table as Table4, Text as Text16 } from "@mantine/core";
-import { IconEye as IconEye2, IconFileExport as IconFileExport3, IconPencil as IconPencil3, IconPlus as IconPlus8, IconPrinter as IconPrinter6, IconTrash as IconTrash7 } from "@tabler/icons-react";
+import { IconEye as IconEye3, IconFileExport as IconFileExport3, IconPencil as IconPencil2, IconPlus as IconPlus8, IconPrinter as IconPrinter6, IconTrash as IconTrash7 } from "@tabler/icons-react";
 import React2 from "react";
 import { jsx as jsx73, jsxs as jsxs41 } from "react/jsx-runtime";
 var actionType = [
-  { text: "Xem", icon: /* @__PURE__ */ jsx73(IconEye2, {}), iconColor: "gray" },
+  { text: "Xem", icon: /* @__PURE__ */ jsx73(IconEye3, {}), iconColor: "gray" },
   { text: "Th\xEAm", icon: /* @__PURE__ */ jsx73(IconPlus8, {}), iconColor: "blue" },
-  { text: "S\u1EEDa", icon: /* @__PURE__ */ jsx73(IconPencil3, {}), iconColor: "yellow" },
+  { text: "S\u1EEDa", icon: /* @__PURE__ */ jsx73(IconPencil2, {}), iconColor: "yellow" },
   { text: "X\xF3a", icon: /* @__PURE__ */ jsx73(IconTrash7, {}), iconColor: "red" },
   { text: "In", icon: /* @__PURE__ */ jsx73(IconPrinter6, {}), iconColor: "cyan" },
   { text: "Xu\u1EA5t", icon: /* @__PURE__ */ jsx73(IconFileExport3, {}), iconColor: "green" }
@@ -17191,10 +17193,10 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
   const canAccess = isDev || isAccessible || permissionStore.state.isSuperAdmin;
   const renderHeader = () => /* @__PURE__ */ jsx216(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs125(Group33, { h: "100%", px: "md", justify: "space-between", children: [
     /* @__PURE__ */ jsxs125(Group33, { h: "100%", children: [
-      /* @__PURE__ */ jsx216(Tooltip6, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }) }),
-      /* @__PURE__ */ jsx216(Tooltip6, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx216(IconLibraryMinus, {}) }) })
+      /* @__PURE__ */ jsx216(Tooltip7, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }) }),
+      /* @__PURE__ */ jsx216(Tooltip7, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx216(IconLibraryMinus, {}) }) })
     ] }),
-    /* @__PURE__ */ jsx216(Tooltip6, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx216(Group33, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx216(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
+    /* @__PURE__ */ jsx216(Tooltip7, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx216(Group33, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx216(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
     /* @__PURE__ */ jsxs125(Group33, { children: [
       extraTopRight,
       /* @__PURE__ */ jsx216(CustomSwitchTheme, {}),
@@ -17203,7 +17205,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
   ] }) : /* @__PURE__ */ jsxs125(Group33, { h: "100%", px: "md", justify: "space-between", children: [
     /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }),
     /* @__PURE__ */ jsx216(
-      Tooltip6,
+      Tooltip7,
       {
         label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`,
         withArrow: true,
@@ -17425,7 +17427,7 @@ var service_aq = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER12, ba
 });
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge7, Breadcrumbs, Center as Center13, Container as Container3, Divider as Divider5, Flex as Flex10, Group as Group35, Stack as Stack11, Text as Text24, Title as Title4, Tooltip as Tooltip7 } from "@mantine/core";
+import { Badge as Badge7, Breadcrumbs, Center as Center13, Container as Container3, Divider as Divider5, Flex as Flex10, Group as Group35, Stack as Stack11, Text as Text24, Title as Title4, Tooltip as Tooltip8 } from "@mantine/core";
 import { useClipboard, useDisclosure as useDisclosure18 } from "@mantine/hooks";
 import { notifications as notifications8 } from "@mantine/notifications";
 import { IconBrandParsinta } from "@tabler/icons-react";
@@ -17524,7 +17526,7 @@ function MyPageContent({
                 note: basicAppShellStore.state.note
               }
             ),
-            /* @__PURE__ */ jsx219(Tooltip7, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx219(
+            /* @__PURE__ */ jsx219(Tooltip8, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx219(
               MyButtonModal,
               {
                 isActionIcon: true,

package/dist/{chunk-PBI7RFUT.mjs → chunk-XAQLBGVI.mjs}

@@ -46,52 +46,6 @@ var utils_currency = {
   }
 };
 
-// src/utils-v2/utils_date.ts
-var utils_date = {
-  toDDMMYYYY(date) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const day = String(parsedDate.getDate()).padStart(2, "0");
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    return `${day}/${month}/${year}`;
-  },
-  toMMYYYY(date) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    return `${month}/${year}`;
-  },
-  toHHmm(date) {
-    if (!(date instanceof Date) || isNaN(date.getTime())) return "";
-    const hour = String(date.getHours()).padStart(2, "0");
-    const minute = String(date.getMinutes()).padStart(2, "0");
-    return `${hour}:${minute}`;
-  },
-  toDateTime(date, WithSeconds) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const day = String(parsedDate.getDate()).padStart(2, "0");
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    const hours = String(parsedDate.getHours()).padStart(2, "0");
-    const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
-    const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
-    return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
-  },
-  toDateTimeStartEnd(startDate, endDate) {
-    const startday = String(startDate.getDate()).padStart(2, "0");
-    const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
-    const startyear = startDate.getFullYear();
-    const starthour = String(startDate.getHours()).padStart(2, "0");
-    const startminute = String(startDate.getMinutes()).padStart(2, "0");
-    const endhour = String(endDate.getHours()).padStart(2, "0");
-    const endminuate = String(endDate.getMinutes()).padStart(2, "0");
-    return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
-  }
-};
-
 // src/utils-v2/utils_excel.ts
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
@@ -315,15 +269,130 @@ var utils_time = {
   }
 };
 
+// src/utils-v2/utils_date/demo.tsx
+import { Paper } from "@mantine/core";
+import { useState } from "react";
+
+// src/utils-v2/utils_date/utils_date.ts
+var utils_date = {
+  toDDMMYYYY(date) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const day = String(parsedDate.getDate()).padStart(2, "0");
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    return `${day}/${month}/${year}`;
+  },
+  toMMYYYY(date) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    return `${month}/${year}`;
+  },
+  toHHmm(date) {
+    if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+    const hour = String(date.getHours()).padStart(2, "0");
+    const minute = String(date.getMinutes()).padStart(2, "0");
+    return `${hour}:${minute}`;
+  },
+  toDateTime(date, WithSeconds) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const day = String(parsedDate.getDate()).padStart(2, "0");
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    const hours = String(parsedDate.getHours()).padStart(2, "0");
+    const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
+    const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
+    return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
+  },
+  toDateTimeStartEnd(startDate, endDate) {
+    const startday = String(startDate.getDate()).padStart(2, "0");
+    const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
+    const startyear = startDate.getFullYear();
+    const starthour = String(startDate.getHours()).padStart(2, "0");
+    const startminute = String(startDate.getMinutes()).padStart(2, "0");
+    const endhour = String(endDate.getHours()).padStart(2, "0");
+    const endminuate = String(endDate.getMinutes()).padStart(2, "0");
+    return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
+  }
+};
+
+// src/utils-v2/utils_date/demo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var demo = () => {
+  const [input, setInput] = useState((/* @__PURE__ */ new Date()).toISOString());
+  const parsedDate = new Date(input);
+  return /* @__PURE__ */ jsxs(Paper, { style: { padding: 16, fontFamily: "monospace", maxWidth: 500 }, children: [
+    /* @__PURE__ */ jsxs("label", { style: { display: "block", marginBottom: 8 }, children: [
+      "Nh\u1EADp ng\xE0y (ISO string ho\u1EB7c yyyy-mm-dd):",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: input,
+        onChange: (e) => setInput(e.target.value),
+        style: {
+          width: "100%",
+          padding: 8,
+          marginBottom: 16,
+          border: "1px solid #ccc",
+          borderRadius: 4
+        }
+      }
+    ),
+    isNaN(parsedDate.getTime()) ? /* @__PURE__ */ jsx("p", { style: { color: "red" }, children: "\u274C Ng\xE0y kh\xF4ng h\u1EE3p l\u1EC7" }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Input Date:" }),
+        " ",
+        parsedDate.toString()
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDDMMYYYY:" }),
+        " ",
+        utils_date.toDDMMYYYY(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toMMYYYY:" }),
+        " ",
+        utils_date.toMMYYYY(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toHHmm:" }),
+        " ",
+        utils_date.toHHmm(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDateTime:" }),
+        " ",
+        utils_date.toDateTime(parsedDate, true)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDateTimeStartEnd:" }),
+        " ",
+        utils_date.toDateTimeStartEnd(
+          parsedDate,
+          new Date(parsedDate.getTime() + 2 * 60 * 60 * 1e3)
+          // cộng thêm 2h
+        )
+      ] })
+    ] })
+  ] });
+};
+
 export {
   utils_file,
   utils_build,
   utils_converter,
   utils_currency,
-  utils_date,
   utils_excel,
   normalizeDate,
   utils_mantineReactTable,
   utils_text,
-  utils_time
+  utils_time,
+  utils_date,
+  demo
 };

package/dist/components/index.d.mts

@@ -8,8 +8,8 @@ import { type_mantineSize } from '../types/index.mjs';
 import { useDisclosure, useListState } from '@mantine/hooks';
 import { UseFormReturnType, useForm } from '@mantine/form';
 import { I as I_BasicAppShell_LinkItem, B as BasicAppShellProps } from '../types-km2g-xx5.mjs';
-import { d as MyButtonModal$1 } from '../MyDataTable-Doa_T88Z.mjs';
-export { h as MyDataTable, g as MyDataTableInternalProps, c as MyDataTableProps, P as PaginationState } from '../MyDataTable-Doa_T88Z.mjs';
+import { d as MyButtonModal$1 } from '../MyDataTable-CThYCmt0.mjs';
+export { h as MyDataTable, g as MyDataTableInternalProps, c as MyDataTableProps, P as PaginationState } from '../MyDataTable-CThYCmt0.mjs';
 import { I as IUtils_Excel_ColumnConfig } from '../utils_excel-BfUQ3dS3.mjs';
 import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance } from 'mantine-react-table';
 import { DateInputProps } from '@mantine/dates';

package/dist/components/index.mjs

@@ -68,13 +68,13 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   useStore_BasicAppShell
-} from "../chunk-DJG24DWZ.mjs";
-import "../chunk-KGBXMHKR.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
+import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-SPG47QW7.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-G2IMUVMM.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-YWANA62C.mjs";

package/dist/core/index.d.mts

@@ -5,8 +5,8 @@ import { UseFormReturnType } from '@mantine/form';
 import { AxiosResponse } from 'axios';
 import { M as MyApiResponse, a as MyReactMutationProps } from '../useMyReactMutation-D8XdiELk.mjs';
 import { ModalProps, ScrollAreaAutosizeProps, TooltipProps, ButtonProps, BadgeProps, TextProps, PaperProps, GroupProps, ThemeIconProps, AutocompleteProps, NumberInputProps, TextInputProps, FileInputProps, InputWrapperProps, FlexProps } from '@mantine/core';
-import { M as MyActionIconProps, a as MyButtonProps, b as MyButtonModalProps, c as MyDataTableProps } from '../MyDataTable-Doa_T88Z.mjs';
-export { e as MyActionIcon, f as MyButton, d as MyButtonModal } from '../MyDataTable-Doa_T88Z.mjs';
+import { M as MyActionIconProps, a as MyButtonProps, b as MyButtonModalProps, c as MyDataTableProps } from '../MyDataTable-CThYCmt0.mjs';
+export { e as MyActionIcon, f as MyButton, d as MyButtonModal } from '../MyDataTable-CThYCmt0.mjs';
 import { UseReactToPrintOptions } from 'react-to-print';
 import { I as IAQFileDetail } from '../utils_file-JlhzjLGS.mjs';
 import { TablerIcon } from '@tabler/icons-react';

package/dist/core/index.mjs

@@ -31,13 +31,13 @@ import {
   MyStatsCard,
   MyTextInput2 as MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-DJG24DWZ.mjs";
-import "../chunk-KGBXMHKR.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
+import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-SPG47QW7.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-G2IMUVMM.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-YWANA62C.mjs";

package/dist/modules-features/index.mjs

@@ -102,13 +102,13 @@ import {
   MailTemplateDeleteButton,
   useS_moduleConfig,
   useStore_Authenticate
-} from "../chunk-DJG24DWZ.mjs";
-import "../chunk-KGBXMHKR.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
+import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-SPG47QW7.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-G2IMUVMM.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-YWANA62C.mjs";

package/dist/shared/index.mjs

@@ -4,15 +4,15 @@ import {
 } from "../chunk-RGUQWALX.mjs";
 import {
   MySelect
-} from "../chunk-DJG24DWZ.mjs";
-import "../chunk-KGBXMHKR.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
+import "../chunk-KGBXMHKR.mjs";
 import {
   utils_converter
-} from "../chunk-PBI7RFUT.mjs";
+} from "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-SPG47QW7.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-G2IMUVMM.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-YWANA62C.mjs";

package/dist/utils-v2/index.d.mts

@@ -1,6 +1,7 @@
 import { ComboboxData } from '@mantine/core';
 import { Workbook } from 'exceljs';
 import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
+import react__default from 'react';
 
 declare const utils_build: {
     createEnumKeyMap<T extends Record<string, number | string>>(enumObj: T): Record<Extract<T[keyof T], number>, keyof T>;
@@ -20,14 +21,6 @@ declare const utils_currency: {
     formatWithSuffix(amount?: number, suffix?: string): string;
 };
 
-declare const utils_date: {
-    toDDMMYYYY(date?: Date | string): string;
-    toMMYYYY(date?: Date | string): string;
-    toHHmm(date: Date): string;
-    toDateTime(date?: Date | string, WithSeconds?: boolean): string;
-    toDateTimeStartEnd(startDate: Date, endDate: Date): string;
-};
-
 interface IExcelColumnConfig<T> {
     fieldKey: keyof T | (string & {});
     fieldName: string;
@@ -71,4 +64,14 @@ declare const utils_time: {
     getCurrentTime(): string;
 };
 
-export { type IExcelColumnConfig, normalizeDate, utils_build, utils_converter, utils_currency, utils_date, utils_excel, utils_file, utils_mantineReactTable, utils_text, utils_time };
+declare const demo: react__default.FC;
+
+declare const utils_date: {
+    toDDMMYYYY(date?: Date | string): string;
+    toMMYYYY(date?: Date | string): string;
+    toHHmm(date: Date): string;
+    toDateTime(date?: Date | string, WithSeconds?: boolean): string;
+    toDateTimeStartEnd(startDate: Date, endDate: Date): string;
+};
+
+export { type IExcelColumnConfig, demo, normalizeDate, utils_build, utils_converter, utils_currency, utils_date, utils_excel, utils_file, utils_mantineReactTable, utils_text, utils_time };

package/dist/utils-v2/index.mjs

@@ -1,4 +1,5 @@
 import {
+  demo,
   normalizeDate,
   utils_build,
   utils_converter,
@@ -9,9 +10,10 @@ import {
   utils_mantineReactTable,
   utils_text,
   utils_time
-} from "../chunk-PBI7RFUT.mjs";
+} from "../chunk-XAQLBGVI.mjs";
 import "../chunk-JD6AELXS.mjs";
 export {
+  demo,
   normalizeDate,
   utils_build,
   utils_converter,

package/package.json

@@ -54,7 +54,7 @@
       "types": "./dist/build-object/index.d.mts"
     }
   },
-  "version": "0.1.975",
+  "version": "0.1.977",
   "private": false,
   "files": [
     "dist"