@sheetxl/scripting-mui 0.8.0-beta.17 → 0.8.0-beta.19

package/browser/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.17
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.19
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: MIT
@@ -922,8 +922,6 @@ ke.displayName = "InsertFunctionContribution";
 var Ae = () => {
 	ie(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
 		key: "scriptEditor",
-		getTitle: () => "Script (Typescript)",
-		getIcon: () => "ScriptRun",
 		component: De,
 		keepMounted: !0
 	}, !0), v.register({ key: "scriptsOptions" }, !0), v.register({ key: "customFunctionOptions" }, !0), v.register({

package/node/esm/index.mjs

@@ -1,14 +1,14 @@
 /**
-* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.17
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.19
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: MIT
 */
 import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, useEffect as o, useMemo as l, useReducer as a, useRef as s, useState as c } from "react";
 import d from "clsx";
-import { Box as p, Button as u, CircularProgress as m, Paper as f, Typography as h, useTheme as g } from "@mui/material";
-import { Command as x, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as b, DynamicIcon as v, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as K, useImperativeElement as N, useTranslator as T } from "@sheetxl/utils-react";
-import { AnimatedLoadingPanel as D, CommandButton as $, CommandPopupButton as I, CommandToolbar as P, ExhibitDivider as E, ExhibitMenuItem as R, OverflowPalette as L, defaultRenderPopupPanel as M } from "@sheetxl/utils-mui";
+import { Box as p, Button as u, CircularProgress as m, Paper as f, Typography as h, useTheme as x } from "@mui/material";
+import { Command as g, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as b, DynamicIcon as v, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as K, useImperativeElement as N, useTranslator as D } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as T, CommandButton as $, CommandPopupButton as P, CommandToolbar as I, ExhibitDivider as E, ExhibitMenuItem as L, OverflowPalette as R, defaultRenderPopupPanel as M } from "@sheetxl/utils-mui";
 import { DefaultTaskPaneRegistry as z, InputClipboardInjector as O, useModelSync as B, useWorkbook as A } from "@sheetxl/react";
 import { Fragment as U, jsx as W, jsxs as H } from "react/jsx-runtime";
 import { alpha as j } from "@mui/system";
@@ -32,13 +32,13 @@ var Q = {
 	"templateSelect.retry": "Retry",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: V } = x, X = !1;
+}, { DefaultCommandCatalogService: V } = g, X = !1;
 function Y() {
 	X || (X = !0, V.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: Q }));
 }
 Y();
 var ee = n(r((e, r) => {
-	const { groupKey: n, ...i } = e, l = A(), a = T(), [s, d] = c([]), [u, m] = c(!1);
+	const { groupKey: n, ...i } = e, l = A(), a = D(), [s, d] = c([]), [u, m] = c(!1);
 	o(() => {
 		const e = l?.getScripts();
 		if (!e) return;
@@ -52,8 +52,8 @@ var ee = n(r((e, r) => {
 		variant: y.Menuitem,
 		groupKey: "scriptsOptions",
 		shortcut: void 0
-	}, h = [], g = s ? s.length : 0;
-	for (let e = 0; e < g; e++) {
+	}, h = [], x = s ? s.length : 0;
+	for (let e = 0; e < x; e++) {
 		const t = s[e];
 		h.push(W($, {
 			...f,
@@ -64,7 +64,7 @@ var ee = n(r((e, r) => {
 			label: t.getName() ?? a("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	const x = H(p, {
+	const g = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -86,7 +86,7 @@ var ee = n(r((e, r) => {
 	});
 	return M({
 		...i,
-		children: x
+		children: g
 	});
 }));
 ee.displayName = "RunScriptPopupPanel";
@@ -102,7 +102,7 @@ var te = n(r((e, t) => {
 			children: t
 		});
 	}, [n, r]);
-	return W(I, {
+	return W(P, {
 		ref: t,
 		disabled: n,
 		renderPopupPanel: s,
@@ -165,7 +165,7 @@ var te = n(r((e, t) => {
 		iconKey: "ScriptAutoRun",
 		size: ue,
 		style: pe
-	}), W(R, {
+	}), W(L, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -207,7 +207,7 @@ var te = n(r((e, t) => {
 		})
 	});
 }), fe = n(r((e, r) => {
-	const { groupKey: n, disabled: l, scriptPath: a = ne, ...s } = e, d = T(), [u, m] = c([]), [f, h] = c("loading"), [g, x] = c(0), [S] = K(["insertScript"]), b = l || (S?.disabled() ?? !1);
+	const { groupKey: n, disabled: l, scriptPath: a = ne, ...s } = e, d = D(), [u, m] = c([]), [f, h] = c("loading"), [x, g] = c(0), [S] = K(["insertScript"]), b = l || (S?.disabled() ?? !1);
 	o(() => {
 		let e = !1;
 		return h("loading"), de(a).then((t) => {
@@ -217,7 +217,7 @@ var te = n(r((e, t) => {
 		}), () => {
 			e = !0;
 		};
-	}, [a, g]);
+	}, [a, x]);
 	const v = i((e) => {
 		if ("loading" === f) return W("div", { children: d("insertScript.loading") });
 		const r = {
@@ -226,8 +226,8 @@ var te = n(r((e, t) => {
 			disabled: b
 		}, n = (t) => {
 			S?.execute(t.content), e.closeFloat?.();
-		}, i = () => x((e) => e + 1), o = [];
-		"error" === f && o.push(W(R, {
+		}, i = () => g((e) => e + 1), o = [];
+		"error" === f && o.push(W(L, {
 			onMouseDown: (e) => {
 				0 === e.button && e.preventDefault();
 			},
@@ -285,7 +285,7 @@ var te = n(r((e, t) => {
 		S,
 		d
 	]);
-	return W(I, {
+	return W(P, {
 		ref: r,
 		disabled: b,
 		groupKey: n,
@@ -304,7 +304,7 @@ var te = n(r((e, t) => {
 				flex: "1 1 100%"
 			},
 			children: [
-				W("div", { children: W(L, {
+				W("div", { children: W(R, {
 					style: {},
 					children: W($, {
 						...t,
@@ -312,14 +312,14 @@ var te = n(r((e, t) => {
 					})
 				}) }),
 				W("div", { style: { flex: "1 1 100%" } }),
-				W("div", { children: W(L, {
+				W("div", { children: W(R, {
 					style: {},
 					children: W(fe, { ...t })
 				}) })
 			]
 		}) });
 	}, []);
-	return W(P, {
+	return W(I, {
 		ref: t,
 		propsCommandButton: r,
 		renderToolbarPalette: i,
@@ -327,8 +327,8 @@ var te = n(r((e, t) => {
 	});
 }));
 he.displayName = "ScriptEditorToolbar", Y();
-var ge = n(r((e, t) => {
-	const { scriptPath: r = ne, onScriptSelect: n, disabled: i = !1, sx: l = k.EmptyCssProperties, className: a, buttonMinWidth: s = 210, buttonMinHeight: f = 80, gap: g = 12, ...x } = e, y = T(), [S, b] = c([]), [w, C] = c(!0), [F, K] = c(null), [N, D] = c(0);
+var xe = n(r((e, t) => {
+	const { scriptPath: r = ne, onScriptSelect: n, disabled: i = !1, sx: l = k.EmptyCssProperties, className: a, buttonMinWidth: s = 210, buttonMinHeight: f = 80, gap: x = 12, ...g } = e, y = D(), [S, b] = c([]), [w, C] = c(!0), [F, K] = c(null), [N, T] = c(0);
 	if (o(() => {
 		let e = !1;
 		const t = {
@@ -352,7 +352,7 @@ var ge = n(r((e, t) => {
 		N
 	]), w) return W(p, {
 		className: d(a, "script-select"),
-		...x,
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -396,12 +396,12 @@ var ge = n(r((e, t) => {
 			W(u, {
 				size: "small",
 				color: "error",
-				onClick: () => D((e) => e + 1),
+				onClick: () => T((e) => e + 1),
 				children: y("templateSelect.retry")
 			})
 		]
 	}));
-	const I = (e) => {
+	const P = (e) => {
 		const t = e.icon;
 		return "macro" === t ? W(v, {
 			iconKey: "ScriptMacro",
@@ -422,7 +422,7 @@ var ge = n(r((e, t) => {
 			zIndex: 1e3,
 			...l
 		},
-		...x,
+		...g,
 		children: [H(p, {
 			className: "script-select-content",
 			sx: {
@@ -454,7 +454,7 @@ var ge = n(r((e, t) => {
 					sx: {
 						display: "grid",
 						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
-						gap: `${g}px`,
+						gap: `${x}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
@@ -493,7 +493,7 @@ var ge = n(r((e, t) => {
 								variant: "subtitle2",
 								component: "div",
 								children: e.title || y("templateSelect.untitled")
-							}), I(e)]
+							}), P(e)]
 						}), e.summary && W(h, {
 							variant: "body2",
 							component: "div",
@@ -513,41 +513,41 @@ var ge = n(r((e, t) => {
 		}), $]
 	});
 }));
-ge.displayName = "TemplateSelectPanel";
-var xe = n(r((e, t) => {
-	const { className: r, sx: n, propsScriptEditor: a, readOnly: u = !1, frame: m, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...b } = e, v = g(), [w, k] = c(!1), F = s(!1), [K, T] = c({
+xe.displayName = "TemplateSelectPanel";
+var ge = n(r((e, t) => {
+	const { className: r, sx: n, propsScriptEditor: a, readOnly: u = !1, frame: m, autoFocusSel: g, autoFocus: y = !0, scripts: S, ...b } = e, v = x(), [w, k] = c(!1), F = s(!1), [K, D] = c({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [$, I] = c(null);
+	}), [$, P] = c(null);
 	o(() => {
 		let e = !1;
-		return I(null), async function() {
+		return P(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				I({ source: e || null });
+				P({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
 		};
 	}, [S]);
-	const P = i((e) => {
-		T((t) => ({
+	const I = i((e) => {
+		D((t) => ({
 			...t,
 			...e
 		}));
-	}, []), E = s(null), [R, L] = c(null), M = s(null), z = C((e) => {
-		if (R) return R.focus(e), !0;
-		if (x) {
-			const t = E.current?.querySelectorAll?.(x);
+	}, []), E = s(null), [L, R] = c(null), M = s(null), z = C((e) => {
+		if (L) return L.focus(e), !0;
+		if (g) {
+			const t = E.current?.querySelectorAll?.(g);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
 		return E.current?.focus?.(e), !1;
 	}, [
-		R,
-		x,
+		L,
+		g,
 		y
-	]), O = l(() => W(D, {
+	]), O = l(() => W(T, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -665,7 +665,7 @@ var xe = n(r((e, t) => {
 					frame: m,
 					scripts: S,
 					autoFocus: y,
-					onStatusChange: P,
+					onStatusChange: I,
 					darkMode: "dark" === v.palette.mode,
 					...a
 				})
@@ -681,12 +681,12 @@ var xe = n(r((e, t) => {
 		u,
 		a,
 		y,
-		x,
+		g,
 		m,
-		P
+		I
 	]), j = l(() => {
 		let e;
-		return null === $ ? O : (null === $.source && (e = W(ge, {
+		return null === $ ? O : (null === $.source && (e = W(xe, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -699,7 +699,7 @@ var xe = n(r((e, t) => {
 			},
 			disabled: u,
 			onScriptSelect: (e) => {
-				E.current?.insertSnippet(e.content), I({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
+				E.current?.insertSnippet(e.content), P({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
 			}
 		})), W(p, {
 			tabIndex: 0,
@@ -759,7 +759,7 @@ var xe = n(r((e, t) => {
 		ref: q,
 		...b,
 		onFocus: (e) => {
-			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && L(e.target), e.relatedTarget && !M.current && (M.current = e.relatedTarget), b?.onFocus?.(e);
+			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !M.current && (M.current = e.relatedTarget), b?.onFocus?.(e);
 		},
 		onBlur: (e) => {
 			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (M.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
@@ -767,8 +767,8 @@ var xe = n(r((e, t) => {
 		children: j
 	});
 }));
-xe.displayName = "ScriptWorkspace";
-var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be, useCommandScope: ve } = x, we = { scopeName: "scriptEditor" }, ke = ({ children: e }) => {
+ge.displayName = "ScriptWorkspace";
+var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be, useCommandScope: ve } = g, we = { scopeName: "scriptEditor" }, ke = ({ children: e }) => {
 	const t = ve(), r = s(null);
 	return t ? W(Se, {
 		spec: we,
@@ -797,7 +797,7 @@ var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be,
 	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, l = A() ?? t;
 	B(l, ["onProtectionChange"]);
 	const a = l?.getScripts().isReadOnly() ?? !1;
-	return W(ke, { children: W(xe, {
+	return W(ke, { children: W(ge, {
 		ref: i,
 		readOnly: a,
 		frame: n,
@@ -830,7 +830,7 @@ var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be,
 });
 Ke.displayName = "RunScriptContribution", Y();
 var Ne = n(r((e, r) => {
-	const { ...n } = e, i = A(), l = T(), [a, s] = c([]);
+	const { ...n } = e, i = A(), l = D(), [a, s] = c([]);
 	o(() => {
 		const e = i?.getScripts();
 		if (!e) return;
@@ -888,7 +888,7 @@ var Ne = n(r((e, r) => {
 	});
 }));
 Ne.displayName = "InsertFunctionPopupPanel";
-var Te = n(r((e, t) => {
+var De = n(r((e, t) => {
 	const { disabled: r, groupKey: n, ...o } = e, l = F("customFunctionOptions"), a = i((e) => {
 		const t = W(Ne, {
 			disabled: r,
@@ -900,7 +900,7 @@ var Te = n(r((e, t) => {
 			children: t
 		});
 	}, [r, n]);
-	return W(I, {
+	return W(P, {
 		ref: t,
 		disabled: r,
 		renderPopupPanel: a,
@@ -910,12 +910,10 @@ var Te = n(r((e, t) => {
 		...o
 	});
 }));
-Te.displayName = "InsertFunctionContribution";
-var De = () => {
+De.displayName = "InsertFunctionContribution";
+var Te = () => {
 	J(), b.register("plugin-scripts", { icons: {} }), z.registerTaskPane({
 		key: "scriptEditor",
-		getTitle: () => "Script (Typescript)",
-		getIcon: () => "ScriptRun",
 		component: Fe,
 		keepMounted: !0
 	}, !0), S.register({ key: "scriptsOptions" }, !0), S.register({ key: "customFunctionOptions" }, !0), S.register({
@@ -936,7 +934,7 @@ var De = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(Te, { ...t })
+		render: (t) => e.createElement(De, { ...t })
 	}, !0);
 };
-export { fe as InsertScriptCommandButton, te as RunScriptCommandButton, he as ScriptEditorToolbar, Fe as ScriptTaskPane, xe as ScriptWorkspace, De as ScriptingPlugin };
+export { fe as InsertScriptCommandButton, te as RunScriptCommandButton, he as ScriptEditorToolbar, Fe as ScriptTaskPane, ge as ScriptWorkspace, Te as ScriptingPlugin };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/scripting-mui",
   "description": "Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL.",
-  "version": "0.8.0-beta.17",
+  "version": "0.8.0-beta.19",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -37,13 +37,13 @@
     "automation"
   ],
   "dependencies": {
-    "@sheetxl/react": "^0.8.0-beta.17",
-    "@sheetxl/scripting-react": "^0.8.0-beta.17",
-    "@sheetxl/sdk": "^0.8.0-beta.17",
-    "@sheetxl/studio-mui": "^0.8.0-beta.17",
-    "@sheetxl/utils": "^0.8.0-beta.17",
-    "@sheetxl/utils-mui": "^0.8.0-beta.17",
-    "@sheetxl/utils-react": "^0.8.0-beta.17",
+    "@sheetxl/react": "^0.8.0-beta.19",
+    "@sheetxl/scripting-react": "^0.8.0-beta.19",
+    "@sheetxl/sdk": "^0.8.0-beta.19",
+    "@sheetxl/studio-mui": "^0.8.0-beta.19",
+    "@sheetxl/utils": "^0.8.0-beta.19",
+    "@sheetxl/utils-mui": "^0.8.0-beta.19",
+    "@sheetxl/utils-react": "^0.8.0-beta.19",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {