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

package/browser/esm/CPUlpDM6aAzZzCat2.mjs

@@ -1,471 +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.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { A as r, u as i } from "./CEN8dYSpN2oew8HH.mjs";
-import { r as a } from "./9_bymSfTn_rR_v6W.mjs";
-import { Ct as o, Et as s, Kt as c, en as l, pt as u, t as d, u as f } from "./DFdU1DsC1lXOrejZ.mjs";
-import { F as p, N as m, k as h, m as g, w as _, x as v } from "./Bl6bX86tSq8hfyb2.mjs";
-import { n as y, t as b } from "./fJ1McMt7xzRA_lUX.mjs";
-import { t as ee } from "./CZWIS7FuqNjbheSw.mjs";
-import { t as x } from "./B1NoGosH2YQh01g7.mjs";
-var S = e(t(), 1), C = e(n(), 1), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /* @__PURE__ */ new Set([
-	"Control",
-	"Shift",
-	"Alt",
-	"Meta"
-]), E = (e) => {
-	let t = e, n = /* @__PURE__ */ new Set();
-	for (let e of [
-		"mod",
-		"alt",
-		"shift"
-	]) t.startsWith(`${e}+`) && (n.add(e), t = t.slice(e.length + 1));
-	return {
-		key: t,
-		mods: n
-	};
-}, D = r.getPlatform() === r.OSType.MacOS || r.getPlatform() === r.OSType.IOS, O = [
-	c.Ctrl,
-	c.Alt,
-	c.Shift,
-	c.Meta
-], k = (e) => {
-	switch (e) {
-		case c.Ctrl: return D ? "Cmd" : "Ctrl";
-		case c.Alt: return "Alt";
-		case c.Shift: return "Shift";
-		case c.Meta: return "Meta";
-		default: return e;
-	}
-}, A = (e) => {
-	let t = new Set(e);
-	return O.filter((e) => t.has(e));
-}, j = (e) => {
-	let t = [];
-	return e.ctrlKey && t.push(c.Ctrl), e.altKey && t.push(c.Alt), e.shiftKey && t.push(c.Shift), e.metaKey && t.push(c.Meta), t;
-}, M = ({ children: e }) => (0, C.jsx)(d, {
-	component: "kbd",
-	sx: {
-		display: "inline-flex",
-		alignItems: "center",
-		justifyContent: "center",
-		minWidth: "20px",
-		height: "20px",
-		paddingX: "5px",
-		boxSizing: "border-box",
-		fontFamily: "inherit",
-		fontSize: "0.7rem",
-		fontWeight: 600,
-		lineHeight: 1,
-		whiteSpace: "nowrap",
-		borderRadius: "5px",
-		color: (e) => e.palette.text.secondary,
-		backgroundColor: (e) => f(e.palette.background.paper, .07),
-		border: (e) => `solid 1px ${e.palette.divider}`,
-		borderBottomWidth: "2px"
-	},
-	children: e
-}), N = () => (0, C.jsx)(d, {
-	component: "span",
-	sx: {
-		fontSize: "0.7rem",
-		color: (e) => e.palette.text.disabled
-	},
-	children: "+"
-}), P = ({ labels: e, dangling: t = !1 }) => (0, C.jsxs)(d, {
-	sx: {
-		display: "flex",
-		alignItems: "center",
-		gap: "1px"
-	},
-	children: [e.map((e, t) => (0, C.jsxs)(S.Fragment, { children: [t > 0 && (0, C.jsx)(N, {}), (0, C.jsx)(M, { children: e })] }, t)), t && (0, C.jsx)(N, {})]
-}), F = ({ stroke: e }) => {
-	if (!e?.key) return null;
-	let t = A(e.modifiers ?? []).map(k);
-	return t.push(o.toPrettyKeyCode(e.key)), (0, C.jsx)(P, { labels: t });
-};
-function I(e) {
-	let { commands: t, sx: n, ...r } = e, [o, c] = (0, S.useState)(!1), [g, _] = (0, S.useState)(""), [O, M] = (0, S.useState)(null), [N, I] = (0, S.useState)(!1), [L, R] = (0, S.useState)(null), [z, B] = (0, S.useState)(null), [V, H] = (0, S.useState)(null), U = (0, S.useRef)(null), W = (0, S.useMemo)(() => {
-		let e = t.getAllCommands();
-		o && (e = e.filter((e) => e.command.getShortcut())), e = [...e].sort((e, t) => {
-			let n = e.command.getScope?.() ?? e.groupKey, r = t.command.getScope?.() ?? t.groupKey, i = n.localeCompare(r);
-			return i === 0 ? e.command.getLabel().localeCompare(t.command.getLabel()) : i;
-		});
-		let n = [], r = /* @__PURE__ */ new Set();
-		for (let t of e) {
-			let e = t.command, i = e.getScope?.() ?? t.groupKey, a = {
-				label: e.getLabel(),
-				icon: e.getIcon(),
-				scope: i,
-				scopeLabel: e.getScopeLabel?.() ?? i,
-				description: w(e.getDescription())
-			}, o = e.getShortcut(), s = Array.isArray(o) ? o.length ? o : [null] : [o ?? null];
-			for (let e of s) {
-				let t = e ? l(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
-				r.has(o) || (r.add(o), n.push({
-					...a,
-					id: o,
-					shortcut: e,
-					canonical: t
-				}));
-			}
-		}
-		return n;
-	}, [o, t]), G = (0, S.useMemo)(() => O ? W.filter((e) => e.scope === O) : W, [W, O]), [K, q] = (0, S.useState)(null);
-	(0, S.useEffect)(() => {
-		let e = !1;
-		return import("./BVjXdv_wkL1x_8ZJ2.mjs").then((t) => {
-			e || q(new t.default(G, {
-				threshold: .3,
-				ignoreLocation: !0,
-				keys: [
-					"label",
-					"description",
-					"scope",
-					"scopeLabel"
-				]
-			}));
-		}), () => {
-			e = !0;
-		};
-	}, [G]);
-	let [J, Y] = (0, S.useState)(W);
-	(0, S.useEffect)(() => {
-		if (N) return z ? void Y(G.filter((e) => {
-			if (!e.canonical) return !1;
-			let t = E(e.canonical);
-			if (!z.keys.has(t.key)) return !1;
-			for (let e of z.mods) if (!t.mods.has(e)) return !1;
-			return !0;
-		})) : void Y(G);
-		K ? i.debounce(() => {
-			let e = g.trim();
-			e.length === 0 ? Y(G) : Y(K.search(e).map((e) => e.item));
-		}, 90)() : Y(G);
-	}, [
-		N,
-		z,
-		K,
-		g,
-		G
-	]);
-	let X = (0, S.useMemo)(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of J) {
-			let n = e.get(t.scope);
-			n || (n = [], e.set(t.scope, n)), n.push(t);
-		}
-		return Array.from(e, ([e, t]) => ({
-			scope: e,
-			scopeLabel: t[0].scopeLabel,
-			rows: t
-		}));
-	}, [J]), te = (0, S.useMemo)(() => W.find((e) => e.scope === O)?.scopeLabel ?? O, [W, O]), Z = N ? !!L : g.length > 0, Q = Z && J.length === 0;
-	(0, S.useEffect)(() => {
-		U.current?.focus();
-	}, [N]);
-	let $ = (0, S.useCallback)((e) => {
-		I(e), _(""), R(null), B(null), H(null);
-	}, []), ne = (0, S.useCallback)((e) => {
-		if (e.key === "Tab") return;
-		if (e.which === s.Escape) return L || V ? (R(null), B(null), H(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
-		if (e.preventDefault(), e.stopPropagation(), e.key === "Backspace") return R(null), B(null), void H(null);
-		let t = e.nativeEvent;
-		if (T.has(e.key)) return R(null), B(null), void H(j(t));
-		H(null), R(((e) => {
-			let t = [];
-			e.ctrlKey && t.push("ctrl"), e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), e.metaKey && t.push("meta");
-			let n = e.code, r = e.key;
-			return n && (r = n.startsWith("Key") && n.length > 3 ? n.slice(3) : n.startsWith("Digit") && n.length > 5 ? n.slice(5) : n), {
-				key: r,
-				modifiers: t
-			};
-		})(t)), B(((e) => {
-			let t = [...u(e)].map(E);
-			return {
-				keys: new Set(t.map((e) => e.key)),
-				mods: t[0]?.mods ?? /* @__PURE__ */ new Set()
-			};
-		})(t));
-	}, [
-		L,
-		V,
-		$
-	]), re = (0, S.useCallback)((e) => {
-		if (L) return;
-		let t = j(e.nativeEvent);
-		H(t.length ? t : null);
-	}, [L]), ie = (0, S.useCallback)((e) => {
-		M((t) => t === e ? null : e);
-	}, []), ae = (0, S.useCallback)(() => {
-		N ? (R(null), B(null), H(null)) : _(""), U.current?.focus();
-	}, [N]), oe = N ? !!(L || V && V.length > 0) : g.length > 0, se = (0, C.jsx)(v, {
-		title: N ? "Search by name (ESC)" : `Search by shortcut (${D ? "Cmd" : "Ctrl"}+K)`,
-		children: (0, C.jsx)(p, {
-			"aria-label": "toggle shortcut capture",
-			color: N ? "primary" : "default",
-			onClick: () => $(!N),
-			sx: {
-				flexShrink: 0,
-				border: (e) => `solid 1px ${N ? e.palette.primary.main : e.palette.divider}`,
-				borderRadius: (e) => `${e.shape.borderRadius}px`
-			},
-			children: (0, C.jsx)(a, { iconKey: "Keyboard" })
-		})
-	});
-	return (0, C.jsxs)(d, {
-		style: {
-			height: 460,
-			width: "100%",
-			display: "flex",
-			flexDirection: "column"
-		},
-		sx: [{ fontFamily: (e) => e.typography.fontFamily }, ...Array.isArray(n) ? n : [n]],
-		...r,
-		children: [
-			(0, C.jsxs)(d, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: 1,
-					marginBottom: (e) => e.spacing(1.5)
-				},
-				children: [
-					(0, C.jsx)(ee, {
-						inputRef: U,
-						slotProps: {
-							input: {
-								sx: { backgroundColor: (e) => e.palette.action.hover },
-								startAdornment: N && (L || V && V.length > 0) ? (0, C.jsx)(x, {
-									position: "start",
-									sx: { marginRight: "6px" },
-									children: L ? (0, C.jsx)(F, { stroke: L }) : (0, C.jsx)(P, {
-										labels: A(V).map(k),
-										dangling: !0
-									})
-								}) : void 0,
-								endAdornment: oe ? (0, C.jsx)(x, {
-									position: "end",
-									children: (0, C.jsx)(p, {
-										"aria-label": N ? "clear shortcut" : "clear search",
-										onClick: ae,
-										edge: "end",
-										size: "small",
-										children: (0, C.jsx)(a, { iconKey: "Close" })
-									})
-								}) : void 0
-							},
-							htmlInput: {
-								className: "input",
-								autoFocus: !0,
-								spellCheck: !1,
-								placeholder: N ? L || V && V.length > 0 ? "" : "Press a shortcut… (Esc to exit)" : "Type to search commands, scopes, or descriptions",
-								autoComplete: "off",
-								"aria-label": N ? "Press a shortcut to find its command" : "Search commands",
-								sx: {
-									paddingTop: (e) => e.spacing(1),
-									paddingBottom: (e) => e.spacing(1),
-									caretColor: (e) => N ? e.palette.primary.main : void 0
-								}
-							}
-						},
-						sx: {
-							flex: "1 1 auto",
-							"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : N ? `${e.palette.primary.main} !important` : void 0 }
-						},
-						value: N ? "" : g,
-						onChange: (e) => {
-							N || _(e.target.value);
-						},
-						onKeyDown: N ? ne : (e) => {
-							if ((e.ctrlKey || e.metaKey) && (e.key === "k" || e.key === "K")) return $(!0), e.stopPropagation(), void e.preventDefault();
-							e.which === s.Escape && g.length > 0 && (_(""), e.stopPropagation(), e.preventDefault());
-						},
-						onKeyUp: N ? re : void 0,
-						onContextMenu: (e) => e.stopPropagation()
-					}),
-					se,
-					(0, C.jsx)(b, {
-						sx: {
-							flexShrink: 0,
-							marginRight: 0
-						},
-						control: (0, C.jsx)(y, {
-							checked: o,
-							onChange: () => c(!o)
-						}),
-						label: "With key bindings",
-						labelPlacement: "start"
-					})
-				]
-			}),
-			O && (0, C.jsx)(d, {
-				sx: {
-					display: "flex",
-					marginBottom: 1
-				},
-				children: (0, C.jsx)(h, {
-					size: "small",
-					label: `Scope: ${te}`,
-					onDelete: () => M(null)
-				})
-			}),
-			(0, C.jsx)(d, {
-				sx: {
-					flex: "1 1 100%",
-					minHeight: 0,
-					borderRadius: (e) => `${e.shape.borderRadius}px`,
-					border: (e) => `solid ${e.palette.divider} 1px`,
-					overflow: "visible"
-				},
-				children: (0, C.jsx)(d, {
-					sx: {
-						height: "100%",
-						overflow: "auto"
-					},
-					children: X.length === 0 ? (0, C.jsx)(d, {
-						sx: {
-							padding: 3,
-							textAlign: "center",
-							color: (e) => Q ? e.palette.error.main : e.palette.text.secondary
-						},
-						children: Z ? "No matching shortcuts" : "No shortcuts"
-					}) : X.map((e) => (0, C.jsxs)(d, { children: [(0, C.jsxs)(d, {
-						onClick: () => ie(e.scope),
-						sx: {
-							position: "sticky",
-							top: "-1px",
-							zIndex: 2,
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							gap: 1,
-							paddingX: 1.5,
-							paddingTop: "5px",
-							paddingBottom: "4px",
-							cursor: "pointer",
-							userSelect: "none",
-							fontSize: "0.7rem",
-							fontWeight: 600,
-							letterSpacing: "0.04em",
-							textTransform: "uppercase",
-							backgroundColor: (e) => f(e.palette.background.paper, .04),
-							boxShadow: (e) => `0 -2px 0 0 ${f(e.palette.background.paper, .04)}`,
-							borderBottom: (e) => `solid 1px ${e.palette.divider}`,
-							color: (t) => O === e.scope ? t.palette.primary.main : t.palette.text.secondary,
-							"&:hover": {
-								color: (e) => e.palette.text.primary,
-								backgroundColor: (e) => f(e.palette.background.paper, .09)
-							}
-						},
-						children: [(0, C.jsx)("span", { children: e.scopeLabel }), (0, C.jsx)(m, {
-							component: "span",
-							sx: {
-								fontSize: "inherit",
-								opacity: .7
-							},
-							children: e.rows.length
-						})]
-					}), e.rows.map((e) => {
-						return (0, C.jsxs)(d, {
-							sx: {
-								paddingX: 1.5,
-								paddingY: .75,
-								borderBottom: (e) => `solid 1px ${e.palette.divider}`,
-								"&:hover": { backgroundColor: (e) => e.palette.action.hover }
-							},
-							children: [(0, C.jsxs)(d, {
-								sx: {
-									display: "flex",
-									alignItems: "center",
-									gap: 1
-								},
-								children: [
-									(0, C.jsx)(d, {
-										sx: {
-											flexShrink: 0,
-											display: "flex",
-											alignItems: "center",
-											width: "var(--icon-size, 20px)",
-											height: "var(--icon-size, 20px)",
-											color: (e) => e.palette.text.icon ?? e.palette.action.active
-										},
-										children: (t = e.icon, t && typeof t != "string" ? t : (0, C.jsx)(a, { iconKey: t }))
-									}),
-									(0, C.jsx)(m, {
-										sx: {
-											flex: "1 1 auto",
-											fontWeight: 500
-										},
-										children: e.label
-									}),
-									e.shortcut && (0, C.jsx)(d, {
-										sx: { flexShrink: 0 },
-										children: (0, C.jsx)(F, { stroke: e.shortcut })
-									})
-								]
-							}), e.description && (0, C.jsx)(m, {
-								component: "div",
-								sx: {
-									marginTop: "2px",
-									marginLeft: "calc(var(--icon-size, 20px) + 8px)",
-									fontSize: "0.75rem",
-									whiteSpace: "pre-line",
-									color: (e) => e.palette.text.secondary
-								},
-								children: e.description
-							})]
-						}, e.id);
-						var t;
-					})] }, e.scope))
-				})
-			}),
-			(0, C.jsx)(d, {
-				sx: {
-					display: "flex",
-					flexShrink: 0,
-					paddingLeft: (e) => e.spacing(1),
-					paddingTop: (e) => e.spacing(1),
-					paddingRight: (e) => e.spacing(1),
-					userSelect: "none",
-					justifyContent: "flex-end"
-				},
-				children: (0, C.jsx)(m, {
-					noWrap: !0,
-					component: "div",
-					sx: { color: (e) => Q ? e.palette.error.main : e.palette.text.secondary },
-					children: `${J.length === 0 ? "No" : J.length} shortcut${J.length === 1 ? "" : "s"}${Z ? " found" : ""}`
-				})
-			})
-		]
-	});
-}
-var L = (e) => {
-	let { title: t = "Shortcut Keys", commands: n, sx: r, ...i } = e;
-	return (0, C.jsx)(g, {
-		isModal: !0,
-		onKeyDown: (e) => {
-			e.keyCode === s.F1 && e.preventDefault();
-		},
-		sx: {
-			width: "780px",
-			...r
-		},
-		title: t,
-		autoFocusSel: ".input",
-		...i,
-		children: (0, C.jsx)(_, {
-			dividers: !0,
-			children: (0, C.jsx)(I, {
-				commands: n,
-				sx: { marginBottom: "8px" }
-			})
-		})
-	});
-};
-export { L as default };