@sheetxl/studio-vanilla 0.7.28-beta.4 → 0.8.0-beta.10

package/browser/esm/O982fBwJ80FSdhad.mjs

@@ -1,615 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
-*
-* (C) 2026-present SheetXL Inc. & Michael T. Ford
-* License: The license can be found at https://www.sheetxl.com/license.
-*/
-import { r as e } from "./B_U_UpQXdbjNRthb.mjs";
-import { i as t, r as n } from "./DGfzktq0BrIwcb8j.mjs";
-import { r } from "./CXlA71yGA1Hqvp_S.mjs";
-import { Et as i, Xt as a, t as o, tt as s } from "./CJ-lOo2cXlcYrg2P.mjs";
-import { N as c } from "./XBb7Mxqf0beXaSJt.mjs";
-import { t as l } from "./s4trFf5sOSGNEzr3.mjs";
-import { t as u } from "./D8zyGG6yt4CsyA8K.mjs";
-import { Gt as d, I as f, W as p, ft as m, g as h, j as g, l as _, mt as v, s as y, ut as b, x } from "./Duo6t8_BzIiBDrFm.mjs";
-import { t as S } from "./C3dXBjR3SrDCdJlm.mjs";
-import { n as C, r as w } from "./BUKNpzG26V0YaAzW.mjs";
-var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
-	let { context: t, selected: n, onChangeSelected: f, onActivate: m, autoFocus: h = !1, className: _ } = e, x = a(), C = b(), [w, D] = (0, T.useState)([]), [O, k] = (0, T.useState)("*"), [A, j] = (0, T.useState)(""), [M, N] = (0, T.useState)(""), [P, F] = (0, T.useState)([]), [I, L] = (0, T.useState)(null), R = (z = O) === "*" ? void 0 : z;
-	var z;
-	let B = (0, T.useRef)(null), V = (0, T.useRef)(null), H = (0, T.useId)(), U = (e) => `${H}${e}`;
-	(0, T.useEffect)(() => {
-		let e = setTimeout(() => N(A.trim()), 150);
-		return () => clearTimeout(e);
-	}, [A]), (0, T.useEffect)(() => {
-		h && V.current?.focus();
-	}, [h]), (0, T.useEffect)(() => {
-		let e = !1;
-		return (async () => {
-			let n = await t?.()?.getCategories() ?? [];
-			e || D(n);
-		})(), () => {
-			e = !0;
-		};
-	}, [t]);
-	let W = s(f, [f]);
-	(0, T.useEffect)(() => {
-		let e = !1;
-		return (async () => {
-			let n = t?.();
-			if (!n) return;
-			let r = M ? await n.searchByText(M, {
-				category: R,
-				limit: 100
-			}) : await n.searchByCategory(R);
-			e || (F(r), W(r[0] ?? null));
-		})(), () => {
-			e = !0;
-		};
-	}, [
-		t,
-		R,
-		M,
-		W
-	]), (0, T.useEffect)(() => {
-		if (!n) return void L(null);
-		let e = !1, t = n.getName();
-		return n.getDescriptor().then((n) => {
-			e || L(g(t, n));
-		}).catch(() => {
-			e || L(null);
-		}), () => {
-			e = !0;
-		};
-	}, [n]);
-	let G = (0, T.useMemo)(() => n ? p(n, { locale: C?.getLocale() }) : null, [n, C]), K = s((e) => {
-		P.length !== 0 && W(P[Math.min(P.length - 1, Math.max(0, e))]);
-	}, [P, W]), q = s((e) => {
-		let t = n ? P.indexOf(n) : -1;
-		K(t + e);
-	}, [
-		P,
-		n,
-		K
-	]), J = s((e) => {
-		if (e.isDefaultPrevented()) return;
-		let t = B.current?.contains(e.target) ?? !1;
-		switch (e.keyCode) {
-			case i.Down:
-				q(1);
-				break;
-			case i.Up:
-				q(-1);
-				break;
-			case i.PageDown:
-				q(10);
-				break;
-			case i.PageUp:
-				q(-10);
-				break;
-			case i.Home:
-				if (!t) return;
-				K(0);
-				break;
-			case i.End:
-				if (!t) return;
-				K(P.length - 1);
-				break;
-			default: return;
-		}
-		e.preventDefault();
-	}, [
-		q,
-		K,
-		P
-	]);
-	(0, T.useEffect)(() => {
-		n && (B.current?.querySelector("[data-selected=\"true\"]"))?.scrollIntoView?.({ block: "nearest" });
-	}, [n]);
-	let Y = (0, T.useMemo)(() => P.map((e) => {
-		let t = e.getName(), r = e === n;
-		return (0, E.jsx)(o, {
-			id: U(t),
-			component: "div",
-			role: "option",
-			"aria-selected": r,
-			"data-selected": r,
-			onMouseDown: (e) => {
-				e.button === 0 && e.preventDefault();
-			},
-			onClick: () => W(e),
-			onDoubleClick: () => {
-				m?.();
-			},
-			sx: {
-				padding: "3px 8px",
-				cursor: "default",
-				whiteSpace: "nowrap",
-				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: t
-		}, t);
-	}), [
-		P,
-		n,
-		W,
-		m
-	]);
-	return (0, E.jsxs)(o, {
-		className: _,
-		onKeyDown: J,
-		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, E.jsx)(l, {
-				size: "small",
-				fullWidth: !0,
-				label: x("insertFunction.searchLabel"),
-				value: A,
-				inputRef: V,
-				onChange: (e) => j(e.target.value),
-				sx: { flexShrink: 0 },
-				slotProps: {
-					input: {
-						startAdornment: (0, E.jsx)(S, {
-							position: "start",
-							children: (0, E.jsx)(r, { iconKey: "Find" })
-						}),
-						endAdornment: A ? (0, E.jsx)(S, {
-							position: "end",
-							children: (0, E.jsx)(d, {
-								"aria-label": x("insertFunction.clearSearch"),
-								propsTooltip: { label: x("insertFunction.clearSearch") },
-								onMouseDown: (e) => {
-									e.button === 0 && e.preventDefault();
-								},
-								onClick: () => j(""),
-								icon: (0, E.jsx)(r, { iconKey: "Close" }),
-								size: "small"
-							})
-						}) : void 0
-					},
-					htmlInput: {
-						className: "autoFocus",
-						spellCheck: !1,
-						autoComplete: "off"
-					}
-				}
-			}),
-			(0, E.jsxs)(l, {
-				select: !0,
-				size: "small",
-				fullWidth: !0,
-				label: x("insertFunction.categoryLabel"),
-				value: O,
-				onChange: (e) => k(e.target.value),
-				slotProps: { inputLabel: { shrink: !0 } },
-				sx: { flexShrink: 0 },
-				children: [(0, E.jsx)(u, {
-					value: "*",
-					children: x("insertFunction.categoryAll")
-				}), w.map((e) => (0, E.jsx)(u, {
-					value: e.name,
-					children: e.name
-				}, e.name))]
-			}),
-			(0, E.jsx)(o, {
-				ref: B,
-				role: "listbox",
-				className: "function-list",
-				"aria-label": x("insertFunction.listLabel"),
-				tabIndex: 0,
-				"aria-activedescendant": n ? U(n.getName()) : void 0,
-				onFocus: () => {
-					n || K(0);
-				},
-				sx: {
-					flex: "1 1 0",
-					minHeight: "80px",
-					overflowY: "auto",
-					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: Y.length > 0 ? Y : (0, E.jsx)(c, {
-					sx: {
-						padding: "8px",
-						color: "text.secondary",
-						fontSize: "0.85rem"
-					},
-					children: x("insertFunction.noResults")
-				})
-			}),
-			(0, E.jsx)(o, {
-				sx: {
-					height: "5.5rem",
-					flexShrink: 0,
-					overflowY: "auto",
-					fontFamily: (e) => e.typography.fontFamily,
-					fontSize: "0.8rem",
-					lineHeight: "16px"
-				},
-				children: G ? (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
-					sx: { padding: "0 10px" },
-					children: (0, E.jsx)(v, {
-						hint: G,
-						wrap: !0
-					})
-				}), (0, E.jsx)(y, {
-					hint: G,
-					descriptor: I,
-					showParameters: !1
-				})] }) : null
-			})
-		]
-	});
-});
-D.displayName = "FunctionSearchPanel";
-var O = (0, T.memo)((e) => {
-	let { func: t, workbook: n, home: r, autoFocus: i = !1, onChangeCall: l, className: u } = e, d = a(), v = b(), y = n === void 0 ? v : n, [S, D] = (0, T.useState)([]), [O, k] = (0, T.useState)([]), [A, j] = (0, T.useState)([]), [M, N] = (0, T.useState)(null), [P, F] = (0, T.useState)(0), [I, L] = (0, T.useState)(null), R = (0, T.useRef)(null), z = (0, T.useRef)(/* @__PURE__ */ new Map()), B = (0, T.useMemo)(() => t.getDeclaration().getParameters(), [t]), V = (0, T.useMemo)(() => _(B, S), [B, S]), H = (0, T.useMemo)(() => p(t, { locale: y?.getLocale() }), [t, y]), U = (0, T.useMemo)(() => m(H.nameLocal ?? H.name, V, S, { separator: H.argSeparator }), [
-		H,
-		V,
-		S
-	]);
-	(0, T.useEffect)(() => {
-		l?.(U);
-	}, [U, l]), (0, T.useEffect)(() => {
-		let e = !1, n = t.getName();
-		return t.getDescriptor().then((t) => {
-			e || L(g(n, t));
-		}).catch(() => {
-			e || L(null);
-		}), () => {
-			e = !0;
-		};
-	}, [t]), (0, T.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) => {
-		D((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 ? f(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, T.useEffect)(() => {
-		let e = y ? y.getSelectedSheet()?.getCalculation() ?? y.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 = f(await e.evaluate(U, r));
-			} catch {
-				t = null;
-			}
-			z.current.get(-1) === n && N(t);
-		})();
-	}, [
-		U,
-		y,
-		r,
-		S,
-		V,
-		W
-	]);
-	let J = (0, T.useMemo)(() => {
-		let e = A[P] ? P : A.findIndex((e, t) => !!e && !!V[t]), t = e >= 0 ? A[e] : null;
-		return t ? `${V[e]?.label}: ${d(t)}` : null;
-	}, [
-		A,
-		P,
-		V,
-		d
-	]), Y = (0, T.useMemo)(() => {
-		let e = V[P];
-		if (e && I?.name === t.getName()) return I?.params?.[e.descKey]?.description;
-	}, [
-		V,
-		P,
-		I,
-		t
-	]), X = (0, T.useMemo)(() => V.map((e, t) => (0, E.jsxs)(o, {
-		sx: {
-			display: "flex",
-			alignItems: "stretch",
-			columnGap: (e) => e.spacing(1)
-		},
-		children: [(0, E.jsx)(w, {
-			labelPlacement: "above",
-			label: (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
-				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, E.jsx)(x, {
-				param: e.param,
-				repeat: e.repeat,
-				optional: e.optional,
-				showType: !1,
-				size: 14
-			})] }),
-			placeholder: d(h(e.param)),
-			showError: !1,
-			helperText: null,
-			onChangeError: (e) => K(t, e),
-			workbook: y,
-			home: r,
-			value: null,
-			onChangeText: (e) => G(t, e),
-			onChangeInput: (e) => {
-				q(t, e);
-			},
-			onFocus: () => F(t),
-			sx: {
-				minWidth: 0,
-				flex: "1 1 55%"
-			}
-		}), (0, E.jsxs)(c, {
-			component: "span",
-			sx: {
-				flex: "1 1 45%",
-				minWidth: 0,
-				display: "flex",
-				boxSizing: "border-box",
-				paddingTop: C,
-				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: O[t] ?? "",
-			children: [(0, E.jsx)(o, {
-				component: "span",
-				"aria-hidden": !0,
-				children: "="
-			}), (0, E.jsx)(o, {
-				component: "span",
-				className: "function-arg-value",
-				sx: {
-					minWidth: 0,
-					overflow: "hidden",
-					textOverflow: "ellipsis"
-				},
-				children: O[t] ?? ""
-			})]
-		})]
-	}, e.key)), [
-		V,
-		O,
-		y,
-		r,
-		G,
-		K,
-		q,
-		d
-	]);
-	return (0, E.jsxs)(o, {
-		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, E.jsxs)(o, {
-				sx: {
-					height: "70px",
-					flexShrink: 0,
-					overflow: "hidden"
-				},
-				children: [(0, E.jsx)(o, {
-					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, E.jsx)(o, {
-					sx: {
-						paddingTop: "2px",
-						color: "text.secondary"
-					},
-					children: I.summary
-				}) : null]
-			}),
-			(0, E.jsx)(o, {
-				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, E.jsx)(o, {
-				sx: {
-					height: "48px",
-					flexShrink: 0,
-					overflowY: "auto",
-					color: "text.secondary"
-				},
-				children: Y ? (0, E.jsxs)(E.Fragment, { children: [(0, E.jsxs)(o, {
-					component: "span",
-					sx: { fontWeight: 600 },
-					children: [V[P]?.label, ": "]
-				}), Y] }) : null
-			}),
-			(0, E.jsx)(o, {
-				sx: {
-					display: "flex",
-					flexShrink: 0,
-					columnGap: (e) => e.spacing(1),
-					borderTop: "1px solid",
-					borderColor: "divider",
-					paddingTop: (e) => e.spacing(1)
-				},
-				children: J ? (0, E.jsx)(o, {
-					className: "function-error",
-					sx: {
-						color: "error.main",
-						minWidth: 0,
-						overflow: "hidden",
-						textOverflow: "ellipsis"
-					},
-					children: J
-				}) : (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
-					sx: { color: "text.secondary" },
-					children: d("functionArguments.result")
-				}), (0, E.jsx)(o, {
-					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 ?? ""
-				})] })
-			})
-		]
-	});
-});
-O.displayName = "FunctionArgumentsPanel";
-var k = "insert-function-page", A = Object.freeze({
-	Next: "Next",
-	Back: "Back",
-	Insert: "Insert"
-}), j = (e, t) => {
-	let n = {
-		id: A.Insert,
-		label: () => t("insertFunction.insert")
-	};
-	return e === "arguments" ? [
-		n,
-		{
-			id: A.Back,
-			label: () => t("insertFunction.back")
-		},
-		"Cancel"
-	] : [
-		{
-			id: A.Next,
-			label: () => t("insertFunction.next")
-		},
-		n,
-		"Cancel"
-	];
-}, M = (0, T.memo)((e) => {
-	let { context: t, page: n, selected: r, onChangeSelected: i, onActivate: a, onChangeCall: s, workbook: c, home: l, className: u } = e, [d, f] = (0, T.useState)(null);
-	n === "arguments" && r && r !== d && f(r);
-	let p = n === "arguments" && !!d;
-	return (0, E.jsxs)(o, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			height: "450px",
-			flex: "1 1 auto",
-			minHeight: 0
-		},
-		children: [(0, E.jsx)(o, {
-			className: k,
-			"data-page": "search",
-			hidden: p,
-			sx: { display: p ? "none" : "contents" },
-			children: (0, E.jsx)(D, {
-				className: u,
-				context: t,
-				selected: r,
-				onChangeSelected: i,
-				onActivate: a,
-				autoFocus: !p
-			})
-		}), d ? (0, E.jsx)(o, {
-			className: k,
-			"data-page": "arguments",
-			hidden: !p,
-			sx: { display: p ? "contents" : "none" },
-			children: (0, E.jsx)(O, {
-				className: u,
-				func: d,
-				workbook: c,
-				home: l,
-				autoFocus: p,
-				onChangeCall: s
-			}, d.getName())
-		}) : null]
-	});
-});
-M.displayName = "InsertFunctionWizard";
-export { k as a, M as i, A as n, D as o, j as r, O as t };