@nice2dev/ui-bi 1.1.6 → 1.1.9

package/dist/{NiceDocumentViewer-B-uEPZAf-CEkT03Kq.js → NiceDocumentViewer-BtpiyHdE-B0Wjc_z7.js}

@@ -1,25 +1,25 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { A as g } from "./index-C5HkRuCY.js";
+import { x as g } from "./index-BbAnSU3F.js";
 import { forwardRef as be, useRef as V, useState as f, useMemo as _e, useCallback as l, useEffect as q, useImperativeHandle as xe } from "react";
-function ye(o, r) {
+function ye(r, o) {
   var a;
-  const t = ((a = o.split(".").pop()) == null ? void 0 : a.toLowerCase().split("?")[0]) ?? "";
-  return t === "pdf" ? "pdf" : ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "ico", "tiff", "tif"].includes(t) ? "image" : ["mp4", "webm", "ogg", "mov", "avi", "mkv"].includes(t) ? "video" : ["mp3", "wav", "flac", "aac", "m4a", "ogg"].includes(t) ? "audio" : ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "odt", "ods", "odp"].includes(t) ? "office" : t === "html" || t === "htm" ? "html" : ["txt", "log", "md", "json", "xml", "csv", "yaml", "yml"].includes(t) ? "text" : "unknown";
+  const n = ((a = r.split(".").pop()) == null ? void 0 : a.toLowerCase().split("?")[0]) ?? "";
+  return n === "pdf" ? "pdf" : ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "ico", "tiff", "tif"].includes(n) ? "image" : ["mp4", "webm", "ogg", "mov", "avi", "mkv"].includes(n) ? "video" : ["mp3", "wav", "flac", "aac", "m4a", "ogg"].includes(n) ? "audio" : ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "odt", "ods", "odp"].includes(n) ? "office" : n === "html" || n === "htm" ? "html" : ["txt", "log", "md", "json", "xml", "csv", "yaml", "yml"].includes(n) ? "text" : "unknown";
 }
-function ke(o) {
-  if (o === 0)
+function ke(r) {
+  if (r === 0)
     return "0 B";
-  const r = 1024, t = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(o) / Math.log(r));
-  return parseFloat((o / Math.pow(r, a)).toFixed(1)) + " " + t[a];
+  const o = 1024, n = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(r) / Math.log(o));
+  return parseFloat((r / Math.pow(o, a)).toFixed(1)) + " " + n[a];
 }
-function Ce(o) {
-  const r = Math.floor(o / 3600), t = Math.floor(o % 3600 / 60), a = Math.floor(o % 60);
-  return r > 0 ? `${r}:${t.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}` : `${t}:${a.toString().padStart(2, "0")}`;
+function Ce(r) {
+  const o = Math.floor(r / 3600), n = Math.floor(r % 3600 / 60), a = Math.floor(r % 60);
+  return o > 0 ? `${o}:${n.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}` : `${n}:${a.toString().padStart(2, "0")}`;
 }
 function Ne({
-  src: o,
-  page: r,
-  zoom: t,
+  src: r,
+  page: o,
+  zoom: n,
   rotation: a,
   onPageChange: u,
   onLoad: d,
@@ -41,11 +41,11 @@ function Ne({
             );
           }
         p ? s.GlobalWorkerOptions.workerSrc = p : s.version && (s.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${s.version}/pdf.worker.min.js`);
-        const b = await s.getDocument(o).promise;
+        const b = await s.getDocument(r).promise;
         if (x)
           return;
         z.current = b, J(b.numPages), d({
-          name: o.split("/").pop() ?? "document.pdf",
+          name: r.split("/").pop() ?? "document.pdf",
           type: "pdf",
           mimeType: "application/pdf",
           pageCount: b.numPages
@@ -56,7 +56,7 @@ function Ne({
     })(), () => {
       x = !0;
     };
-  }, [o, p, d, h]), q(() => {
+  }, [r, p, d, h]), q(() => {
     const x = z.current, s = v.current;
     if (!x || !s || _ === 0)
       return;
@@ -65,10 +65,10 @@ function Ne({
       if (!U) {
         B(!0);
         try {
-          const P = Math.max(1, Math.min(r, _)), M = await x.getPage(P);
+          const P = Math.max(1, Math.min(o, _)), M = await x.getPage(P);
           if (b)
             return;
-          const y = M.getViewport({ scale: t, rotation: a }), E = s.getContext("2d");
+          const y = M.getViewport({ scale: n, rotation: a }), E = s.getContext("2d");
           if (!E)
             return;
           s.height = y.height, s.width = y.width, await M.render({
@@ -84,12 +84,12 @@ function Ne({
     })(), () => {
       b = !0;
     };
-  }, [r, t, a, _, U]), /* @__PURE__ */ e("div", { className: "nice-document-viewer__pdf", children: /* @__PURE__ */ e("canvas", { ref: v, className: "nice-document-viewer__pdf-canvas" }) });
+  }, [o, n, a, _, U]), /* @__PURE__ */ e("div", { className: "nice-document-viewer__pdf", children: /* @__PURE__ */ e("canvas", { ref: v, className: "nice-document-viewer__pdf-canvas" }) });
 }
 function ze({
-  src: o,
-  zoom: r,
-  rotation: t,
+  src: r,
+  zoom: o,
+  rotation: n,
   onLoad: a,
   onError: u
 }) {
@@ -97,50 +97,50 @@ function ze({
     (z) => {
       const _ = z.currentTarget;
       h(!0), a({
-        name: o.split("/").pop() ?? "image",
+        name: r.split("/").pop() ?? "image",
         type: "image",
         width: _.naturalWidth,
         height: _.naturalHeight
       });
     },
-    [o, a]
+    [r, a]
   ), v = l(() => {
     u(new Error("Failed to load image"));
   }, [u]);
   return /* @__PURE__ */ e("div", { className: "nice-document-viewer__image", children: /* @__PURE__ */ e(
     "img",
     {
-      src: o,
+      src: r,
       alt: "Document",
       onLoad: p,
       onError: v,
       style: {
-        transform: `scale(${r}) rotate(${t}deg)`,
+        transform: `scale(${o}) rotate(${n}deg)`,
         opacity: d ? 1 : 0
       },
       draggable: !1
     }
   ) });
 }
-function Ee({ src: o, type: r, onLoad: t, onError: a }) {
+function Ee({ src: r, type: o, onLoad: n, onError: a }) {
   const u = V(null), d = l(() => {
     const p = u.current;
     if (!p)
       return;
     const v = {
-      name: o.split("/").pop() ?? (r === "video" ? "video" : "audio"),
-      type: r,
+      name: r.split("/").pop() ?? (o === "video" ? "video" : "audio"),
+      type: o,
       duration: p.duration
     };
-    r === "video" && "videoWidth" in p && (v.width = p.videoWidth, v.height = p.videoHeight), t(v);
-  }, [o, r, t]), h = l(() => {
-    a(new Error(`Failed to load ${r}`));
-  }, [r, a]);
-  return r === "video" ? /* @__PURE__ */ e("div", { className: "nice-document-viewer__video", children: /* @__PURE__ */ e(
+    o === "video" && "videoWidth" in p && (v.width = p.videoWidth, v.height = p.videoHeight), n(v);
+  }, [r, o, n]), h = l(() => {
+    a(new Error(`Failed to load ${o}`));
+  }, [o, a]);
+  return o === "video" ? /* @__PURE__ */ e("div", { className: "nice-document-viewer__video", children: /* @__PURE__ */ e(
     "video",
     {
       ref: u,
-      src: o,
+      src: r,
       controls: !0,
       onLoadedMetadata: d,
       onError: h
@@ -149,20 +149,20 @@ function Ee({ src: o, type: r, onLoad: t, onError: a }) {
     "audio",
     {
       ref: u,
-      src: o,
+      src: r,
       controls: !0,
       onLoadedMetadata: d,
       onError: h
     }
   ) });
 }
-function Le({ src: o, viewerUrl: r, onLoad: t }) {
-  const [a, u] = f(!1), d = `${r ?? "https://view.officeapps.live.com/op/embed.aspx?src="}${encodeURIComponent(o)}`, h = l(() => {
-    u(!0), t({
-      name: o.split("/").pop() ?? "document",
+function Le({ src: r, viewerUrl: o, onLoad: n }) {
+  const [a, u] = f(!1), d = `${o ?? "https://view.officeapps.live.com/op/embed.aspx?src="}${encodeURIComponent(r)}`, h = l(() => {
+    u(!0), n({
+      name: r.split("/").pop() ?? "document",
       type: "office"
     });
-  }, [o, t]);
+  }, [r, n]);
   return /* @__PURE__ */ e("div", { className: "nice-document-viewer__office", children: /* @__PURE__ */ e(
     "iframe",
     {
@@ -173,45 +173,45 @@ function Le({ src: o, viewerUrl: r, onLoad: t }) {
     }
   ) });
 }
-function je({ src: o, onLoad: r, onError: t }) {
+function je({ src: r, onLoad: o, onError: n }) {
   const [a, u] = f(null);
   return q(() => {
-    fetch(o).then((d) => {
+    fetch(r).then((d) => {
       if (!d.ok)
         throw new Error("Failed to fetch text");
       return d.text();
     }).then((d) => {
-      u(d), r({
-        name: o.split("/").pop() ?? "text",
+      u(d), o({
+        name: r.split("/").pop() ?? "text",
         type: "text",
         size: d.length
       });
     }).catch((d) => {
-      t(d instanceof Error ? d : new Error("Failed to load text"));
+      n(d instanceof Error ? d : new Error("Failed to load text"));
     });
-  }, [o, r, t]), a === null ? /* @__PURE__ */ e("div", { className: "nice-document-viewer__loading", children: "Loading..." }) : /* @__PURE__ */ e("div", { className: "nice-document-viewer__text", children: /* @__PURE__ */ e("pre", { children: a }) });
+  }, [r, o, n]), a === null ? /* @__PURE__ */ e("div", { className: "nice-document-viewer__loading", children: "Loading..." }) : /* @__PURE__ */ e("div", { className: "nice-document-viewer__text", children: /* @__PURE__ */ e("pre", { children: a }) });
 }
-function Pe({ src: o, onLoad: r }) {
-  const t = l(() => {
-    r({
-      name: o.split("/").pop() ?? "page.html",
+function Pe({ src: r, onLoad: o }) {
+  const n = l(() => {
+    o({
+      name: r.split("/").pop() ?? "page.html",
       type: "html"
     });
-  }, [o, r]);
+  }, [r, o]);
   return /* @__PURE__ */ e("div", { className: "nice-document-viewer__html", children: /* @__PURE__ */ e(
     "iframe",
     {
-      src: o,
-      onLoad: t,
+      src: r,
+      onLoad: n,
       title: "HTML Document",
       sandbox: "allow-same-origin allow-scripts"
     }
   ) });
 }
 const $e = be(
-  function(o, r) {
+  function(r, o) {
     const {
-      src: t,
+      src: n,
       type: a,
       name: u,
       height: d = 600,
@@ -232,28 +232,28 @@ const $e = be(
       onError: E,
       onPageChange: I,
       onZoomChange: W,
-      pdfWorkerUrl: re,
+      pdfWorkerUrl: oe,
       officeViewerUrl: ie,
       loading: ae,
       errorContent: Y,
       className: ce,
       "data-testid": de
-    } = o, Q = V(null), [n, le] = f(null), [k, se] = f(_), [L, ue] = f(p), [ee, me] = f(0), [H, te] = f(!1), [T, pe] = f(null), [fe, ne] = f(!0), C = _e(() => a ?? ye(t), [t, a]), j = l(
+    } = r, Q = V(null), [t, le] = f(null), [k, se] = f(_), [L, ue] = f(p), [ee, me] = f(0), [H, ne] = f(!1), [T, pe] = f(null), [fe, te] = f(!0), C = _e(() => a ?? ye(n), [n, a]), j = l(
       (i) => {
-        le(i), ne(!1), y == null || y(i);
+        le(i), te(!1), y == null || y(i);
       },
       [y]
     ), A = l(
       (i) => {
-        pe(i), ne(!1), E == null || E(i);
+        pe(i), te(!1), E == null || E(i);
       },
       [E]
     ), w = l(
       (i) => {
-        const c = (n == null ? void 0 : n.pageCount) ?? 1, Z = Math.max(1, Math.min(i, c));
+        const c = (t == null ? void 0 : t.pageCount) ?? 1, Z = Math.max(1, Math.min(i, c));
         se(Z), I == null || I(Z);
       },
-      [n == null ? void 0 : n.pageCount, I]
+      [t == null ? void 0 : t.pageCount, I]
     ), D = l(() => w(k + 1), [k, w]), F = l(() => w(k - 1), [k, w]), N = l(
       (i) => {
         const c = Math.max(v, Math.min(i, z));
@@ -264,13 +264,13 @@ const $e = be(
       me((c) => (c + i) % 360);
     }, []), O = l(() => {
       const i = document.createElement("a");
-      i.href = t, i.download = u ?? (n == null ? void 0 : n.name) ?? "document", document.body.appendChild(i), i.click(), document.body.removeChild(i);
-    }, [t, u, n == null ? void 0 : n.name]), X = l(() => {
-      const i = window.open(t, "_blank");
+      i.href = n, i.download = u ?? (t == null ? void 0 : t.name) ?? "document", document.body.appendChild(i), i.click(), document.body.removeChild(i);
+    }, [n, u, t == null ? void 0 : t.name]), X = l(() => {
+      const i = window.open(n, "_blank");
       i && (i.onload = () => i.print());
-    }, [t]), S = l(() => {
+    }, [n]), S = l(() => {
       var i, c, Z;
-      Q.current && (H ? ((i = document.exitFullscreen) == null || i.call(document), te(!1)) : ((Z = (c = Q.current).requestFullscreen) == null || Z.call(c), te(!0)));
+      Q.current && (H ? ((i = document.exitFullscreen) == null || i.call(document), ne(!1)) : ((Z = (c = Q.current).requestFullscreen) == null || Z.call(c), ne(!0)));
     }, [H]);
     q(() => {
       if (!M)
@@ -289,7 +289,7 @@ const $e = be(
             w(1);
             break;
           case "End":
-            w((n == null ? void 0 : n.pageCount) ?? 1);
+            w((t == null ? void 0 : t.pageCount) ?? 1);
             break;
           case "+":
           case "=":
@@ -312,13 +312,13 @@ const $e = be(
       D,
       F,
       w,
-      n == null ? void 0 : n.pageCount,
+      t == null ? void 0 : t.pageCount,
       $,
       K,
       R,
       S
     ]), xe(
-      r,
+      o,
       () => ({
         goToPage: w,
         nextPage: D,
@@ -331,7 +331,7 @@ const $e = be(
         download: O,
         print: X,
         toggleFullscreen: S,
-        getInfo: () => n
+        getInfo: () => t
       }),
       [
         w,
@@ -345,7 +345,7 @@ const $e = be(
         O,
         X,
         S,
-        n
+        t
       ]
     );
     const he = () => {
@@ -360,21 +360,21 @@ const $e = be(
           return /* @__PURE__ */ e(
             Ne,
             {
-              src: t,
+              src: n,
               page: k,
               zoom: L,
               rotation: ee,
               onPageChange: w,
               onLoad: j,
               onError: A,
-              workerUrl: re
+              workerUrl: oe
             }
           );
         case "image":
           return /* @__PURE__ */ e(
             ze,
             {
-              src: t,
+              src: n,
               zoom: L,
               rotation: ee,
               onLoad: j,
@@ -383,13 +383,13 @@ const $e = be(
           );
         case "video":
         case "audio":
-          return /* @__PURE__ */ e(Ee, { src: t, type: C, onLoad: j, onError: A });
+          return /* @__PURE__ */ e(Ee, { src: n, type: C, onLoad: j, onError: A });
         case "office":
-          return /* @__PURE__ */ e(Le, { src: t, viewerUrl: ie, onLoad: j });
+          return /* @__PURE__ */ e(Le, { src: n, viewerUrl: ie, onLoad: j });
         case "text":
-          return /* @__PURE__ */ e(je, { src: t, onLoad: j, onError: A });
+          return /* @__PURE__ */ e(je, { src: n, onLoad: j, onError: A });
         case "html":
-          return /* @__PURE__ */ e(Pe, { src: t, onLoad: j });
+          return /* @__PURE__ */ e(Pe, { src: n, onLoad: j });
         default:
           return /* @__PURE__ */ m("div", { className: "nice-document-viewer__unknown", children: [
             /* @__PURE__ */ m("span", { children: [
@@ -399,7 +399,7 @@ const $e = be(
             /* @__PURE__ */ e("button", { type: "button", onClick: O, children: "Download" })
           ] });
       }
-    }, ve = U && C === "pdf" && ((n == null ? void 0 : n.pageCount) ?? 0) > 1, we = B && (C === "pdf" || C === "image"), ge = P && (C === "pdf" || C === "image");
+    }, ve = U && C === "pdf" && ((t == null ? void 0 : t.pageCount) ?? 0) > 1, we = B && (C === "pdf" || C === "image"), ge = P && (C === "pdf" || C === "image");
     return /* @__PURE__ */ m(
       "div",
       {
@@ -429,18 +429,18 @@ const $e = be(
                     value: k,
                     onChange: (i) => w(parseInt(i.target.value, 10)),
                     min: 1,
-                    max: (n == null ? void 0 : n.pageCount) ?? 1
+                    max: (t == null ? void 0 : t.pageCount) ?? 1
                   }
                 ),
                 "/ ",
-                (n == null ? void 0 : n.pageCount) ?? 1
+                (t == null ? void 0 : t.pageCount) ?? 1
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   onClick: D,
-                  disabled: k >= ((n == null ? void 0 : n.pageCount) ?? 1),
+                  disabled: k >= ((t == null ? void 0 : t.pageCount) ?? 1),
                   "aria-label": "Next page",
                   children: /* @__PURE__ */ e(g, { name: "chevron-right", size: 16 })
                 }
@@ -471,31 +471,31 @@ const $e = be(
             fe && !T && (ae ?? /* @__PURE__ */ e("div", { className: "nice-document-viewer__loading", children: "Loading..." })),
             he()
           ] }),
-          n && /* @__PURE__ */ m("div", { className: "nice-document-viewer__info", children: [
-            /* @__PURE__ */ e("span", { className: "nice-document-viewer__name", children: u ?? n.name }),
-            n.size && /* @__PURE__ */ e("span", { className: "nice-document-viewer__size", children: ke(n.size) }),
-            n.width && n.height && /* @__PURE__ */ m("span", { className: "nice-document-viewer__dimensions", children: [
-              n.width,
+          t && /* @__PURE__ */ m("div", { className: "nice-document-viewer__info", children: [
+            /* @__PURE__ */ e("span", { className: "nice-document-viewer__name", children: u ?? t.name }),
+            t.size && /* @__PURE__ */ e("span", { className: "nice-document-viewer__size", children: ke(t.size) }),
+            t.width && t.height && /* @__PURE__ */ m("span", { className: "nice-document-viewer__dimensions", children: [
+              t.width,
               " × ",
-              n.height
+              t.height
             ] }),
-            n.duration && /* @__PURE__ */ e("span", { className: "nice-document-viewer__duration", children: Ce(n.duration) })
+            t.duration && /* @__PURE__ */ e("span", { className: "nice-document-viewer__duration", children: Ce(t.duration) })
           ] })
         ]
       }
     );
   }
-), oe = "nice-document-viewer-styles";
-if (typeof document < "u" && !document.getElementById(oe)) {
-  const o = document.createElement("style");
-  o.id = oe, o.textContent = `
+), re = "nice-document-viewer-styles";
+if (typeof document < "u" && !document.getElementById(re)) {
+  const r = document.createElement("style");
+  r.id = re, r.textContent = `
     .nice-document-viewer {
       display: flex;
       flex-direction: column;
-      border: 1px solid var(--border-color, #e5e7eb);
+      border: 1px solid var(--nice-border-color, #e5e7eb);
       border-radius: var(--nice-radius-sm, 4px);
       overflow: hidden;
-      background: var(--bg-primary, #ffffff);
+      background: var(--nice-bg-primary, #ffffff);
     }
 
     .nice-document-viewer--fullscreen {
@@ -514,8 +514,8 @@ if (typeof document < "u" && !document.getElementById(oe)) {
       align-items: center;
       justify-content: space-between;
       padding: var(--nice-space-2, 8px) var(--nice-space-3, 12px);
-      background: var(--bg-primary, #ffffff);
-      border-bottom: 1px solid var(--border-color, #e5e7eb);
+      background: var(--nice-bg-primary, #ffffff);
+      border-bottom: 1px solid var(--nice-border-color, #e5e7eb);
       flex-shrink: 0;
     }
 
@@ -529,15 +529,15 @@ if (typeof document < "u" && !document.getElementById(oe)) {
 
     .nice-document-viewer__toolbar button {
       padding: var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);
-      border: 1px solid var(--border-color, #e5e7eb);
+      border: 1px solid var(--nice-border-color, #e5e7eb);
       border-radius: var(--nice-radius-sm, 4px);
-      background: var(--bg-primary, #ffffff);
+      background: var(--nice-bg-primary, #ffffff);
       cursor: pointer;
       font-size: 14px;
     }
 
     .nice-document-viewer__toolbar button:hover:not(:disabled) {
-      background: var(--hover-bg, color-mix(in srgb, var(--text-primary, #000) 4%, transparent));
+      background: var(--nice-hover-bg, color-mix(in srgb, var(--nice-text-primary, #000) 4%, transparent));
     }
 
     .nice-document-viewer__toolbar button:disabled {
@@ -556,7 +556,7 @@ if (typeof document < "u" && !document.getElementById(oe)) {
     .nice-document-viewer__pagination input {
       width: 50px;
       padding: var(--nice-space-1, 4px);
-      border: 1px solid var(--border-color, #e5e7eb);
+      border: 1px solid var(--nice-border-color, #e5e7eb);
       border-radius: var(--nice-radius-sm, 4px);
       text-align: center;
     }
@@ -585,7 +585,7 @@ if (typeof document < "u" && !document.getElementById(oe)) {
       justify-content: center;
       gap: var(--nice-space-3, 12px);
       padding: var(--nice-space-10, 40px);
-      color: var(--text-secondary, #475569);
+      color: var(--nice-text-secondary, #475569);
     }
 
     .nice-document-viewer__error span {
@@ -640,7 +640,7 @@ if (typeof document < "u" && !document.getElementById(oe)) {
       height: 100%;
       overflow: auto;
       padding: var(--nice-space-4, 16px);
-      background: var(--bg-primary, #ffffff);
+      background: var(--nice-bg-primary, #ffffff);
     }
 
     .nice-document-viewer__text pre {
@@ -656,18 +656,18 @@ if (typeof document < "u" && !document.getElementById(oe)) {
       align-items: center;
       gap: var(--nice-space-4, 16px);
       padding: var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);
-      background: var(--bg-primary, #ffffff);
-      border-top: 1px solid var(--border-color, #e5e7eb);
+      background: var(--nice-bg-primary, #ffffff);
+      border-top: 1px solid var(--nice-border-color, #e5e7eb);
       font-size: 12px;
-      color: var(--text-secondary, #475569);
+      color: var(--nice-text-secondary, #475569);
       flex-shrink: 0;
     }
 
     .nice-document-viewer__name {
       font-weight: 500;
-      color: var(--text-primary, #0f172a);
+      color: var(--nice-text-primary, #0f172a);
     }
-  `, document.head.appendChild(o);
+  `, document.head.appendChild(r);
 }
 export {
   $e as NiceDocumentViewer