@factorialco/f0-react 12.9.1 → 12.11.0

package/dist/F0DocumentViewer-BXifXzUW.js

@@ -0,0 +1,79 @@
+import { a as e, r as t } from "./i18n-provider-BBhzYHef.js";
+import { n, t as r } from "./skeleton-DqejhQgn.js";
+import { L as i } from "./tooltip-BX4dSfeL.js";
+import { Na as a } from "./F0CanvasPanel-BgDo2LWP.js";
+import { Suspense as o, forwardRef as s, lazy as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import './F0DocumentViewer.css';//#region src/addons/documents/F0DocumentViewer/F0DocumentViewerSkeleton.tsx
+var d = () => {
+	let { pdfViewer: e } = t();
+	return /* @__PURE__ */ u("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__ */ u("div", {
+			className: "flex flex-row items-center justify-between gap-2 px-6 py-4",
+			children: [
+				/* @__PURE__ */ l(r, { className: "h-8 w-24 rounded-md" }),
+				/* @__PURE__ */ l(r, { className: "h-8 w-40 rounded-md" }),
+				/* @__PURE__ */ l(r, { className: "h-8 w-20 rounded-md" })
+			]
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-1 justify-center p-4",
+			children: /* @__PURE__ */ l(r, { className: "h-full w-full max-w-[600px] rounded-md" })
+		})]
+	});
+}, f = c(() => import("./PdfViewer-C81MK43i.js")), p = c(() => import("./SheetViewer-DPGpMNqq.js")), m = c(() => import("./DocxViewer-DQV5Kv1n.js")), h = c(() => import("./TextViewer-BH42AeG8.js")), g = c(() => import("./CodeViewer-DFBwdIFm.js")), _ = c(() => import("./HtmlViewer-FRfNoxhP.js")), v = c(() => import("./ArchiveViewer-BXUH8Lm5.js")), y = s((e, t) => {
+	let { kind: n = "pdf", mimeType: i, language: a, htmlExecution: s = "auto", htmlSandbox: c, sender: y, toolbar: b = "top", hideDownload: x = !1, ...S } = e;
+	if (n === "pdf") return /* @__PURE__ */ l(o, {
+		fallback: /* @__PURE__ */ l(d, {}),
+		children: /* @__PURE__ */ l(f, {
+			ref: t,
+			toolbar: b,
+			hideDownload: x,
+			...S
+		})
+	});
+	let { url: C, filename: w, actions: T, withCredentials: E = !0, page: D, pagesToDisplay: O, initialScale: k, rotatable: A, initialRotation: j, onRotationChange: M, onPdfLoaded: N, onPageChange: P, ...F } = S, I = {
+		url: C,
+		filename: w,
+		withCredentials: E,
+		actions: T,
+		toolbar: b,
+		hideDownload: x
+	};
+	return /* @__PURE__ */ l("div", {
+		ref: t,
+		...F,
+		className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+		children: /* @__PURE__ */ u(o, {
+			fallback: /* @__PURE__ */ l(r, { className: "h-full w-full rounded-none" }),
+			children: [
+				n === "sheet" ? /* @__PURE__ */ l(p, { ...I }) : null,
+				n === "docx" ? /* @__PURE__ */ l(m, { ...I }) : null,
+				n === "text" ? /* @__PURE__ */ l(h, {
+					...I,
+					name: w ?? "",
+					mimeType: i
+				}) : null,
+				n === "code" ? /* @__PURE__ */ l(g, {
+					...I,
+					language: a
+				}) : null,
+				n === "html" ? /* @__PURE__ */ l(_, {
+					...I,
+					htmlExecution: s,
+					htmlSandbox: c,
+					sender: y
+				}) : null,
+				n === "archive" ? /* @__PURE__ */ l(v, { ...I }) : null
+			]
+		})
+	});
+});
+y.displayName = "F0DocumentViewer";
+var b = e(n("F0DocumentViewer", a(y, d))), x = b;
+//#endregion
+export { x as n, b as t };

package/dist/F0DocumentViewer-DWuIFBHu.js

@@ -0,0 +1,3 @@
+import "./pdfWorkerConfig-BwllKt1K.js";
+export { t as F0DocumentViewer } from "./F0DocumentViewer-BXifXzUW.js";
+import "./f0.js";

package/dist/F0Icon-Cj0USbCF.js

@@ -0,0 +1,202 @@
+import { a as e } from "./i18n-provider-BBhzYHef.js";
+import { L as t, z as n } from "./tooltip-BX4dSfeL.js";
+import * as r from "react";
+import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
+//#region ../../node_modules/.pnpm/cva@1.0.0-beta.3_typescript@7.0.2/node_modules/cva/dist/index.mjs
+var h = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, { compose: g, cva: _, cx: v } = ((e) => {
+	let t = function() {
+		var t = [...arguments];
+		return e?.hooks?.["cx:done"] === void 0 ? e?.hooks?.onComplete === void 0 ? n(t) : e?.hooks.onComplete(n(t)) : e?.hooks["cx:done"](n(t));
+	};
+	return {
+		compose: function() {
+			var e = [...arguments];
+			return (n) => {
+				let r = Object.fromEntries(Object.entries(n || {}).filter((e) => {
+					let [t] = e;
+					return !["class", "className"].includes(t);
+				}));
+				return t(e.map((e) => e(r)), n?.class, n?.className);
+			};
+		},
+		cva: (e) => (n) => {
+			if (e?.variants == null) return t(e?.base, n?.class, n?.className);
+			let { variants: r, defaultVariants: i } = e, a = Object.keys(r).map((e) => {
+				let t = n?.[e], a = i?.[e], o = h(t) || h(a);
+				return r[e][o];
+			}), o = {
+				...i,
+				...n && Object.entries(n).reduce((e, t) => {
+					let [n, r] = t;
+					return r === void 0 ? e : {
+						...e,
+						[n]: r
+					};
+				}, {})
+			}, s = e?.compoundVariants?.reduce((e, t) => {
+				let { class: n, className: r, ...i } = t;
+				return Object.entries(i).every((e) => {
+					let [t, n] = e, r = o[t];
+					return Array.isArray(n) ? n.includes(r) : r === n;
+				}) ? [
+					...e,
+					n,
+					r
+				] : e;
+			}, []);
+			return t(e?.base, a, s, n?.class, n?.className);
+		},
+		cx: t
+	};
+})(), y = [
+	"layout",
+	"info",
+	"action",
+	"form"
+], b = i({
+	enabled: !1,
+	enable: () => null,
+	disable: () => null,
+	filter: []
+}), x = ({ children: e }) => {
+	let [t, n] = d(!1), [r, i] = d([]), a = o((e) => {
+		i(e || [...y].filter((e) => e !== "layout")), n(!0);
+	}, [i, n]), s = o(() => n(!1), [n]);
+	return c(() => {
+		window.XRay = {
+			enable: a,
+			disable: s
+		};
+	}, [a, s]), /* @__PURE__ */ p(b.Provider, {
+		value: {
+			enabled: t,
+			enable: a,
+			disable: s,
+			filter: r
+		},
+		children: [e, t && typeof document < "u" ? m(/* @__PURE__ */ p("div", {
+			className: "bg-white fixed right-2 top-2 z-50 flex flex-col space-y-2 rounded-2xs border-solid border-f1-border p-4 opacity-80 shadow-md",
+			children: [/* @__PURE__ */ f("div", {
+				className: "text-md z-50 font-semibold",
+				children: "XRay"
+			}), /* @__PURE__ */ f("div", {
+				className: "flex flex-col space-y-2",
+				children: y.map((e) => /* @__PURE__ */ p("label", {
+					className: "block",
+					children: [/* @__PURE__ */ f("input", {
+						onChange: (t) => t.target.checked ? i([...r, e]) : i(r.filter((t) => t !== e)),
+						type: "checkbox",
+						checked: r.includes(e),
+						className: "mr-2"
+					}), e]
+				}, e))
+			})]
+		}), document?.body) : null]
+	});
+}, S = _({
+	base: "outline-opacity-50 pointer-events-none absolute z-40 outline-dashed",
+	variants: { type: {
+		layout: "outline-red-500",
+		info: "outline-blue-500",
+		action: "outline-green-600",
+		form: "outline-purple-600"
+	} }
+}), C = _({
+	base: "absolute z-40 bg-opacity-50 px-2 py-1 text-sm uppercase",
+	variants: { type: {
+		layout: "bg-red-500 text-white",
+		info: "bg-blue-500 text-white",
+		action: "bg-green-600 text-white",
+		form: "bg-purple-600 text-white"
+	} }
+}), w = (e, t) => {
+	let { enabled: n, filter: i } = r.useContext(b), a = u(null);
+	l(t, () => a.current);
+	let o = n && !e.internal, s = typeof document < "u" ? document.body : null;
+	return c(() => {
+		if (!o || !a.current || !i.includes(e.type)) return;
+		let t = a.current;
+		t.dataset.componentName = e.name;
+		let n = null, r = null;
+		if (s) {
+			let { top: i, left: a, width: o, height: c } = t.getBoundingClientRect();
+			n = document.createElement("div"), n.className = S({ type: e.type }), n.style.top = `${i}px`, n.style.left = `${a}px`, n.style.width = `${o}px`, n.style.height = `${c}px`, r = document.createElement("div"), r.className = C({ type: e.type }), r.style.top = `${i}px`, r.style.left = `${a}px`, r.innerText = e.name, s.appendChild(r), s.appendChild(n);
+		}
+		return () => {
+			n && s?.removeChild(n), r && s?.removeChild(r);
+		};
+	}, [
+		o,
+		e.name,
+		e.type,
+		i,
+		s
+	]), {
+		ref: a,
+		enabled: n
+	};
+}, T = () => s(b), E = (e, t) => {
+	let n = a((n, r) => {
+		let { ref: i } = w(e, r);
+		return /* @__PURE__ */ f(t, {
+			ref: i,
+			...n
+		});
+	});
+	return n.displayName = e.name, n;
+}, D = _({
+	base: "inline-block shrink-0",
+	variants: { size: {
+		lg: "w-6 [&_circle]:stroke-lg [&_path]:stroke-lg [&_rect]:stroke-lg",
+		md: "w-5 [&_circle]:stroke-md [&_path]:stroke-md [&_rect]:stroke-md",
+		sm: "w-4 [&_circle]:stroke-sm [&_path]:stroke-sm [&_rect]:stroke-sm",
+		xs: "w-3 [&_circle]:stroke-xs [&_path]:stroke-xs [&_rect]:stroke-xs"
+	} },
+	defaultVariants: { size: "md" }
+}), O = {
+	secondary: "text-f1-icon-secondary",
+	inverse: "text-f1-icon-inverse",
+	bold: "text-f1-icon-bold",
+	critical: "text-f1-icon-critical",
+	"critical-bold": "text-f1-icon-critical-bold",
+	accent: "text-f1-icon-accent",
+	info: "text-f1-icon-info",
+	warning: "text-f1-icon-warning",
+	positive: "text-f1-icon-positive",
+	promote: "text-f1-icon-promote",
+	selected: "text-f1-icon-selected",
+	"selected-hover": "text-f1-icon-selected-hover",
+	"mood-super-negative": "text-f1-icon-mood-super-negative",
+	"mood-negative": "text-f1-icon-mood-negative",
+	"mood-neutral": "text-f1-icon-mood-neutral",
+	"mood-positive": "text-f1-icon-mood-positive",
+	"mood-super-positive": "text-f1-icon-mood-super-positive"
+};
+function k(e) {
+	return e.startsWith("#");
+}
+var A = a(function({ size: e, icon: n, state: r = "normal", color: i = "currentColor", ...a }, o) {
+	if (!n) return null;
+	let s = n, c = n.displayName?.includes("Animated"), l = k(i), u = ((e) => e === "currentColor" ? "text-current" : e === "default" ? "text-f1-icon" : k(e) ? "" : O[e])(i), d = l ? { color: i } : void 0;
+	return c ? /* @__PURE__ */ f(s, {
+		ref: o,
+		...a,
+		animate: r,
+		className: t(D({ size: e }), "select-none", u),
+		style: d,
+		"data-has-color": i === "currentColor" ? void 0 : "true"
+	}) : /* @__PURE__ */ f(s, {
+		ref: o,
+		...a,
+		className: t("aspect-square", D({ size: e }), u),
+		style: d,
+		"data-has-color": i === "currentColor" ? void 0 : "true"
+	});
+}), j = e(E({
+	name: "F0Icon",
+	type: "info"
+}, A));
+//#endregion
+export { T as a, x as i, A as n, _ as o, E as r, j as t };