aq-fe-framework 0.1.501 → 0.1.503

package/dist/{chunk-K2DC3T55.mjs → chunk-LB6M373A.mjs}

@@ -2,7 +2,7 @@ import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-YAMXCOJ5.mjs";
+} from "./chunk-LJRJYSNW.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
@@ -101,73 +101,75 @@ function MyActionIcon(_a) {
 import { Button } from "@mantine/core";
 import {
   IconDeviceFloppy as IconDeviceFloppy2,
+  IconDownload,
   IconEdit as IconEdit2,
-  IconFileExport as IconFileExport2,
-  IconFileImport as IconFileImport2,
   IconPlus as IconPlus2,
   IconPrinter as IconPrinter2,
   IconTrash as IconTrash2,
+  IconUpload,
   IconX as IconX2
 } from "@tabler/icons-react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var actionConfig2 = {
   default: {
-    defaultText: ""
+    children: ""
   },
   create: {
     color: "blue",
     type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconPlus2, {}),
-    defaultText: "Th\xEAm"
+    leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
+    children: "Th\xEAm"
   },
   createMultiple: {
     color: "green",
     type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconPlus2, {}),
-    defaultText: "Th\xEAm danh s\xE1ch"
+    leftSection: /* @__PURE__ */ jsx2(IconPlus2, {}),
+    children: "Th\xEAm danh s\xE1ch"
   },
   delete: {
     color: "red",
-    icon: /* @__PURE__ */ jsx2(IconTrash2, {}),
-    defaultText: "X\xF3a"
+    leftSection: /* @__PURE__ */ jsx2(IconTrash2, {}),
+    children: "X\xF3a"
   },
   update: {
     color: "yellow",
     type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconEdit2, {}),
-    defaultText: "Ch\u1EC9nh s\u1EEDa"
+    leftSection: /* @__PURE__ */ jsx2(IconEdit2, {}),
+    children: "Ch\u1EC9nh s\u1EEDa"
   },
   save: {
     color: "blue",
     type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
-    defaultText: "L\u01B0u"
+    leftSection: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
+    children: "L\u01B0u"
   },
   import: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx2(IconFileImport2, {}),
-    defaultText: "Import"
+    color: "green",
+    leftSection: /* @__PURE__ */ jsx2(IconUpload, {}),
+    children: "Import",
+    variant: "light"
+  },
+  export: {
+    color: "violet",
+    leftSection: /* @__PURE__ */ jsx2(IconDownload, {}),
+    children: "Export",
+    variant: "light"
   },
   print: {
     color: "orange.7",
-    icon: /* @__PURE__ */ jsx2(IconPrinter2, {}),
-    defaultText: "In"
-  },
-  export: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx2(IconFileExport2, {}),
-    defaultText: "Export"
+    leftSection: /* @__PURE__ */ jsx2(IconPrinter2, {}),
+    children: "In"
   },
   cancel: {
     color: "gray",
-    icon: /* @__PURE__ */ jsx2(IconX2, {}),
-    defaultText: "H\u1EE7y thao t\xE1c"
+    leftSection: /* @__PURE__ */ jsx2(IconX2, {}),
+    children: "H\u1EE7y thao t\xE1c"
   },
   select: {
-    defaultText: "Ch\u1ECDn"
+    children: "Ch\u1ECDn"
   },
   check: {
-    defaultText: "Ch\u1ECDn"
+    children: "Ch\u1ECDn"
   }
 };
 function MyButton(_a) {
@@ -176,16 +178,7 @@ function MyButton(_a) {
     return /* @__PURE__ */ jsx2(Button, __spreadProps(__spreadValues({}, rest), { children }));
   }
   const config = actionConfig2[actionType];
-  return /* @__PURE__ */ jsx2(
-    Button,
-    __spreadProps(__spreadValues({
-      color: config.color,
-      type: config.type,
-      leftSection: config.icon
-    }, rest), {
-      children: children != null ? children : config.defaultText
-    })
-  );
+  return /* @__PURE__ */ jsx2(Button, __spreadValues(__spreadValues({}, config), rest));
 }
 
 // src/core/button/MyButtonCreateUpdate.tsx
@@ -328,7 +321,7 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 // src/core/button/MyButtonImport.tsx
 import { Button as Button4, FileInput } from "@mantine/core";
 import { useDisclosure as useDisclosure2 } from "@mantine/hooks";
-import { IconFileImport as IconFileImport3 } from "@tabler/icons-react";
+import { IconFileImport as IconFileImport2 } from "@tabler/icons-react";
 import { useMemo } from "react";
 
 // src/core/button/MyButtonModal.tsx
@@ -377,18 +370,28 @@ function MyButtonPrintPDF({
   children,
   autoPadding = true,
   buttonProps,
-  useReactToPrintProps
+  useReactToPrintProps,
+  pageSize = "portrait"
+  // ✅ mặc định
 }) {
   const printRef = useRef(null);
   const handlePrint = useReactToPrint(__spreadValues({
     documentTitle: "In n\u1ED9i dung",
     contentRef: printRef
   }, useReactToPrintProps));
-  function handleClick() {
-    if (!children) return;
-    handlePrint();
-  }
+  const getPageSizeCSS = () => {
+    switch (pageSize) {
+      case "landscape":
+        return `@media print {@page { size: landscape; }}`;
+      case "A4-landscape":
+        return `@media print {@page { size: 29.7cm 21cm; }}`;
+      case "portrait":
+      default:
+        return ``;
+    }
+  };
   return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx9("style", { children: getPageSizeCSS() }),
     /* @__PURE__ */ jsx9("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx9(
       "div",
       {
@@ -400,7 +403,16 @@ function MyButtonPrintPDF({
         children
       }
     ) }),
-    /* @__PURE__ */ jsx9(Button5, __spreadProps(__spreadValues({ color: "orange", onClick: handleClick, leftSection: /* @__PURE__ */ jsx9(IconPrinter3, {}) }, buttonProps), { children: (buttonProps == null ? void 0 : buttonProps.children) || "In" }))
+    /* @__PURE__ */ jsx9(
+      Button5,
+      __spreadProps(__spreadValues({
+        color: "orange",
+        onClick: handlePrint,
+        leftSection: /* @__PURE__ */ jsx9(IconPrinter3, {})
+      }, buttonProps), {
+        children: (buttonProps == null ? void 0 : buttonProps.children) || "In"
+      })
+    )
   ] });
 }
 

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

@@ -2122,19 +2122,19 @@ function MyButtonViewPDF({
           /* @__PURE__ */ jsx34(
             LoadingOverlay,
             {
-              visible: query.isLoading,
               zIndex: 1e3,
               overlayProps: { radius: "sm", blur: 2 }
             }
           ),
-          query.data ? /* @__PURE__ */ jsx34(
+          query.data && /* @__PURE__ */ jsx34(
             "iframe",
             {
               src: `data:application/pdf;base64, ${filePath ? (_a = query.data) == null ? void 0 : _a.fileBase64String : (_c = (_b = query.data) == null ? void 0 : _b.fileDetail) == null ? void 0 : _c.fileBase64String}`,
               width: "100%",
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx34("iframe", { src, width: "100%", height: "100%" })
+          ),
+          src && /* @__PURE__ */ jsx34("iframe", { src, width: "100%", height: "100%" })
         ] })
       }
     )

package/dist/components/index.mjs

@@ -66,7 +66,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-YAMXCOJ5.mjs";
+} from "../chunk-LJRJYSNW.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/core/index.d.mts

@@ -67,13 +67,15 @@ interface MyButtonModalCreateUpdateProps extends Omit<MyButtonModalProps, "discl
 }
 declare function MyButtonModalCreateUpdate(props?: MyButtonModalCreateUpdateProps): react_jsx_runtime.JSX.Element;
 
+type PageSizeOption = "portrait" | "landscape" | "A4-landscape";
 interface MyButtonPrintPDFProps {
     buttonProps?: ButtonProps;
     children?: ReactNode;
     autoPadding?: boolean;
     useReactToPrintProps?: UseReactToPrintOptions;
+    pageSize?: PageSizeOption;
 }
-declare function MyButtonPrintPDF({ children, autoPadding, buttonProps, useReactToPrintProps, }: MyButtonPrintPDFProps): react_jsx_runtime.JSX.Element;
+declare function MyButtonPrintPDF({ children, autoPadding, buttonProps, useReactToPrintProps, pageSize, }: MyButtonPrintPDFProps): react_jsx_runtime.JSX.Element;
 
 declare function MyDataTableSelectOne<TData extends MRT_RowData>({ columns, queryResult, idSelection, setIdSelection }: {
     columns: MRT_ColumnDef<TData>[];

package/dist/core/index.mjs

@@ -18,8 +18,8 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-K2DC3T55.mjs";
-import "../chunk-YAMXCOJ5.mjs";
+} from "../chunk-LB6M373A.mjs";
+import "../chunk-LJRJYSNW.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";

package/dist/modules-features/index.mjs

@@ -15,7 +15,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-K2DC3T55.mjs";
+} from "../chunk-LB6M373A.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -41,7 +41,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-YAMXCOJ5.mjs";
+} from "../chunk-LJRJYSNW.mjs";
 import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";

package/package.json

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