@factorialco/f0-react 12.10.0 → 12.11.0

package/dist/CodeThumbnail-Dcer4AyK.js

@@ -0,0 +1,31 @@
+import { L as e } from "./tooltip-BX4dSfeL.js";
+import { i as t, t as n } from "./highlight-CyebkDAD.js";
+import { t as r } from "./useThumbnailText-DwXQvLIe.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/elements/primitives/_primitives/F0Attachments/components/thumbnails/CodeThumbnail.tsx
+var s = 4096, c = 12, l = ({ url: l, language: u, onError: d, onRendered: f }) => {
+	let p = r(l, s, {
+		onError: d,
+		onLoaded: f
+	})?.split("\n").slice(0, c).join("\n") ?? null, [m, h] = a(null);
+	if (i(() => {
+		if (p === null) return;
+		let e = !1;
+		return t(p, u).then((t) => {
+			e || h(t);
+		}), () => {
+			e = !0;
+		};
+	}, [p, u]), p === null) return null;
+	let g = e("m-0 overflow-hidden whitespace-pre bg-f1-background p-3 text-left font-mono text-sm leading-5 text-f1-foreground", n);
+	return m ? /* @__PURE__ */ o("pre", {
+		className: g,
+		dangerouslySetInnerHTML: { __html: m }
+	}) : /* @__PURE__ */ o("pre", {
+		className: g,
+		children: p
+	});
+};
+//#endregion
+export { l as default };

package/dist/CodeViewer-DFBwdIFm.js

@@ -0,0 +1,98 @@
+import { r as e } from "./i18n-provider-BBhzYHef.js";
+import { t } from "./skeleton-DqejhQgn.js";
+import { L as n } from "./tooltip-BX4dSfeL.js";
+import { _r as r, sc as i } from "./F0CanvasPanel-BgDo2LWP.js";
+import { xt as a } from "./F0Select-BWWdEd7l.js";
+import { t as o } from "./purify.es-ZpfdAuNV.js";
+import { n as s, t as c } from "./DocumentToolbar-vZEyzJ89.js";
+import { a as l, i as u, n as d, o as f, r as p, t as m } from "./highlight-CyebkDAD.js";
+import { t as h } from "./useFetchedText-BR3_KLXx.js";
+import { useEffect as g, useMemo as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/addons/documents/F0DocumentViewer/components/CodeView.tsx
+var S = ({ text: e, language: t, wrap: r = !1, label: i, zoom: a = 1, className: s }) => {
+	let [c, l] = v(null);
+	g(() => {
+		let n = !1;
+		if (t) return u(e, t).then((t) => {
+			!n && t !== null && l({
+				text: e,
+				html: t
+			});
+		}), () => {
+			n = !0;
+		};
+	}, [e, t]);
+	let f = _(() => {
+		let t = 1;
+		for (let n = 0; n < e.length; n++) e.charCodeAt(n) === 10 && t++;
+		return e.endsWith("\n") && t--, Array.from({ length: Math.max(t, 1) }, (e, t) => t + 1).join("\n");
+	}, [e]), p = c?.text === e ? c.html : null, h = _(() => p === null ? null : o.sanitize(p, d), [p]);
+	return /* @__PURE__ */ b("div", {
+		role: "region",
+		"aria-label": i,
+		tabIndex: 0,
+		className: n("min-h-0 grow overflow-auto bg-f1-background focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-f1-border-selected", s),
+		children: /* @__PURE__ */ x("div", {
+			style: { zoom: a },
+			className: n("flex font-mono text-sm leading-5", r ? "w-full" : "w-max min-w-full"),
+			children: [r ? null : /* @__PURE__ */ b("div", {
+				"aria-hidden": "true",
+				className: "sticky left-0 shrink-0 select-none whitespace-pre border-0 border-r border-solid border-f1-border-secondary bg-f1-background py-4 pl-4 pr-3 text-right text-f1-foreground-secondary",
+				children: f
+			}), /* @__PURE__ */ b("pre", {
+				className: n("m-0 min-w-0 grow px-4 py-4 font-mono text-f1-foreground", r ? "whitespace-pre-wrap break-words" : "whitespace-pre", m),
+				children: h === null ? /* @__PURE__ */ b("code", { children: e }) : /* @__PURE__ */ b("code", { dangerouslySetInnerHTML: { __html: h } })
+			})]
+		})
+	});
+}, C = 2097152, w = ({ url: n, filename: o, language: u, withCredentials: d = !0, actions: m, toolbar: g = "top", hideDownload: _ = !1 }) => {
+	let w = e(), T = s(), { text: E, failed: D } = h(n, {
+		withCredentials: d,
+		maxChars: C
+	}), [O, k] = v(null), A = O ?? (E !== null && !p(E)), j = f(u) ?? l(o), M = o ?? "", N = /* @__PURE__ */ b(c, {
+		url: n,
+		filename: o,
+		withCredentials: d,
+		actions: m,
+		zoom: T,
+		placement: g,
+		hideDownload: _,
+		endContent: E === null ? null : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(a, {
+			label: w.pdfViewer.wrapLines,
+			icon: i,
+			selected: A,
+			onSelectedChange: k
+		}), /* @__PURE__ */ b(r, {
+			valueToCopy: E,
+			variant: "outline",
+			size: "md",
+			copyTooltipLabel: w.pdfViewer.copyCode,
+			copiedTooltipLabel: w.pdfViewer.copied
+		})] })
+	});
+	return /* @__PURE__ */ x("div", {
+		className: "relative flex h-full w-full flex-col bg-f1-background",
+		children: [
+			g === "top" ? N : null,
+			D ? /* @__PURE__ */ b("div", {
+				className: "flex min-h-0 grow items-center justify-center text-f1-foreground-secondary",
+				children: w.pdfViewer.previewFailed
+			}) : E === null ? /* @__PURE__ */ b(t, {
+				role: "status",
+				"aria-busy": !0,
+				"aria-label": w.pdfViewer.loading,
+				className: "min-h-0 w-full grow rounded-none"
+			}) : /* @__PURE__ */ b(S, {
+				text: E,
+				language: j,
+				wrap: A,
+				zoom: T.scale,
+				label: w.t("pdfViewer.codeRegion", { name: M })
+			}),
+			g === "floating" ? N : null
+		]
+	});
+}, T = (e) => /* @__PURE__ */ b(w, { ...e }, e.url);
+//#endregion
+export { C as CODE_MAX_CHARS, T as default };

package/dist/DocumentToolbar-vZEyzJ89.js

@@ -0,0 +1,74 @@
+import { r as e } from "./i18n-provider-BBhzYHef.js";
+import { Ns as t } from "./F0CanvasPanel-BgDo2LWP.js";
+import { q as n } from "./useData-Dkq5W4r6.js";
+import { dr as r, t as i } from "./F0Select-BWWdEd7l.js";
+import { a, c as o, n as s, o as c, r as l, s as u, t as d } from "./toolbarStyles-0IygMI4H.js";
+import { useCallback as f, useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/addons/documents/F0DocumentViewer/components/DocumentToolbar.tsx
+var _ = () => {
+	let [e, t] = m(1);
+	return {
+		scale: e,
+		zoomIn: f(() => t((e) => u(e) ?? e), []),
+		zoomOut: f(() => t((e) => c(e) ?? e), []),
+		setScale: t
+	};
+}, v = ({ url: c, filename: u, withCredentials: f, actions: m, zoom: _, placement: v = "top", hideDownload: y = !1, endContent: b, children: x }) => {
+	let { pdfViewer: S } = e(), C = p(() => a.map((e) => ({
+		value: e,
+		label: `${Number(e) * 100}%`
+	})), []);
+	return !x && !_ && !b && y && !m?.length || v === "none" ? null : /* @__PURE__ */ g("div", {
+		role: "toolbar",
+		"aria-label": S.toolbar,
+		"data-placement": v,
+		className: d(v),
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: s(v, "min-w-0 flex-1 basis-0 overflow-x-auto"),
+				children: x
+			}),
+			_ ? /* @__PURE__ */ g("div", {
+				className: s(v, "shrink-0"),
+				children: [
+					/* @__PURE__ */ h(l, {
+						label: S.zoomOut,
+						onClick: _.zoomOut,
+						icon: n
+					}),
+					/* @__PURE__ */ h(l, {
+						label: S.zoomIn,
+						onClick: _.zoomIn,
+						icon: r
+					}),
+					/* @__PURE__ */ h(i, {
+						hideLabel: !0,
+						label: S.scaleSelector,
+						options: C,
+						value: String(_.scale),
+						onChange: (e) => _.setScale(Number(e))
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ g("div", {
+				className: s(v, "flex-1 basis-0 justify-end"),
+				children: [
+					b,
+					y ? null : /* @__PURE__ */ h(l, {
+						label: S.download,
+						onClick: () => void o(c, u, f),
+						icon: t
+					}),
+					m?.map((e, t) => /* @__PURE__ */ h(l, {
+						label: e.label,
+						onClick: e.onClick,
+						icon: e.icon
+					}, `${e.label}-${t}`))
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { _ as n, v as t };

package/dist/{DocxThumbnail-kHTNnwW0.js → DocxThumbnail-CK9vFoTB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./renderDocx-_UmnE-yc.js";
+import { t as e } from "./renderDocx-BW-uDyaZ.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/elements/primitives/_primitives/F0Attachments/components/thumbnails/DocxThumbnail.tsx
@@ -29,7 +29,7 @@ var a = ({ url: a, width: o, onError: s, onRendered: c }) => {
 			n = !0;
 		};
 	}, [a, o]), /* @__PURE__ */ i("div", {
-		className: "overflow-hidden bg-f1-background text-left",
+		className: "overflow-hidden bg-[#fff] text-left",
 		children: /* @__PURE__ */ i("div", {
 			ref: l,
 			style: u === null ? void 0 : {

package/dist/{DocxViewer-CqHgSExq.js → DocxViewer-DQV5Kv1n.js}

@@ -1,62 +1,64 @@
-import { ln as e, rn as t } from "./popover-BjrPOMeQ.js";
-import { t as n } from "./renderDocx-_UmnE-yc.js";
-import { n as r, t as i } from "./DocumentToolbar-CqbY6eID.js";
+import { r as e } from "./i18n-provider-BBhzYHef.js";
+import { t } from "./skeleton-DqejhQgn.js";
+import { n, t as r } from "./DocumentToolbar-vZEyzJ89.js";
+import { t as i } from "./renderDocx-BW-uDyaZ.js";
 import { useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/addons/documents/F0DocumentViewer/components/DocxViewer.tsx
-var u = ({ url: u, filename: d, withCredentials: f = !0, actions: p, toolbar: m = "top" }) => {
-	let h = t(), g = r(), _ = o(null), [v, y] = s("loading");
+var u = ({ url: u, filename: d, withCredentials: f = !0, actions: p, toolbar: m = "top", hideDownload: h = !1 }) => {
+	let g = e(), _ = n(), v = o(null), [y, b] = s("loading");
 	a(() => {
-		let e = _.current;
+		let e = v.current;
 		if (!e) return;
 		let t = !1;
-		return y("loading"), fetch(u, { credentials: f ? "include" : "same-origin" }).then((e) => {
+		return b("loading"), fetch(u, { credentials: f ? "include" : "same-origin" }).then((e) => {
 			if (!e.ok) throw Error(`${e.status}`);
 			return e.blob();
-		}).then(async (r) => {
-			t || (await n(r, e, {
+		}).then(async (n) => {
+			t || (await i(n, e, {
 				inWrapper: !0,
 				breakPages: !0
-			}), t || y("ready"));
+			}), t || b("ready"));
 		}).catch(() => {
-			t || y("failed");
+			t || b("failed");
 		}), () => {
 			t = !0;
 		};
 	}, [u, f]);
-	let b = /* @__PURE__ */ c(i, {
+	let x = /* @__PURE__ */ c(r, {
 		url: u,
 		filename: d,
 		withCredentials: f,
 		actions: p,
-		zoom: g,
-		placement: m
+		zoom: _,
+		placement: m,
+		hideDownload: h
 	});
 	return /* @__PURE__ */ l("div", {
 		className: "relative flex h-full w-full flex-col bg-f1-background",
 		children: [
-			m === "top" ? b : null,
+			m === "top" ? x : null,
 			/* @__PURE__ */ l("div", {
 				className: "relative min-h-0 grow overflow-auto bg-f1-background-secondary",
 				children: [
-					v === "loading" ? /* @__PURE__ */ c(e, {
+					y === "loading" ? /* @__PURE__ */ c(t, {
 						role: "status",
 						"aria-busy": !0,
-						"aria-label": h.pdfViewer.loading,
+						"aria-label": g.pdfViewer.loading,
 						className: "absolute inset-0 h-full w-full rounded-none"
 					}) : null,
-					v === "failed" ? /* @__PURE__ */ c("div", {
+					y === "failed" ? /* @__PURE__ */ c("div", {
 						className: "flex h-full w-full items-center justify-center bg-f1-background text-f1-foreground-secondary",
-						children: h.pdfViewer.previewFailed
+						children: g.pdfViewer.previewFailed
 					}) : null,
 					/* @__PURE__ */ c("div", {
-						ref: _,
-						className: v === "failed" ? "hidden" : void 0,
-						style: { zoom: g.scale }
+						ref: v,
+						className: y === "failed" ? "hidden" : void 0,
+						style: { zoom: _.scale }
 					})
 				]
 			}),
-			m === "floating" ? b : null
+			m === "floating" ? x : null
 		]
 	});
 };

package/dist/ExternalLink-RdKU698E.js

@@ -0,0 +1,22 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = e((e, r) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	ref: r,
+	...e,
+	children: [/* @__PURE__ */ t("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__ */ t("path", {
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M12.5 11.5L20 4M20 4H15.5M20 4V8.5"
+	})]
+}));
+//#endregion
+export { r as t };