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

package/cdn/assets/DvlpP6sUZ9Qzl9s22.js

@@ -1,616 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
-*
-* (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 "./D9-wpGVbTS9rRpxx.js";
-import { t } from "./DnzDlqizzNkbhJP7.js";
-import { t as n } from "./CBuvbUg67ah_3BOZ.js";
-import { r } from "./EjOJX5m8OEL-IjPB.js";
-import { Et as i, Xt as a, t as o, tt as s } from "./BNybEGR813e3aNIv.js";
-import { N as c } from "./iXWgTu3qpYZHcx1J.js";
-import { t as l } from "./D1MA2ed2cLMt7hV9.js";
-import { t as u } from "./Ce5A_D4YBgi_s2KF.js";
-import { C as d, Gt as f, Z as p, b as m, i as h, j as g, m as _, q as v, s as y, ut as b, y as x } from "./DvItgGbf8IOWPyxd.js";
-import { t as S } from "./CHttngK66Ido5dWW.js";
-import { n as C, r as w } from "./c7aIqKLOO4pvUsV12.js";
-var T = e(t(), 1), E = n(), D = (0, T.memo)((e) => {
-	let { context: t, selected: n, onChangeSelected: m, onActivate: h, autoFocus: _ = !1, className: v } = e, y = a(), C = p(), [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)(() => {
-		_ && V.current?.focus();
-	}, [_]), (0, T.useEffect)(() => {
-		let e = !1;
-		return (async () => {
-			let n = await t?.()?.getCategories() ?? [];
-			e || D(n);
-		})(), () => {
-			e = !0;
-		};
-	}, [t]);
-	let W = s(m, [m]);
-	(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(b(t, n));
-		}).catch(() => {
-			e || L(null);
-		}), () => {
-			e = !0;
-		};
-	}, [n]);
-	let G = (0, T.useMemo)(() => n ? g(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: () => {
-				h?.();
-			},
-			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,
-		h
-	]);
-	return (0, E.jsxs)(o, {
-		className: v,
-		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: y("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)(f, {
-								"aria-label": y("insertFunction.clearSearch"),
-								propsTooltip: { label: y("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: y("insertFunction.categoryLabel"),
-				value: O,
-				onChange: (e) => k(e.target.value),
-				slotProps: { inputLabel: { shrink: !0 } },
-				sx: { flexShrink: 0 },
-				children: [(0, E.jsx)(u, {
-					value: "*",
-					children: y("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": y("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: y("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)(x, {
-						hint: G,
-						wrap: !0
-					})
-				}), (0, E.jsx)(d, {
-					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(), f = p(), x = n === void 0 ? f : 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)(() => h(B, S), [B, S]), H = (0, T.useMemo)(() => g(t, { locale: x?.getLocale() }), [t, x]), U = (0, T.useMemo)(() => _(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(b(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 ? v(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 = x ? x.getSelectedSheet()?.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 = v(await e.evaluate(U, r));
-			} catch {
-				t = null;
-			}
-			z.current.get(-1) === n && N(t);
-		})();
-	}, [
-		U,
-		x,
-		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)(y, {
-				param: e.param,
-				repeat: e.repeat,
-				optional: e.optional,
-				showType: !1,
-				size: 14
-			})] }),
-			placeholder: d(m(e.param)),
-			showError: !1,
-			helperText: null,
-			onChangeError: (e) => K(t, e),
-			workbook: x,
-			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,
-		x,
-		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 };

package/cdn/assets/WLUhtyUNK5QJ7Pff.js

@@ -1,34 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
-*
-* (C) 2026-present SheetXL Inc. & Michael T. Ford
-* License: The license can be found at https://www.sheetxl.com/license.
-*/
-import { t as e } from "./CH0of3GZTzHviuQV.js";
-var t = async (t, r) => {
-	let { trimLeadingBlankRow: i = !0, trimLeadingBlankColumn: a = !0, ignoreHidden: o = !1, sheetKey: s = null, papaParseConfig: c = {} } = r || {}, l = await import("./C_Io1QC4CeLGRBrz.js").then((t) => e(t.default, 1));
-	if (!t) throw Error("workbook must be specified");
-	let u = null;
-	if (s === null ? u = t.getSelectedSheet() : typeof s == "number" ? u = t.getSheets().getItems()[s] : typeof s == "string" && (u = t.getSheets().getByName(s)), !u) throw Error("invalid sheetKey specified");
-	let d = null, f = [], p = null, m = u.getUsedRange({ ignoreHidden: o });
-	if (!m) throw Error("Nothing to export");
-	if (!i || !a) {
-		let e = i ? m.getRowStart() : 0, t = a ? m.getColumnStart() : 0;
-		m = m.getOffsetTo(e, t);
-	}
-	m.forEach((e, t) => {
-		let r = t.getCoords(), i = t.getCell();
-		d !== r.rowIndex && (p && f.push(p), p = [], d = r.rowIndex);
-		let a = i.getText(n) ?? "";
-		p.push(a);
-	}, {
-		includeEmpty: !0,
-		address: void 0
-	}), p && f.push(p);
-	let h = {
-		delimiter: u.getRuntime().getLocaleProfile().csvDelimiter,
-		...c
-	}, g = l.unparse(f, h);
-	return new TextEncoder().encode(g).buffer;
-}, n = { useFormattingCategory: !0 };
-export { t as writeCSV };