aq-fe-framework 0.1.32 → 0.1.34

package/dist/{chunk-SQDX26UQ.mjs → chunk-MYRCQALL.mjs}

@@ -1433,15 +1433,44 @@ function AQSelectTableByOpenModal(_a) {
   ));
 }
 
-// src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
+// src/components/Buttons/ButtonPrintPDF/MyButtonPrintPDF.tsx
 import { Button as Button10 } from "@mantine/core";
+import { IconPrinter as IconPrinter2 } from "@tabler/icons-react";
+import React3, { useRef as useRef2 } from "react";
+import { useReactToPrint } from "react-to-print";
+function MyButtonPrintPDF(_a) {
+  var _b = _a, { contentToPrint } = _b, rest = __objRest(_b, ["contentToPrint"]);
+  const printRef = useRef2(null);
+  const handlePrint = useReactToPrint({
+    // Sử dụng documentTitle thay vì content
+    documentTitle: "In n\u1ED9i dung",
+    // Sử dụng contentRef thay vì content
+    contentRef: printRef
+  });
+  function handleClick() {
+    if (!contentToPrint) return;
+    handlePrint();
+  }
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("div", { style: { display: "none" } }, /* @__PURE__ */ React3.createElement("div", { ref: printRef }, contentToPrint)), /* @__PURE__ */ React3.createElement(
+    Button10,
+    __spreadValues({
+      color: "orange",
+      onClick: handleClick,
+      leftSection: /* @__PURE__ */ React3.createElement(IconPrinter2, null)
+    }, rest),
+    "In"
+  ));
+}
+
+// src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
+import { Button as Button11 } from "@mantine/core";
 import { IconArrowBack } from "@tabler/icons-react";
 import { useRouter as useRouter2 } from "next/navigation";
 function MyButtonRouterBack(_a) {
   var _b = _a, { url, label } = _b, rest = __objRest(_b, ["url", "label"]);
   const router = useRouter2();
   return /* @__PURE__ */ React.createElement(
-    Button10,
+    Button11,
     __spreadValues({
       variant: "light",
       leftSection: /* @__PURE__ */ React.createElement(IconArrowBack, { stroke: 2 }),
@@ -1482,7 +1511,7 @@ baseAxios.interceptors.request.use(
 var baseAxios_default = baseAxios;
 
 // src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
-import { ActionIcon as ActionIcon9, Button as Button11, Group as Group7, LoadingOverlay, Modal as Modal10, Paper as Paper3, Text as Text5, Tooltip as Tooltip4 } from "@mantine/core";
+import { ActionIcon as ActionIcon9, Button as Button12, Group as Group7, LoadingOverlay, Modal as Modal10, Paper as Paper3, Text as Text5, Tooltip as Tooltip4 } from "@mantine/core";
 import { useDisclosure as useDisclosure9 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
@@ -1499,7 +1528,7 @@ function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "htt
     },
     enabled: id != void 0 && disc[0] == true
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button11, { color: "cyan", onClick: () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }, /* @__PURE__ */ React.createElement(Button12, { color: "cyan", onClick: () => {
     disc[1].open();
   }, leftSection: /* @__PURE__ */ React.createElement(IconLivePhoto2, null) }, label)), /* @__PURE__ */ React.createElement(
     Modal10,
@@ -5631,7 +5660,7 @@ function MyNumberFormatter(_a) {
 }
 
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
-import { Box, Button as Button12, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
+import { Box, Button as Button13, Flex as Flex3, Group as Group10, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
 function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
@@ -5679,7 +5708,7 @@ function AQStatCard1({ title, value, unit = "", description, icons, diff }) {
       )
     ),
     /* @__PURE__ */ React.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text9, { tt: "uppercase", fz: "xs", c: "dimmed" }, description), /* @__PURE__ */ React.createElement(
-      Button12,
+      Button13,
       {
         variant: "light",
         size: "xs"
@@ -5874,13 +5903,13 @@ function useS0Auth() {
 }
 
 // src/modules-features/auth/F0Logout/F0Logout.tsx
-import { Button as Button13 } from "@mantine/core";
+import { Button as Button14 } from "@mantine/core";
 import { IconLogout } from "@tabler/icons-react";
 import { useRouter as useRouter3 } from "next/navigation";
 function F0Logout() {
   const router = useRouter3();
   const s0Auth = useS0Auth();
-  return /* @__PURE__ */ React.createElement(Button13, { onClick: () => {
+  return /* @__PURE__ */ React.createElement(Button14, { onClick: () => {
     s0Auth.setProperty("token", "");
     router.replace("/auth/login");
   }, leftSection: /* @__PURE__ */ React.createElement(IconLogout, null), fullWidth: true, justify: "start", variant: "subtle" }, "\u0110\u0103ng xu\u1EA5t");
@@ -6092,7 +6121,7 @@ var OBJECT_COlORS = {
 import {
   Box as Box3,
   Burger,
-  Button as Button14,
+  Button as Button15,
   Container as Container2,
   Divider as Divider3,
   Drawer,
@@ -6169,7 +6198,7 @@ function HeaderMegaMenu({ children, menus }) {
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
   const links = mockdata.map((item) => /* @__PURE__ */ React.createElement(UnstyledButton, { className: css_default2.subLink, key: item.title }, /* @__PURE__ */ React.createElement(Group12, { wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React.createElement(ThemeIcon, { size: 34, variant: "default", radius: "md" }, /* @__PURE__ */ React.createElement(item.icon, { size: 22, color: theme.colors.blue[6] })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Text12, { size: "sm", fw: 500 }, item.title), /* @__PURE__ */ React.createElement(Text12, { size: "xs", c: "dimmed" }, item.description)))));
-  return /* @__PURE__ */ React.createElement(Box3, null, /* @__PURE__ */ React.createElement("header", { className: css_default2.header }, /* @__PURE__ */ React.createElement(Group12, { justify: "space-between", h: "100%" }, /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }), /* @__PURE__ */ React.createElement(Group12, { h: "100%", gap: 5, visibleFrom: "sm" }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button14, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label)))), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ React.createElement(IconSearch3, null), radius: "xl", w: "250px" }), /* @__PURE__ */ React.createElement(MySwitchTheme, null)), /* @__PURE__ */ React.createElement(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" }))), /* @__PURE__ */ React.createElement(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh" }, children), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box3, null, /* @__PURE__ */ React.createElement("header", { className: css_default2.header }, /* @__PURE__ */ React.createElement(Group12, { justify: "space-between", h: "100%" }, /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }), /* @__PURE__ */ React.createElement(Group12, { h: "100%", gap: 5, visibleFrom: "sm" }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label)))), /* @__PURE__ */ React.createElement(Group12, null, /* @__PURE__ */ React.createElement(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ React.createElement(IconSearch3, null), radius: "xl", w: "250px" }), /* @__PURE__ */ React.createElement(MySwitchTheme, null)), /* @__PURE__ */ React.createElement(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" }))), /* @__PURE__ */ React.createElement(Container2, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh" }, children), /* @__PURE__ */ React.createElement(
     Drawer,
     {
       opened: drawerOpened,
@@ -6180,7 +6209,7 @@ function HeaderMegaMenu({ children, menus }) {
       hiddenFrom: "sm",
       zIndex: 1e6
     },
-    /* @__PURE__ */ React.createElement(ScrollArea3, { h: "calc(100vh - 80px", mx: "-md" }, /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }), /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "100%", gap: 0 }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button14, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label))), /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }))
+    /* @__PURE__ */ React.createElement(ScrollArea3, { h: "calc(100vh - 80px", mx: "-md" }, /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }), /* @__PURE__ */ React.createElement(MyFlexColumn, { h: "100%", gap: 0 }, menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ React.createElement(Button15, { key: idx, component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }) }, item.label))), /* @__PURE__ */ React.createElement(Divider3, { my: "sm" }))
   ));
 }
 
@@ -6229,17 +6258,17 @@ function MyPageContent({ leftTopBar, title, canBack = false, rightTopBar, status
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import React3 from "react";
+import React4 from "react";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
-  return /* @__PURE__ */ React3.createElement(Tabs, __spreadValues({ defaultValue: tabList[0].label }, rest), /* @__PURE__ */ React3.createElement(Tabs.List, null, tabList.map((item, idx) => {
-    return /* @__PURE__ */ React3.createElement(Tabs.Tab, { key: idx, value: item.label, leftSection: item.icon && /* @__PURE__ */ React3.createElement(item.icon, { style: iconStyle }) }, item.label);
-  })), /* @__PURE__ */ React3.createElement(Space3, { my: "md" }), children);
+  return /* @__PURE__ */ React4.createElement(Tabs, __spreadValues({ defaultValue: tabList[0].label }, rest), /* @__PURE__ */ React4.createElement(Tabs.List, null, tabList.map((item, idx) => {
+    return /* @__PURE__ */ React4.createElement(Tabs.Tab, { key: idx, value: item.label, leftSection: item.icon && /* @__PURE__ */ React4.createElement(item.icon, { style: iconStyle }) }, item.label);
+  })), /* @__PURE__ */ React4.createElement(Space3, { my: "md" }), children);
 }
 
 // src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
-import { ActionIcon as ActionIcon11, Button as Button15, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
+import { ActionIcon as ActionIcon11, Button as Button16, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
 function MyDataTableSelect(_a) {
@@ -6250,7 +6279,7 @@ function MyDataTableSelect(_a) {
     MyDataTable,
     __spreadValues({
       renderTopToolbarCustomActions: ({ table }) => {
-        return /* @__PURE__ */ React.createElement(Group14, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }), /* @__PURE__ */ React.createElement(Button15, { onClick: disc[1].open }, selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch"));
+        return /* @__PURE__ */ React.createElement(Group14, null, renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }), /* @__PURE__ */ React.createElement(Button16, { onClick: disc[1].open }, selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch"));
       },
       columns,
       data: listState[0],
@@ -6262,7 +6291,7 @@ function MyDataTableSelect(_a) {
     MyDataTable,
     __spreadValues({
       renderTopToolbarCustomActions: ({ table }) => {
-        return /* @__PURE__ */ React.createElement(Button15, { onClick: () => {
+        return /* @__PURE__ */ React.createElement(Button16, { onClick: () => {
           table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
           disc[1].close();
         } }, "Ch\u1ECDn");
@@ -6344,6 +6373,7 @@ export {
   SelectFileModal,
   MyButtonImport,
   AQSelectTableByOpenModal,
+  MyButtonPrintPDF,
   MyButtonRouterBack,
   baseAxios_default,
   MyButtonViewPDF,

package/dist/components/index.d.mts

@@ -182,7 +182,7 @@ interface IFieldConfig extends IUtils_Excel_ColumnConfig<any> {
     isSelected?: boolean;
     fieldToMap?: string;
 }
-interface I$5 {
+interface I$6 {
     file?: File | null;
     title?: string[];
     data?: any[];
@@ -197,9 +197,9 @@ declare function useS_ButtonImport(): {
     getDataFinal: <T>() => T[];
     changeAllSelected: (isSelected: boolean) => void;
     autoMap: () => void;
-    state: I$5;
-    setState: (newState: I$5) => void;
-    setProperty: <K extends keyof I$5>(key: K, value: I$5[K]) => void;
+    state: I$6;
+    setState: (newState: I$6) => void;
+    setProperty: <K extends keyof I$6>(key: K, value: I$6[K]) => void;
     resetState: () => void;
 };
 
@@ -218,6 +218,11 @@ interface IAQSelectTableByOpenModal<TData extends MRT_RowData> extends Omit<MRT_
 }
 declare function AQSelectTableByOpenModal<TData extends MRT_RowData>({ setSelectedData, data, columns, API, modalSize, title, label, listLabel, objectName, fullScreen, closeAfterSelect, ...rest }: IAQSelectTableByOpenModal<TData>): react.JSX.Element;
 
+interface I$5 extends ButtonProps {
+    contentToPrint?: ReactNode;
+}
+declare function MyButtonPrintPDF({ contentToPrint, ...rest }: I$5): react__default.JSX.Element;
+
 interface IMyButtonRouterBack extends ButtonProps {
     url?: string;
     label?: string;
@@ -436,4 +441,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react.JSX.Element;
 
-export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, BasicAppShell, BasicAppShell_transformMenuToEnum, Boxes, HeaderMegaMenu, type I0LinkItem, type IAQCardProps, type IMyTextEditor, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonImport, MyButtonModal, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, SpotlightTrigger, groupToTwoLevels, useHeaderMegaMenuStore, useS_ButtonImport, utils_layout_getItemsWithoutLinks };
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, BasicAppShell, BasicAppShell_transformMenuToEnum, Boxes, HeaderMegaMenu, type I0LinkItem, type IAQCardProps, type IMyTextEditor, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, SpotlightTrigger, groupToTwoLevels, useHeaderMegaMenuStore, useS_ButtonImport, utils_layout_getItemsWithoutLinks };

package/dist/components/index.mjs

@@ -24,6 +24,7 @@ import {
   MyButtonCreate,
   MyButtonImport,
   MyButtonModal,
+  MyButtonPrintPDF,
   MyButtonRouterBack,
   MyButtonViewPDF,
   MyCalendar,
@@ -59,7 +60,7 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-SQDX26UQ.mjs";
+} from "../chunk-MYRCQALL.mjs";
 import "../chunk-ZEQATKHS.mjs";
 export {
   AQButtonCreateByImportFile,
@@ -87,6 +88,7 @@ export {
   MyButtonCreate,
   MyButtonImport,
   MyButtonModal,
+  MyButtonPrintPDF,
   MyButtonRouterBack,
   MyButtonViewPDF,
   MyCalendar,

package/dist/modules-features/admin/core/index.mjs

@@ -20,7 +20,7 @@ import {
   createGenericStore,
   groupToTwoLevels,
   utils_layout_getItemsWithoutLinks
-} from "../../../chunk-SQDX26UQ.mjs";
+} from "../../../chunk-MYRCQALL.mjs";
 import {
   U0DateToDDMMYYYString,
   U0MyValidateEmail,

package/package.json

@@ -18,12 +18,13 @@
       "types": "./dist/modules-features//admin/core/index.d.mts"
     }
   },
-  "version": "0.1.32",
+  "version": "0.1.34",
   "private": false,
   "files": [
     "dist"
   ],
   "scripts": {
+    "dev": "next dev --turbopack -p 3000",
     "gen": "barrelsby --config barrelsby.json",
     "build": "tsup",
     "start": "next start",
@@ -86,6 +87,7 @@
     "pizzip": "^3.1.7",
     "react": "19.0.0-rc-66855b96-20241106",
     "react-dom": "19.0.0-rc-66855b96-20241106",
+    "react-to-print": "^3.0.6",
     "recharts": "^2.13.3",
     "sass": "^1.82.0",
     "tailwind-merge": "^2.5.4",