@factorialco/f0-react 10.1.0 → 10.2.1

package/dist/F0DocumentViewer-CyCOZ_XC.js

@@ -0,0 +1,391 @@
+import { ar as e, b as t, ln as n, rn as r, rr as i, zt as a } from "./popover-B2hEEubt.js";
+import { I as o } from "./tooltip-TOvfXq9F.js";
+import { Ao as s, Mi as c, Ta as l, va as u } from "./F0CanvasPanel-mMDAtCgu.js";
+import { W as d, q as f } from "./useData-DjJsB0qa.js";
+import { Er as p, dr as m, t as h } from "./F0Select-BrvzcAQQ.js";
+import { i as g, n as _, r as v } from "./pdfWorker-C_6XT3yW.js";
+import { Suspense as y, forwardRef as b, lazy as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import './F0DocumentViewer.css';//#region src/addons/documents/F0DocumentViewer/components/PdfLoadingState.tsx
+var k = ({ label: e, width: t, height: r }) => /* @__PURE__ */ D("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__ */ D(n, {
+		style: {
+			width: t,
+			height: r
+		},
+		className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
+	})
+}), A = ({ label: e, icon: n, onClick: r, size: i = "md" }) => /* @__PURE__ */ D(t, {
+	label: e,
+	icon: n,
+	onClick: r,
+	hideLabel: !0,
+	variant: "outline",
+	size: i
+}), j = (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"), M = (e, t) => o("flex flex-row items-center gap-2", e === "floating" && "dark", t), N = ({ toolbarRef: e, currentPage: t, totalPages: n, hasDocument: i, selectedScale: a, scaleOptions: c, onPreviousPage: g, onNextPage: _, onZoomIn: v, onZoomOut: y, onScaleChange: b, rotatable: x, onRotate: S, onPrint: C, onDownload: w, actions: T, placement: E }) => {
+	let { pdfViewer: k } = r(), N = M(E);
+	return /* @__PURE__ */ O("div", {
+		ref: e,
+		role: "toolbar",
+		"aria-label": k.toolbar,
+		"data-placement": E,
+		className: j(E),
+		children: [
+			i ? /* @__PURE__ */ O("span", {
+				"aria-live": "polite",
+				className: o("whitespace-nowrap text-sm font-medium", E === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"),
+				children: [
+					t,
+					" / ",
+					n
+				]
+			}) : null,
+			/* @__PURE__ */ O("div", {
+				className: N,
+				children: [/* @__PURE__ */ D(A, {
+					label: k.previousPage,
+					onClick: g,
+					icon: p,
+					size: "sm"
+				}), /* @__PURE__ */ D(A, {
+					label: k.nextPage,
+					onClick: _,
+					icon: f,
+					size: "sm"
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: N,
+				children: [
+					/* @__PURE__ */ D(A, {
+						label: k.zoomOut,
+						onClick: y,
+						icon: d
+					}),
+					/* @__PURE__ */ D(A, {
+						label: k.zoomIn,
+						onClick: v,
+						icon: m
+					}),
+					/* @__PURE__ */ D(h, {
+						hideLabel: !0,
+						label: k.scaleSelector,
+						options: c,
+						value: a,
+						onChange: (e) => b(e)
+					})
+				]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: N,
+				children: [
+					x ? /* @__PURE__ */ D(A, {
+						label: k.rotate,
+						onClick: S,
+						icon: u
+					}) : null,
+					/* @__PURE__ */ D(A, {
+						label: k.print,
+						onClick: C,
+						icon: l
+					}),
+					/* @__PURE__ */ D(A, {
+						label: k.download,
+						onClick: w,
+						icon: s
+					}),
+					T?.map((e, t) => /* @__PURE__ */ D(A, {
+						label: e.label,
+						onClick: e.onClick,
+						icon: e.icon
+					}, `${e.label}-${t}`))
+				]
+			})
+		]
+	});
+}, ee = (e, t) => t ? (Math.round(t * e) + .001) / t : e, te = (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();
+	return /* @__PURE__ */ O("div", {
+		role: "status",
+		"aria-busy": "true",
+		"aria-live": "polite",
+		"aria-label": e.loading,
+		className: o("F0DocumentViewer__surface flex h-full w-full flex-col overflow-hidden", "border border-solid border-f1-border-secondary"),
+		children: [/* @__PURE__ */ O("div", {
+			className: "flex flex-row items-center justify-between gap-2 px-6 py-4",
+			children: [
+				/* @__PURE__ */ D(n, { className: "h-8 w-24 rounded-md" }),
+				/* @__PURE__ */ D(n, { className: "h-8 w-40 rounded-md" }),
+				/* @__PURE__ */ D(n, { className: "h-8 w-20 rounded-md" })
+			]
+		}), /* @__PURE__ */ D("div", {
+			className: "flex flex-1 justify-center p-4",
+			children: /* @__PURE__ */ D(n, { className: "h-full w-full max-w-[600px] rounded-md" })
+		})]
+	});
+}, F = async (e) => {
+	let t = await e.saveDocument();
+	return new Blob([new Uint8Array(t)], { type: "application/pdf" });
+}, ne = async (e) => {
+	if (!e) return;
+	let t = URL.createObjectURL(await F(e)), n = document.createElement("iframe");
+	n.style.display = "none", n.src = t, n.onload = () => {
+		n.focus(), n.contentWindow?.print();
+		let e = () => {
+			URL.revokeObjectURL(t), n.remove();
+		};
+		n.contentWindow?.addEventListener("afterprint", e), setTimeout(e, 6e4);
+	}, document.body.appendChild(n);
+}, re = async (e, t) => {
+	if (!e) return;
+	let n = URL.createObjectURL(await F(e)), r = document.createElement("a");
+	r.href = n, r.download = t.length > 0 ? t : "document.pdf", document.body.appendChild(r), r.click(), r.remove(), URL.revokeObjectURL(n);
+}, I = async (e, t, n = !0) => {
+	let r = e, i;
+	try {
+		let t = await fetch(e, { credentials: n ? "include" : "same-origin" });
+		if (!t.ok) throw Error(`${t.status}`);
+		i = URL.createObjectURL(await t.blob()), r = i;
+	} catch {}
+	let a = document.createElement("a");
+	a.href = r, a.download = t ?? "", a.rel = "noreferrer", i || (a.target = "_blank"), document.body.appendChild(a), a.click(), a.remove(), i && URL.revokeObjectURL(i);
+}, L = [
+	"0.5",
+	"0.75",
+	"1",
+	"1.25",
+	"1.5",
+	"2",
+	"3",
+	"4"
+], R = L.map(Number), ie = (e) => R.find((t) => t > e), ae = (e) => [...R].reverse().find((t) => t < e), oe = (e, t, n) => {
+	let r = null, i = 0;
+	return t.forEach((t, a) => {
+		if (!t) return;
+		let o = t.offsetHeight, s = t.offsetTop, c = s + o, l = e.offsetHeight - n, u = e.scrollTop + n, d = u + l;
+		if (!(u < c && d > s)) return;
+		let f;
+		if (u <= s) f = d > c ? o : d - s;
+		else {
+			let e = u - s;
+			d < c && (e += c - d), f = o - e;
+		}
+		f > i && (i = f, r = a + 1);
+	}), r;
+};
+//#endregion
+//#region src/addons/documents/F0DocumentViewer/F0DocumentViewer.tsx
+_();
+var z = x(() => import("./SheetViewer-DOPvERv8.js")), B = x(() => import("./DocxViewer-bEu4jZnY.js")), V = x(() => import("./TextViewer-WRl8atLN.js")), se = 48, ce = 150, H = b((e, t) => {
+	let { kind: r = "pdf", mimeType: i, toolbar: a = "top", ...o } = e;
+	if (r === "pdf") return /* @__PURE__ */ D(U, {
+		ref: t,
+		toolbar: a,
+		...o
+	});
+	let { url: s, filename: c, actions: l, withCredentials: u = !0, page: d, pagesToDisplay: f, initialScale: p, rotatable: m, initialRotation: h, onRotationChange: g, onPdfLoaded: _, onPageChange: v, ...b } = o;
+	return /* @__PURE__ */ D("div", {
+		ref: t,
+		...b,
+		className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+		children: /* @__PURE__ */ O(y, {
+			fallback: /* @__PURE__ */ D(n, { className: "h-full w-full rounded-none" }),
+			children: [
+				r === "sheet" ? /* @__PURE__ */ D(z, {
+					url: s,
+					filename: c,
+					withCredentials: u,
+					actions: l,
+					toolbar: a
+				}) : null,
+				r === "docx" ? /* @__PURE__ */ D(B, {
+					url: s,
+					filename: c,
+					withCredentials: u,
+					actions: l,
+					toolbar: a
+				}) : null,
+				r === "text" ? /* @__PURE__ */ D(V, {
+					url: s,
+					name: c ?? "",
+					mimeType: i,
+					withCredentials: u,
+					actions: l,
+					toolbar: a
+				}) : null
+			]
+		})
+	});
+});
+H.displayName = "F0DocumentViewer";
+var U = b((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: _, toolbar: y = "top", ...b } = e, { pdfViewer: x } = r(), A = Math.max(2, typeof window > "u" ? 1 : window.devicePixelRatio || 1), [j, M] = E(null), [P, F] = E([]), [I, R] = E(1), [z, B] = E(0), [V, H] = E(l), [U, W] = E(f), G = T(null), K = T(null), q = T([]), J = c.length > 0 ? c.length : j?.numPages, Y = S(() => y === "top" ? K.current?.offsetHeight ?? 0 : 0, [y]), le = P.find(Boolean), ue = (le?.originalWidth ?? 595) * I, de = (le?.originalHeight ?? 842) * I, fe = w(() => [
+		{
+			value: "page-width",
+			label: x.pageWidth
+		},
+		{
+			value: "page-fit",
+			label: x.pageFit
+		},
+		...L.map((e) => ({
+			value: e,
+			label: `${Number(e) * 100}%`
+		}))
+	], [x.pageWidth, x.pageFit]), pe = w(() => ({
+		url: i,
+		withCredentials: u
+	}), [i, u]), X = S((e) => {
+		let t = (J ?? 1) - 1, n = Math.min(Math.max(e, 0), t), r = q.current[n], i = r?.offsetParent;
+		r && i instanceof HTMLElement && (i.scrollTop = r.offsetTop - Y() - 10);
+	}, [J, Y]), Z = S((e) => {
+		let t = P[z - 1], n = G.current;
+		if (!t || !n) return;
+		let r = K.current?.offsetHeight ?? 0, i = U === 90 || U === 270, a = i ? t.originalHeight : t.originalWidth, o = i ? t.originalWidth : t.originalHeight, s = e === "page-width" ? (n.clientWidth - se) / a : (n.clientHeight - r - se) / o;
+		R(s), H(e);
+	}, [
+		P,
+		z,
+		U
+	]), me = S((e) => {
+		e === "page-width" || e === "page-fit" ? Z(e) : (R(Number(e)), H(e));
+	}, [Z]), Q = S((e) => {
+		if (e === void 0) return;
+		R(e);
+		let t = L.find((t) => Number(t) === e);
+		t && H(t);
+	}, []), he = S(() => Q(ie(I)), [I, Q]), ge = S(() => Q(ae(I)), [I, Q]), _e = S(() => {
+		W((e) => {
+			let t = (e + 90) % 360;
+			return p?.(t), t;
+		});
+	}, [p]), ve = S((e) => {
+		M(e), m?.(e), setTimeout(() => {
+			B(s + 1), X(s);
+		}, 0);
+	}, [
+		m,
+		s,
+		X
+	]), ye = S((e) => {
+		let t = e.target;
+		if (!(t instanceof HTMLElement)) return;
+		let n = oe(t, q.current, Y());
+		n && B(n);
+	}, [Y]), be = S(() => {
+		ne(j);
+	}, [j]), xe = S(() => {
+		re(j, o);
+	}, [j, o]);
+	C(() => {
+		M(null), F([]), q.current = [];
+	}, [i]), C(() => {
+		X(s);
+	}, [s, X]), C(() => {
+		z > 0 && h?.(z);
+	}, [z, h]), C(() => {
+		P.length > 0 && (l === "page-width" || l === "page-fit") && Z(l);
+	}, [P.length, l]), C(() => {
+		(V === "page-width" || V === "page-fit") && Z(V);
+	}, [U]);
+	let $ = T();
+	a({
+		ref: G,
+		onResize: () => {
+			clearTimeout($.current), $.current = setTimeout(() => {
+				(V === "page-width" || V === "page-fit") && Z(V);
+			}, ce);
+		}
+	}), C(function() {
+		return () => clearTimeout($.current);
+	}, []), C(() => {
+		let e = G.current;
+		if (!e) return;
+		let t = (e) => {
+			let t = e.target;
+			t instanceof HTMLAnchorElement && (t.target = "_blank", t.rel = "noopener noreferrer");
+		};
+		return e.addEventListener("click", t, !0), () => e.removeEventListener("click", t, !0);
+	}, []);
+	let Se = {
+		toolbarRef: K,
+		placement: y,
+		currentPage: z,
+		totalPages: J,
+		hasDocument: !!j?.numPages,
+		selectedScale: V,
+		scaleOptions: fe,
+		onPreviousPage: () => X(z - 2),
+		onNextPage: () => X(z),
+		onZoomIn: he,
+		onZoomOut: ge,
+		onScaleChange: me,
+		rotatable: d,
+		onRotate: _e,
+		onPrint: be,
+		onDownload: xe,
+		actions: _
+	};
+	return /* @__PURE__ */ O("div", {
+		ref: t,
+		...b,
+		className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+		children: [/* @__PURE__ */ O("div", {
+			ref: G,
+			onScroll: ye,
+			className: "F0DocumentViewer__surface relative flex h-full flex-col overflow-auto [scrollbar-gutter:stable_both-edges]",
+			children: [y === "top" ? /* @__PURE__ */ D(N, { ...Se }) : null, i ? /* @__PURE__ */ D(g, {
+				file: pe,
+				onLoadSuccess: ve,
+				loading: /* @__PURE__ */ D(k, {
+					label: x.loading,
+					width: ue,
+					height: de
+				}),
+				children: j ? Array.from({ length: J ?? 0 }).map((e, t) => {
+					let r = (c.length > 0 ? c[t] : t) + 1;
+					return /* @__PURE__ */ D("div", {
+						className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
+						children: /* @__PURE__ */ D(v, {
+							className: "overflow-hidden rounded-lg border border-solid border-f1-border-secondary shadow-md",
+							pageNumber: r,
+							scale: ee(I, U === 90 || U === 270 ? P[t]?.originalHeight : P[t]?.originalWidth),
+							rotate: U,
+							devicePixelRatio: A,
+							loading: /* @__PURE__ */ D(n, { style: {
+								width: ue,
+								height: de
+							} }),
+							renderForms: !0,
+							renderTextLayer: !0,
+							inputRef: (e) => {
+								q.current[t] = e;
+							},
+							onRenderSuccess: () => te(q.current[t]?.querySelector("canvas"), A),
+							onLoadSuccess: (e) => {
+								F((n) => {
+									let r = [...n];
+									return r[t] = {
+										originalWidth: e.originalWidth,
+										originalHeight: e.originalHeight
+									}, r;
+								});
+							}
+						})
+					}, t);
+				}) : null
+			}) : null]
+		}), y === "floating" ? /* @__PURE__ */ D(N, { ...Se }) : null]
+	});
+});
+U.displayName = "PdfViewerBase";
+var W = e(i("F0DocumentViewer", c(H, P))), G = W;
+//#endregion
+export { ie as a, M as c, ae as i, A as l, G as n, I as o, L as r, j as s, W as t };

package/dist/F0DocumentViewer-DZSiAv1A.js

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