aq-fe-framework 0.1.49 → 0.1.50

package/dist/{chunk-BSS3LQUY.mjs → chunk-7LDYJOBM.mjs}

@@ -1618,6 +1618,120 @@ function MyHtmlWrapper(_a) {
 // src/components/Buttons/ButtonPrintPDFTable/MyButtonPrintTablePDF.tsx
 import { Box, Table as Table2 } from "@mantine/core";
 import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+function MyButtonPrintTablePDF({
+  printConfig,
+  data
+}) {
+  console.log(printConfig);
+  const formatDate = (date) => {
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = date.getFullYear();
+    return `${day}/${month}/${year}`;
+  };
+  const formatValue = (value) => {
+    if (value === void 0 || value === null) {
+      return "";
+    }
+    if (value instanceof Date) {
+      return formatDate(value);
+    }
+    return String(value);
+  };
+  const rows = data == null ? void 0 : data.map((item, index) => {
+    if (!(printConfig == null ? void 0 : printConfig.fields)) return null;
+    return /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+      printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Td, { ta: "center", px: "xs", style: { border: "1px solid lightgray" }, children: index + 1 }),
+      printConfig.fields.map((field) => {
+        let value = item[field.fieldName];
+        if (field.formatFunction) {
+          value = field.formatFunction(value, item);
+        } else {
+          value = formatValue(value);
+        }
+        const alignment = field.isCenter === false ? "left" : "center";
+        if (typeof value === "string" && (value.includes("<") || value.includes("&lt;"))) {
+          return /* @__PURE__ */ jsx31(
+            Table2.Td,
+            {
+              px: "xs",
+              ta: alignment,
+              style: { border: "1px solid lightgray" },
+              children: /* @__PURE__ */ jsx31(MyHtmlWrapper, { html: value })
+            },
+            field.fieldName
+          );
+        }
+        if (value === "true") {
+          return /* @__PURE__ */ jsx31(
+            Table2.Td,
+            {
+              ta: alignment,
+              px: "xs",
+              style: { border: "1px solid lightgray" },
+              children: /* @__PURE__ */ jsx31("input", { type: "checkbox", checked: true, readOnly: true })
+            },
+            field.fieldName
+          );
+        }
+        return /* @__PURE__ */ jsx31(
+          Table2.Td,
+          {
+            ta: alignment,
+            px: "xs",
+            style: { border: "1px solid lightgray" },
+            children: value
+          },
+          field.fieldName
+        );
+      })
+    ] }, index);
+  });
+  const renderContent = () => {
+    if (!data || !(printConfig == null ? void 0 : printConfig.fields)) return null;
+    const today = /* @__PURE__ */ new Date();
+    const formattedDate = today.toLocaleDateString("vi-VN", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    const tableTitle = (printConfig == null ? void 0 : printConfig.title) || "B\u1EA3ng d\u1EEF li\u1EC7u";
+    return /* @__PURE__ */ jsxs19(Box, { p: "lg", children: [
+      /* @__PURE__ */ jsxs19("div", { style: { textAlign: "center", marginTop: "10px", fontStyle: "italic", color: "#666" }, children: [
+        "Ng\xE0y in: ",
+        formattedDate
+      ] }),
+      /* @__PURE__ */ jsx31("h2", { style: { textAlign: "center", fontSize: "24px", fontWeight: "bold", marginBottom: "20px" }, children: tableTitle }),
+      /* @__PURE__ */ jsxs19(Table2, { withColumnBorders: true, highlightOnHover: true, style: { border: "1px solid lightgray" }, children: [
+        /* @__PURE__ */ jsx31(Table2.Thead, { children: /* @__PURE__ */ jsxs19(Table2.Tr, { children: [
+          printConfig.showRowNumbers && /* @__PURE__ */ jsx31(Table2.Th, { style: { border: "1px solid lightgray" }, w: "10%", ta: "center", px: "xs", children: "STT" }),
+          printConfig.fields.map((field) => {
+            const alignment = field.isCenter === false ? "left" : "center";
+            return /* @__PURE__ */ jsx31(
+              Table2.Th,
+              {
+                style: { border: "1px solid lightgray" },
+                ta: alignment,
+                px: "xs",
+                children: field.header
+              },
+              field.fieldName
+            );
+          })
+        ] }) }),
+        /* @__PURE__ */ jsx31(Table2.Tbody, { children: rows })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsx31(
+    MyButtonPrintPDF,
+    {
+      contentToPrint: renderContent()
+    }
+  );
+}
 
 // src/components/Buttons/ButtonRouterBack/MyButtonRouterBack.tsx
 import { Button as Button11 } from "@mantine/core";
@@ -6714,6 +6828,7 @@ export {
   AQSelectTableByOpenModal,
   MyButtonPrintPDF,
   MyHtmlWrapper,
+  MyButtonPrintTablePDF,
   MyButtonRouterBack,
   baseAxios_default,
   MyButtonViewPDF,

package/dist/components/index.d.mts

@@ -134,13 +134,13 @@ interface IMyButtonCreate$1 extends Omit<ComponentProps<typeof MyButtonModal>, "
 }
 declare function AQButtonCreateByImportFile({ form, onSubmit, onSuccess, onError, setImportedData, ...rest }: IMyButtonCreate$1): react_jsx_runtime.JSX.Element;
 
-interface FieldConfig {
+interface FieldConfig$1 {
     fieldName: string;
     header: string;
     formatFunction?: (value: any, row: any) => any;
 }
 interface ExportConfig {
-    fields: FieldConfig[];
+    fields: FieldConfig$1[];
 }
 interface AQButtonExportDataProps {
     isAllData: boolean;
@@ -223,6 +223,24 @@ interface I$5 extends ButtonProps {
 }
 declare function MyButtonPrintPDF({ contentToPrint, ...rest }: I$5): react_jsx_runtime.JSX.Element;
 
+interface FieldConfig {
+    fieldName: string;
+    header: string;
+    isCenter?: boolean;
+    formatFunction?: (value: any, row: any) => any;
+}
+interface PrintConfig {
+    fields: FieldConfig[];
+    title?: string;
+    showRowNumbers?: boolean;
+}
+interface AQButtonPrintTableProps<TData extends MRT_RowData = any> {
+    printConfig?: PrintConfig;
+    objectName?: string;
+    data?: TData[];
+}
+declare function MyButtonPrintTablePDF<TData extends MRT_RowData = any>({ printConfig, data, }: AQButtonPrintTableProps<TData>): react_jsx_runtime.JSX.Element;
+
 interface IMyButtonRouterBack extends ButtonProps {
     url?: string;
     label?: string;
@@ -442,4 +460,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.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, 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 };
+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, MyButtonPrintTablePDF, 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

@@ -25,6 +25,7 @@ import {
   MyButtonImport,
   MyButtonModal,
   MyButtonPrintPDF,
+  MyButtonPrintTablePDF,
   MyButtonRouterBack,
   MyButtonViewPDF,
   MyCalendar,
@@ -60,7 +61,7 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-BSS3LQUY.mjs";
+} from "../chunk-7LDYJOBM.mjs";
 import "../chunk-GL5OCTFE.mjs";
 import "../chunk-CDDX46TC.mjs";
 import "../chunk-FWCSY2DS.mjs";
@@ -91,6 +92,7 @@ export {
   MyButtonImport,
   MyButtonModal,
   MyButtonPrintPDF,
+  MyButtonPrintTablePDF,
   MyButtonRouterBack,
   MyButtonViewPDF,
   MyCalendar,

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

@@ -20,7 +20,7 @@ import {
   baseAxios_default,
   groupToTwoLevels,
   utils_layout_getItemsWithoutLinks
-} from "../../../chunk-BSS3LQUY.mjs";
+} from "../../../chunk-7LDYJOBM.mjs";
 import {
   createGenericStore
 } from "../../../chunk-GL5OCTFE.mjs";

package/package.json

@@ -18,7 +18,7 @@
       "types": "./dist/modules-features//admin/core/index.d.mts"
     }
   },
-  "version": "0.1.49",
+  "version": "0.1.50",
   "private": false,
   "files": [
     "dist"