aq-fe-framework 0.1.573 → 0.1.574

package/dist/{chunk-4TWJT2QW.mjs → chunk-BITKEWBN.mjs}

@@ -1,6 +1,6 @@
 import {
   MyButton
-} from "./chunk-DRAMLXGM.mjs";
+} from "./chunk-MBFTZJMN.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-6MIF2A3H.mjs → chunk-JK76ZIUG.mjs}

@@ -3,7 +3,7 @@ import {
   MyFieldset,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-DRAMLXGM.mjs";
+} from "./chunk-MBFTZJMN.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";

package/dist/{chunk-DRAMLXGM.mjs → chunk-MBFTZJMN.mjs}

@@ -1980,7 +1980,7 @@ import {
 import { useDisclosure as useDisclosure10 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
-import { useState as useState8 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function MyButtonViewPDF({
   id,
@@ -1990,10 +1990,10 @@ function MyButtonViewPDF({
   isActionIcon = false,
   filePath
 }) {
-  var _a, _b, _c;
-  const disc = useDisclosure10(false);
-  const fullScreen = useState8(false);
-  const hSize = useState8("80vh");
+  const [opened, { open, close }] = useDisclosure10(false);
+  const [fullscreen, setFullscreen] = useState8(false);
+  const [height, setHeight] = useState8("80vh");
+  const [blobUrl, setBlobUrl] = useState8(null);
   const query = useQuery({
     queryKey: ["MyButtonViewPDF", id, filePath],
     queryFn: async () => {
@@ -2004,73 +2004,70 @@ function MyButtonViewPDF({
       const res = await baseAxios_default.get("/Document/Get?id=" + id);
       return res.data.data;
     },
-    enabled: disc[0] == true
+    enabled: opened
   });
+  useEffect6(() => {
+    var _a, _b, _c;
+    if (!query.data) return;
+    const base64String = filePath ? (_a = query.data) == null ? void 0 : _a.fileBase64String : (_c = (_b = query.data) == null ? void 0 : _b.fileDetail) == null ? void 0 : _c.fileBase64String;
+    if (!base64String) return;
+    const byteCharacters = atob(base64String);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i5 = 0; i5 < byteCharacters.length; i5++) {
+      byteNumbers[i5] = byteCharacters.charCodeAt(i5);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: "application/pdf" });
+    const newBlobUrl = URL.createObjectURL(blob);
+    setBlobUrl(newBlobUrl);
+    return () => {
+      URL.revokeObjectURL(newBlobUrl);
+    };
+  }, [query.data]);
   return /* @__PURE__ */ jsxs20(Fragment10, { children: [
-    /* @__PURE__ */ jsx34(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx34(
-      ActionIcon10,
-      {
-        onClick: () => {
-          disc[1].open();
-        },
-        children: /* @__PURE__ */ jsx34(IconLivePhoto2, {})
-      }
-    ) : /* @__PURE__ */ jsx34(
-      Button10,
-      {
-        color: "cyan",
-        onClick: () => {
-          disc[1].open();
-        },
-        leftSection: /* @__PURE__ */ jsx34(IconLivePhoto2, {}),
-        children: label
-      }
-    ) }),
+    /* @__PURE__ */ jsx34(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx34(ActionIcon10, { onClick: open, children: /* @__PURE__ */ jsx34(IconLivePhoto2, {}) }) : /* @__PURE__ */ jsx34(Button10, { color: "cyan", onClick: open, leftSection: /* @__PURE__ */ jsx34(IconLivePhoto2, {}), children: label }) }),
     /* @__PURE__ */ jsx34(
       Modal10,
       {
-        fullScreen: fullScreen[0],
-        opened: disc[0],
-        onClose: disc[1].close,
+        fullScreen: fullscreen,
+        opened,
+        onClose: () => {
+          close();
+          setBlobUrl(null);
+        },
         size: modalSize,
         title: /* @__PURE__ */ jsxs20(Group9, { children: [
           /* @__PURE__ */ jsx34(Text7, { children: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp" }),
-          fullScreen[0] ? /* @__PURE__ */ jsx34(
-            ActionIcon10,
-            {
-              onClick: () => {
-                fullScreen[1](false);
-                hSize[1]("80vh");
-              },
-              children: /* @__PURE__ */ jsx34(IconMinimize3, {})
-            }
-          ) : /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx34(
             ActionIcon10,
             {
               onClick: () => {
-                fullScreen[1](true);
-                hSize[1]("90vh");
+                setFullscreen(!fullscreen);
+                setHeight(fullscreen ? "80vh" : "90vh");
               },
-              children: /* @__PURE__ */ jsx34(IconMaximize3, {})
+              children: fullscreen ? /* @__PURE__ */ jsx34(IconMinimize3, {}) : /* @__PURE__ */ jsx34(IconMaximize3, {})
             }
           )
         ] }),
-        children: /* @__PURE__ */ jsxs20(Paper3, { h: hSize[0], p: "lg", pos: "relative", children: [
+        children: /* @__PURE__ */ jsxs20(Paper3, { h: height, p: "lg", pos: "relative", children: [
           /* @__PURE__ */ jsx34(
             LoadingOverlay,
             {
+              visible: query.isLoading || !blobUrl && !!query.data,
               zIndex: 1e3,
               overlayProps: { radius: "sm", blur: 2 }
             }
           ),
-          query.data ? /* @__PURE__ */ jsx34(
+          blobUrl || src ? /* @__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}`,
+              src: blobUrl != null ? blobUrl : src,
               width: "100%",
-              height: "100%"
+              height: "100%",
+              allow: "fullscreen",
+              style: { border: "none" }
             }
-          ) : /* @__PURE__ */ jsx34("iframe", { src, width: "100%", height: "100%" })
+          ) : /* @__PURE__ */ jsx34(Text7, {})
         ] })
       }
     )
@@ -6424,7 +6421,7 @@ import { createEventsServicePlugin } from "@schedule-x/events-service";
 import { ScheduleXCalendar, useNextCalendarApp } from "@schedule-x/react";
 import { Paper as Paper4, Text as Text8 } from "@mantine/core";
 import "@schedule-x/theme-default/dist/index.css";
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function MyCalendar() {
   const plugins = [createEventsServicePlugin(), createEventModalPlugin()];
@@ -6496,7 +6493,7 @@ function MyCalendar() {
       }
     ]
   }, plugins);
-  useEffect6(() => {
+  useEffect7(() => {
     calendar == null ? void 0 : calendar.events.getAll();
   }, []);
   return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ScheduleXCalendar, { calendarApp: calendar, customComponents: {
@@ -6824,7 +6821,7 @@ function AQStatCard2({
 }
 
 // src/components/FaviconSetter/FaviconSetter.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 
 // src/components/Layouts/BasicAppShell/useS_BasicAppShell.ts
 var useStore2 = createGenericStore({
@@ -6876,7 +6873,7 @@ function useS_BasicAppShell() {
 function FaviconSetter() {
   var _a;
   const store = useS_BasicAppShell();
-  useEffect7(() => {
+  useEffect8(() => {
     var _a2, _b, _c;
     if (!((_a2 = store.state.faviconFileDetail) == null ? void 0 : _a2.fileBase64String)) return;
     try {
@@ -7009,7 +7006,7 @@ import TextAlign from "@tiptap/extension-text-align";
 import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState9 } from "react";
 import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
@@ -7111,7 +7108,7 @@ function MyTextEditor(_a) {
       }
     }
   }, rest));
-  useEffect8(() => {
+  useEffect9(() => {
     if (editor && value !== editor.getHTML()) {
       editor.commands.setContent(value);
     }
@@ -7220,7 +7217,7 @@ import {
 } from "@tabler/icons-react";
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState10 } from "react";
 import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function findBreadcrumbPath(items, currentPath, parents = []) {
   for (const item of items) {
@@ -7379,7 +7376,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
     return result;
   }, [menu]);
   useFavicon(faviconUrl);
-  useEffect9(() => {
+  useEffect10(() => {
     var _a2;
     const data = GetAQModule_query.data;
     if (!data) return;
@@ -7401,12 +7398,12 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect })
       };
     }
   }, [GetAQModule_query.data]);
-  useEffect9(() => {
+  useEffect10(() => {
     const data = GetAQModule_query.data;
     if (!data) return;
     document.title = data.name || "";
   }, [GetAQModule_query.data]);
-  useEffect9(() => {
+  useEffect10(() => {
     const linkItem = allChildItems.find((item) => pathName.includes(item.link));
     const breadcrumb = findBreadcrumbPath(menu, linkItem == null ? void 0 : linkItem.link);
     basicAppShellStore.setProperty("breadcrumb", breadcrumb);

package/dist/components/index.d.mts

@@ -259,7 +259,7 @@ interface IMyButtonViewPDF {
     isActionIcon?: boolean;
     filePath?: string;
 }
-declare function MyButtonViewPDF({ id, modalSize, label, src, isActionIcon, filePath }: IMyButtonViewPDF): react_jsx_runtime.JSX.Element;
+declare function MyButtonViewPDF({ id, modalSize, label, src, isActionIcon, filePath, }: IMyButtonViewPDF): react_jsx_runtime.JSX.Element;
 
 declare function MyCalendar(): react_jsx_runtime.JSX.Element;
 

package/dist/components/index.mjs

@@ -67,7 +67,7 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-DRAMLXGM.mjs";
+} from "../chunk-MBFTZJMN.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/core/index.mjs

@@ -21,12 +21,12 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-6MIF2A3H.mjs";
+} from "../chunk-JK76ZIUG.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import {
   MyModalDelete
-} from "../chunk-4TWJT2QW.mjs";
-import "../chunk-DRAMLXGM.mjs";
+} from "../chunk-BITKEWBN.mjs";
+import "../chunk-MBFTZJMN.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/coreService/index.mjs

@@ -1,7 +1,7 @@
 import {
   MyModalDelete
-} from "../chunk-4TWJT2QW.mjs";
-import "../chunk-DRAMLXGM.mjs";
+} from "../chunk-BITKEWBN.mjs";
+import "../chunk-MBFTZJMN.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/modules-features/index.mjs

@@ -15,11 +15,11 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-6MIF2A3H.mjs";
+} from "../chunk-JK76ZIUG.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.mjs";
-import "../chunk-4TWJT2QW.mjs";
+import "../chunk-BITKEWBN.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -45,7 +45,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-DRAMLXGM.mjs";
+} from "../chunk-MBFTZJMN.mjs";
 import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";

package/package.json

@@ -50,7 +50,7 @@
       "types": "./dist/types/index.d.mts"
     }
   },
-  "version": "0.1.573",
+  "version": "0.1.574",
   "private": false,
   "files": [
     "dist"