@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.12

package/cdn/assets/DxJKKoj07ez4Cc1M.js

@@ -0,0 +1,639 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { O as r } from "./Cif0315haNLmyMj-.js";
+import { r as i } from "./DdWtfDWDB6Yst5LZ.js";
+import { Tt as a, dt as o, z as s } from "./OABpLvY7siKUyNIa.js";
+import { Ot as c, Pt as l, Q as u, St as d, U as f, V as p, W as m, b as h, s as g, tt as _, ut as v } from "./Cc-jOsunTu0-Mla_.js";
+import { t as y } from "./DWcAYH0eBaOj-dU4.js";
+import { M as b } from "./DX-iRDnwn8uZZIqp.js";
+import { t as x } from "./CwPsCkeHan5zXDyX.js";
+import { T as S } from "./nQBuuL7ZHzDHpWHk.js";
+import { t as C } from "./B5znT6l0E-uRlPxA.js";
+import { t as w } from "./DkZqI9EyJ9BaBNL_.js";
+import { n as T, t as E } from "./CgovQHyOZcnsM53I.js";
+var D = e(t(), 1), O = n(), k = (0, D.memo)((e) => {
+	let { context: t, selected: n, onChangeSelected: c, onActivate: f, autoFocus: h = !1, className: g } = e, v = o(), T = _(), [E, k] = (0, D.useState)([]), [A, j] = (0, D.useState)("*"), [M, N] = (0, D.useState)(""), [P, F] = (0, D.useState)(""), [I, L] = (0, D.useState)([]), [R, z] = (0, D.useState)(null), B = (V = A) === "*" ? void 0 : V;
+	var V;
+	let H = (0, D.useRef)(null), U = (0, D.useRef)(null), W = (0, D.useId)(), G = (e) => `${W}${e}`;
+	(0, D.useEffect)(() => {
+		let e = setTimeout(() => F(M.trim()), 150);
+		return () => clearTimeout(e);
+	}, [M]), (0, D.useEffect)(() => {
+		h && U.current?.focus();
+	}, [h]), (0, D.useEffect)(() => {
+		let e = !1;
+		return (async () => {
+			let n = await t?.()?.getCategories() ?? [];
+			e || k(n);
+		})(), () => {
+			e = !0;
+		};
+	}, [t]);
+	let K = s(c, [c]);
+	(0, D.useEffect)(() => {
+		let e = !1;
+		return (async () => {
+			let n = t?.();
+			if (!n) return;
+			let r = P ? await n.searchByText(P, {
+				category: B,
+				limit: 100
+			}) : await n.searchByCategory(B);
+			e || (L(r), K(r[0] ?? null));
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		t,
+		B,
+		P,
+		K
+	]), (0, D.useEffect)(() => {
+		if (!n) return void z(null);
+		let e = !1, t = n.getName();
+		return n.getDescriptor().then((n) => {
+			e || z(d(t, n));
+		}).catch(() => {
+			e || z(null);
+		}), () => {
+			e = !0;
+		};
+	}, [n]);
+	let q = n && R?.name === n.getName() ? R.summary : null, J = (0, D.useMemo)(() => n ? l(n, { locale: T?.getLocale() }) : null, [n, T]), Y = s((e) => {
+		I.length !== 0 && K(I[Math.min(I.length - 1, Math.max(0, e))]);
+	}, [I, K]), X = s((e) => {
+		let t = n ? I.indexOf(n) : -1;
+		Y(t + e);
+	}, [
+		I,
+		n,
+		Y
+	]), Z = s((e) => {
+		if (e.isDefaultPrevented()) return;
+		let t = H.current?.contains(e.target) ?? !1;
+		switch (e.keyCode) {
+			case a.Down:
+				X(1);
+				break;
+			case a.Up:
+				X(-1);
+				break;
+			case a.PageDown:
+				X(10);
+				break;
+			case a.PageUp:
+				X(-10);
+				break;
+			case a.Home:
+				if (!t) return;
+				Y(0);
+				break;
+			case a.End:
+				if (!t) return;
+				Y(I.length - 1);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, [
+		X,
+		Y,
+		I
+	]);
+	(0, D.useEffect)(() => {
+		if (!n) return;
+		let e = H.current, t = e?.querySelector("[data-selected=\"true\"]");
+		e && t && r.scrollIntoContainer(e, t);
+	}, [n]);
+	let Q = (0, D.useMemo)(() => I.map((e) => {
+		let t = e.getName(), r = e === n;
+		return (0, O.jsx)(y, {
+			id: G(t),
+			component: "div",
+			role: "option",
+			"aria-selected": r,
+			"data-selected": r,
+			onMouseDown: (e) => {
+				e.button === 0 && e.preventDefault();
+			},
+			onClick: () => K(e),
+			onDoubleClick: () => {
+				f?.();
+			},
+			sx: {
+				paddingBlock: "1px",
+				cursor: "default",
+				fontSize: "0.8rem",
+				fontFamily: (e) => e.typography.fontFamily,
+				"& .named-item-name": { fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)" },
+				backgroundColor: r ? "action.selected" : void 0,
+				"&:hover": { backgroundColor: r ? "action.selected" : "action.hover" }
+			},
+			children: (0, O.jsx)(u, {
+				item: {
+					name: t,
+					kind: e.isLambda() ? "lambda" : "function"
+				},
+				summary: r ? q : null,
+				wrapSummary: !0
+			})
+		}, t);
+	}), [
+		I,
+		n,
+		q,
+		K,
+		f
+	]);
+	return (0, O.jsxs)(y, {
+		className: g,
+		onKeyDown: Z,
+		sx: {
+			height: "415px",
+			flex: "1 1 auto",
+			minHeight: 0,
+			boxSizing: "border-box",
+			paddingTop: (e) => e.spacing(1.5),
+			display: "flex",
+			flexDirection: "column",
+			rowGap: (e) => e.spacing(2)
+		},
+		children: [
+			(0, O.jsx)(x, {
+				size: "small",
+				fullWidth: !0,
+				label: v("insertFunction.searchLabel"),
+				value: M,
+				inputRef: U,
+				onChange: (e) => N(e.target.value),
+				sx: { flexShrink: 0 },
+				slotProps: {
+					input: {
+						startAdornment: (0, O.jsx)(w, {
+							position: "start",
+							children: (0, O.jsx)(i, { iconKey: "Find" })
+						}),
+						endAdornment: M ? (0, O.jsx)(w, {
+							position: "end",
+							children: (0, O.jsx)(S, {
+								"aria-label": v("insertFunction.clearSearch"),
+								propsTooltip: { label: v("insertFunction.clearSearch") },
+								onMouseDown: (e) => {
+									e.button === 0 && e.preventDefault();
+								},
+								onClick: () => N(""),
+								icon: (0, O.jsx)(i, { iconKey: "Close" }),
+								size: "small"
+							})
+						}) : void 0
+					},
+					htmlInput: {
+						className: "autoFocus",
+						spellCheck: !1,
+						autoComplete: "off"
+					}
+				}
+			}),
+			(0, O.jsxs)(x, {
+				select: !0,
+				size: "small",
+				fullWidth: !0,
+				label: v("insertFunction.categoryLabel"),
+				value: A,
+				onChange: (e) => j(e.target.value),
+				slotProps: { inputLabel: { shrink: !0 } },
+				sx: { flexShrink: 0 },
+				children: [(0, O.jsx)(C, {
+					value: "*",
+					children: v("insertFunction.categoryAll")
+				}), E.map((e) => (0, O.jsx)(C, {
+					value: e.name,
+					children: e.name
+				}, e.name))]
+			}),
+			(0, O.jsx)(y, {
+				ref: H,
+				role: "listbox",
+				className: "function-list",
+				"aria-label": v("insertFunction.listLabel"),
+				tabIndex: 0,
+				"aria-activedescendant": n ? G(n.getName()) : void 0,
+				onFocus: () => {
+					n || Y(0);
+				},
+				sx: {
+					flex: "1 1 0",
+					minHeight: "80px",
+					overflowY: "auto",
+					position: "relative",
+					border: "1px solid",
+					borderColor: "divider",
+					borderRadius: "4px",
+					"&:focus-visible": {
+						outline: "2px solid",
+						outlineColor: "primary.main",
+						outlineOffset: "-1px"
+					},
+					"&:focus-within [data-selected=\"true\"], &:focus [data-selected=\"true\"]": {
+						backgroundColor: "action.selected",
+						boxShadow: (e) => `inset 2px 0 0 ${e.palette.primary.main}`
+					}
+				},
+				children: Q.length > 0 ? Q : (0, O.jsx)(b, {
+					sx: {
+						padding: "8px",
+						color: "text.secondary",
+						fontSize: "0.85rem"
+					},
+					children: v("insertFunction.noResults")
+				})
+			}),
+			(0, O.jsx)(y, {
+				sx: {
+					height: "5.5rem",
+					flexShrink: 0,
+					overflowY: "auto",
+					fontFamily: (e) => e.typography.fontFamily,
+					fontSize: "0.8rem",
+					lineHeight: "16px"
+				},
+				children: J ? (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(y, {
+					sx: { padding: "0 10px" },
+					children: (0, O.jsx)(p, {
+						hint: J,
+						wrap: !0
+					})
+				}), (0, O.jsx)(m, {
+					hint: J,
+					descriptor: R,
+					showParameters: !1
+				})] }) : null
+			})
+		]
+	});
+});
+k.displayName = "FunctionSearchPanel";
+var A = (0, D.memo)((e) => {
+	let { func: t, workbook: n, home: r, autoFocus: i = !1, onChangeCall: a, className: u } = e, p = o(), m = _(), x = n === void 0 ? m : n, [S, C] = (0, D.useState)([]), [w, k] = (0, D.useState)([]), [A, j] = (0, D.useState)([]), [M, N] = (0, D.useState)(null), [P, F] = (0, D.useState)(0), [I, L] = (0, D.useState)(null), R = (0, D.useRef)(null), z = (0, D.useRef)(/* @__PURE__ */ new Map()), B = (0, D.useMemo)(() => t.getDeclaration().getParameters(), [t]), V = (0, D.useMemo)(() => c(B, S), [B, S]), H = (0, D.useMemo)(() => l(t, { locale: x?.getLocale() }), [t, x]), U = (0, D.useMemo)(() => v(H.nameLocal ?? H.name, V, S, { separator: H.argSeparator }), [
+		H,
+		V,
+		S
+	]);
+	(0, D.useEffect)(() => {
+		a?.(U);
+	}, [U, a]), (0, D.useEffect)(() => {
+		let e = !1, n = t.getName();
+		return t.getDescriptor().then((t) => {
+			e || L(d(n, t));
+		}).catch(() => {
+			e || L(null);
+		}), () => {
+			e = !0;
+		};
+	}, [t]), (0, D.useEffect)(() => {
+		i && (R.current?.querySelector("input"))?.focus();
+	}, [i]);
+	let W = s((e) => {
+		let t = (z.current.get(e) ?? 0) + 1;
+		return z.current.set(e, t), t;
+	}, []), G = s((e, t) => {
+		C((n) => {
+			let r = n.slice();
+			for (; r.length <= e;) r.push("");
+			return r[e] = t, r;
+		}), W(e), k((t) => {
+			if (t[e] === void 0 || t[e] === null) return t;
+			let n = t.slice();
+			return n[e] = null, n;
+		});
+	}, [W]), K = s((e, t) => {
+		j((n) => {
+			if ((n[e] ?? null) === t) return n;
+			let r = n.slice();
+			for (; r.length <= e;) r.push(null);
+			return r[e] = t, r;
+		});
+	}, []), q = s(async (e, t) => {
+		let n = W(e), r = null;
+		try {
+			r = t ? g(await t.evaluate()) : null;
+		} catch {
+			r = null;
+		}
+		z.current.get(e) === n && k((t) => {
+			let n = t.slice();
+			for (; n.length <= e;) n.push(null);
+			return n[e] = r, n;
+		});
+	}, [W]);
+	(0, D.useEffect)(() => {
+		let e = x ? x.getSelectedWorksheet()?.getCalculation() ?? x.getCalculation() : null, t = V.some((e, t) => !e.optional && !S[t]?.trim());
+		if (!e || t || V.length > 0 && !S.some((e) => e?.trim())) return W(-1), void N(null);
+		let n = W(-1);
+		(async () => {
+			let t = null;
+			try {
+				t = g(await e.evaluate(U, {
+					...r,
+					target: "display"
+				}));
+			} catch {
+				t = null;
+			}
+			z.current.get(-1) === n && N(t);
+		})();
+	}, [
+		U,
+		x,
+		r,
+		S,
+		V,
+		W
+	]);
+	let J = (0, D.useMemo)(() => {
+		let e = A[P] ? P : A.findIndex((e, t) => !!e && !!V[t]), t = e >= 0 ? A[e] : null;
+		return t ? `${V[e]?.label}: ${p(t)}` : null;
+	}, [
+		A,
+		P,
+		V,
+		p
+	]), Y = (0, D.useMemo)(() => {
+		let e = V[P];
+		if (e && I?.name === t.getName()) return I?.params?.[e.descKey]?.description;
+	}, [
+		V,
+		P,
+		I,
+		t
+	]), X = (0, D.useMemo)(() => V.map((e, n) => (0, O.jsxs)(y, {
+		sx: {
+			display: "flex",
+			alignItems: "stretch",
+			columnGap: (e) => e.spacing(1)
+		},
+		children: [(0, O.jsx)(T, {
+			labelPlacement: "above",
+			label: (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(y, {
+				component: "span",
+				sx: {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
+					fontWeight: e.optional ? 400 : 700
+				},
+				children: e.label
+			}), (0, O.jsx)(f, {
+				param: e.param,
+				repeat: e.repeat,
+				optional: e.optional,
+				showType: !1,
+				size: 14
+			})] }),
+			placeholder: p(h(e.param)),
+			showError: !1,
+			helperText: null,
+			onChangeError: (e) => K(n, e),
+			workbook: x,
+			home: r,
+			value: null,
+			onChangeText: (e) => G(n, e),
+			onChangeInput: (e) => {
+				q(n, e);
+			},
+			onFocus: () => F(n),
+			argument: {
+				fn: t,
+				param: e.param
+			},
+			sx: {
+				minWidth: 0,
+				flex: "1 1 55%"
+			}
+		}), (0, O.jsxs)(b, {
+			component: "span",
+			sx: {
+				flex: "1 1 45%",
+				minWidth: 0,
+				display: "flex",
+				boxSizing: "border-box",
+				paddingTop: E,
+				alignItems: "center",
+				columnGap: "4px",
+				overflow: "hidden",
+				whiteSpace: "nowrap",
+				color: "text.secondary",
+				fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
+				fontSize: "0.8rem"
+			},
+			title: w[n] ?? "",
+			children: [(0, O.jsx)(y, {
+				component: "span",
+				"aria-hidden": !0,
+				children: "="
+			}), (0, O.jsx)(y, {
+				component: "span",
+				className: "function-arg-value",
+				sx: {
+					minWidth: 0,
+					overflow: "hidden",
+					textOverflow: "ellipsis"
+				},
+				children: w[n] ?? ""
+			})]
+		})]
+	}, e.key)), [
+		t,
+		V,
+		w,
+		x,
+		r,
+		G,
+		K,
+		q,
+		p
+	]);
+	return (0, O.jsxs)(y, {
+		ref: R,
+		className: u,
+		sx: {
+			height: "450px",
+			flex: "1 1 auto",
+			minHeight: 0,
+			boxSizing: "border-box",
+			paddingTop: (e) => e.spacing(1),
+			display: "flex",
+			flexDirection: "column",
+			rowGap: (e) => e.spacing(1),
+			fontFamily: (e) => e.typography.fontFamily,
+			fontSize: "0.8rem",
+			lineHeight: "16px"
+		},
+		children: [
+			(0, O.jsxs)(y, {
+				sx: {
+					height: "70px",
+					flexShrink: 0,
+					overflow: "hidden"
+				},
+				children: [(0, O.jsx)(y, {
+					sx: {
+						fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
+						color: "primary.main",
+						fontWeight: 600,
+						fontSize: "0.95rem",
+						lineHeight: "20px",
+						whiteSpace: "nowrap",
+						overflow: "hidden",
+						textOverflow: "ellipsis"
+					},
+					children: H.nameLocal ?? H.name
+				}), I?.name === t.getName() ? (0, O.jsx)(y, {
+					sx: {
+						paddingTop: "2px",
+						color: "text.secondary"
+					},
+					children: I.summary
+				}) : null]
+			}),
+			(0, O.jsx)(y, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					flex: "1 1 0",
+					minHeight: "80px",
+					rowGap: "4px",
+					overflowY: "auto",
+					border: "1px solid",
+					borderColor: "divider",
+					borderRadius: "4px",
+					padding: (e) => e.spacing(.5, 1)
+				},
+				children: X
+			}),
+			(0, O.jsx)(y, {
+				sx: {
+					height: "48px",
+					flexShrink: 0,
+					overflowY: "auto",
+					color: "text.secondary"
+				},
+				children: Y ? (0, O.jsxs)(O.Fragment, { children: [(0, O.jsxs)(y, {
+					component: "span",
+					sx: { fontWeight: 600 },
+					children: [V[P]?.label, ": "]
+				}), Y] }) : null
+			}),
+			(0, O.jsx)(y, {
+				sx: {
+					display: "flex",
+					flexShrink: 0,
+					columnGap: (e) => e.spacing(1),
+					borderTop: "1px solid",
+					borderColor: "divider",
+					paddingTop: (e) => e.spacing(1)
+				},
+				children: J ? (0, O.jsx)(y, {
+					className: "function-error",
+					sx: {
+						color: "error.main",
+						minWidth: 0,
+						overflow: "hidden",
+						textOverflow: "ellipsis"
+					},
+					children: J
+				}) : (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(y, {
+					sx: { color: "text.secondary" },
+					children: p("functionArguments.result")
+				}), (0, O.jsx)(y, {
+					className: "function-result",
+					sx: {
+						flex: "1 1 auto",
+						minWidth: 0,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+						fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)"
+					},
+					title: M ?? "",
+					children: M ?? ""
+				})] })
+			})
+		]
+	});
+});
+A.displayName = "FunctionArgumentsPanel";
+var j = "insert-function-page", M = Object.freeze({
+	Next: "Next",
+	Back: "Back",
+	Insert: "Insert"
+}), N = (e, t) => {
+	let n = {
+		id: M.Insert,
+		label: () => t("insertFunction.insert")
+	};
+	return e === "arguments" ? [
+		n,
+		{
+			id: M.Back,
+			label: () => t("insertFunction.back")
+		},
+		"Cancel"
+	] : [
+		{
+			id: M.Next,
+			label: () => t("insertFunction.next")
+		},
+		n,
+		"Cancel"
+	];
+}, P = (0, D.memo)((e) => {
+	let { context: t, page: n, selected: r, onChangeSelected: i, onActivate: a, onChangeCall: o, workbook: s, home: c, className: l } = e, [u, d] = (0, D.useState)(null);
+	n === "arguments" && r && r !== u && d(r);
+	let f = n === "arguments" && !!u;
+	return (0, O.jsxs)(y, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			height: "450px",
+			flex: "1 1 auto",
+			minHeight: 0
+		},
+		children: [(0, O.jsx)(y, {
+			className: j,
+			"data-page": "search",
+			hidden: f,
+			sx: { display: f ? "none" : "contents" },
+			children: (0, O.jsx)(k, {
+				className: l,
+				context: t,
+				selected: r,
+				onChangeSelected: i,
+				onActivate: a,
+				autoFocus: !f
+			})
+		}), u ? (0, O.jsx)(y, {
+			className: j,
+			"data-page": "arguments",
+			hidden: !f,
+			sx: { display: f ? "contents" : "none" },
+			children: (0, O.jsx)(A, {
+				className: l,
+				func: u,
+				workbook: s,
+				home: c,
+				autoFocus: f,
+				onChangeCall: o
+			}, u.getName())
+		}) : null]
+	});
+});
+P.displayName = "InsertFunctionWizard";
+export { N as a, M as i, P as n, A as o, j as r, k as t };

package/cdn/assets/{G5z0uVlyF6CLw_PA.js → DzdTkjOza0KfOVpJ.js}

@@ -1,10 +1,10 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { n as e } from "./C9NyIoUahFiyRCxP.js";
+import { n as e } from "./DLmLaWoLePonCiIs.js";
 var t = e((e, t) => {
 	var n = e, r = function e() {
 		var t = typeof self < "u" ? self : typeof window < "u" ? window : t === void 0 ? {} : t, n = !t.document && !!t.postMessage, r = t.IS_PAPA_WORKER || !1, i = {}, a = 0, o = {};