@factorialco/f0-react 6.88.3 → 6.88.4

package/dist/{DocumentToolbar-p4qZSVUD.js → DocumentToolbar-yRNLFw0I.js}

@@ -1,28 +1,28 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useState as u, useCallback as m, useMemo as p } from "react";
-import { u as x, i as w, j as k, k as S, l as C } from "./F0CanvasPanel-CpgOQnbI.js";
-import { n as g, a as h, f as v, T as r, d as F } from "./index-BP9845Kl.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useState as b, useCallback as m, useMemo as p } from "react";
+import { u as x, i as w, j as k, k as S, l as C } from "./F0CanvasPanel-CHIKqAx1.js";
+import { n as g, a as h, f as v, T as n, d as F } from "./index-ChySRaDP.js";
 const D = () => {
-  const [t, a] = u(1), n = m(
+  const [r, a] = b(1), t = m(
     () => a((e) => g(e) ?? e),
     []
   ), c = m(
     () => a((e) => h(e) ?? e),
     []
   );
-  return { scale: t, zoomIn: n, zoomOut: c, setScale: a };
+  return { scale: r, zoomIn: t, zoomOut: c, setScale: a };
 }, I = ({
-  url: t,
+  url: r,
   filename: a,
-  withCredentials: n,
+  withCredentials: t,
   actions: c,
   zoom: e,
   children: f
 }) => {
   const { pdfViewer: s } = x(), d = p(
-    () => v.map((o) => ({
-      value: o,
-      label: `${Number(o) * 100}%`
+    () => v.map((l) => ({
+      value: l,
+      label: `${Number(l) * 100}%`
     })),
     []
   );
@@ -33,54 +33,54 @@ const D = () => {
       "aria-label": s.toolbar,
       className: "F0PdfViewer__surface sticky top-0 z-10 flex flex-row items-center justify-between gap-2 px-6 py-4",
       children: [
-        /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 basis-0 flex-row items-center gap-2 overflow-x-auto", children: f }),
-        e && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-row items-center gap-2", children: [
-          /* @__PURE__ */ l(
-            r,
+        /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 basis-0 flex-row items-center gap-2 overflow-x-auto", children: f }),
+        e ? /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-row items-center gap-2", children: [
+          /* @__PURE__ */ o(
+            n,
             {
               label: s.zoomOut,
               onClick: e.zoomOut,
               icon: w
             }
           ),
-          /* @__PURE__ */ l(
-            r,
+          /* @__PURE__ */ o(
+            n,
             {
               label: s.zoomIn,
               onClick: e.zoomIn,
               icon: k
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ o(
             S,
             {
               hideLabel: !0,
               label: s.scaleSelector,
               options: d,
               value: String(e.scale),
-              onChange: (o) => e.setScale(Number(o))
+              onChange: (l) => e.setScale(Number(l))
             }
           )
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ i("div", { className: "flex flex-1 basis-0 flex-row items-center justify-end gap-2", children: [
-          /* @__PURE__ */ l(
-            r,
+          /* @__PURE__ */ o(
+            n,
             {
               label: s.download,
               onClick: () => {
-                F(t, a, n);
+                F(r, a, t);
               },
               icon: C
             }
           ),
-          c?.map((o, b) => /* @__PURE__ */ l(
-            r,
+          c?.map((l, u) => /* @__PURE__ */ o(
+            n,
             {
-              label: o.label,
-              onClick: o.onClick,
-              icon: o.icon
+              label: l.label,
+              onClick: l.onClick,
+              icon: l.icon
             },
-            `${o.label}-${b}`
+            `${l.label}-${u}`
           ))
         ] })
       ]

package/dist/{DocxViewer-_Z59Wr2S.js → DocxViewer-DRIhy7xS.js}

@@ -1,18 +1,18 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { r as g } from "./docx-preview-BaRDMyPN.js";
 import { useRef as h, useState as b, useEffect as p } from "react";
-import { u as v, S as w } from "./F0CanvasPanel-CpgOQnbI.js";
-import { u as x, D as y } from "./DocumentToolbar-p4qZSVUD.js";
+import { u as v, S as w } from "./F0CanvasPanel-CHIKqAx1.js";
+import { u as x, D as y } from "./DocumentToolbar-yRNLFw0I.js";
 const V = ({
   url: o,
   filename: d,
   withCredentials: a = !0,
   actions: m
 }) => {
-  const s = v(), i = x(), f = h(null), [l, n] = b("loading");
+  const s = v(), i = x(), u = h(null), [l, n] = b("loading");
   return p(() => {
-    const u = f.current;
-    if (!u)
+    const f = u.current;
+    if (!f)
       return;
     let r = !1;
     return n("loading"), fetch(o, { credentials: a ? "include" : "same-origin" }).then((e) => {
@@ -21,7 +21,7 @@ const V = ({
       return e.blob();
     }).then((e) => {
       if (!r)
-        return g(e, u, void 0, {
+        return g(e, f, void 0, {
           inWrapper: !0,
           breakPages: !0
         }).then(() => {
@@ -44,7 +44,7 @@ const V = ({
       }
     ),
     /* @__PURE__ */ c("div", { className: "relative min-h-0 grow overflow-auto bg-f1-background-secondary", children: [
-      l === "loading" && /* @__PURE__ */ t(
+      l === "loading" ? /* @__PURE__ */ t(
         w,
         {
           role: "status",
@@ -52,12 +52,12 @@ const V = ({
           "aria-label": s.pdfViewer.loading,
           className: "absolute inset-0 h-full w-full rounded-none"
         }
-      ),
-      l === "failed" && /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center bg-f1-background text-f1-foreground-secondary", children: s.pdfViewer.previewFailed }),
+      ) : null,
+      l === "failed" ? /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center bg-f1-background text-f1-foreground-secondary", children: s.pdfViewer.previewFailed }) : null,
       /* @__PURE__ */ t(
         "div",
         {
-          ref: f,
+          ref: u,
           className: l === "failed" ? "hidden" : void 0,
           style: { zoom: i.scale }
         }