@factorialco/f0-react 12.9.1 → 12.11.0

package/dist/F0DocumentViewer-sRCjFb2O.js

@@ -1,400 +0,0 @@
-import { ar as e, b as t, ln as n, rn as r, rr as i, zt as a } from "./popover-BjrPOMeQ.js";
-import { L as o } from "./tooltip-BX4dSfeL.js";
-import { Co as s, Oa as c, Os as l, go as u } from "./F0CanvasPanel-DPEwyR89.js";
-import { X as d, q as f } from "./useData-B7LYSzh0.js";
-import { Er as p, dr as m, t as h } from "./F0Select-B-ZxVjXG.js";
-import { i as ee, n as g, r as _ } from "./pdfWorker-DRgGoc3T.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", {
-	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, {
-		style: {
-			width: t,
-			height: r
-		},
-		className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
-	})
-}), k = ({ label: e, icon: n, onClick: r, size: i = "md" }) => /* @__PURE__ */ E(t, {
-	label: e,
-	icon: n,
-	onClick: r,
-	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);
-	return /* @__PURE__ */ D("div", {
-		ref: e,
-		role: "toolbar",
-		"aria-label": O.toolbar,
-		"data-placement": T,
-		className: A(T),
-		children: [
-			i ? /* @__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: [
-					t,
-					" / ",
-					n
-				]
-			}) : null,
-			/* @__PURE__ */ D("div", {
-				className: M,
-				children: [/* @__PURE__ */ E(k, {
-					label: O.previousPage,
-					onClick: ee,
-					icon: p,
-					size: "sm"
-				}), /* @__PURE__ */ E(k, {
-					label: O.nextPage,
-					onClick: g,
-					icon: d,
-					size: "sm"
-				})]
-			}),
-			/* @__PURE__ */ D("div", {
-				className: M,
-				children: [
-					/* @__PURE__ */ E(k, {
-						label: O.zoomOut,
-						onClick: v,
-						icon: f
-					}),
-					/* @__PURE__ */ E(k, {
-						label: O.zoomIn,
-						onClick: _,
-						icon: m
-					}),
-					/* @__PURE__ */ E(h, {
-						hideLabel: !0,
-						label: O.scaleSelector,
-						options: c,
-						value: a,
-						onChange: (e) => y(e)
-					})
-				]
-			}),
-			/* @__PURE__ */ D("div", {
-				className: M,
-				children: [
-					b ? /* @__PURE__ */ E(k, {
-						label: O.rotate,
-						onClick: x,
-						icon: u
-					}) : null,
-					/* @__PURE__ */ E(k, {
-						label: O.print,
-						onClick: S,
-						icon: s
-					}),
-					/* @__PURE__ */ E(k, {
-						label: O.download,
-						onClick: C,
-						icon: l
-					}),
-					w?.map((e, t) => /* @__PURE__ */ E(k, {
-						label: e.label,
-						onClick: e.onClick,
-						icon: e.icon
-					}, `${e.label}-${t}`))
-				]
-			})
-		]
-	});
-}, 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();
-	return /* @__PURE__ */ D("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__ */ 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("div", {
-			className: "flex flex-1 justify-center p-4",
-			children: /* @__PURE__ */ E(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" });
-}, ie = 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);
-}, ae = 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), oe = (e) => R.find((t) => t > e), se = (e) => [...R].reverse().find((t) => t < e), ce = (e, t, n) => {
-	let r = n.width / t.width;
-	return e === "page-width" ? r : Math.min(r, n.height / t.height);
-}, le = (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
-g();
-var z = b(() => import("./SheetViewer-B8JTSi3B.js")), B = b(() => import("./DocxViewer-C1yw4Yqt.js")), V = b(() => import("./TextViewer-CEZd1H8u.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, {
-		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: ee, onPdfLoaded: g, onPageChange: _, ...y } = o;
-	return /* @__PURE__ */ E("div", {
-		ref: t,
-		...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" }),
-			children: [
-				r === "sheet" ? /* @__PURE__ */ E(z, {
-					url: s,
-					filename: c,
-					withCredentials: u,
-					actions: l,
-					toolbar: a
-				}) : null,
-				r === "docx" ? /* @__PURE__ */ E(B, {
-					url: s,
-					filename: c,
-					withCredentials: u,
-					actions: l,
-					toolbar: a
-				}) : null,
-				r === "text" ? /* @__PURE__ */ E(V, {
-					url: s,
-					name: c ?? "",
-					mimeType: i,
-					withCredentials: u,
-					actions: l,
-					toolbar: a
-				}) : null
-			]
-		})
-	});
-});
-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(() => [
-		{
-			value: "page-width",
-			label: b.pageWidth
-		},
-		{
-			value: "page-fit",
-			label: b.pageFit
-		},
-		...L.map((e) => ({
-			value: e,
-			label: `${Number(e) * 100}%`
-		}))
-	], [b.pageWidth, b.pageFit]), he = C(() => ({
-		url: i,
-		withCredentials: u
-	}), [i, 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) => {
-		let t = N[R - 1], n = W.current;
-		if (!t || !n) return;
-		let r = G.current?.offsetHeight ?? 0, i = H === 90 || H === 270, a = (e) => i ? e.originalHeight : e.originalWidth, o = a(t), s = i ? t.originalWidth : t.originalHeight, c = e === "page-fit" ? Math.max(...N.filter(Boolean).map(a)) : o, l = ce(e, {
-			width: c,
-			height: s
-		}, {
-			width: n.clientWidth - ue,
-			height: n.clientHeight - r - ue
-		});
-		I((e) => ne(e, l, c) ? e : l), V(e);
-	}, [
-		N,
-		R,
-		H
-	]), ge = x((e) => {
-		e === "page-width" || e === "page-fit" ? Z(e) : (I(Number(e)), V(e));
-	}, [Z]), Q = x((e) => {
-		if (e === void 0) return;
-		I(e);
-		let t = L.find((t) => Number(t) === e);
-		t && V(t);
-	}, []), _e = x(() => Q(oe(F)), [F, Q]), ve = x(() => Q(se(F)), [F, Q]), ye = x(() => {
-		U((e) => {
-			let t = (e + 90) % 360;
-			return p?.(t), t;
-		});
-	}, [p]), be = x((e) => {
-		j(e), m?.(e), setTimeout(() => {
-			z(s + 1), X(s);
-		}, 0);
-	}, [
-		m,
-		s,
-		X
-	]), xe = x((e) => {
-		let t = e.target;
-		if (!(t instanceof HTMLElement)) return;
-		let n = le(t, K.current, J());
-		n && z(n);
-	}, [J]), Se = x(() => {
-		ie(A);
-	}, [A]), Ce = x(() => {
-		ae(A, o);
-	}, [A, o]);
-	S(() => {
-		j(null), P([]), K.current = [];
-	}, [i]), S(() => {
-		X(s);
-	}, [s, X]), S(() => {
-		R > 0 && h?.(R);
-	}, [R, h]), S(() => {
-		N.length > 0 && (l === "page-width" || l === "page-fit") && Z(l);
-	}, [N.length, l]), S(() => {
-		(B === "page-width" || B === "page-fit") && Z(B);
-	}, [H]);
-	let $ = w();
-	a({
-		ref: W,
-		onResize: () => {
-			clearTimeout($.current), $.current = setTimeout(() => {
-				(B === "page-width" || B === "page-fit") && Z(B);
-			}, de);
-		}
-	}), S(function() {
-		return () => clearTimeout($.current);
-	}, []), S(() => {
-		let e = W.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 we = {
-		toolbarRef: G,
-		placement: v,
-		currentPage: R,
-		totalPages: q,
-		hasDocument: !!A?.numPages,
-		selectedScale: B,
-		scaleOptions: me,
-		onPreviousPage: () => X(R - 2),
-		onNextPage: () => X(R),
-		onZoomIn: _e,
-		onZoomOut: ve,
-		onScaleChange: ge,
-		rotatable: d,
-		onRotate: ye,
-		onPrint: Se,
-		onDownload: Ce,
-		actions: g
-	};
-	return /* @__PURE__ */ D("div", {
-		ref: t,
-		...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, {
-				file: he,
-				onLoadSuccess: be,
-				loading: /* @__PURE__ */ E(O, {
-					label: b.loading,
-					width: pe,
-					height: Y
-				}),
-				children: A ? Array.from({ length: q ?? 0 }).map((e, t) => {
-					let r = (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,
-							scale: te(F, H === 90 || H === 270 ? N[t]?.originalHeight : N[t]?.originalWidth),
-							rotate: H,
-							devicePixelRatio: k,
-							loading: /* @__PURE__ */ E(n, { style: {
-								width: pe,
-								height: Y
-							} }),
-							renderForms: !0,
-							renderTextLayer: !0,
-							inputRef: (e) => {
-								K.current[t] = e;
-							},
-							onRenderSuccess: () => re(K.current[t]?.querySelector("canvas"), k),
-							onLoadSuccess: (e) => {
-								P((n) => {
-									let r = [...n];
-									return r[t] = {
-										originalWidth: e.originalWidth,
-										originalHeight: e.originalHeight
-									}, r;
-								});
-							}
-						})
-					}, t);
-				}) : null
-			}) : null]
-		}), v === "floating" ? /* @__PURE__ */ E(M, { ...we }) : null]
-	});
-});
-U.displayName = "PdfViewerBase";
-var W = e(i("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/F0VideoPlayer-B4Nu7ugx.js

@@ -1 +0,0 @@
-export { t as F0VideoPlayer } from "./F0VideoPlayer-B1-tEFuq.js";

package/dist/TextThumbnail-X04JgaNI.js

@@ -1,26 +0,0 @@
-import { useEffect as e, useRef as t, useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/elements/primitives/_primitives/F0Attachments/components/thumbnails/TextThumbnail.tsx
-var i = 4096, a = ({ url: a, onError: o, onRendered: s }) => {
-	let [c, l] = n(null), u = t(o);
-	u.current = o;
-	let d = t(s);
-	return d.current = s, e(() => {
-		let e = !1;
-		return fetch(a).then((e) => {
-			if (!e.ok) throw Error(`${e.status}`);
-			return e.text();
-		}).then((t) => {
-			e || (t.trim() === "" ? u.current() : (l(t.slice(0, i)), d.current()));
-		}).catch(() => {
-			e || u.current();
-		}), () => {
-			e = !0;
-		};
-	}, [a]), c === null ? null : /* @__PURE__ */ r("pre", {
-		className: "m-0 whitespace-pre-wrap break-words bg-f1-background p-3 text-left font-mono text-sm leading-5 text-f1-foreground-secondary",
-		children: c
-	});
-};
-//#endregion
-export { a as default };

package/dist/dist-DvxtFKDL.js

@@ -1,78 +0,0 @@
-import { C as e, T as t, k as n } from "./popover-BjrPOMeQ.js";
-import r, { forwardRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-var s = i((e, t) => /* @__PURE__ */ o("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	ref: t,
-	...e,
-	children: [/* @__PURE__ */ a("path", {
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M10 5H8C6.34315 5 5 6.34315 5 8V16C5 17.6569 6.34315 19 8 19H16C17.6569 19 19 17.6569 19 16V13.5"
-	}), /* @__PURE__ */ a("path", {
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M12.5 11.5L20 4M20 4H15.5M20 4V8.5"
-	})]
-}));
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.1_@types+react-dom@18.3.1_@types+react@18.3.18_react-dom_8b50dd17dda88491984286d0a66c0706/node_modules/@radix-ui/react-collection/dist/index.mjs
-function c(i) {
-	let o = i + "CollectionProvider", [s, c] = n(o), [l, u] = s(o, {
-		collectionRef: { current: null },
-		itemMap: /* @__PURE__ */ new Map()
-	}), d = (e) => {
-		let { scope: t, children: n } = e, i = r.useRef(null), o = r.useRef(/* @__PURE__ */ new Map()).current;
-		return /* @__PURE__ */ a(l, {
-			scope: t,
-			itemMap: o,
-			collectionRef: i,
-			children: n
-		});
-	};
-	d.displayName = o;
-	let f = i + "CollectionSlot", p = r.forwardRef((n, r) => {
-		let { scope: i, children: o } = n, s = u(f, i), c = t(r, s.collectionRef);
-		return /* @__PURE__ */ a(e, {
-			ref: c,
-			children: o
-		});
-	});
-	p.displayName = f;
-	let m = i + "CollectionItemSlot", h = "data-radix-collection-item", g = r.forwardRef((n, i) => {
-		let { scope: o, children: s, ...c } = n, l = r.useRef(null), d = t(i, l), f = u(m, o);
-		return r.useEffect(() => (f.itemMap.set(l, {
-			ref: l,
-			...c
-		}), () => void f.itemMap.delete(l))), /* @__PURE__ */ a(e, {
-			[h]: "",
-			ref: d,
-			children: s
-		});
-	});
-	g.displayName = m;
-	function _(e) {
-		let t = u(i + "CollectionConsumer", e);
-		return r.useCallback(() => {
-			let e = t.collectionRef.current;
-			if (!e) return [];
-			let n = Array.from(e.querySelectorAll(`[${h}]`));
-			return Array.from(t.itemMap.values()).sort((e, t) => n.indexOf(e.ref.current) - n.indexOf(t.ref.current));
-		}, [t.collectionRef, t.itemMap]);
-	}
-	return [
-		{
-			Provider: d,
-			Slot: p,
-			ItemSlot: g
-		},
-		_,
-		c
-	];
-}
-//#endregion
-export { s as n, c as t };