@hybridcore/ui 1.5.42 → 1.5.43

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

@@ -1,37 +1,34 @@
-import { jsxs as r, jsx as o, Fragment as h } from "react/jsx-runtime";
-import { Box as t, AppBar as c, Toolbar as l } from "@mui/material";
+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 u } from "./styled.js";
 import { DoubleArrow as f } from "@mui/icons-material";
 const S = (e) => {
-  const { refs: a, state: n, action: i } = g(e);
-  return /* @__PURE__ */ r(t, { bgcolor: "#ededed", children: [
-    /* @__PURE__ */ o(c, { color: "inherit", children: /* @__PURE__ */ r(l, { sx: { justifyContent: "space-between" }, children: [
+  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: e.onBookmark,
-          onDownload: i.onDownload,
-          onFullScreen: i.onFullScreen,
-          onPrint: i.onPrint
+          onDownload: r.onDownload,
+          onFullScreen: r.onFullScreen,
+          onPrint: r.onPrint
         }
       ) })
     ] }) }),
     /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ r(t, { mr: `${n.rightPanelWidth}px`, sx: { transition: "all .3s" }, children: [
-      n.blob ? /* @__PURE__ */ o(m, { ref: a.viewer, data: n.blob }) : null,
-      e.customContent
-    ] }),
-    e.rightPanel ? /* @__PURE__ */ r(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: n.rightPanelWidth },
-          onClick: i.toggleRightPanel,
+          onClick: r.toggleRightPanel,
           children: /* @__PURE__ */ o(
             f,
             {
@@ -43,7 +40,7 @@ const S = (e) => {
           )
         }
       ),
-      /* @__PURE__ */ r(u, { width: n.rightPanelWidth, right: 0, children: [
+      /* @__PURE__ */ i(u, { width: n.rightPanelWidth, right: 0, children: [
         /* @__PURE__ */ o(l, {}),
         e.rightPanel
       ] })

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,10 +215,10 @@ 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;
-    customContent?: default_2.ReactNode;
     rightPanel?: default_2.ReactNode;
     rightPanelWidth?: number;
     onBookmark(): void;

package/package.json

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