aq-fe-framework 0.1.80 → 0.1.82

package/dist/{chunk-DKHALPJQ.mjs → chunk-QJYFL44D.mjs}

@@ -9,7 +9,7 @@ import {
   utils_file_fileToAQDocumentType,
   utils_notification_show,
   utils_pdf_download
-} from "./chunk-42OQXQR5.mjs";
+} from "./chunk-WNGACHRD.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -53,13 +53,28 @@ baseAxios.interceptors.request.use(
 var baseAxios_default = baseAxios;
 
 // src/components/Buttons/ButtonViewPDF/MyButtonViewPDF.tsx
-import { ActionIcon, Button, Group, LoadingOverlay, Modal, Paper, Text, Tooltip } from "@mantine/core";
+import {
+  ActionIcon,
+  Button,
+  Group,
+  LoadingOverlay,
+  Modal,
+  Paper,
+  Text,
+  Tooltip
+} from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { IconLivePhoto, IconMaximize, IconMinimize } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 import { useState } from "react";
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2016/07/85.signed.pdf" }) {
+function MyButtonViewPDF({
+  id,
+  modalSize = "80%",
+  label = "Xem file",
+  src = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2016/07/85.signed.pdf",
+  isActionIcon = false
+}) {
   var _a, _b;
   const disc = useDisclosure(false);
   const fullScreen = useState(false);
@@ -72,9 +87,25 @@ function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "htt
     enabled: id != void 0 && disc[0] == true
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx2(Button, { color: "cyan", onClick: () => {
-      disc[1].open();
-    }, leftSection: /* @__PURE__ */ jsx2(IconLivePhoto, {}), children: label }) }),
+    /* @__PURE__ */ jsx2(Tooltip, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx2(
+      ActionIcon,
+      {
+        onClick: () => {
+          disc[1].open();
+        },
+        children: /* @__PURE__ */ jsx2(IconLivePhoto, {})
+      }
+    ) : /* @__PURE__ */ jsx2(
+      Button,
+      {
+        color: "cyan",
+        onClick: () => {
+          disc[1].open();
+        },
+        leftSection: /* @__PURE__ */ jsx2(IconLivePhoto, {}),
+        children: label
+      }
+    ) }),
     /* @__PURE__ */ jsx2(
       Modal,
       {
@@ -105,22 +136,22 @@ function MyButtonViewPDF({ id, modalSize = "80%", label = "Xem file", src = "htt
           )
         ] }),
         children: /* @__PURE__ */ jsxs(Paper, { h: hSize[0], p: "lg", pos: "relative", children: [
-          /* @__PURE__ */ jsx2(LoadingOverlay, { visible: query.isLoading, zIndex: 1e3, overlayProps: { radius: "sm", blur: 2 } }),
-          query.data ? /* @__PURE__ */ jsx2(
-            "iframe",
+          /* @__PURE__ */ jsx2(
+            LoadingOverlay,
             {
-              src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
-              width: "100%",
-              height: "100%"
+              visible: query.isLoading,
+              zIndex: 1e3,
+              overlayProps: { radius: "sm", blur: 2 }
             }
-          ) : /* @__PURE__ */ jsx2(
+          ),
+          query.data ? /* @__PURE__ */ jsx2(
             "iframe",
             {
-              src,
+              src: `data:application/pdf;base64, ${(_b = (_a = query.data) == null ? void 0 : _a.fileDetail) == null ? void 0 : _b.fileBase64String}`,
               width: "100%",
               height: "100%"
             }
-          )
+          ) : /* @__PURE__ */ jsx2("iframe", { src, width: "100%", height: "100%" })
         ] })
       }
     )
@@ -807,7 +838,13 @@ import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize2, IconMin
 import { useState as useState4 } from "react";
 import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyActionIconViewPDF(_a) {
-  var _b = _a, { modalSize = "80%", pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" } = _b, rest = __objRest(_b, ["modalSize", "pdfLink"]);
+  var _b = _a, {
+    modalSize = "80%",
+    pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf"
+  } = _b, rest = __objRest(_b, [
+    "modalSize",
+    "pdfLink"
+  ]);
   const disc = useDisclosure5(false);
   const fullScreen = useState4(false);
   const hSize = useState4("80vh");

package/dist/{chunk-42OQXQR5.mjs → chunk-WNGACHRD.mjs}

@@ -49,6 +49,9 @@ function utils_date_formatToDateTimeStartEnd(startDate, endDate) {
 
 // src/utils/excel.ts
 import saveAs from "file-saver";
+function getValueByPath(obj, path) {
+  return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
+}
 async function utils_excel_exportExcel({
   workbook,
   sheetName,
@@ -56,72 +59,63 @@ async function utils_excel_exportExcel({
   config
 }) {
   const sheet = workbook.addWorksheet(sheetName);
-  const fieldNames = config.map((item) => String(item.fieldKey));
+  const fieldKeys = config.map((item) => String(item.fieldKey));
   const headerMappings = {};
   const markedColumns = [];
   config.forEach((item) => {
     const fieldKeyStr = String(item.fieldKey);
     headerMappings[fieldKeyStr] = item.fieldName;
-    if (item.isRequired) {
-      markedColumns.push(fieldKeyStr);
-    }
+    if (item.isRequired) markedColumns.push(fieldKeyStr);
   });
-  const columns = fieldNames.map((fieldName) => {
-    return {
-      key: fieldName,
-      width: 20
-    };
-  });
-  sheet.columns = columns;
+  sheet.columns = fieldKeys.map((fieldKey) => ({
+    key: fieldKey,
+    width: 20
+  }));
   const displayRow = sheet.addRow(
-    fieldNames.map((fieldName) => {
-      const displayName = headerMappings[fieldName] || fieldName;
-      return markedColumns.includes(fieldName) ? `${displayName} *` : displayName;
-    })
+    fieldKeys.map(
+      (fieldKey) => markedColumns.includes(fieldKey) ? `${headerMappings[fieldKey]} *` : headerMappings[fieldKey] || fieldKey
+    )
   );
-  const keyRow = sheet.addRow(fieldNames);
+  const keyRow = sheet.addRow(fieldKeys);
   data.forEach((item) => {
     const rowData = {};
-    fieldNames.forEach((field) => {
-      rowData[field] = item[field];
+    fieldKeys.forEach((fieldKey) => {
+      rowData[fieldKey] = getValueByPath(item, fieldKey);
     });
     sheet.addRow(rowData);
   });
-  for (let i = 1; i <= fieldNames.length; i++) {
+  for (let i = 1; i <= fieldKeys.length; i++) {
     const cell = displayRow.getCell(i);
     cell.font = { bold: true };
     cell.fill = {
       type: "pattern",
       pattern: "solid",
       fgColor: { argb: "FFE0E0E0" }
-      // Light gray background
     };
   }
-  for (let i = 1; i <= fieldNames.length; i++) {
+  for (let i = 1; i <= fieldKeys.length; i++) {
     const cell = keyRow.getCell(i);
     cell.font = { italic: true };
     cell.fill = {
       type: "pattern",
       pattern: "solid",
       fgColor: { argb: "FFF0F0F0" }
-      // Lighter gray background
     };
   }
   if (markedColumns.length > 0) {
-    for (let i = 1; i <= fieldNames.length; i++) {
+    for (let i = 1; i <= fieldKeys.length; i++) {
       const cell = displayRow.getCell(i);
       const text = cell.value;
       if (typeof text === "string" && text.endsWith(" *")) {
         cell.value = {
           richText: [
             {
-              text: text.substring(0, text.length - 2),
+              text: text.slice(0, -2),
               font: { bold: true }
             },
             {
               text: " *",
               font: { bold: true, color: { argb: "FFFF0000" } }
-              // Red color
             }
           ]
         };
@@ -135,7 +129,9 @@ async function utils_excel_download({
   name
 }) {
   const buffer = await workbook.xlsx.writeBuffer();
-  const blob = new Blob([buffer], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+  const blob = new Blob([buffer], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  });
   saveAs(blob, name);
 }
 

package/dist/components/index.d.mts

@@ -3,7 +3,7 @@ import react__default, { ReactNode, ComponentProps } from 'react';
 import { MantineSize, ActionIconProps, ButtonProps, useModalsStack, CheckboxProps, SelectProps, NumberFormatterProps, FieldsetProps, FileInputProps, NumberInputProps, TextareaProps, TextInputProps, ContainerProps, FlexProps, GroupProps, TypographyStylesProviderProps, TabsProps, SkeletonProps } from '@mantine/core';
 import { useDisclosure, useListState } from '@mantine/hooks';
 import { UseFormReturnType, useForm } from '@mantine/form';
-import { I as IUtils_Excel_ColumnConfig } from '../excel---d-HDs7.mjs';
+import { I as IUtils_Excel_ColumnConfig } from '../excel-CP9z_HOI.mjs';
 import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance } from 'mantine-react-table';
 import { ConfigOptions } from 'export-to-csv';
 import { DateInputProps } from '@mantine/dates';
@@ -253,8 +253,9 @@ interface IMyButtonViewPDF {
     label?: string;
     id?: number;
     src?: string;
+    isActionIcon?: boolean;
 }
-declare function MyButtonViewPDF({ id, modalSize, label, src }: IMyButtonViewPDF): react_jsx_runtime.JSX.Element;
+declare function MyButtonViewPDF({ id, modalSize, label, src, isActionIcon, }: IMyButtonViewPDF): react_jsx_runtime.JSX.Element;
 
 declare function MyCalendar(): react_jsx_runtime.JSX.Element;
 

package/dist/components/index.mjs

@@ -62,9 +62,9 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-DKHALPJQ.mjs";
+} from "../chunk-QJYFL44D.mjs";
 import "../chunk-AL73DX37.mjs";
-import "../chunk-42OQXQR5.mjs";
+import "../chunk-WNGACHRD.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   AQButtonCreateByImportFile,

package/dist/{excel---d-HDs7.d.mts → excel-CP9z_HOI.d.mts}

@@ -1,7 +1,7 @@
 import ExcelJS from 'exceljs';
 
 interface IUtils_Excel_ColumnConfig<T> {
-    fieldKey: keyof T;
+    fieldKey: keyof T | string;
     fieldName: string;
     isRequired?: boolean;
 }

package/dist/modules-features/index.mjs

@@ -57,9 +57,9 @@ import {
   useS_authenticate,
   useS_core83092,
   utils_core83092_mergePage
-} from "../chunk-DKHALPJQ.mjs";
+} from "../chunk-QJYFL44D.mjs";
 import "../chunk-AL73DX37.mjs";
-import "../chunk-42OQXQR5.mjs";
+import "../chunk-WNGACHRD.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   F_authenticate_Login,

package/dist/utils/index.d.mts

@@ -1,4 +1,4 @@
-export { I as IUtils_Excel_ColumnConfig, a as utils_excel_download, u as utils_excel_exportExcel } from '../excel---d-HDs7.mjs';
+export { I as IUtils_Excel_ColumnConfig, a as utils_excel_download, u as utils_excel_exportExcel } from '../excel-CP9z_HOI.mjs';
 import { DefaultMantineColor } from '@mantine/core';
 import * as react from 'react';
 import 'exceljs';

package/dist/utils/index.mjs

@@ -15,7 +15,7 @@ import {
   utils_pdf_download,
   utils_time_convertTimeStringToSeconds,
   utils_time_getCurrentTimeString
-} from "../chunk-42OQXQR5.mjs";
+} from "../chunk-WNGACHRD.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   U0DateToDDMMYYYString,

package/package.json

@@ -18,7 +18,7 @@
       "types": "./dist/modules-features/index.d.mts"
     }
   },
-  "version": "0.1.80",
+  "version": "0.1.82",
   "private": false,
   "files": [
     "dist"