@factorialco/f0-react 8.10.0 → 8.11.0

package/dist/{index-4Y21ajv9.js → index-D-9j-pbd.js}

@@ -1,4 +1,4 @@
-import { n as E } from "./F0CanvasPanel-CTqnQRE3.js";
+import { n as E } from "./F0CanvasPanel-rSEKuj9G.js";
 const P = 5.3, G = 11 - P, S = (e) => {
   let t, r;
   return {

package/dist/index-Dje-uQ_s.js

@@ -0,0 +1,589 @@
+import { S as V, y as _e, u as Q, z as Ce, w as Fe, i as Le, j as De, k as Ve, A as Te, l as He, B as Ee, E as Ue, G as We } from "./F0CanvasPanel-rSEKuj9G.js";
+import { jsx as n, jsxs as P } from "react/jsx-runtime";
+import { lazy as X, forwardRef as se, Suspense as je, useState as H, useRef as J, useCallback as w, useMemo as re, useEffect as E } from "react";
+import { e as Oe, D as $e, P as Be, c as Me } from "./pdfWorker-fGMmJvrx.js";
+import { F as ze } from "./Printer-BD-FEi_2.js";
+import { d as I } from "./tooltip-CrXp1Uaz.js";
+import './index2.css';const Ie = ({
+  label: e,
+  width: t,
+  height: o
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    role: "status",
+    "aria-label": e,
+    "aria-live": "polite",
+    "aria-busy": !0,
+    className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
+    children: /* @__PURE__ */ n(
+      V,
+      {
+        style: { width: t, height: o },
+        className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
+      }
+    )
+  }
+), N = ({
+  label: e,
+  icon: t,
+  onClick: o,
+  size: i = "md"
+}) => /* @__PURE__ */ n(
+  _e,
+  {
+    label: e,
+    icon: t,
+    onClick: o,
+    hideLabel: !0,
+    variant: "outline",
+    size: i
+  }
+), Ae = (e) => I(
+  "z-10 flex flex-row items-center gap-2",
+  e === "top" ? "F0DocumentViewer__surface sticky top-0 justify-between px-6 py-4" : "absolute bottom-4 left-1/2 w-max max-w-[calc(100%-2rem)] -translate-x-1/2 gap-4 rounded-xl bg-f1-background-inverse p-2 text-f1-foreground-inverse shadow-lg backdrop-blur-sm"
+), Ge = (e, t) => I(
+  "flex flex-row items-center gap-2",
+  e === "floating" && "dark",
+  t
+), ie = ({
+  toolbarRef: e,
+  currentPage: t,
+  totalPages: o,
+  hasDocument: i,
+  selectedScale: l,
+  scaleOptions: s,
+  onPreviousPage: c,
+  onNextPage: h,
+  onZoomIn: u,
+  onZoomOut: b,
+  onScaleChange: _,
+  rotatable: v,
+  onRotate: x,
+  onPrint: U,
+  onDownload: m,
+  actions: C,
+  placement: y
+}) => {
+  const { pdfViewer: p } = Q(), g = Ge(y);
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      ref: e,
+      role: "toolbar",
+      "aria-label": p.toolbar,
+      "data-placement": y,
+      className: Ae(y),
+      children: [
+        i ? /* @__PURE__ */ P(
+          "span",
+          {
+            "aria-live": "polite",
+            className: I(
+              "whitespace-nowrap text-sm font-medium",
+              y === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"
+            ),
+            children: [
+              t,
+              " / ",
+              o
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ P("div", { className: g, children: [
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.previousPage,
+              onClick: c,
+              icon: Ce,
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.nextPage,
+              onClick: h,
+              icon: Fe,
+              size: "sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ P("div", { className: g, children: [
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.zoomOut,
+              onClick: b,
+              icon: Le
+            }
+          ),
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.zoomIn,
+              onClick: u,
+              icon: De
+            }
+          ),
+          /* @__PURE__ */ n(
+            Ve,
+            {
+              hideLabel: !0,
+              label: p.scaleSelector,
+              options: s,
+              value: l,
+              onChange: (R) => _(R)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ P("div", { className: g, children: [
+          v ? /* @__PURE__ */ n(
+            N,
+            {
+              label: p.rotate,
+              onClick: x,
+              icon: Te
+            }
+          ) : null,
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.print,
+              onClick: U,
+              icon: ze
+            }
+          ),
+          /* @__PURE__ */ n(
+            N,
+            {
+              label: p.download,
+              onClick: m,
+              icon: He
+            }
+          ),
+          C?.map((R, S) => /* @__PURE__ */ n(
+            N,
+            {
+              label: R.label,
+              onClick: R.onClick,
+              icon: R.icon
+            },
+            `${R.label}-${S}`
+          ))
+        ] })
+      ]
+    }
+  );
+}, qe = (e, t) => t ? (Math.round(t * e) + 1e-3) / t : e, Ze = (e, t = window.devicePixelRatio || 1) => {
+  !e || e.width === 0 || e.height === 0 || (e.style.width = `${e.width / t}px`, e.style.height = `${e.height / t}px`);
+}, ce = async (e) => {
+  const t = await e.saveDocument();
+  return new Blob([new Uint8Array(t)], { type: "application/pdf" });
+}, Je = async (e) => {
+  if (!e)
+    return;
+  const t = URL.createObjectURL(await ce(e)), o = document.createElement("iframe");
+  o.style.display = "none", o.src = t, o.onload = () => {
+    o.focus(), o.contentWindow?.print();
+    const i = () => {
+      URL.revokeObjectURL(t), o.remove();
+    };
+    o.contentWindow?.addEventListener("afterprint", i), setTimeout(i, 6e4);
+  }, document.body.appendChild(o);
+}, Ke = async (e, t) => {
+  if (!e)
+    return;
+  const o = URL.createObjectURL(await ce(e)), i = document.createElement("a");
+  i.href = o, i.download = t.length > 0 ? t : "document.pdf", document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(o);
+}, ut = async (e, t, o = !0) => {
+  let i = e, l;
+  try {
+    const c = await fetch(e, {
+      credentials: o ? "include" : "same-origin"
+    });
+    if (!c.ok)
+      throw new Error(`${c.status}`);
+    l = URL.createObjectURL(await c.blob()), i = l;
+  } catch {
+  }
+  const s = document.createElement("a");
+  s.href = i, s.download = t ?? "", s.rel = "noreferrer", l || (s.target = "_blank"), document.body.appendChild(s), s.click(), s.remove(), l && URL.revokeObjectURL(l);
+}, K = [
+  "0.5",
+  "0.75",
+  "1",
+  "1.25",
+  "1.5",
+  "2",
+  "3",
+  "4"
+], de = K.map(Number), Qe = (e) => de.find((t) => t > e), Xe = (e) => [...de].reverse().find((t) => t < e), Ye = (e, t, o) => {
+  let i = null, l = 0;
+  return t.forEach((s, c) => {
+    if (!s)
+      return;
+    const h = s.offsetHeight, u = s.offsetTop, b = u + h, _ = e.offsetHeight - o, v = e.scrollTop + o, x = v + _;
+    if (!(v < b && x > u))
+      return;
+    let m;
+    if (v <= u)
+      m = x > b ? h : x - u;
+    else {
+      let C = v - u;
+      x < b && (C += b - x), m = h - C;
+    }
+    m > l && (l = m, i = c + 1);
+  }), i;
+};
+Oe();
+const et = X(() => import("./SheetViewer-CPfuzHpV.js")), tt = X(() => import("./DocxViewer-BVpuMNRK.js")), ot = X(() => import("./TextViewer-B3Ywj3cq.js")), le = 48, fe = se((e, t) => {
+  const { kind: o = "pdf", mimeType: i, toolbar: l = "top", ...s } = e;
+  if (o === "pdf")
+    return /* @__PURE__ */ n(ue, { ref: t, toolbar: l, ...s });
+  const {
+    url: c,
+    filename: h,
+    actions: u,
+    withCredentials: b = !0,
+    page: _,
+    pagesToDisplay: v,
+    initialScale: x,
+    rotatable: U,
+    initialRotation: m,
+    onRotationChange: C,
+    onPdfLoaded: y,
+    onPageChange: p,
+    ...g
+  } = s;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: t,
+      ...g,
+      className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+      children: /* @__PURE__ */ P(je, { fallback: /* @__PURE__ */ n(V, { className: "h-full w-full rounded-none" }), children: [
+        o === "sheet" ? /* @__PURE__ */ n(
+          et,
+          {
+            url: c,
+            filename: h,
+            withCredentials: b,
+            actions: u,
+            toolbar: l
+          }
+        ) : null,
+        o === "docx" ? /* @__PURE__ */ n(
+          tt,
+          {
+            url: c,
+            filename: h,
+            withCredentials: b,
+            actions: u,
+            toolbar: l
+          }
+        ) : null,
+        o === "text" ? /* @__PURE__ */ n(
+          ot,
+          {
+            url: c,
+            name: h ?? "",
+            mimeType: i,
+            withCredentials: b,
+            actions: u,
+            toolbar: l
+          }
+        ) : null
+      ] })
+    }
+  );
+});
+fe.displayName = "F0DocumentViewer";
+const ue = se((e, t) => {
+  const {
+    url: o,
+    filename: i = "document.pdf",
+    page: l = 0,
+    pagesToDisplay: s = [],
+    initialScale: c = "page-width",
+    withCredentials: h = !0,
+    rotatable: u = !1,
+    initialRotation: b = 0,
+    onRotationChange: _,
+    onPdfLoaded: v,
+    onPageChange: x,
+    actions: U,
+    toolbar: m = "top",
+    ...C
+  } = e, { pdfViewer: y } = Q(), p = Math.max(
+    2,
+    typeof window > "u" ? 1 : window.devicePixelRatio || 1
+  ), [g, R] = H(null), [S, Y] = H([]), [F, A] = H(1), [k, ee] = H(0), [j, G] = H(c), [L, pe] = H(b), q = J(null), Z = J(null), W = J([]), O = s.length > 0 ? s.length : g?.numPages, $ = w(
+    () => m === "top" ? Z.current?.offsetHeight ?? 0 : 0,
+    [m]
+  ), te = S.find(Boolean), oe = (te?.originalWidth ?? 595) * F, ne = (te?.originalHeight ?? 842) * F, ge = re(
+    () => [
+      { value: "page-width", label: y.pageWidth },
+      { value: "page-fit", label: y.pageFit },
+      ...K.map((a) => ({
+        value: a,
+        label: `${Number(a) * 100}%`
+      }))
+    ],
+    [y.pageWidth, y.pageFit]
+  ), he = re(() => ({ url: o, withCredentials: h }), [o, h]), T = w(
+    (a) => {
+      const r = (O ?? 1) - 1, d = Math.min(Math.max(a, 0), r), f = W.current[d], D = f?.offsetParent;
+      f && D instanceof HTMLElement && (D.scrollTop = f.offsetTop - $() - 10);
+    },
+    [O, $]
+  ), B = w(
+    (a) => {
+      const r = S[k - 1], d = q.current;
+      if (!r || !d)
+        return;
+      const f = Z.current?.offsetHeight ?? 0, D = L === 90 || L === 270, z = D ? r.originalHeight : r.originalWidth, ke = D ? r.originalWidth : r.originalHeight, Ne = a === "page-width" ? (d.clientWidth - le) / z : (d.clientHeight - f - le) / ke;
+      A(Ne), G(a);
+    },
+    [S, k, L]
+  ), be = w(
+    (a) => {
+      if (a === "page-width" || a === "page-fit") {
+        B(a);
+        return;
+      }
+      A(Number(a)), G(a);
+    },
+    [B]
+  ), M = w((a) => {
+    if (a === void 0)
+      return;
+    A(a);
+    const r = K.find((d) => Number(d) === a);
+    r && G(r);
+  }, []), we = w(
+    () => M(Qe(F)),
+    [F, M]
+  ), xe = w(
+    () => M(Xe(F)),
+    [F, M]
+  ), ye = w(() => {
+    pe((a) => {
+      const r = (a + 90) % 360;
+      return _?.(r), r;
+    });
+  }, [_]), ve = w(
+    (a) => {
+      R(a), v?.(a), setTimeout(() => {
+        ee(l + 1), T(l);
+      }, 0);
+    },
+    [v, l, T]
+  ), Pe = w(
+    (a) => {
+      const r = a.target;
+      if (!(r instanceof HTMLElement))
+        return;
+      const d = Ye(
+        r,
+        W.current,
+        $()
+      );
+      d && ee(d);
+    },
+    [$]
+  ), Re = w(() => {
+    Je(g);
+  }, [g]), Se = w(() => {
+    Ke(g, i);
+  }, [g, i]);
+  E(() => {
+    R(null), Y([]), W.current = [];
+  }, [o]), E(() => {
+    T(l);
+  }, [l, T]), E(() => {
+    k > 0 && x?.(k);
+  }, [k, x]), E(() => {
+    S.length > 0 && (c === "page-width" || c === "page-fit") && B(c);
+  }, [S.length, c]), E(() => {
+    (j === "page-width" || j === "page-fit") && B(j);
+  }, [L]), E(() => {
+    const a = q.current;
+    if (!a)
+      return;
+    const r = (d) => {
+      const f = d.target;
+      f instanceof HTMLAnchorElement && (f.target = "_blank", f.rel = "noopener noreferrer");
+    };
+    return a.addEventListener("click", r, !0), () => a.removeEventListener("click", r, !0);
+  }, []);
+  const ae = {
+    toolbarRef: Z,
+    placement: m,
+    currentPage: k,
+    totalPages: O,
+    hasDocument: !!g?.numPages,
+    selectedScale: j,
+    scaleOptions: ge,
+    onPreviousPage: () => T(k - 2),
+    onNextPage: () => T(k),
+    onZoomIn: we,
+    onZoomOut: xe,
+    onScaleChange: be,
+    rotatable: u,
+    onRotate: ye,
+    onPrint: Re,
+    onDownload: Se,
+    actions: U
+  };
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      ref: t,
+      ...C,
+      className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+      children: [
+        /* @__PURE__ */ P(
+          "div",
+          {
+            ref: q,
+            onScroll: Pe,
+            className: "F0DocumentViewer__surface relative flex h-full flex-col overflow-auto [scrollbar-gutter:stable_both-edges]",
+            children: [
+              m === "top" ? /* @__PURE__ */ n(ie, { ...ae }) : null,
+              o ? /* @__PURE__ */ n(
+                $e,
+                {
+                  file: he,
+                  onLoadSuccess: ve,
+                  loading: /* @__PURE__ */ n(
+                    Ie,
+                    {
+                      label: y.loading,
+                      width: oe,
+                      height: ne
+                    }
+                  ),
+                  children: g ? Array.from({ length: O ?? 0 }).map((a, r) => {
+                    const d = (s.length > 0 ? s[r] : r) + 1;
+                    return /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
+                        children: /* @__PURE__ */ n(
+                          Be,
+                          {
+                            className: "overflow-hidden rounded-lg border border-solid border-f1-border-secondary shadow-md",
+                            pageNumber: d,
+                            scale: qe(
+                              F,
+                              L === 90 || L === 270 ? S[r]?.originalHeight : S[r]?.originalWidth
+                            ),
+                            rotate: L,
+                            devicePixelRatio: p,
+                            loading: /* @__PURE__ */ n(
+                              V,
+                              {
+                                style: {
+                                  width: oe,
+                                  height: ne
+                                }
+                              }
+                            ),
+                            renderForms: !0,
+                            renderTextLayer: !0,
+                            inputRef: (f) => {
+                              W.current[r] = f;
+                            },
+                            onRenderSuccess: () => Ze(
+                              W.current[r]?.querySelector(
+                                "canvas"
+                              ),
+                              p
+                            ),
+                            onLoadSuccess: (f) => {
+                              Y((D) => {
+                                const z = [...D];
+                                return z[r] = {
+                                  originalWidth: f.originalWidth,
+                                  originalHeight: f.originalHeight
+                                }, z;
+                              });
+                            }
+                          }
+                        )
+                      },
+                      r
+                    );
+                  }) : null
+                }
+              ) : null
+            ]
+          }
+        ),
+        m === "floating" ? /* @__PURE__ */ n(ie, { ...ae }) : null
+      ]
+    }
+  );
+});
+ue.displayName = "PdfViewerBase";
+const nt = () => {
+  const { pdfViewer: e } = Q();
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      "aria-label": e.loading,
+      className: I(
+        "F0DocumentViewer__surface flex h-full w-full flex-col overflow-hidden",
+        "border border-solid border-f1-border-secondary"
+      ),
+      children: [
+        /* @__PURE__ */ P("div", { className: "flex flex-row items-center justify-between gap-2 px-6 py-4", children: [
+          /* @__PURE__ */ n(V, { className: "h-8 w-24 rounded-md" }),
+          /* @__PURE__ */ n(V, { className: "h-8 w-40 rounded-md" }),
+          /* @__PURE__ */ n(V, { className: "h-8 w-20 rounded-md" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex flex-1 justify-center p-4", children: /* @__PURE__ */ n(V, { className: "h-full w-full max-w-[600px] rounded-md" }) })
+      ]
+    }
+  );
+}, at = [
+  "page-width",
+  "page-fit",
+  "0.5",
+  "0.75",
+  "1",
+  "1.25",
+  "1.5",
+  "2",
+  "3",
+  "4"
+], me = Ee(
+  Ue(
+    "F0DocumentViewer",
+    We(fe, nt)
+  )
+), rt = me, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  F0DocumentViewer: me,
+  F0PdfViewer: rt,
+  configurePdfWorker: Me,
+  pdfScales: at
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  me as F,
+  N as T,
+  Xe as a,
+  Ge as b,
+  rt as c,
+  ut as d,
+  K as f,
+  mt as i,
+  Qe as n,
+  at as p,
+  Ae as t
+};

package/dist/index-rMIHcwIi.js

@@ -0,0 +1,4 @@
+import { F as r } from "./F0VideoPlayer-CU_V9ZLL.js";
+export {
+  r as F0VideoPlayer
+};

package/dist/index2.css

@@ -1 +1 @@
-.F0PdfViewer__surface{background-color:hsl(var(--neutral-0));background-image:linear-gradient(hsl(var(--neutral-5)),hsl(var(--neutral-5)))}.F0PdfViewer__page .react-pdf__Page__canvas{display:block;position:relative;z-index:0}.F0PdfViewer__page .react-pdf__Page__textContent{z-index:1;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.F0PdfViewer__page .textLayer ::-moz-selection{background-color:hsl(var(--selected-50) / .3)}.F0PdfViewer__page .textLayer ::selection{background-color:hsl(var(--selected-50) / .3)}
+.F0DocumentViewer__surface{background-color:hsl(var(--neutral-0));background-image:linear-gradient(hsl(var(--neutral-5)),hsl(var(--neutral-5)))}.F0DocumentViewer__page .react-pdf__Page__canvas{display:block;position:relative;z-index:0}.F0DocumentViewer__page .react-pdf__Page__textContent{z-index:1;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.F0DocumentViewer__page .textLayer ::-moz-selection{color:transparent;background-color:hsl(var(--selected-50) / .3)}.F0DocumentViewer__page .textLayer ::selection{color:transparent;background-color:hsl(var(--selected-50) / .3)}

package/dist/{pdfWorker-CKRkJFJS.js → pdfWorker-fGMmJvrx.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useReducer, forwardRef, useRef, useImperativeHandle, useEffect, useCallback, useMemo, useContext, useLayoutEffect } from "react";
 import { e as clsx } from "./tooltip-CrXp1Uaz.js";
-import { aj as invariant } from "./F0CanvasPanel-CTqnQRE3.js";
-import { f as dequal } from "./MapProvider-DgFqoQIm.js";
+import { aj as invariant } from "./F0CanvasPanel-rSEKuj9G.js";
+import { f as dequal } from "./MapProvider-C-6QmLYm.js";
 import { a as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./_commonjsHelpers-ByX85dGu.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-BpilXLfW.js";
 import './pdfWorker.css';var pdf$1 = { exports: {} };