@sheetxl/scripting-mui 0.8.0-beta.11 → 0.8.0-beta.13

package/node/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.11
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.13
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -8,10 +8,10 @@ import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, us
 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 I, CommandPopupButton as $, CommandToolbar as P, ExhibitDivider as R, ExhibitMenuItem as E, OverflowPalette as L, defaultCreatePopupPanel as M } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as z, InputClipboardInjector as B, useModelSync as O, useWorkbook as A } from "@sheetxl/react";
-import { Fragment as U, jsx as W, jsxs as j } from "react/jsx-runtime";
-import { alpha as H } from "@mui/system";
+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 { 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";
 import { listResources as q, releaseChannel as G } from "@sheetxl/utils";
 import { VERSION as Z } from "@sheetxl/sdk";
 import { ScriptEditor as _, ScriptingReactPlugin as J } from "@sheetxl/scripting-react";
@@ -29,6 +29,7 @@ var Q = {
 	"templateSelect.intro": "Choose from a template to provide a starting point to automate tasks or create user defined functions.",
 	"templateSelect.intro2": "Templates provide a foundation to customize and meet your specific needs.",
 	"templateSelect.loadFailed": "Failed to load scripts",
+	"templateSelect.retry": "Retry",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
 }, { DefaultCommandCatalogService: V } = x, X = !1;
@@ -54,7 +55,7 @@ var ee = n(r((e, r) => {
 	}, h = [], g = s ? s.length : 0;
 	for (let e = 0; e < g; e++) {
 		const t = s[e];
-		h.push(W(I, {
+		h.push(W($, {
 			...f,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
@@ -63,7 +64,7 @@ var ee = n(r((e, r) => {
 			label: t.getName() ?? a("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
-	const x = j(p, {
+	const x = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -71,13 +72,13 @@ var ee = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [h.length > 0 ? j(U, { children: [W(p, {
+		children: [h.length > 0 ? H(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: h
-		}), W(R, { orientation: "horizontal" })] }) : null, t(I, {
+		}), W(E, { orientation: "horizontal" })] }) : null, t($, {
 			...f,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -101,10 +102,10 @@ var te = n(r((e, t) => {
 			children: t
 		});
 	}, [n, r]);
-	return W($, {
+	return W(I, {
 		ref: t,
 		disabled: n,
-		createPopupPanel: s,
+		renderPopupPanel: s,
 		selected: l?.getState(),
 		label: a?.getLabel?.(),
 		tooltip: a?.getDescription?.(),
@@ -164,7 +165,7 @@ var te = n(r((e, t) => {
 		iconKey: "ScriptAutoRun",
 		size: ue,
 		style: pe
-	}), W(E, {
+	}), W(R, {
 		sx: {
 			maxWidth: "460px",
 			display: "flex",
@@ -183,7 +184,7 @@ var te = n(r((e, t) => {
 			e.keyCode !== w.Enter && e.keyCode !== w.Space || i(r);
 		},
 		...l,
-		children: j(p, {
+		children: H(p, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -197,7 +198,7 @@ var te = n(r((e, t) => {
 				variant: "caption",
 				component: "div",
 				sx: {
-					color: (e) => H(e.palette.text.secondary ?? e.palette.text.primary, .6),
+					color: (e) => j(e.palette.text.secondary ?? e.palette.text.primary, .6),
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
@@ -226,7 +227,7 @@ var te = n(r((e, t) => {
 		}, n = (t) => {
 			S?.execute(t.content), e.closeFloat?.();
 		}, i = () => x((e) => e + 1), o = [];
-		"error" === f && o.push(W(E, {
+		"error" === f && o.push(W(R, {
 			onMouseDown: (e) => {
 				0 === e.button && e.preventDefault();
 			},
@@ -245,7 +246,7 @@ var te = n(r((e, t) => {
 				snippet: t
 			}, t.path));
 		}
-		const l = j(p, {
+		const l = H(p, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -253,19 +254,19 @@ var te = n(r((e, t) => {
 				overflow: "hidden"
 			},
 			children: [
-				o.length > 0 ? j(U, { children: [W(p, {
+				o.length > 0 ? H(U, { children: [W(p, {
 					sx: {
 						overflow: "auto",
 						flex: "1 1 100%"
 					},
 					children: o
-				}), W(R, { orientation: "horizontal" })] }) : null,
-				t(I, {
+				}), W(E, { orientation: "horizontal" })] }) : null,
+				t($, {
 					...r,
 					key: "showKeyboardShortcuts",
 					commandKey: "showKeyboardShortcuts"
 				}),
-				t(I, {
+				t($, {
 					...r,
 					key: "scriptingHelp",
 					commandKey: "scriptingHelp"
@@ -284,20 +285,20 @@ var te = n(r((e, t) => {
 		S,
 		d
 	]);
-	return W($, {
+	return W(I, {
 		ref: r,
 		disabled: b,
 		groupKey: n,
 		label: S?.getLabel(n) ?? d("insertScript.fallbackLabel"),
 		tooltip: S?.getDescription(),
-		createPopupPanel: v,
+		renderPopupPanel: v,
 		icon: S?.getIcon() ?? "ScriptInsert",
 		...s
 	});
 })), he = n(r((e, t) => {
 	const { propsCommandButton: r, ...n } = e, i = C((e) => {
 		const { propsCommandButton: t, propsCommandPopup: r } = e;
-		return W(U, { children: j("div", {
+		return W(U, { children: H("div", {
 			style: {
 				display: "flex",
 				flex: "1 1 100%"
@@ -305,7 +306,7 @@ var te = n(r((e, t) => {
 			children: [
 				W("div", { children: W(L, {
 					style: {},
-					children: W(I, {
+					children: W($, {
 						...t,
 						commandKey: "saveScripts"
 					})
@@ -327,7 +328,7 @@ 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);
+	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);
 	if (o(() => {
 		let e = !1;
 		const t = {
@@ -345,7 +346,11 @@ var ge = n(r((e, t) => {
 		}), () => {
 			e = !0;
 		};
-	}, [r, y]), w) return W(p, {
+	}, [
+		r,
+		y,
+		N
+	]), w) return W(p, {
 		className: d(a, "script-select"),
 		...x,
 		sx: [{
@@ -359,36 +364,44 @@ var ge = n(r((e, t) => {
 		}, ...Array.isArray(l) ? l : []],
 		children: W(m, {})
 	});
-	let N = null;
-	F && (N = j(p, {
-		className: d(a, "script-select", "error-results"),
-		...x,
-		sx: [{
+	let $ = null;
+	F && ($ = H(p, {
+		className: "error-results",
+		sx: {
 			display: "flex",
-			justifyContent: "center",
-			alignItems: "center",
-			background: (e) => e.palette.error.light,
-			flex: "0",
-			zIndex: 1e3,
 			flexDirection: "column",
-			padding: (e) => e.spacing(1),
-			border: (e) => `1px solid ${e.palette.error.main}`,
-			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1
-		}, ...Array.isArray(l) ? l : [l]],
-		children: [W(h, {
-			color: "error",
-			variant: "h6",
-			component: "div",
-			gutterBottom: !0,
-			children: y("templateSelect.errorTitle")
-		}), W(h, {
-			color: "error",
-			component: "div",
-			children: F
-		})]
+			alignItems: "center",
+			flex: "none",
+			gap: .5,
+			padding: 1.5,
+			background: (e) => j(e.palette.error.main, "dark" === e.palette.mode ? .16 : .06),
+			borderTop: (e) => `1px solid ${j(e.palette.error.main, .4)}`
+		},
+		children: [
+			W(h, {
+				color: "error",
+				variant: "subtitle1",
+				component: "div",
+				children: y("templateSelect.errorTitle")
+			}),
+			W(h, {
+				variant: "body2",
+				component: "div",
+				sx: {
+					color: "text.secondary",
+					textAlign: "center"
+				},
+				children: F
+			}),
+			W(u, {
+				size: "small",
+				color: "error",
+				onClick: () => D((e) => e + 1),
+				children: y("templateSelect.retry")
+			})
+		]
 	}));
-	const D = (e) => {
+	const I = (e) => {
 		const t = e.icon;
 		return "macro" === t ? W(v, {
 			iconKey: "ScriptMacro",
@@ -401,7 +414,7 @@ var ge = n(r((e, t) => {
 			size: "1em"
 		}) : null;
 	};
-	return j(p, {
+	return H(p, {
 		ref: t,
 		className: d(a, "script-select"),
 		sx: {
@@ -410,7 +423,7 @@ var ge = n(r((e, t) => {
 			...l
 		},
 		...x,
-		children: [j(p, {
+		children: [H(p, {
 			className: "script-select-content",
 			sx: {
 				p: 3,
@@ -446,7 +459,7 @@ var ge = n(r((e, t) => {
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: S.map((e, t) => j(u, {
+					children: S.map((e, t) => H(u, {
 						variant: "outlined",
 						disabled: i,
 						sx: {
@@ -467,7 +480,7 @@ var ge = n(r((e, t) => {
 							...1 === t && { gridColumn: "1" }
 						},
 						onClick: () => n?.(e),
-						children: [j(p, {
+						children: [H(p, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -480,7 +493,7 @@ var ge = n(r((e, t) => {
 								variant: "subtitle2",
 								component: "div",
 								children: e.title || y("templateSelect.untitled")
-							}), D(e)]
+							}), I(e)]
 						}), e.summary && W(h, {
 							variant: "body2",
 							component: "div",
@@ -497,7 +510,7 @@ var ge = n(r((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), N]
+		}), $]
 	});
 }));
 ge.displayName = "TemplateSelectPanel";
@@ -506,13 +519,13 @@ var xe = n(r((e, t) => {
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [I, $] = c(null);
+	}), [$, I] = c(null);
 	o(() => {
 		let e = !1;
-		return $(null), async function() {
+		return I(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				$({ source: e || null });
+				I({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
@@ -523,18 +536,18 @@ var xe = n(r((e, t) => {
 			...t,
 			...e
 		}));
-	}, []), R = s(null), [E, L] = c(null), M = s(null), z = C((e) => {
-		if (E) return E.focus(e), !0;
+	}, []), E = s(null), [R, L] = c(null), M = s(null), z = C((e) => {
+		if (R) return R.focus(e), !0;
 		if (x) {
-			const t = R.current?.querySelectorAll?.(x);
+			const t = E.current?.querySelectorAll?.(x);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
-		return R.current?.focus?.(e), !1;
+		return E.current?.focus?.(e), !1;
 	}, [
-		E,
+		R,
 		x,
 		y
-	]), B = l(() => W(D, {
+	]), O = l(() => W(D, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -542,7 +555,7 @@ var xe = n(r((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), O = l(() => W(f, {
+	}), []), B = l(() => W(f, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -571,7 +584,7 @@ var xe = n(r((e, t) => {
 			margin: 0,
 			borderTop: `solid 1px ${v.palette.divider}`
 		},
-		children: j("div", {
+		children: H("div", {
 			style: {
 				flex: "1 1 100%",
 				display: "flex",
@@ -625,7 +638,7 @@ var xe = n(r((e, t) => {
 				})
 			]
 		})
-	}), [K]), U = l(() => j(p, {
+	}), [K]), U = l(() => H(p, {
 		className: d("script-editor-content"),
 		sx: {
 			display: "flex",
@@ -635,7 +648,7 @@ var xe = n(r((e, t) => {
 			boxSizing: "border-box"
 		},
 		children: [
-			O,
+			B,
 			W(p, {
 				sx: {
 					display: "flex",
@@ -646,8 +659,8 @@ var xe = n(r((e, t) => {
 					boxSizing: "border-box"
 				},
 				children: W(_, {
-					ref: R,
-					loadingPanel: B,
+					ref: E,
+					loadingPanel: O,
 					readOnly: u,
 					frame: m,
 					scripts: S,
@@ -661,19 +674,19 @@ var xe = n(r((e, t) => {
 		]
 	}), [
 		v,
-		O,
+		B,
 		A,
 		w,
-		B,
+		O,
 		u,
 		a,
 		y,
 		x,
 		m,
 		P
-	]), H = l(() => {
+	]), j = l(() => {
 		let e;
-		return null === I ? B : (null === I.source && (e = W(ge, {
+		return null === $ ? O : (null === $.source && (e = W(ge, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -686,7 +699,7 @@ var xe = n(r((e, t) => {
 			},
 			disabled: u,
 			onScriptSelect: (e) => {
-				R.current?.insertSnippet(e.content), $({ source: e.content ?? "" }), requestAnimationFrame(() => R.current?.focus());
+				E.current?.insertSnippet(e.content), I({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
 			}
 		})), W(p, {
 			tabIndex: 0,
@@ -702,9 +715,9 @@ var xe = n(r((e, t) => {
 				outline: "none"
 			},
 			onPointerDown: (e) => {
-				e.isDefaultPrevented() || R.current?.focus();
+				e.isDefaultPrevented() || E.current?.focus();
 			},
-			children: j(p, {
+			children: H(p, {
 				sx: {
 					flex: "1 1 100%",
 					position: "relative",
@@ -723,11 +736,11 @@ var xe = n(r((e, t) => {
 			})
 		}));
 	}, [
-		O,
+		B,
 		U,
 		r,
-		I,
-		B,
+		$,
+		O,
 		u
 	]), q = N(t, () => ({
 		isScriptWorkspaceElement: () => !0,
@@ -751,7 +764,7 @@ var xe = n(r((e, t) => {
 		onBlur: (e) => {
 			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (M.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
 		},
-		children: H
+		children: j
 	});
 }));
 xe.displayName = "ScriptWorkspace";
@@ -768,12 +781,12 @@ var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be,
 	}) : e;
 }, Ce = ({ paneRef: e, children: t }) => {
 	const r = ve(), n = l(() => r ? new ye(r.getRoot(), r) : null, [r]);
-	return n ? j(be, {
+	return n ? H(be, {
 		tracker: n,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [W(B, {}), W("div", {
+		children: [W(O, {}), W("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
@@ -782,7 +795,7 @@ var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be,
 	}) : t;
 }, Fe = (e) => {
 	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, l = A() ?? t;
-	O(l, ["onProtectionChange"]);
+	B(l, ["onProtectionChange"]);
 	const a = l?.getScripts().isReadOnly() ?? !1;
 	return W(ke, { children: W(xe, {
 		ref: i,
@@ -813,7 +826,7 @@ var { FocusActivation: ye, CommandScopeProvider: Se, CommandAnchorProvider: be,
 		s,
 		l,
 		n
-	]), d ? j(U, { children: [W(R, {}), W(te, { ...r })] }) : null;
+	]), d ? H(U, { children: [W(E, {}), W(te, { ...r })] }) : null;
 });
 Ke.displayName = "RunScriptContribution", Y();
 var Ne = n(r((e, r) => {
@@ -840,7 +853,7 @@ var Ne = n(r((e, r) => {
 	}, u = [], m = a ? a.length : 0;
 	for (let e = 0; e < m; e++) {
 		const t = a[e];
-		u.push(W(I, {
+		u.push(W($, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
@@ -849,7 +862,7 @@ var Ne = n(r((e, r) => {
 			label: t.getName() ?? l("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
-	const f = j(p, {
+	const f = H(p, {
 		ref: r,
 		sx: {
 			display: "flex",
@@ -857,13 +870,13 @@ var Ne = n(r((e, r) => {
 			flex: "1 1 100%",
 			overflow: "hidden"
 		},
-		children: [u.length > 0 ? j(U, { children: [W(p, {
+		children: [u.length > 0 ? H(U, { children: [W(p, {
 			sx: {
 				overflow: "auto",
 				flex: "1 1 100%"
 			},
 			children: u
-		}), W(R, { orientation: "horizontal" })] }) : null, t(I, {
+		}), W(E, { orientation: "horizontal" })] }) : null, t($, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -887,10 +900,10 @@ var Te = n(r((e, t) => {
 			children: t
 		});
 	}, [r, n]);
-	return W($, {
+	return W(I, {
 		ref: t,
 		disabled: r,
-		createPopupPanel: a,
+		renderPopupPanel: a,
 		label: l?.getLabel?.(),
 		tooltip: l?.getDescription?.(),
 		icon: "FormulaCustom",

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.11",
+  "version": "0.8.0-beta.13",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "exports": {
@@ -37,13 +37,13 @@
     "automation"
   ],
   "dependencies": {
-    "@sheetxl/react": "^0.8.0-beta.11",
-    "@sheetxl/scripting-react": "^0.8.0-beta.11",
-    "@sheetxl/sdk": "^0.8.0-beta.11",
-    "@sheetxl/studio-mui": "^0.8.0-beta.11",
-    "@sheetxl/utils": "^0.8.0-beta.11",
-    "@sheetxl/utils-mui": "^0.8.0-beta.11",
-    "@sheetxl/utils-react": "^0.8.0-beta.11",
+    "@sheetxl/react": "^0.8.0-beta.13",
+    "@sheetxl/scripting-react": "^0.8.0-beta.13",
+    "@sheetxl/sdk": "^0.8.0-beta.13",
+    "@sheetxl/studio-mui": "^0.8.0-beta.13",
+    "@sheetxl/utils": "^0.8.0-beta.13",
+    "@sheetxl/utils-mui": "^0.8.0-beta.13",
+    "@sheetxl/utils-react": "^0.8.0-beta.13",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {

package/resources/locales/de/ui.msg.json

@@ -12,6 +12,7 @@
   "templateSelect.intro": "Wählen Sie eine Vorlage als Ausgangspunkt, um Aufgaben zu automatisieren oder benutzerdefinierte Funktionen zu erstellen.",
   "templateSelect.intro2": "Vorlagen bieten eine Grundlage, die Sie anpassen und auf Ihre Bedürfnisse zuschneiden können.",
   "templateSelect.loadFailed": "Skripte konnten nicht geladen werden",
+  "templateSelect.retry": "Erneut versuchen",
   "templateSelect.title": "Skriptvorlage",
   "templateSelect.untitled": "Unbenannt"
 }

package/resources/locales/en/ui.msg.json

@@ -12,6 +12,7 @@
   "templateSelect.intro": "Choose from a template to provide a starting point to automate tasks or create user defined functions.",
   "templateSelect.intro2": "Templates provide a foundation to customize and meet your specific needs.",
   "templateSelect.loadFailed": "Failed to load scripts",
+  "templateSelect.retry": "Retry",
   "templateSelect.title": "Script Template",
   "templateSelect.untitled": "Untitled"
 }