@hybridcore/ui 1.5.41 → 1.5.43

package/dist/components/document-viewer/index.js

@@ -1,48 +1,48 @@
-import { jsxs as i, jsx as o, Fragment as h } from "react/jsx-runtime";
-import { Box as n, AppBar as d, Toolbar as l } from "@mui/material";
-import { ActionButtons as c } from "./components/action-buttons/index.js";
+import { jsxs as i, jsx as o, Fragment as c } from "react/jsx-runtime";
+import { Box as t, AppBar as h, Toolbar as l } from "@mui/material";
+import { ActionButtons as d } from "./components/action-buttons/index.js";
 import m from "./components/viewer/index.js";
 import { useDocumentViewerLogic as g } from "./logic.js";
-import { SidePanelToggleButton as s, SidePanel as f } from "./styled.js";
-import { DoubleArrow as u } from "@mui/icons-material";
-const S = (r) => {
-  const { refs: a, state: e, action: t } = g(r);
-  return /* @__PURE__ */ i(n, { bgcolor: "#ededed", children: [
-    /* @__PURE__ */ o(d, { color: "inherit", children: /* @__PURE__ */ i(l, { sx: { justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ o(n, { children: r.logo }),
-      /* @__PURE__ */ o(n, {}),
-      /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
-        c,
+import { SidePanelToggleButton as s, SidePanel as u } from "./styled.js";
+import { DoubleArrow as f } from "@mui/icons-material";
+const S = (e) => {
+  const { refs: a, state: n, action: r } = g(e);
+  return /* @__PURE__ */ i(t, { bgcolor: "#ededed", children: [
+    /* @__PURE__ */ o(h, { color: "inherit", children: /* @__PURE__ */ i(l, { sx: { justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ o(t, { children: e.logo }),
+      /* @__PURE__ */ o(t, {}),
+      /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(
+        d,
         {
-          onBookmark: r.onBookmark,
-          onDownload: t.onDownload,
-          onFullScreen: t.onFullScreen,
-          onPrint: t.onPrint
+          onBookmark: e.onBookmark,
+          onDownload: r.onDownload,
+          onFullScreen: r.onFullScreen,
+          onPrint: r.onPrint
         }
       ) })
     ] }) }),
     /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ o(n, { mr: `${e.rightPanelWidth}px`, sx: { transition: "all .3s" }, children: e.blob ? /* @__PURE__ */ o(m, { ref: a.viewer, data: e.blob }) : null }),
-    r.rightPanel ? /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ o(t, { mr: `${n.rightPanelWidth}px`, sx: { transition: "all .3s" }, children: e.customContent ? e.customContent : n.blob ? /* @__PURE__ */ o(m, { ref: a.viewer, data: n.blob }) : null }),
+    e.rightPanel ? /* @__PURE__ */ i(c, { children: [
       /* @__PURE__ */ o(
         s,
         {
-          sx: { right: e.rightPanelWidth },
-          onClick: t.toggleRightPanel,
+          sx: { right: n.rightPanelWidth },
+          onClick: r.toggleRightPanel,
           children: /* @__PURE__ */ o(
-            u,
+            f,
             {
               sx: {
                 fontSize: 14,
-                transform: `rotate(${e.rightPanelWidth ? 0 : 180}deg)`
+                transform: `rotate(${n.rightPanelWidth ? 0 : 180}deg)`
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ i(f, { width: e.rightPanelWidth, right: 0, children: [
+      /* @__PURE__ */ i(u, { width: n.rightPanelWidth, right: 0, children: [
         /* @__PURE__ */ o(l, {}),
-        r.rightPanel
+        e.rightPanel
       ] })
     ] }) : null
   ] });

package/dist/components/document-viewer/logic.js

@@ -1,23 +1,25 @@
-import { useRef as f, useState as i, useEffect as b } from "react";
+import { useRef as a, useState as l, useEffect as b } from "react";
 import { b64toBlob as g, printBlob as p, downloadBlob as w } from "./utils.js";
 const D = ({
-  data: t,
+  data: o,
   title: s,
   rightPanel: c,
-  rightPanelWidth: n = 450
+  rightPanelWidth: t = 450
 }) => {
-  const o = f(null), [e, u] = i();
+  const n = a(null), [e, u] = l();
   b(() => ((async () => {
-    const a = await g(t, "application/pdf");
-    u(a);
+    if (o) {
+      const f = await g(o, "application/pdf");
+      u(f);
+    }
   })(), () => {
-  }), [t]);
-  const [r, l] = i(
-    c ? n : 0
+  }), [o]);
+  const [r, i] = l(
+    c ? t : 0
   );
   return {
     refs: {
-      viewer: o
+      viewer: n
     },
     state: {
       blob: e,
@@ -28,13 +30,13 @@ const D = ({
         e && p(e);
       },
       onFullScreen: () => {
-        o.current && o.current.requestFullscreen();
+        n.current && n.current.requestFullscreen();
       },
       onDownload: () => {
         e && w(e, s);
       },
       toggleRightPanel: () => {
-        l(r ? 0 : n);
+        i(r ? 0 : t);
       }
     }
   };

package/dist/main.d.ts

@@ -215,7 +215,8 @@ declare interface DisseminationListProps {
 export declare const DocumentViewer: FC<DocumentViewerProps>;
 
 declare interface DocumentViewerProps {
-    data: string; // Base64
+    data?: string; // Base64
+    customContent?: default_2.ReactNode;
     logo: default_2.ReactNode;
     title: string;
     rightPanel?: default_2.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.41",
+  "version": "1.5.43",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",