@factorialco/f0-react 11.10.0 → 11.11.0

package/dist/{F0DocumentViewer-C9gCxjxk.js → F0DocumentViewer-C7Wv7NTY.js}

@@ -1,22 +1,22 @@
-import { ar as e, b as t, ln as n, rn as r, rr as i, zt as a } from "./popover-DquDnBKd.js";
+import { Ht as e, b as t, cr as n, fn as r, on as i, or as a } from "./popover-C8rmkngm.js";
 import { L as o } from "./tooltip-BX4dSfeL.js";
-import { _o as s, ka as c, ks as l, wo as u } from "./F0CanvasPanel-C8MuYy_8.js";
-import { K as d, Y as f } from "./useData-BEZesy_8.js";
-import { Er as p, dr as m, t as h } from "./F0Select-dBwkgMBc.js";
-import { i as ee, n as g, r as _ } from "./pdfWorker-5t9rytw2.js";
+import { _o as s, ka as c, ks as l, wo as u } from "./F0CanvasPanel-D--qira6.js";
+import { K as d, Y as f } from "./useData-DqN-h3iG.js";
+import { Er as p, dr as m, t as h } from "./F0Select-CY_CcXQ2.js";
+import { i as ee, n as g, r as _ } from "./pdfWorker-CK_VPj2f.js";
 import { Suspense as v, forwardRef as y, lazy as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import './F0DocumentViewer.css';//#region src/addons/documents/F0DocumentViewer/components/PdfLoadingState.tsx
-var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
+var O = ({ label: e, width: t, height: n }) => /* @__PURE__ */ E("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__ */ E(n, {
+	children: /* @__PURE__ */ E(r, {
 		style: {
 			width: t,
-			height: r
+			height: n
 		},
 		className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
 	})
@@ -27,8 +27,8 @@ var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
 	hideLabel: !0,
 	variant: "outline",
 	size: i
-}), A = (e) => o("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"), j = (e, t) => o("flex flex-row items-center gap-2", e === "floating" && "dark", t), M = ({ toolbarRef: e, currentPage: t, totalPages: n, hasDocument: i, selectedScale: a, scaleOptions: c, onPreviousPage: ee, onNextPage: g, onZoomIn: _, onZoomOut: v, onScaleChange: y, rotatable: b, onRotate: x, onPrint: S, onDownload: C, actions: w, placement: T }) => {
-	let { pdfViewer: O } = r(), M = j(T);
+}), A = (e) => o("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"), j = (e, t) => o("flex flex-row items-center gap-2", e === "floating" && "dark", t), M = ({ toolbarRef: e, currentPage: t, totalPages: n, hasDocument: r, selectedScale: a, scaleOptions: c, onPreviousPage: ee, onNextPage: g, onZoomIn: _, onZoomOut: v, onScaleChange: y, rotatable: b, onRotate: x, onPrint: S, onDownload: C, actions: w, placement: T }) => {
+	let { pdfViewer: O } = i(), M = j(T);
 	return /* @__PURE__ */ D("div", {
 		ref: e,
 		role: "toolbar",
@@ -36,7 +36,7 @@ var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
 		"data-placement": T,
 		className: A(T),
 		children: [
-			i ? /* @__PURE__ */ D("span", {
+			r ? /* @__PURE__ */ D("span", {
 				"aria-live": "polite",
 				className: o("whitespace-nowrap text-sm font-medium", T === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"),
 				children: [
@@ -111,7 +111,7 @@ var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
 }, te = (e, t) => t ? (N(e, t) + .001) / t : e, N = (e, t) => Math.round(t * e), ne = (e, t, n) => N(e, n) === N(t, n), re = (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`);
 }, P = () => {
-	let { pdfViewer: e } = r();
+	let { pdfViewer: e } = i();
 	return /* @__PURE__ */ D("div", {
 		role: "status",
 		"aria-busy": "true",
@@ -121,13 +121,13 @@ var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
 		children: [/* @__PURE__ */ D("div", {
 			className: "flex flex-row items-center justify-between gap-2 px-6 py-4",
 			children: [
-				/* @__PURE__ */ E(n, { className: "h-8 w-24 rounded-md" }),
-				/* @__PURE__ */ E(n, { className: "h-8 w-40 rounded-md" }),
-				/* @__PURE__ */ E(n, { className: "h-8 w-20 rounded-md" })
+				/* @__PURE__ */ E(r, { className: "h-8 w-24 rounded-md" }),
+				/* @__PURE__ */ E(r, { className: "h-8 w-40 rounded-md" }),
+				/* @__PURE__ */ E(r, { className: "h-8 w-20 rounded-md" })
 			]
 		}), /* @__PURE__ */ E("div", {
 			className: "flex flex-1 justify-center p-4",
-			children: /* @__PURE__ */ E(n, { className: "h-full w-full max-w-[600px] rounded-md" })
+			children: /* @__PURE__ */ E(r, { className: "h-full w-full max-w-[600px] rounded-md" })
 		})]
 	});
 }, F = async (e) => {
@@ -186,9 +186,9 @@ var O = ({ label: e, width: t, height: r }) => /* @__PURE__ */ E("div", {
 //#endregion
 //#region src/addons/documents/F0DocumentViewer/F0DocumentViewer.tsx
 g();
-var z = b(() => import("./SheetViewer-Cvd2xwE5.js")), B = b(() => import("./DocxViewer-CAGBzliC.js")), V = b(() => import("./TextViewer-Bk0Xz1nv.js")), ue = 48, de = 150, H = y((e, t) => {
-	let { kind: r = "pdf", mimeType: i, toolbar: a = "top", ...o } = e;
-	if (r === "pdf") return /* @__PURE__ */ E(U, {
+var z = b(() => import("./SheetViewer-Dy1cNTbd.js")), B = b(() => import("./DocxViewer-8FiXi45s.js")), V = b(() => import("./TextViewer-DSec8GUk.js")), ue = 48, de = 150, H = y((e, t) => {
+	let { kind: n = "pdf", mimeType: i, toolbar: a = "top", ...o } = e;
+	if (n === "pdf") return /* @__PURE__ */ E(U, {
 		ref: t,
 		toolbar: a,
 		...o
@@ -199,23 +199,23 @@ var z = b(() => import("./SheetViewer-Cvd2xwE5.js")), B = b(() => import("./Docx
 		...y,
 		className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
 		children: /* @__PURE__ */ D(v, {
-			fallback: /* @__PURE__ */ E(n, { className: "h-full w-full rounded-none" }),
+			fallback: /* @__PURE__ */ E(r, { className: "h-full w-full rounded-none" }),
 			children: [
-				r === "sheet" ? /* @__PURE__ */ E(z, {
+				n === "sheet" ? /* @__PURE__ */ E(z, {
 					url: s,
 					filename: c,
 					withCredentials: u,
 					actions: l,
 					toolbar: a
 				}) : null,
-				r === "docx" ? /* @__PURE__ */ E(B, {
+				n === "docx" ? /* @__PURE__ */ E(B, {
 					url: s,
 					filename: c,
 					withCredentials: u,
 					actions: l,
 					toolbar: a
 				}) : null,
-				r === "text" ? /* @__PURE__ */ E(V, {
+				n === "text" ? /* @__PURE__ */ E(V, {
 					url: s,
 					name: c ?? "",
 					mimeType: i,
@@ -228,8 +228,8 @@ var z = b(() => import("./SheetViewer-Cvd2xwE5.js")), B = b(() => import("./Docx
 	});
 });
 H.displayName = "F0DocumentViewer";
-var U = y((e, t) => {
-	let { url: i, filename: o = "document.pdf", page: s = 0, pagesToDisplay: c = [], initialScale: l = "page-width", withCredentials: u = !0, rotatable: d = !1, initialRotation: f = 0, onRotationChange: p, onPdfLoaded: m, onPageChange: h, actions: g, toolbar: v = "top", ...y } = e, { pdfViewer: b } = r(), k = Math.max(2, typeof window > "u" ? 1 : window.devicePixelRatio || 1), [A, j] = T(null), [N, P] = T([]), [F, I] = T(1), [R, z] = T(0), [B, V] = T(l), [H, U] = T(f), W = w(null), G = w(null), K = w([]), q = c.length > 0 ? c.length : A?.numPages, J = x(() => v === "top" ? G.current?.offsetHeight ?? 0 : 0, [v]), fe = N.find(Boolean), pe = (fe?.originalWidth ?? 595) * F, Y = (fe?.originalHeight ?? 842) * F, me = C(() => [
+var U = y((t, n) => {
+	let { url: a, filename: o = "document.pdf", page: s = 0, pagesToDisplay: c = [], initialScale: l = "page-width", withCredentials: u = !0, rotatable: d = !1, initialRotation: f = 0, onRotationChange: p, onPdfLoaded: m, onPageChange: h, actions: g, toolbar: v = "top", ...y } = t, { pdfViewer: b } = i(), k = Math.max(2, typeof window > "u" ? 1 : window.devicePixelRatio || 1), [A, j] = T(null), [N, P] = T([]), [F, I] = T(1), [R, z] = T(0), [B, V] = T(l), [H, U] = T(f), W = w(null), G = w(null), K = w([]), q = c.length > 0 ? c.length : A?.numPages, J = x(() => v === "top" ? G.current?.offsetHeight ?? 0 : 0, [v]), fe = N.find(Boolean), pe = (fe?.originalWidth ?? 595) * F, Y = (fe?.originalHeight ?? 842) * F, me = C(() => [
 		{
 			value: "page-width",
 			label: b.pageWidth
@@ -243,9 +243,9 @@ var U = y((e, t) => {
 			label: `${Number(e) * 100}%`
 		}))
 	], [b.pageWidth, b.pageFit]), he = C(() => ({
-		url: i,
+		url: a,
 		withCredentials: u
-	}), [i, u]), X = x((e) => {
+	}), [a, u]), X = x((e) => {
 		let t = (q ?? 1) - 1, n = Math.min(Math.max(e, 0), t), r = K.current[n], i = r?.offsetParent;
 		r && i instanceof HTMLElement && (i.scrollTop = r.offsetTop - J() - 10);
 	}, [q, J]), Z = x((e) => {
@@ -295,7 +295,7 @@ var U = y((e, t) => {
 	}, [A, o]);
 	S(() => {
 		j(null), P([]), K.current = [];
-	}, [i]), S(() => {
+	}, [a]), S(() => {
 		X(s);
 	}, [s, X]), S(() => {
 		R > 0 && h?.(R);
@@ -305,7 +305,7 @@ var U = y((e, t) => {
 		(B === "page-width" || B === "page-fit") && Z(B);
 	}, [H]);
 	let $ = w();
-	a({
+	e({
 		ref: W,
 		onResize: () => {
 			clearTimeout($.current), $.current = setTimeout(() => {
@@ -343,14 +343,14 @@ var U = y((e, t) => {
 		actions: g
 	};
 	return /* @__PURE__ */ D("div", {
-		ref: t,
+		ref: n,
 		...y,
 		className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
 		children: [/* @__PURE__ */ D("div", {
 			ref: W,
 			onScroll: xe,
 			className: "F0DocumentViewer__surface relative flex h-full flex-col overflow-auto [scrollbar-gutter:stable_both-edges]",
-			children: [v === "top" ? /* @__PURE__ */ E(M, { ...we }) : null, i ? /* @__PURE__ */ E(ee, {
+			children: [v === "top" ? /* @__PURE__ */ E(M, { ...we }) : null, a ? /* @__PURE__ */ E(ee, {
 				file: he,
 				onLoadSuccess: be,
 				loading: /* @__PURE__ */ E(O, {
@@ -359,16 +359,16 @@ var U = y((e, t) => {
 					height: Y
 				}),
 				children: A ? Array.from({ length: q ?? 0 }).map((e, t) => {
-					let r = (c.length > 0 ? c[t] : t) + 1;
+					let n = (c.length > 0 ? c[t] : t) + 1;
 					return /* @__PURE__ */ E("div", {
 						className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
 						children: /* @__PURE__ */ E(_, {
 							className: "overflow-hidden rounded-lg border border-solid border-f1-border-secondary shadow-md",
-							pageNumber: r,
+							pageNumber: n,
 							scale: te(F, H === 90 || H === 270 ? N[t]?.originalHeight : N[t]?.originalWidth),
 							rotate: H,
 							devicePixelRatio: k,
-							loading: /* @__PURE__ */ E(n, { style: {
+							loading: /* @__PURE__ */ E(r, { style: {
 								width: pe,
 								height: Y
 							} }),
@@ -395,6 +395,6 @@ var U = y((e, t) => {
 	});
 });
 U.displayName = "PdfViewerBase";
-var W = e(i("F0DocumentViewer", c(H, P))), G = W;
+var W = n(a("F0DocumentViewer", c(H, P))), G = W;
 //#endregion
 export { oe as a, j as c, se as i, k as l, G as n, I as o, L as r, A as s, W as t };

package/dist/F0DocumentViewer-DACK-OvI.js

@@ -0,0 +1,3 @@
+import "./pdfWorker-CK_VPj2f.js";
+export { t as F0DocumentViewer } from "./F0DocumentViewer-C7Wv7NTY.js";
+import "./f0.js";