@sheetxl/scripting-mui 0.8.0-beta.1 → 0.8.0-beta.2

package/browser/cjs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty;let o=require("react");var s,c=1,l=(s=o)==null?{}:e(i(s));o=((e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c,l=r(i),u=0,d=l.length;u<d;u++)c=l[u],a.call(e,c)||c===o||t(e,c,{get:(e=>i[e]).bind(null,c),enumerable:!(s=n(i,c))||s.enumerable});return e})(!c&&s&&s.__esModule?l:t(l,`default`,{value:s,enumerable:!0}),s);let u=require("@mui/material"),d=require("@sheetxl/utils-react"),f=require("@sheetxl/utils-mui"),p=require("@sheetxl/react"),m=require("react/jsx-runtime"),h=require("@mui/system"),g=require("@sheetxl/utils"),_=require("@sheetxl/scripting-react");function v(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=v(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function y(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=v(e))&&(r&&(r+=` `),r+=t);return r}var b={"insertFunction.fallbackLabel":`Function`,"insertFunction.insertNamed":`Insert {name}`,"runScript.executeNamed":`Execute {name}`,"runScript.fallbackLabel":`Macro`,"templateSelect.blankSummary":`Start with an empty script.`,"templateSelect.blankTitle":`Blank Template...`,"templateSelect.errorTitle":`Error loading Templates`,"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.title":`Script Template`,"templateSelect.untitled":`Untitled`},{DefaultCommandCatalogService:x}=d.Command,S=!1;function C(){S||(S=!0,x.registerFromManifest(`@sheetxl/scripting-mui`,{}.url,{messages:b}))}C();var w=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,...r}=e,i=(0,p.useWorkbook)(),a=(0,d.useTranslator)(),[s,c]=(0,o.useState)([]),[l,h]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=i?.getScripts();e&&(async()=>{h(!0);let t=await e.searchFunctions({type:`macro`});c(t),h(!1)})()},[i]);let g={variant:d.CommandButtonType.Menuitem,groupKey:`scriptsOptions`,shortcut:void 0},_=[],v=s?s.length:0;for(let e=0;e<v;e++){let t=s[e];_.push((0,m.jsx)(f.CommandButton,{...g,commandKey:`executeScript`,commandState:{declaration:t},propsTooltip:{description:a(`runScript.executeNamed`,{name:t.getName()??a(`runScript.fallbackLabel`)})},icon:(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`}),label:t.getName()??a(`runScript.fallbackLabel`)},`macro-${t.getName()}-${e}`))}let y=(0,m.jsxs)(u.Box,{ref:t,sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[_.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:_}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...g,key:`show-editor`,commandKey:`showScriptEditor`})]});return(0,f.defaultCreatePopupPanel)({...r,children:y})}));w.displayName=`RunScriptPopupPanel`;var T=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,disabled:r,...i}=e,a=(0,d.useCommands)([`showScriptEditor`])[0],s=(0,d.useCommandButtonEntry)(`scriptsOptions`);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:r,createPopupPanel:(0,o.useCallback)(e=>{let t=(0,m.jsx)(w,{disabled:r,groupKey:n,...e});return(0,f.defaultCreatePopupPanel)({...e,children:t})},[r,n]),selected:a?.getState(),label:s?.getLabel?.(),tooltip:s?.getDescription?.(),quickCommand:`showScriptEditor`,...i})})),E=`https://unpkg.com/@sheetxl/scripting-templates/dist`,D=(e,t)=>{try{return new URL(t).href}catch{}if(t.startsWith(`/`)||/^[a-zA-Z]:/.test(t))return t;let n=e.startsWith(`http`)?e:`file:///${e.replace(/\\/g,`/`)}`;return n.endsWith(`/`)||(n+=`/`),new URL(t,n).href},O=e=>{if(e.metadata?.name)return e.metadata.name;let t=(e.path.split(`/`).pop()||``).replace(/\.[^/.]+$/,``);return e.metadata?.icon===`formula`?t.toUpperCase():(t=t.replace(/([a-z])([A-Z])/g,`$1 $2`),t.replace(/[-_]/g,` `).trim().split(/\s+/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `))},k=async e=>{let t=D(e,`./manifest.json`),n=await fetch(t);if(!n.ok)throw new g.ChainedError(`Failed to retrieve directory at '${e}': ${n.statusText}`);let r=await n.text();if(r.trim().toLowerCase().startsWith(`<!doctype html`)||r.trim().toLowerCase().startsWith(`<html`))throw new g.ChainedError(`Failed to retrieve directory at '${e}'`);let i;try{i=JSON.parse(r)}catch(e){throw Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`)}let a=i.map(async t=>{try{let n=D(e,t.path),r=await fetch(n);if(!r.ok)throw Error(`Failed to fetch file at '${t.path}': ${r.statusText}`);let i=await r.text(),a=t.metadata;return a?.title||(a={title:O(t),...a}),{path:t.path,content:i,metadata:a}}catch(e){console.error(e.message)}return null});return(await Promise.all(a)).filter(e=>e!==null)},A={marginRight:`4px`},j=`1em`,M=(0,o.memo)(e=>{let{disabled:t,snippet:n,description:r,handleInsert:i,sx:a,...o}=e,s,c=n.metadata?.icon;return s=c===`formula`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptFormula`,size:j,style:A}):c===`macro`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`,size:j,style:A}):(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptAutoRun`,size:j,style:A}),(0,m.jsx)(f.ExhibitMenuItem,{sx:{maxWidth:`460px`,display:`flex`,"*":{lineHeight:`1.2`},...a},disabled:t,icon:s,onMouseDown:e=>{e.button===0&&e.preventDefault()},onMouseUp:e=>{e.button===0&&i(n)},onKeyDown:e=>{e.keyCode!==d.KeyCodes.Enter&&e.keyCode!==d.KeyCodes.Space||i(n)},...o,children:(0,m.jsxs)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`},children:[(0,m.jsx)(u.Typography,{component:`div`,children:n.metadata?.title??n.path}),(0,m.jsx)(u.Typography,{variant:`caption`,component:`div`,sx:{color:e=>(0,h.alpha)(e.palette.text.secondary??e.palette.text.primary,.6),overflow:`hidden`,textOverflow:`ellipsis`},children:n.metadata?.summary})]})})}),N=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,disabled:r,scriptPath:i=E,...a}=e,[s,c]=(0,o.useState)([]),[l,p]=(0,o.useState)(!0),[h]=(0,d.useCommands)([`insertScript`]);(0,o.useEffect)(()=>{(async()=>{try{let e=await k(i);c(e)}catch{}finally{p(!1)}})()},[i]);let g=(0,o.useCallback)(e=>{if(l)return(0,m.jsx)(`div`,{children:`Loading...`});let t={variant:d.CommandButtonType.Menuitem,groupKey:`scriptsOptions`,disabled:r},n=t=>{h?.execute(t.content),e.closeFloat?.()},i=[];for(let e=0;e<s.length;e++){let t=s[e];t&&i.push((0,m.jsx)(M,{handleInsert:n,snippet:t},t.path))}let a=(0,m.jsxs)(u.Box,{sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[i.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:i}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...t,key:`showKeyboardShortcuts`,commandKey:`showKeyboardShortcuts`}),(0,o.createElement)(f.CommandButton,{...t,key:`scriptingHelp`,commandKey:`scriptingHelp`})]});return(0,f.defaultCreatePopupPanel)({...e,children:a})},[r,n,l,h]);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:r,groupKey:n,label:h?.getLabel(n)??`Insert Script`,tooltip:h?.getDescription(),createPopupPanel:g,icon:h?.getIcon()??`ScriptInsert`,...a})})),P=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{propsCommandButton:n,...r}=e;return(0,m.jsx)(f.CommandToolbar,{ref:t,propsCommandButton:n,renderToolbarPalette:(0,d.useCallbackRef)(e=>{let{propsCommandButton:t,propsCommandPopup:n}=e;return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(`div`,{style:{display:`flex`,flex:`1 1 100%`},children:[(0,m.jsx)(`div`,{children:(0,m.jsx)(f.OverflowPalette,{style:{},children:(0,m.jsx)(f.CommandButton,{...t,commandKey:`saveScripts`})})}),(0,m.jsx)(`div`,{style:{flex:`1 1 100%`}}),(0,m.jsx)(`div`,{children:(0,m.jsx)(f.OverflowPalette,{style:{},children:(0,m.jsx)(N,{...t})})})]})})},[]),...r})}));P.displayName=`ScriptEditorToolbar`,C();var F=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{scriptPath:n=E,onScriptSelect:r,sx:i=d.ReactUtils.EmptyCssProperties,className:a,buttonMinWidth:s=210,buttonMinHeight:c=80,gap:l=12,...p}=e,h=(0,d.useTranslator)(),[_,v]=(0,o.useState)([]),[b,x]=(0,o.useState)(!0),[S,C]=(0,o.useState)(null);if((0,o.useEffect)(()=>{(async()=>{let e=[{path:null,metadata:{title:h(`templateSelect.blankTitle`),summary:h(`templateSelect.blankSummary`)},content:``}];try{x(!0),C(null);let t=await k(n);for(let n=0;n<t.length;n++){let r=t[n];r&&e.push(r)}}catch(e){C(e instanceof Error?e.message:h(`templateSelect.loadFailed`)),e instanceof g.ChainedError||console.error(`Error loading scripts:`,e)}finally{v(e),x(!1)}})()},[n,h]),b)return(0,m.jsx)(u.Box,{className:y(a,`script-select`),...p,sx:[{display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,background:e=>e.palette.background.paper,zIndex:1e3,backgroundImage:f.raisedSurface,...Array.isArray(i)?{}:i},...Array.isArray(i)?i:[]],children:(0,m.jsx)(u.CircularProgress,{})});let w=null;S&&(w=(0,m.jsxs)(u.Box,{className:y(a,`script-select`,`error-results`),...p,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,backgroundImage:f.raisedSurface},...Array.isArray(i)?i:[i]],children:[(0,m.jsx)(u.Typography,{color:`error`,variant:`h6`,component:`div`,gutterBottom:!0,children:h(`templateSelect.errorTitle`)}),(0,m.jsx)(u.Typography,{color:`error`,component:`div`,children:S})]}));let T=e=>{let t=e.metadata?.icon;return t===`macro`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`,size:`1em`}):t===`formula`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptFormula`,size:`1em`}):t===`autostart`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptAutoRun`,size:`1em`}):null};return(0,m.jsxs)(u.Box,{ref:t,className:y(a,`script-select`),sx:{background:e=>e.palette.background.paper,zIndex:1e3,backgroundImage:f.raisedSurface,...i},...p,children:[(0,m.jsxs)(u.Box,{className:`script-select-content`,sx:{p:3,overflow:`auto`,flex:`1 1 auto`},children:[(0,m.jsx)(u.Typography,{variant:`h6`,gutterBottom:!0,children:h(`templateSelect.title`)}),(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,gutterBottom:!0,sx:{color:`text.secondary`},children:h(`templateSelect.intro`)}),(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,gutterBottom:!0,sx:{color:`text.secondary`},children:h(`templateSelect.intro2`)}),(0,m.jsx)(u.Box,{sx:{display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(${s}px, 1fr))`,gap:`${l}px`,padding:2,paddingLeft:`0px`,paddingRight:`0px`},children:_.map((e,t)=>(0,m.jsxs)(u.Button,{variant:`outlined`,sx:{minWidth:s,minHeight:c,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`flex-start`,textAlign:`left`,padding:2,textTransform:`none`,overflow:`hidden`,...t===0&&{borderStyle:`dashed`,marginBottom:`8px`},...t===1&&{gridColumn:`1`}},onClick:()=>r?.(e),children:[(0,m.jsxs)(u.Box,{sx:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:`100%`,marginBottom:.5},children:[(0,m.jsx)(u.Typography,{variant:`subtitle2`,component:`div`,children:e.metadata?.title||e.path?.split(`/`).pop()?.replace(/\.\w+$/,``)||h(`templateSelect.untitled`)}),T(e)]}),e.metadata?.summary&&(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,sx:{color:`text.secondary`,overflow:`hidden`,display:`flex`,flexDirection:`column`,textOverflow:`ellipsis`,alignItems:`flex-start`},children:e.metadata.summary})]},`${e.path}-${t}`))})]}),w]})}));F.displayName=`TemplateSelectPanel`;var I=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{className:n,sx:r,propsScriptEditor:i,readOnly:a=!1,frame:s,autoFocusSel:c,autoFocus:l=!0,scripts:p,...h}=e,g=(0,u.useTheme)(),[v,b]=(0,o.useState)(!1),x=(0,o.useRef)(!1),[S,C]=(0,o.useState)({message:`Loading`,cursor:``,dirty:!1}),[w,T]=(0,o.useState)(null);(0,o.useEffect)(()=>{let e=!1;return T(null),async function(){if(p&&(await p.start(),!e)){let e=p.getModules().getItems()[0]?.getSource();T({source:e||null})}}(),()=>{e=!0}},[p]);let E=(0,o.useCallback)(e=>{C(t=>({...t,...e}))},[]),D=(0,o.useRef)(null),[O,k]=(0,o.useState)(null),A=(0,o.useRef)(null),j=(0,d.useCallbackRef)(e=>{if(O)return O.focus(e),!0;if(c){let t=D.current?.querySelectorAll?.(c);if(t&&t.length>0)return t[0]?.focus?.(e),!0}return D.current?.focus?.(e),!1},[O,c,l]),M=(0,o.useMemo)(()=>(0,m.jsx)(f.AnimatedLoadingPanel,{transitionDelay:`160ms`,style:{position:`absolute`,width:`100%`,height:`100%`},transparentBackground:!1}),[]),N=(0,o.useMemo)(()=>(0,m.jsx)(u.Paper,{elevation:1,tabIndex:0,sx:{display:`flex`,alignItems:`center`,userSelect:`none`,flexGrow:1,marginLeft:e=>e.spacing(.5),marginRight:e=>e.spacing(.5),marginTop:e=>e.spacing(1),marginBottom:e=>e.spacing(1)},children:(0,m.jsx)(P,{})}),[g]),I=(0,o.useMemo)(()=>(0,m.jsx)(u.Box,{className:y(`script-status-panel`,`status-panel`),sx:{display:`flex`,alignItems:`stretch`,flexDirection:`row`,flex:`0`,paddingLeft:`12px`,paddingRight:`12px`,gap:`8px`,paddingTop:`1px`,minHeight:`calc(1em + 8px)`,margin:0,borderTop:`solid 1px ${g.palette.divider}`},children:(0,m.jsxs)(`div`,{style:{flex:`1 1 100%`,display:`flex`,alignItems:`center`,flexDirection:`row`,justifyContent:`center`},children:[(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`1 1 100%`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.message}),(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`none`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.dirty?`Unsaved`:``}),(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`none`,marginLeft:`8px`,minWidth:`90px`,display:`flex`,justifyContent:`end`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.cursor})]})}),[S]),L=(0,o.useMemo)(()=>(0,m.jsxs)(u.Box,{className:y(`script-editor-content`),sx:{display:`flex`,flex:`1 1 100%`,width:`100%`,flexDirection:`column`,boxSizing:`border-box`},children:[N,(0,m.jsx)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,width:`100%`,flexDirection:`row`,position:`relative`,boxSizing:`border-box`},children:(0,m.jsx)(_.ScriptEditor,{ref:D,loadingPanel:M,readOnly:a,frame:s,scripts:p,autoFocus:l,onStatusChange:E,darkMode:g.palette.mode===`dark`,...i})}),I]}),[g,N,I,v,M,a,i,l,c,s,E]),R=(0,o.useMemo)(()=>{let e;return w===null?M:(w.source===null&&(e=(0,m.jsx)(F,{sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`,position:`absolute`,boxSizing:`border-box`,width:`100%`,height:`100%`},onScriptSelect:e=>{D.current?.insertSnippet(e.content),T({source:e.content??``}),requestAnimationFrame(()=>D.current?.focus())}})),(0,m.jsx)(u.Box,{tabIndex:0,className:y(`script-workspace`,n),sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`,alignItems:`stretch`,userSelect:`none`,flexGrow:0,outline:`none`},onPointerDown:e=>{e.isDefaultPrevented()||D.current?.focus()},children:(0,m.jsxs)(u.Box,{sx:{flex:`1 1 100%`,position:`relative`,display:`flex`},children:[(0,m.jsx)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,minWidth:0,minHeight:0,visibility:e?`hidden`:`visible`},children:L}),e]})}))},[N,L,n,w,M]),z=(0,d.useImperativeElement)(t,()=>({isScriptWorkspaceElement:()=>!0,focus:e=>{j(e)}}),[]);return(0,m.jsx)(u.Box,{sx:{display:`flex`,flexDirection:`row`,flex:`1 1 100%`,position:`relative`,...r},ref:z,...h,onFocus:e=>{b(!0),x.current=!0,z.current?.contains(e.target)&&e.target!==z.current&&k(e.target),e.relatedTarget&&!A.current&&(A.current=e.relatedTarget),h?.onFocus?.(e)},onBlur:e=>{z?.current?.contains(e.relatedTarget)||z?.current===e.relatedTarget||(A.current=null,x.current=!1,b(!1)),h?.onBlur?.(e)},children:R})}));I.displayName=`ScriptWorkspace`;var{FocusActivation:L,CommandScopeProvider:R,CommandAnchorProvider:z,useCommandScope:B}=d.Command,V={scopeName:`scriptEditor`},H=({children:e})=>{let t=B(),n=(0,o.useRef)(null);return t?(0,m.jsx)(R,{spec:V,elementRef:n,region:!0,children:(0,m.jsx)(U,{paneRef:n,children:e})}):e},U=({paneRef:e,children:t})=>{let n=B(),r=(0,o.useMemo)(()=>n?new L(n.getRoot(),n):null,[n]);return r?(0,m.jsxs)(z,{tracker:r,keyBindings:!1,debounce:100,elementRef:e,children:[(0,m.jsx)(p.InputClipboardInjector,{}),(0,m.jsx)(`div`,{className:`script-editor-pane`,style:{display:`contents`},ref:e,children:t})]}):t},W=e=>{let{model:t,entryKey:n,frame:r,ref:i,...a}=e;return(0,m.jsx)(H,{children:(0,m.jsx)(I,{ref:i,readOnly:!1,frame:r,scripts:((0,p.useWorkbook)()??t)?.getScripts(),...a})})},G=(0,o.memo)(e=>{let{alwaysShow:t=!1,...n}=e,[r,i]=(0,o.useReducer)(e=>e+1,0),[a]=(0,d.useCommands)([`showScriptEditor`],{onChange:()=>i()}),s=(0,p.useWorkbook)(),[c,l]=(0,o.useState)(t);return(0,o.useEffect)(()=>{if(t)return void l(!0);let e=s?.getScripts();if(!e||!a)return void l(!1);let n=async()=>{let t=!1;a.getState()||(t=((await e.searchFunctions({type:`macro`}))?.length??0)>0),l(t||!!a.getState())};n();let r=e.addListeners({onChange:()=>{n()}});return()=>{r()}},[t,s,a,r]),c?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(f.ExhibitDivider,{}),(0,m.jsx)(T,{...n})]}):null});G.displayName=`RunScriptContribution`,C();var K=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{...n}=e,r=(0,p.useWorkbook)(),i=(0,d.useTranslator)(),[a,s]=(0,o.useState)([]);(0,o.useEffect)(()=>{let e=r?.getScripts();if(!e)return;let t=!1,n=async()=>{let n=await e.searchFunctions({type:`formula`});t||s(n)};n();let i=e.addListeners({onChange:()=>{n()}});return()=>{t=!0,i()}},[r]);let c={variant:d.CommandButtonType.Menuitem,shortcut:void 0},l=[],h=a?a.length:0;for(let e=0;e<h;e++){let t=a[e];l.push((0,m.jsx)(f.CommandButton,{...c,commandKey:`insertFunction`,commandState:t,propsTooltip:{description:i(`insertFunction.insertNamed`,{name:t.getName()??i(`insertFunction.fallbackLabel`)})},icon:(0,m.jsx)(d.DynamicIcon,{iconKey:`FormulaCustom`}),label:t.getName()??i(`insertFunction.fallbackLabel`)},`function-${t.getName()}-${e}`))}let g=(0,m.jsxs)(u.Box,{ref:t,sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[l.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:l}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...c,key:`show-editor`,commandKey:`showScriptEditor`})]});return(0,f.defaultCreatePopupPanel)({...n,children:g})}));K.displayName=`InsertFunctionPopupPanel`;var q=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{disabled:n,groupKey:r,...i}=e,a=(0,d.useCommandButtonEntry)(`customFunctionOptions`);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:n,createPopupPanel:(0,o.useCallback)(e=>{let t=(0,m.jsx)(K,{disabled:n,groupKey:r,...e});return(0,f.defaultCreatePopupPanel)({...e,children:t})},[n,r]),label:a?.getLabel?.(),tooltip:a?.getDescription?.(),icon:`FormulaCustom`,...i})}));q.displayName=`InsertFunctionContribution`,exports.InsertScriptCommandButton=N,exports.RunScriptCommandButton=T,exports.ScriptEditorToolbar=P,exports.ScriptTaskPane=W,exports.ScriptWorkspace=I,exports.ScriptingPlugin=()=>{(0,_.ScriptingReactPlugin)(),d.DefaultIconService.register(`plugin-scripts`,{icons:{}}),p.DefaultTaskPaneRegistry.registerTaskPane({key:`scriptEditor`,getTitle:()=>`Script (Typescript)`,getIcon:()=>`ScriptRun`,component:W,keepMounted:!0},!0),d.DefaultCommandButtonRegistry.register({key:`scriptsOptions`},!0),d.DefaultCommandButtonRegistry.register({key:`customFunctionOptions`},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.runScript.home`,contributions:{homeToolbar:{}},render:e=>o.default.createElement(G,{...e})},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.runScript.view`,contributions:{viewToolbar:{order:10}},render:e=>o.default.createElement(G,{...e,groupKey:`view`,alwaysShow:!0})},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.insertFunction.formula`,contributions:{formulaToolbar:{anchor:`formulaCategory.web`,order:1}},render:e=>o.default.createElement(q,{...e})},!0)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty;let o=require("react");var s,c=1,l=(s=o)==null?{}:e(i(s));o=((e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c,l=r(i),u=0,d=l.length;u<d;u++)c=l[u],a.call(e,c)||c===o||t(e,c,{get:(e=>i[e]).bind(null,c),enumerable:!(s=n(i,c))||s.enumerable});return e})(!c&&s&&s.__esModule?l:t(l,`default`,{value:s,enumerable:!0}),s);let u=require("@mui/material"),d=require("@sheetxl/utils-react"),f=require("@sheetxl/utils-mui"),p=require("@sheetxl/react"),m=require("react/jsx-runtime"),h=require("@mui/system"),g=require("@sheetxl/utils"),_=require("@sheetxl/scripting-react");function v(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=v(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function y(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=v(e))&&(r&&(r+=` `),r+=t);return r}var b={"insertFunction.fallbackLabel":`Function`,"insertFunction.insertNamed":`Insert {name}`,"insertScript.fallbackLabel":`Insert Script`,"insertScript.loading":`Loading...`,"runScript.executeNamed":`Execute {name}`,"runScript.fallbackLabel":`Macro`,"templateSelect.blankSummary":`Start with an empty script.`,"templateSelect.blankTitle":`Blank Template...`,"templateSelect.errorTitle":`Error loading Templates`,"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.title":`Script Template`,"templateSelect.untitled":`Untitled`},{DefaultCommandCatalogService:x}=d.Command,S=!1;function C(){S||(S=!0,x.registerFromManifest(`@sheetxl/scripting-mui`,{}.url,{messages:b}))}C();var w=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,...r}=e,i=(0,p.useWorkbook)(),a=(0,d.useTranslator)(),[s,c]=(0,o.useState)([]),[l,h]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=i?.getScripts();e&&(async()=>{h(!0);let t=await e.searchFunctions({type:`macro`});c(t),h(!1)})()},[i]);let g={variant:d.CommandButtonType.Menuitem,groupKey:`scriptsOptions`,shortcut:void 0},_=[],v=s?s.length:0;for(let e=0;e<v;e++){let t=s[e];_.push((0,m.jsx)(f.CommandButton,{...g,commandKey:`executeScript`,commandState:{declaration:t},propsTooltip:{description:a(`runScript.executeNamed`,{name:t.getName()??a(`runScript.fallbackLabel`)})},icon:(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`}),label:t.getName()??a(`runScript.fallbackLabel`)},`macro-${t.getName()}-${e}`))}let y=(0,m.jsxs)(u.Box,{ref:t,sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[_.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:_}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...g,key:`show-editor`,commandKey:`showScriptEditor`})]});return(0,f.defaultCreatePopupPanel)({...r,children:y})}));w.displayName=`RunScriptPopupPanel`;var T=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,disabled:r,...i}=e,a=(0,d.useCommands)([`showScriptEditor`])[0],s=(0,d.useCommandButtonEntry)(`scriptsOptions`);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:r,createPopupPanel:(0,o.useCallback)(e=>{let t=(0,m.jsx)(w,{disabled:r,groupKey:n,...e});return(0,f.defaultCreatePopupPanel)({...e,children:t})},[r,n]),selected:a?.getState(),label:s?.getLabel?.(),tooltip:s?.getDescription?.(),quickCommand:`showScriptEditor`,...i})})),E=`https://unpkg.com/@sheetxl/scripting-templates/dist`,D=(e,t)=>{try{return new URL(t).href}catch{}if(t.startsWith(`/`)||/^[a-zA-Z]:/.test(t))return t;let n=e.startsWith(`http`)?e:`file:///${e.replace(/\\/g,`/`)}`;return n.endsWith(`/`)||(n+=`/`),new URL(t,n).href},O=e=>{if(e.metadata?.name)return e.metadata.name;let t=(e.path.split(`/`).pop()||``).replace(/\.[^/.]+$/,``);return e.metadata?.icon===`formula`?t.toUpperCase():(t=t.replace(/([a-z])([A-Z])/g,`$1 $2`),t.replace(/[-_]/g,` `).trim().split(/\s+/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `))},k=async e=>{let t=D(e,`./manifest.json`),n=await fetch(t);if(!n.ok)throw new g.ChainedError(`Failed to retrieve directory at '${e}': ${n.statusText}`);let r=await n.text();if(r.trim().toLowerCase().startsWith(`<!doctype html`)||r.trim().toLowerCase().startsWith(`<html`))throw new g.ChainedError(`Failed to retrieve directory at '${e}'`);let i;try{i=JSON.parse(r)}catch(e){throw Error(`Failed to parse directory: ${e.message}. Ensure the file is valid JSON.`)}let a=i.map(async t=>{try{let n=D(e,t.path),r=await fetch(n);if(!r.ok)throw Error(`Failed to fetch file at '${t.path}': ${r.statusText}`);let i=await r.text(),a=t.metadata;return a?.title||(a={title:O(t),...a}),{path:t.path,content:i,metadata:a}}catch(e){console.error(e.message)}return null});return(await Promise.all(a)).filter(e=>e!==null)},A={marginRight:`4px`},j=`1em`,M=(0,o.memo)(e=>{let{disabled:t,snippet:n,description:r,handleInsert:i,sx:a,...o}=e,s,c=n.metadata?.icon;return s=c===`formula`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptFormula`,size:j,style:A}):c===`macro`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`,size:j,style:A}):(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptAutoRun`,size:j,style:A}),(0,m.jsx)(f.ExhibitMenuItem,{sx:{maxWidth:`460px`,display:`flex`,"*":{lineHeight:`1.2`},...a},disabled:t,icon:s,onMouseDown:e=>{e.button===0&&e.preventDefault()},onMouseUp:e=>{e.button===0&&i(n)},onKeyDown:e=>{e.keyCode!==d.KeyCodes.Enter&&e.keyCode!==d.KeyCodes.Space||i(n)},...o,children:(0,m.jsxs)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`},children:[(0,m.jsx)(u.Typography,{component:`div`,children:n.metadata?.title??n.path}),(0,m.jsx)(u.Typography,{variant:`caption`,component:`div`,sx:{color:e=>(0,h.alpha)(e.palette.text.secondary??e.palette.text.primary,.6),overflow:`hidden`,textOverflow:`ellipsis`},children:n.metadata?.summary})]})})}),N=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{groupKey:n,disabled:r,scriptPath:i=E,...a}=e,s=(0,d.useTranslator)(),[c,l]=(0,o.useState)([]),[p,h]=(0,o.useState)(!0),[g]=(0,d.useCommands)([`insertScript`]),_=r||(g?.disabled()??!1);(0,o.useEffect)(()=>{(async()=>{try{let e=await k(i);l(e)}catch{}finally{h(!1)}})()},[i]);let v=(0,o.useCallback)(e=>{if(p)return(0,m.jsx)(`div`,{children:s(`insertScript.loading`)});let t={variant:d.CommandButtonType.Menuitem,groupKey:`scriptsOptions`,disabled:_},n=t=>{g?.execute(t.content),e.closeFloat?.()},r=[];for(let e=0;e<c.length;e++){let t=c[e];t&&r.push((0,m.jsx)(M,{handleInsert:n,snippet:t},t.path))}let i=(0,m.jsxs)(u.Box,{sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[r.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:r}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...t,key:`showKeyboardShortcuts`,commandKey:`showKeyboardShortcuts`}),(0,o.createElement)(f.CommandButton,{...t,key:`scriptingHelp`,commandKey:`scriptingHelp`})]});return(0,f.defaultCreatePopupPanel)({...e,children:i})},[_,n,p,g,s]);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:_,groupKey:n,label:g?.getLabel(n)??s(`insertScript.fallbackLabel`),tooltip:g?.getDescription(),createPopupPanel:v,icon:g?.getIcon()??`ScriptInsert`,...a})})),P=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{propsCommandButton:n,...r}=e;return(0,m.jsx)(f.CommandToolbar,{ref:t,propsCommandButton:n,renderToolbarPalette:(0,d.useCallbackRef)(e=>{let{propsCommandButton:t,propsCommandPopup:n}=e;return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(`div`,{style:{display:`flex`,flex:`1 1 100%`},children:[(0,m.jsx)(`div`,{children:(0,m.jsx)(f.OverflowPalette,{style:{},children:(0,m.jsx)(f.CommandButton,{...t,commandKey:`saveScripts`})})}),(0,m.jsx)(`div`,{style:{flex:`1 1 100%`}}),(0,m.jsx)(`div`,{children:(0,m.jsx)(f.OverflowPalette,{style:{},children:(0,m.jsx)(N,{...t})})})]})})},[]),...r})}));P.displayName=`ScriptEditorToolbar`,C();var F=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{scriptPath:n=E,onScriptSelect:r,disabled:i=!1,sx:a=d.ReactUtils.EmptyCssProperties,className:s,buttonMinWidth:c=210,buttonMinHeight:l=80,gap:f=12,...p}=e,h=(0,d.useTranslator)(),[_,v]=(0,o.useState)([]),[b,x]=(0,o.useState)(!0),[S,C]=(0,o.useState)(null);if((0,o.useEffect)(()=>{(async()=>{let e=[{path:null,metadata:{title:h(`templateSelect.blankTitle`),summary:h(`templateSelect.blankSummary`)},content:``}];try{x(!0),C(null);let t=await k(n);for(let n=0;n<t.length;n++){let r=t[n];r&&e.push(r)}}catch(e){C(e instanceof Error?e.message:h(`templateSelect.loadFailed`)),e instanceof g.ChainedError||console.error(`Error loading scripts:`,e)}finally{v(e),x(!1)}})()},[n,h]),b)return(0,m.jsx)(u.Box,{className:y(s,`script-select`),...p,sx:[{display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,background:e=>e.palette.background.paper,zIndex:1e3,...Array.isArray(a)?{}:a},...Array.isArray(a)?a:[]],children:(0,m.jsx)(u.CircularProgress,{})});let w=null;S&&(w=(0,m.jsxs)(u.Box,{className:y(s,`script-select`,`error-results`),...p,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(a)?a:[a]],children:[(0,m.jsx)(u.Typography,{color:`error`,variant:`h6`,component:`div`,gutterBottom:!0,children:h(`templateSelect.errorTitle`)}),(0,m.jsx)(u.Typography,{color:`error`,component:`div`,children:S})]}));let T=e=>{let t=e.metadata?.icon;return t===`macro`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptMacro`,size:`1em`}):t===`formula`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptFormula`,size:`1em`}):t===`autostart`?(0,m.jsx)(d.DynamicIcon,{iconKey:`ScriptAutoRun`,size:`1em`}):null};return(0,m.jsxs)(u.Box,{ref:t,className:y(s,`script-select`),sx:{background:e=>e.palette.background.paper,zIndex:1e3,...a},...p,children:[(0,m.jsxs)(u.Box,{className:`script-select-content`,sx:{p:3,overflow:`auto`,flex:`1 1 auto`},children:[(0,m.jsx)(u.Typography,{variant:`h6`,gutterBottom:!0,children:h(`templateSelect.title`)}),(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,gutterBottom:!0,sx:{color:`text.secondary`},children:h(`templateSelect.intro`)}),(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,gutterBottom:!0,sx:{color:`text.secondary`},children:h(`templateSelect.intro2`)}),(0,m.jsx)(u.Box,{sx:{display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(${c}px, 1fr))`,gap:`${f}px`,padding:2,paddingLeft:`0px`,paddingRight:`0px`},children:_.map((e,t)=>(0,m.jsxs)(u.Button,{variant:`outlined`,disabled:i,sx:{minWidth:c,minHeight:l,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`flex-start`,textAlign:`left`,padding:2,textTransform:`none`,overflow:`hidden`,...t===0&&{borderStyle:`dashed`,marginBottom:`8px`},...t===1&&{gridColumn:`1`}},onClick:()=>r?.(e),children:[(0,m.jsxs)(u.Box,{sx:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:`100%`,marginBottom:.5},children:[(0,m.jsx)(u.Typography,{variant:`subtitle2`,component:`div`,children:e.metadata?.title||e.path?.split(`/`).pop()?.replace(/\.\w+$/,``)||h(`templateSelect.untitled`)}),T(e)]}),e.metadata?.summary&&(0,m.jsx)(u.Typography,{variant:`body2`,component:`div`,sx:{color:`text.secondary`,overflow:`hidden`,display:`flex`,flexDirection:`column`,textOverflow:`ellipsis`,alignItems:`flex-start`},children:e.metadata.summary})]},`${e.path}-${t}`))})]}),w]})}));F.displayName=`TemplateSelectPanel`;var I=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{className:n,sx:r,propsScriptEditor:i,readOnly:a=!1,frame:s,autoFocusSel:c,autoFocus:l=!0,scripts:p,...h}=e,g=(0,u.useTheme)(),[v,b]=(0,o.useState)(!1),x=(0,o.useRef)(!1),[S,C]=(0,o.useState)({message:`Loading`,cursor:``,dirty:!1}),[w,T]=(0,o.useState)(null);(0,o.useEffect)(()=>{let e=!1;return T(null),async function(){if(p&&(await p.start(),!e)){let e=p.getModules().getItems()[0]?.getSource();T({source:e||null})}}(),()=>{e=!0}},[p]);let E=(0,o.useCallback)(e=>{C(t=>({...t,...e}))},[]),D=(0,o.useRef)(null),[O,k]=(0,o.useState)(null),A=(0,o.useRef)(null),j=(0,d.useCallbackRef)(e=>{if(O)return O.focus(e),!0;if(c){let t=D.current?.querySelectorAll?.(c);if(t&&t.length>0)return t[0]?.focus?.(e),!0}return D.current?.focus?.(e),!1},[O,c,l]),M=(0,o.useMemo)(()=>(0,m.jsx)(f.AnimatedLoadingPanel,{transitionDelay:`160ms`,style:{position:`absolute`,width:`100%`,height:`100%`},transparentBackground:!1}),[]),N=(0,o.useMemo)(()=>(0,m.jsx)(u.Paper,{elevation:1,tabIndex:0,sx:{display:`flex`,alignItems:`center`,userSelect:`none`,flexGrow:1,marginLeft:e=>e.spacing(.5),marginRight:e=>e.spacing(.5),marginTop:e=>e.spacing(1),marginBottom:e=>e.spacing(1)},children:(0,m.jsx)(P,{})}),[g]),I=(0,o.useMemo)(()=>(0,m.jsx)(u.Box,{className:y(`script-status-panel`,`status-panel`),sx:{display:`flex`,alignItems:`stretch`,flexDirection:`row`,flex:`0`,paddingLeft:`12px`,paddingRight:`12px`,gap:`8px`,paddingTop:`1px`,minHeight:`calc(1em + 8px)`,margin:0,borderTop:`solid 1px ${g.palette.divider}`},children:(0,m.jsxs)(`div`,{style:{flex:`1 1 100%`,display:`flex`,alignItems:`center`,flexDirection:`row`,justifyContent:`center`},children:[(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`1 1 100%`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.message}),(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`none`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.dirty?`Unsaved`:``}),(0,m.jsx)(u.Typography,{component:`div`,sx:{userSelect:`none`,whiteSpace:`pre`,overflow:`hidden`,textOverflow:`ellipsis`,flex:`none`,marginLeft:`8px`,minWidth:`90px`,display:`flex`,justifyContent:`end`,color:e=>e.palette.text.secondary},variant:`caption`,children:S.cursor})]})}),[S]),L=(0,o.useMemo)(()=>(0,m.jsxs)(u.Box,{className:y(`script-editor-content`),sx:{display:`flex`,flex:`1 1 100%`,width:`100%`,flexDirection:`column`,boxSizing:`border-box`},children:[N,(0,m.jsx)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,width:`100%`,flexDirection:`row`,position:`relative`,boxSizing:`border-box`},children:(0,m.jsx)(_.ScriptEditor,{ref:D,loadingPanel:M,readOnly:a,frame:s,scripts:p,autoFocus:l,onStatusChange:E,darkMode:g.palette.mode===`dark`,...i})}),I]}),[g,N,I,v,M,a,i,l,c,s,E]),R=(0,o.useMemo)(()=>{let e;return w===null?M:(w.source===null&&(e=(0,m.jsx)(F,{sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`,position:`absolute`,boxSizing:`border-box`,width:`100%`,height:`100%`},disabled:a,onScriptSelect:e=>{D.current?.insertSnippet(e.content),T({source:e.content??``}),requestAnimationFrame(()=>D.current?.focus())}})),(0,m.jsx)(u.Box,{tabIndex:0,className:y(`script-workspace`,n),sx:{display:`flex`,flex:`1 1 100%`,flexDirection:`column`,overflow:`hidden`,alignItems:`stretch`,userSelect:`none`,flexGrow:0,outline:`none`},onPointerDown:e=>{e.isDefaultPrevented()||D.current?.focus()},children:(0,m.jsxs)(u.Box,{sx:{flex:`1 1 100%`,position:`relative`,display:`flex`},children:[(0,m.jsx)(u.Box,{sx:{display:`flex`,flex:`1 1 100%`,minWidth:0,minHeight:0,visibility:e?`hidden`:`visible`},children:L}),e]})}))},[N,L,n,w,M,a]),z=(0,d.useImperativeElement)(t,()=>({isScriptWorkspaceElement:()=>!0,focus:e=>{j(e)}}),[]);return(0,m.jsx)(u.Box,{sx:{display:`flex`,flexDirection:`row`,flex:`1 1 100%`,position:`relative`,...r},ref:z,...h,onFocus:e=>{b(!0),x.current=!0,z.current?.contains(e.target)&&e.target!==z.current&&k(e.target),e.relatedTarget&&!A.current&&(A.current=e.relatedTarget),h?.onFocus?.(e)},onBlur:e=>{z?.current?.contains(e.relatedTarget)||z?.current===e.relatedTarget||(A.current=null,x.current=!1,b(!1)),h?.onBlur?.(e)},children:R})}));I.displayName=`ScriptWorkspace`;var{FocusActivation:L,CommandScopeProvider:R,CommandAnchorProvider:z,useCommandScope:B}=d.Command,V={scopeName:`scriptEditor`},H=({children:e})=>{let t=B(),n=(0,o.useRef)(null);return t?(0,m.jsx)(R,{spec:V,elementRef:n,region:!0,children:(0,m.jsx)(U,{paneRef:n,children:e})}):e},U=({paneRef:e,children:t})=>{let n=B(),r=(0,o.useMemo)(()=>n?new L(n.getRoot(),n):null,[n]);return r?(0,m.jsxs)(z,{tracker:r,keyBindings:!1,debounce:100,elementRef:e,children:[(0,m.jsx)(p.InputClipboardInjector,{}),(0,m.jsx)(`div`,{className:`script-editor-pane`,style:{display:`contents`},ref:e,children:t})]}):t},W=e=>{let{model:t,entryKey:n,frame:r,ref:i,...a}=e,o=(0,p.useWorkbook)()??t;return(0,p.useModelSync)(o,[`onProtectionChange`]),(0,m.jsx)(H,{children:(0,m.jsx)(I,{ref:i,readOnly:o?.getScripts().isReadOnly()??!1,frame:r,scripts:o?.getScripts(),...a})})},G=(0,o.memo)(e=>{let{alwaysShow:t=!1,...n}=e,[r,i]=(0,o.useReducer)(e=>e+1,0),[a]=(0,d.useCommands)([`showScriptEditor`],{onChange:()=>i()}),s=(0,p.useWorkbook)(),[c,l]=(0,o.useState)(t);return(0,o.useEffect)(()=>{if(t)return void l(!0);let e=s?.getScripts();if(!e||!a)return void l(!1);let n=async()=>{let t=!1;a.getState()||(t=((await e.searchFunctions({type:`macro`}))?.length??0)>0),l(t||!!a.getState())};n();let r=e.addListeners({onChange:()=>{n()}});return()=>{r()}},[t,s,a,r]),c?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(f.ExhibitDivider,{}),(0,m.jsx)(T,{...n})]}):null});G.displayName=`RunScriptContribution`,C();var K=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{...n}=e,r=(0,p.useWorkbook)(),i=(0,d.useTranslator)(),[a,s]=(0,o.useState)([]);(0,o.useEffect)(()=>{let e=r?.getScripts();if(!e)return;let t=!1,n=async()=>{let n=await e.searchFunctions({type:`formula`});t||s(n)};n();let i=e.addListeners({onChange:()=>{n()}});return()=>{t=!0,i()}},[r]);let c={variant:d.CommandButtonType.Menuitem,shortcut:void 0},l=[],h=a?a.length:0;for(let e=0;e<h;e++){let t=a[e];l.push((0,m.jsx)(f.CommandButton,{...c,commandKey:`insertFunction`,commandState:t,propsTooltip:{description:i(`insertFunction.insertNamed`,{name:t.getName()??i(`insertFunction.fallbackLabel`)})},icon:(0,m.jsx)(d.DynamicIcon,{iconKey:`FormulaCustom`}),label:t.getName()??i(`insertFunction.fallbackLabel`)},`function-${t.getName()}-${e}`))}let g=(0,m.jsxs)(u.Box,{ref:t,sx:{display:`flex`,flexDirection:`column`,flex:`1 1 100%`,overflow:`hidden`},children:[l.length>0?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Box,{sx:{overflow:`auto`,flex:`1 1 100%`},children:l}),(0,m.jsx)(f.ExhibitDivider,{orientation:`horizontal`})]}):null,(0,o.createElement)(f.CommandButton,{...c,key:`show-editor`,commandKey:`showScriptEditor`})]});return(0,f.defaultCreatePopupPanel)({...n,children:g})}));K.displayName=`InsertFunctionPopupPanel`;var q=(0,o.memo)((0,o.forwardRef)((e,t)=>{let{disabled:n,groupKey:r,...i}=e,a=(0,d.useCommandButtonEntry)(`customFunctionOptions`);return(0,m.jsx)(f.CommandPopupButton,{ref:t,disabled:n,createPopupPanel:(0,o.useCallback)(e=>{let t=(0,m.jsx)(K,{disabled:n,groupKey:r,...e});return(0,f.defaultCreatePopupPanel)({...e,children:t})},[n,r]),label:a?.getLabel?.(),tooltip:a?.getDescription?.(),icon:`FormulaCustom`,...i})}));q.displayName=`InsertFunctionContribution`,exports.InsertScriptCommandButton=N,exports.RunScriptCommandButton=T,exports.ScriptEditorToolbar=P,exports.ScriptTaskPane=W,exports.ScriptWorkspace=I,exports.ScriptingPlugin=()=>{(0,_.ScriptingReactPlugin)(),d.DefaultIconService.register(`plugin-scripts`,{icons:{}}),p.DefaultTaskPaneRegistry.registerTaskPane({key:`scriptEditor`,getTitle:()=>`Script (Typescript)`,getIcon:()=>`ScriptRun`,component:W,keepMounted:!0},!0),d.DefaultCommandButtonRegistry.register({key:`scriptsOptions`},!0),d.DefaultCommandButtonRegistry.register({key:`customFunctionOptions`},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.runScript.home`,contributions:{homeToolbar:{}},render:e=>o.default.createElement(G,{...e})},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.runScript.view`,contributions:{viewToolbar:{order:10}},render:e=>o.default.createElement(G,{...e,groupKey:`view`,alwaysShow:!0})},!0),d.DefaultCommandButtonRegistry.register({key:`scripting.insertFunction.formula`,contributions:{formulaToolbar:{anchor:`formulaCategory.web`,order:1}},render:e=>o.default.createElement(q,{...e})},!0)};

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.1
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.2
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -7,28 +7,30 @@
 import e, { createElement as t, forwardRef as n, memo as r, useCallback as i, useEffect as a, useMemo as o, useReducer as s, useRef as c, useState as l } from "react";
 import { Box as u, Button as d, CircularProgress as f, Paper as p, Typography as m, useTheme as h } from "@mui/material";
 import { Command as g, CommandButtonType as _, DefaultCommandButtonRegistry as v, DefaultIconService as y, DynamicIcon as b, KeyCodes as x, ReactUtils as S, useCallbackRef as C, useCommandButtonEntry as w, useCommands as T, useImperativeElement as E, useTranslator as D } from "@sheetxl/utils-react";
-import { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultCreatePopupPanel as P, raisedSurface as F } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as I, InputClipboardInjector as L, useWorkbook as R } from "@sheetxl/react";
+import { AnimatedLoadingPanel as ee, CommandButton as O, CommandPopupButton as k, CommandToolbar as A, ExhibitDivider as j, ExhibitMenuItem as M, OverflowPalette as N, defaultCreatePopupPanel as P } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as F, InputClipboardInjector as I, useModelSync as L, useWorkbook as R } from "@sheetxl/react";
 import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
 import { alpha as H } from "@mui/system";
 import { ChainedError as U } from "@sheetxl/utils";
 import { ScriptEditor as te, ScriptingReactPlugin as ne } from "@sheetxl/scripting-react";
-function W(e) {
+function re(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = W(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = re(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function G() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = W(e)) && (r && (r += " "), r += t);
+function W() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = re(e)) && (r && (r += " "), r += t);
 	return r;
 }
-var re = {
+var ie = {
 	"insertFunction.fallbackLabel": "Function",
 	"insertFunction.insertNamed": "Insert {name}",
+	"insertScript.fallbackLabel": "Insert Script",
+	"insertScript.loading": "Loading...",
 	"runScript.executeNamed": "Execute {name}",
 	"runScript.fallbackLabel": "Macro",
 	"templateSelect.blankSummary": "Start with an empty script.",
@@ -39,12 +41,12 @@ var re = {
 	"templateSelect.loadFailed": "Failed to load scripts",
 	"templateSelect.title": "Script Template",
 	"templateSelect.untitled": "Untitled"
-}, { DefaultCommandCatalogService: ie } = g, K = !1;
-function q() {
-	K || (K = !0, ie.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: re }));
+}, { DefaultCommandCatalogService: ae } = g, G = !1;
+function K() {
+	G || (G = !0, ae.registerFromManifest("@sheetxl/scripting-mui", import.meta.url, { messages: ie }));
 }
-q();
-var J = r(n((e, n) => {
+K();
+var q = r(n((e, n) => {
 	let { groupKey: r, ...i } = e, o = R(), s = D(), [c, d] = l([]), [f, p] = l(!1);
 	a(() => {
 		let e = o?.getScripts();
@@ -95,14 +97,14 @@ var J = r(n((e, n) => {
 		children: v
 	});
 }));
-J.displayName = "RunScriptPopupPanel";
-var ae = r(n((e, t) => {
+q.displayName = "RunScriptPopupPanel";
+var J = r(n((e, t) => {
 	let { groupKey: n, disabled: r, ...a } = e, o = T(["showScriptEditor"])[0], s = w("scriptsOptions");
 	return B(k, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: i((e) => {
-			let t = B(J, {
+			let t = B(q, {
 				disabled: r,
 				groupKey: n,
 				...e
@@ -215,28 +217,28 @@ var ae = r(n((e, t) => {
 		})
 	});
 }), de = r(n((e, n) => {
-	let { groupKey: r, disabled: o, scriptPath: s = oe, ...c } = e, [d, f] = l([]), [p, m] = l(!0), [h] = T(["insertScript"]);
+	let { groupKey: r, disabled: o, scriptPath: s = oe, ...c } = e, d = D(), [f, p] = l([]), [m, h] = l(!0), [g] = T(["insertScript"]), v = o || (g?.disabled() ?? !1);
 	a(() => {
 		(async () => {
 			try {
 				let e = await le(s);
-				f(e);
+				p(e);
 			} catch {} finally {
-				m(!1);
+				h(!1);
 			}
 		})();
 	}, [s]);
-	let g = i((e) => {
-		if (p) return B("div", { children: "Loading..." });
+	let y = i((e) => {
+		if (m) return B("div", { children: d("insertScript.loading") });
 		let n = {
 			variant: _.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: o
+			disabled: v
 		}, r = (t) => {
-			h?.execute(t.content), e.closeFloat?.();
+			g?.execute(t.content), e.closeFloat?.();
 		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			let t = d[e];
+		for (let e = 0; e < f.length; e++) {
+			let t = f[e];
 			t && i.push(B(ue, {
 				handleInsert: r,
 				snippet: t
@@ -274,19 +276,20 @@ var ae = r(n((e, t) => {
 			children: a
 		});
 	}, [
-		o,
+		v,
 		r,
-		p,
-		h
+		m,
+		g,
+		d
 	]);
 	return B(k, {
 		ref: n,
-		disabled: o,
+		disabled: v,
 		groupKey: r,
-		label: h?.getLabel(r) ?? "Insert Script",
-		tooltip: h?.getDescription(),
-		createPopupPanel: g,
-		icon: h?.getIcon() ?? "ScriptInsert",
+		label: g?.getLabel(r) ?? d("insertScript.fallbackLabel"),
+		tooltip: g?.getDescription(),
+		createPopupPanel: y,
+		icon: g?.getIcon() ?? "ScriptInsert",
 		...c
 	});
 })), Z = r(n((e, t) => {
@@ -320,35 +323,35 @@ var ae = r(n((e, t) => {
 		...r
 	});
 }));
-Z.displayName = "ScriptEditorToolbar", q();
+Z.displayName = "ScriptEditorToolbar", K();
 var fe = r(n((e, t) => {
-	let { scriptPath: n = oe, onScriptSelect: r, sx: i = S.EmptyCssProperties, className: o, buttonMinWidth: s = 210, buttonMinHeight: c = 80, gap: p = 12, ...h } = e, g = D(), [_, v] = l([]), [y, x] = l(!0), [C, w] = l(null);
+	let { scriptPath: n = oe, onScriptSelect: r, disabled: i = !1, sx: o = S.EmptyCssProperties, className: s, buttonMinWidth: c = 210, buttonMinHeight: p = 80, gap: h = 12, ...g } = e, _ = D(), [v, y] = l([]), [x, C] = l(!0), [w, T] = l(null);
 	if (a(() => {
 		(async () => {
 			let e = [{
 				path: null,
 				metadata: {
-					title: g("templateSelect.blankTitle"),
-					summary: g("templateSelect.blankSummary")
+					title: _("templateSelect.blankTitle"),
+					summary: _("templateSelect.blankSummary")
 				},
 				content: ""
 			}];
 			try {
-				x(!0), w(null);
+				C(!0), T(null);
 				let t = await le(n);
 				for (let n = 0; n < t.length; n++) {
 					let r = t[n];
 					r && e.push(r);
 				}
 			} catch (e) {
-				w(e instanceof Error ? e.message : g("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
+				T(e instanceof Error ? e.message : _("templateSelect.loadFailed")), e instanceof U || console.error("Error loading scripts:", e);
 			} finally {
-				v(e), x(!1);
+				y(e), C(!1);
 			}
 		})();
-	}, [n, g]), y) return B(u, {
-		className: G(o, "script-select"),
-		...h,
+	}, [n, _]), x) return B(u, {
+		className: W(s, "script-select"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -356,15 +359,14 @@ var fe = r(n((e, t) => {
 			height: "100%",
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: F,
-			...Array.isArray(i) ? {} : i
-		}, ...Array.isArray(i) ? i : []],
+			...Array.isArray(o) ? {} : o
+		}, ...Array.isArray(o) ? o : []],
 		children: B(f, {})
 	});
-	let T = null;
-	C && (T = V(u, {
-		className: G(o, "script-select", "error-results"),
-		...h,
+	let E = null;
+	w && (E = V(u, {
+		className: W(s, "script-select", "error-results"),
+		...g,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -376,22 +378,21 @@ var fe = r(n((e, t) => {
 			padding: (e) => e.spacing(1),
 			border: (e) => `1px solid ${e.palette.error.main}`,
 			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1,
-			backgroundImage: F
-		}, ...Array.isArray(i) ? i : [i]],
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(o) ? o : [o]],
 		children: [B(m, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: g("templateSelect.errorTitle")
+			children: _("templateSelect.errorTitle")
 		}), B(m, {
 			color: "error",
 			component: "div",
-			children: C
+			children: w
 		})]
 	}));
-	let E = (e) => {
+	let ee = (e) => {
 		let t = e.metadata?.icon;
 		return t === "macro" ? B(b, {
 			iconKey: "ScriptMacro",
@@ -406,14 +407,13 @@ var fe = r(n((e, t) => {
 	};
 	return V(u, {
 		ref: t,
-		className: G(o, "script-select"),
+		className: W(s, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: F,
-			...i
+			...o
 		},
-		...h,
+		...g,
 		children: [V(u, {
 			className: "script-select-content",
 			sx: {
@@ -425,36 +425,37 @@ var fe = r(n((e, t) => {
 				B(m, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: g("templateSelect.title")
+					children: _("templateSelect.title")
 				}),
 				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro")
+					children: _("templateSelect.intro")
 				}),
 				B(m, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: g("templateSelect.intro2")
+					children: _("templateSelect.intro2")
 				}),
 				B(u, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
-						gap: `${p}px`,
+						gridTemplateColumns: `repeat(auto-fill, minmax(${c}px, 1fr))`,
+						gap: `${h}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: _.map((e, t) => V(d, {
+					children: v.map((e, t) => V(d, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: s,
-							minHeight: c,
+							minWidth: c,
+							minHeight: p,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -482,8 +483,8 @@ var fe = r(n((e, t) => {
 							children: [B(m, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || g("templateSelect.untitled")
-							}), E(e)]
+								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || _("templateSelect.untitled")
+							}), ee(e)]
 						}), e.metadata?.summary && B(m, {
 							variant: "body2",
 							component: "div",
@@ -500,7 +501,7 @@ var fe = r(n((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), T]
+		}), E]
 	});
 }));
 fe.displayName = "TemplateSelectPanel";
@@ -560,7 +561,7 @@ var Q = r(n((e, t) => {
 		},
 		children: B(Z, {})
 	}), [b]), R = o(() => B(u, {
-		className: G("script-status-panel", "status-panel"),
+		className: W("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
@@ -629,7 +630,7 @@ var Q = r(n((e, t) => {
 			]
 		})
 	}), [T]), z = o(() => V(u, {
-		className: G("script-editor-content"),
+		className: W("script-editor-content"),
 		sx: {
 			display: "flex",
 			flex: "1 1 100%",
@@ -687,12 +688,13 @@ var Q = r(n((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
+			disabled: d,
 			onScriptSelect: (e) => {
 				j.current?.insertSnippet(e.content), k({ source: e.content ?? "" }), requestAnimationFrame(() => j.current?.focus());
 			}
 		})), B(u, {
 			tabIndex: 0,
-			className: G("script-workspace", n),
+			className: W("script-workspace", n),
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -729,7 +731,8 @@ var Q = r(n((e, t) => {
 		z,
 		n,
 		O,
-		I
+		I,
+		d
 	]), U = E(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
@@ -774,7 +777,7 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		keyBindings: !1,
 		debounce: 100,
 		elementRef: e,
-		children: [B(L, {}), B("div", {
+		children: [B(I, {}), B("div", {
 			className: "script-editor-pane",
 			style: { display: "contents" },
 			ref: e,
@@ -782,12 +785,12 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		})]
 	}) : t;
 }, be = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e;
-	return B(ve, { children: B(Q, {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = R() ?? t;
+	return L(o, ["onProtectionChange"]), B(ve, { children: B(Q, {
 		ref: i,
-		readOnly: !1,
+		readOnly: o?.getScripts().isReadOnly() ?? !1,
 		frame: r,
-		scripts: (R() ?? t)?.getScripts(),
+		scripts: o?.getScripts(),
 		...a
 	}) });
 }, $ = r((e) => {
@@ -812,9 +815,9 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: he,
 		c,
 		o,
 		r
-	]), u ? V(z, { children: [B(j, {}), B(ae, { ...n })] }) : null;
+	]), u ? V(z, { children: [B(j, {}), B(J, { ...n })] }) : null;
 });
-$.displayName = "RunScriptContribution", q();
+$.displayName = "RunScriptContribution", K();
 var xe = r(n((e, n) => {
 	let { ...r } = e, i = R(), o = D(), [s, c] = l([]);
 	a(() => {
@@ -897,7 +900,7 @@ var Se = r(n((e, t) => {
 }));
 Se.displayName = "InsertFunctionContribution";
 var Ce = () => {
-	ne(), y.register("plugin-scripts", { icons: {} }), I.registerTaskPane({
+	ne(), y.register("plugin-scripts", { icons: {} }), F.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
@@ -924,4 +927,4 @@ var Ce = () => {
 		render: (t) => e.createElement(Se, { ...t })
 	}, !0);
 };
-export { de as InsertScriptCommandButton, ae as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };
+export { de as InsertScriptCommandButton, J as RunScriptCommandButton, Z as ScriptEditorToolbar, be as ScriptTaskPane, Q as ScriptWorkspace, Ce as ScriptingPlugin };

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.1
+* @license @sheetxl/scripting-mui - Scripting MUI - MUI script workspace, toolbar and run-script plugin for SheetXL. - v0.8.0-beta.2
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -7,9 +7,9 @@
 import e, { createElement as t, forwardRef as r, memo as n, useCallback as i, useEffect as o, useMemo as a, useReducer as l, useRef as s, useState as c } from "react";
 import d from "clsx";
 import { Box as p, Button as m, CircularProgress as u, Paper as h, Typography as f, useTheme as g } from "@mui/material";
-import { Command as x, CommandButtonType as y, DefaultCommandButtonRegistry as S, DefaultIconService as v, DynamicIcon as b, KeyCodes as w, ReactUtils as k, useCallbackRef as C, useCommandButtonEntry as F, useCommands as N, useImperativeElement as T, useTranslator as K } from "@sheetxl/utils-react";
-import { AnimatedLoadingPanel as I, CommandButton as D, CommandPopupButton as P, CommandToolbar as E, ExhibitDivider as L, ExhibitMenuItem as $, OverflowPalette as R, defaultCreatePopupPanel as z, raisedSurface as B } from "@sheetxl/utils-mui";
-import { DefaultTaskPaneRegistry as A, InputClipboardInjector as O, useWorkbook as M } from "@sheetxl/react";
+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 N, useImperativeElement as T, useTranslator as K } from "@sheetxl/utils-react";
+import { AnimatedLoadingPanel as D, CommandButton as I, CommandPopupButton as L, CommandToolbar as P, ExhibitDivider as E, ExhibitMenuItem as $, OverflowPalette as R, defaultCreatePopupPanel as z } from "@sheetxl/utils-mui";
+import { DefaultTaskPaneRegistry as B, InputClipboardInjector as O, useModelSync as A, useWorkbook as M } from "@sheetxl/react";
 import { Fragment as W, jsx as j, jsxs as H } from "react/jsx-runtime";
 import { alpha as U } from "@mui/system";
 import { ChainedError as q } from "@sheetxl/utils";
@@ -17,6 +17,8 @@ import { ScriptEditor as G, ScriptingReactPlugin as J } from "@sheetxl/scripting
 var Z = {
 	"insertFunction.fallbackLabel": "Function",
 	"insertFunction.insertNamed": "Insert {name}",
+	"insertScript.fallbackLabel": "Insert Script",
+	"insertScript.loading": "Loading...",
 	"runScript.executeNamed": "Execute {name}",
 	"runScript.fallbackLabel": "Macro",
 	"templateSelect.blankSummary": "Start with an empty script.",
@@ -50,12 +52,12 @@ var X = n(r((e, r) => {
 	}, f = [], g = s ? s.length : 0;
 	for (let e = 0; e < g; e++) {
 		const t = s[e];
-		f.push(j(D, {
+		f.push(j(I, {
 			...h,
 			commandKey: "executeScript",
 			commandState: { declaration: t },
 			propsTooltip: { description: l("runScript.executeNamed", { name: t.getName() ?? l("runScript.fallbackLabel") }) },
-			icon: j(b, { iconKey: "ScriptMacro" }),
+			icon: j(v, { iconKey: "ScriptMacro" }),
 			label: t.getName() ?? l("runScript.fallbackLabel")
 		}, `macro-${t.getName()}-${e}`));
 	}
@@ -73,7 +75,7 @@ var X = n(r((e, r) => {
 				flex: "1 1 100%"
 			},
 			children: f
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
+		}), j(E, { orientation: "horizontal" })] }) : null, t(I, {
 			...h,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -87,7 +89,7 @@ var X = n(r((e, r) => {
 X.displayName = "RunScriptPopupPanel";
 var Y = n(r((e, t) => {
 	const { groupKey: r, disabled: n, ...o } = e, a = N(["showScriptEditor"])[0], l = F("scriptsOptions");
-	return j(P, {
+	return j(L, {
 		ref: t,
 		disabled: n,
 		createPopupPanel: i((e) => {
@@ -153,7 +155,7 @@ var Y = n(r((e, t) => {
 	const { disabled: t, snippet: r, description: n, handleInsert: i, sx: o, ...a } = e;
 	let l;
 	const s = r.metadata?.icon;
-	return l = j(b, "formula" === s ? {
+	return l = j(v, "formula" === s ? {
 		iconKey: "ScriptFormula",
 		size: oe,
 		style: ie
@@ -207,28 +209,28 @@ var Y = n(r((e, t) => {
 		})
 	});
 }), le = n(r((e, r) => {
-	const { groupKey: n, disabled: a, scriptPath: l = ee, ...s } = e, [d, m] = c([]), [u, h] = c(!0), [f] = N(["insertScript"]);
+	const { groupKey: n, disabled: a, scriptPath: l = ee, ...s } = e, d = K(), [m, u] = c([]), [h, f] = c(!0), [g] = N(["insertScript"]), x = a || (g?.disabled() ?? !1);
 	o(() => {
 		(async () => {
 			try {
 				const e = await ne(l);
-				m(e);
+				u(e);
 			} catch (e) {} finally {
-				h(!1);
+				f(!1);
 			}
 		})();
 	}, [l]);
-	const g = i((e) => {
-		if (u) return j("div", { children: "Loading..." });
+	const S = i((e) => {
+		if (h) return j("div", { children: d("insertScript.loading") });
 		const r = {
 			variant: y.Menuitem,
 			groupKey: "scriptsOptions",
-			disabled: a
+			disabled: x
 		}, n = (t) => {
-			f?.execute(t.content), e.closeFloat?.();
+			g?.execute(t.content), e.closeFloat?.();
 		}, i = [];
-		for (let e = 0; e < d.length; e++) {
-			const t = d[e];
+		for (let e = 0; e < m.length; e++) {
+			const t = m[e];
 			t && i.push(j(ae, {
 				handleInsert: n,
 				snippet: t
@@ -248,13 +250,13 @@ var Y = n(r((e, t) => {
 						flex: "1 1 100%"
 					},
 					children: i
-				}), j(L, { orientation: "horizontal" })] }) : null,
-				t(D, {
+				}), j(E, { orientation: "horizontal" })] }) : null,
+				t(I, {
 					...r,
 					key: "showKeyboardShortcuts",
 					commandKey: "showKeyboardShortcuts"
 				}),
-				t(D, {
+				t(I, {
 					...r,
 					key: "scriptingHelp",
 					commandKey: "scriptingHelp"
@@ -266,24 +268,25 @@ var Y = n(r((e, t) => {
 			children: o
 		});
 	}, [
-		a,
+		x,
 		n,
-		u,
-		f
+		h,
+		g,
+		d
 	]);
-	return j(P, {
+	return j(L, {
 		ref: r,
-		disabled: a,
+		disabled: x,
 		groupKey: n,
-		label: f?.getLabel(n) ?? "Insert Script",
-		tooltip: f?.getDescription(),
-		createPopupPanel: g,
-		icon: f?.getIcon() ?? "ScriptInsert",
+		label: g?.getLabel(n) ?? d("insertScript.fallbackLabel"),
+		tooltip: g?.getDescription(),
+		createPopupPanel: S,
+		icon: g?.getIcon() ?? "ScriptInsert",
 		...s
 	});
 })), se = n(r((e, t) => {
 	const { propsCommandButton: r, ...n } = e;
-	return j(E, {
+	return j(P, {
 		ref: t,
 		propsCommandButton: r,
 		renderToolbarPalette: C((e) => {
@@ -296,7 +299,7 @@ var Y = n(r((e, t) => {
 				children: [
 					j("div", { children: j(R, {
 						style: {},
-						children: j(D, {
+						children: j(I, {
 							...t,
 							commandKey: "saveScripts"
 						})
@@ -314,33 +317,33 @@ var Y = n(r((e, t) => {
 }));
 se.displayName = "ScriptEditorToolbar", V();
 var ce = n(r((e, t) => {
-	const { scriptPath: r = ee, onScriptSelect: n, sx: i = k.EmptyCssProperties, className: a, buttonMinWidth: l = 210, buttonMinHeight: s = 80, gap: h = 12, ...g } = e, x = K(), [y, S] = c([]), [v, w] = c(!0), [C, F] = c(null);
+	const { scriptPath: r = ee, onScriptSelect: n, disabled: i = !1, sx: a = k.EmptyCssProperties, className: l, buttonMinWidth: s = 210, buttonMinHeight: h = 80, gap: g = 12, ...x } = e, y = K(), [S, b] = c([]), [w, C] = c(!0), [F, N] = c(null);
 	if (o(() => {
 		(async () => {
 			const e = [{
 				path: null,
 				metadata: {
-					title: x("templateSelect.blankTitle"),
-					summary: x("templateSelect.blankSummary")
+					title: y("templateSelect.blankTitle"),
+					summary: y("templateSelect.blankSummary")
 				},
 				content: ""
 			}];
 			try {
-				w(!0), F(null);
+				C(!0), N(null);
 				const t = await ne(r);
 				for (let r = 0; r < t.length; r++) {
 					const n = t[r];
 					n && e.push(n);
 				}
 			} catch (e) {
-				F(e instanceof Error ? e.message : x("templateSelect.loadFailed")), e instanceof q || console.error("Error loading scripts:", e);
+				N(e instanceof Error ? e.message : y("templateSelect.loadFailed")), e instanceof q || console.error("Error loading scripts:", e);
 			} finally {
-				S(e), w(!1);
+				b(e), C(!1);
 			}
 		})();
-	}, [r, x]), v) return j(p, {
-		className: d(a, "script-select"),
-		...g,
+	}, [r, y]), w) return j(p, {
+		className: d(l, "script-select"),
+		...x,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -348,15 +351,14 @@ var ce = n(r((e, t) => {
 			height: "100%",
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: B,
-			...Array.isArray(i) ? {} : i
-		}, ...Array.isArray(i) ? i : []],
+			...Array.isArray(a) ? {} : a
+		}, ...Array.isArray(a) ? a : []],
 		children: j(u, {})
 	});
-	let N = null;
-	C && (N = H(p, {
-		className: d(a, "script-select", "error-results"),
-		...g,
+	let T = null;
+	F && (T = H(p, {
+		className: d(l, "script-select", "error-results"),
+		...x,
 		sx: [{
 			display: "flex",
 			justifyContent: "center",
@@ -368,44 +370,42 @@ var ce = n(r((e, t) => {
 			padding: (e) => e.spacing(1),
 			border: (e) => `1px solid ${e.palette.error.main}`,
 			borderBottomLeftRadius: 1,
-			borderBottomRightRadius: 1,
-			backgroundImage: B
-		}, ...Array.isArray(i) ? i : [i]],
+			borderBottomRightRadius: 1
+		}, ...Array.isArray(a) ? a : [a]],
 		children: [j(f, {
 			color: "error",
 			variant: "h6",
 			component: "div",
 			gutterBottom: !0,
-			children: x("templateSelect.errorTitle")
+			children: y("templateSelect.errorTitle")
 		}), j(f, {
 			color: "error",
 			component: "div",
-			children: C
+			children: F
 		})]
 	}));
-	const T = (e) => {
+	const D = (e) => {
 		const t = e.metadata?.icon;
-		return "macro" === t ? j(b, {
+		return "macro" === t ? j(v, {
 			iconKey: "ScriptMacro",
 			size: "1em"
-		}) : "formula" === t ? j(b, {
+		}) : "formula" === t ? j(v, {
 			iconKey: "ScriptFormula",
 			size: "1em"
-		}) : "autostart" === t ? j(b, {
+		}) : "autostart" === t ? j(v, {
 			iconKey: "ScriptAutoRun",
 			size: "1em"
 		}) : null;
 	};
 	return H(p, {
 		ref: t,
-		className: d(a, "script-select"),
+		className: d(l, "script-select"),
 		sx: {
 			background: (e) => e.palette.background.paper,
 			zIndex: 1e3,
-			backgroundImage: B,
-			...i
+			...a
 		},
-		...g,
+		...x,
 		children: [H(p, {
 			className: "script-select-content",
 			sx: {
@@ -417,36 +417,37 @@ var ce = n(r((e, t) => {
 				j(f, {
 					variant: "h6",
 					gutterBottom: !0,
-					children: x("templateSelect.title")
+					children: y("templateSelect.title")
 				}),
 				j(f, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro")
+					children: y("templateSelect.intro")
 				}),
 				j(f, {
 					variant: "body2",
 					component: "div",
 					gutterBottom: !0,
 					sx: { color: "text.secondary" },
-					children: x("templateSelect.intro2")
+					children: y("templateSelect.intro2")
 				}),
 				j(p, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
-						gap: `${h}px`,
+						gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
+						gap: `${g}px`,
 						padding: 2,
 						paddingLeft: "0px",
 						paddingRight: "0px"
 					},
-					children: y.map((e, t) => H(m, {
+					children: S.map((e, t) => H(m, {
 						variant: "outlined",
+						disabled: i,
 						sx: {
-							minWidth: l,
-							minHeight: s,
+							minWidth: s,
+							minHeight: h,
 							display: "flex",
 							flexDirection: "column",
 							justifyContent: "flex-start",
@@ -474,8 +475,8 @@ var ce = n(r((e, t) => {
 							children: [j(f, {
 								variant: "subtitle2",
 								component: "div",
-								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || x("templateSelect.untitled")
-							}), T(e)]
+								children: e.metadata?.title || e.path?.split("/").pop()?.replace(/\.\w+$/, "") || y("templateSelect.untitled")
+							}), D(e)]
 						}), e.metadata?.summary && j(f, {
 							variant: "body2",
 							component: "div",
@@ -492,44 +493,44 @@ var ce = n(r((e, t) => {
 					}, `${e.path}-${t}`))
 				})
 			]
-		}), N]
+		}), T]
 	});
 }));
 ce.displayName = "TemplateSelectPanel";
 var de = n(r((e, t) => {
-	const { className: r, sx: n, propsScriptEditor: l, readOnly: m = !1, frame: u, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...v } = e, b = g(), [w, k] = c(!1), F = s(!1), [N, K] = c({
+	const { className: r, sx: n, propsScriptEditor: l, readOnly: m = !1, frame: u, autoFocusSel: x, autoFocus: y = !0, scripts: S, ...b } = e, v = g(), [w, k] = c(!1), F = s(!1), [N, K] = c({
 		message: "Loading",
 		cursor: "",
 		dirty: !1
-	}), [D, P] = c(null);
+	}), [I, L] = c(null);
 	o(() => {
 		let e = !1;
-		return P(null), async function() {
+		return L(null), async function() {
 			if (S && (await S.start(), !e)) {
 				const e = S.getModules().getItems()[0]?.getSource();
-				P({ source: e || null });
+				L({ source: e || null });
 			}
 		}(), () => {
 			e = !0;
 		};
 	}, [S]);
-	const E = i((e) => {
+	const P = i((e) => {
 		K((t) => ({
 			...t,
 			...e
 		}));
-	}, []), L = s(null), [$, R] = c(null), z = s(null), B = C((e) => {
+	}, []), E = s(null), [$, R] = c(null), z = s(null), B = C((e) => {
 		if ($) return $.focus(e), !0;
 		if (x) {
-			const t = L.current?.querySelectorAll?.(x);
+			const t = E.current?.querySelectorAll?.(x);
 			if (t && t.length > 0) return t[0]?.focus?.(e), !0;
 		}
-		return L.current?.focus?.(e), !1;
+		return E.current?.focus?.(e), !1;
 	}, [
 		$,
 		x,
 		y
-	]), A = a(() => j(I, {
+	]), O = a(() => j(D, {
 		transitionDelay: "160ms",
 		style: {
 			position: "absolute",
@@ -537,7 +538,7 @@ var de = n(r((e, t) => {
 			height: "100%"
 		},
 		transparentBackground: !1
-	}), []), O = a(() => j(h, {
+	}), []), A = a(() => j(h, {
 		elevation: 1,
 		tabIndex: 0,
 		sx: {
@@ -551,7 +552,7 @@ var de = n(r((e, t) => {
 			marginBottom: (e) => e.spacing(1)
 		},
 		children: j(se, {})
-	}), [b]), M = a(() => j(p, {
+	}), [v]), M = a(() => j(p, {
 		className: d("script-status-panel", "status-panel"),
 		sx: {
 			display: "flex",
@@ -564,7 +565,7 @@ var de = n(r((e, t) => {
 			paddingTop: "1px",
 			minHeight: "calc(1em + 8px)",
 			margin: 0,
-			borderTop: `solid 1px ${b.palette.divider}`
+			borderTop: `solid 1px ${v.palette.divider}`
 		},
 		children: H("div", {
 			style: {
@@ -630,7 +631,7 @@ var de = n(r((e, t) => {
 			boxSizing: "border-box"
 		},
 		children: [
-			O,
+			A,
 			j(p, {
 				sx: {
 					display: "flex",
@@ -641,34 +642,34 @@ var de = n(r((e, t) => {
 					boxSizing: "border-box"
 				},
 				children: j(G, {
-					ref: L,
-					loadingPanel: A,
+					ref: E,
+					loadingPanel: O,
 					readOnly: m,
 					frame: u,
 					scripts: S,
 					autoFocus: y,
-					onStatusChange: E,
-					darkMode: "dark" === b.palette.mode,
+					onStatusChange: P,
+					darkMode: "dark" === v.palette.mode,
 					...l
 				})
 			}),
 			M
 		]
 	}), [
-		b,
-		O,
+		v,
+		A,
 		M,
 		w,
-		A,
+		O,
 		m,
 		l,
 		y,
 		x,
 		u,
-		E
+		P
 	]), U = a(() => {
 		let e;
-		return null === D ? A : (null === D.source && (e = j(ce, {
+		return null === I ? O : (null === I.source && (e = j(ce, {
 			sx: {
 				display: "flex",
 				flex: "1 1 100%",
@@ -679,8 +680,9 @@ var de = n(r((e, t) => {
 				width: "100%",
 				height: "100%"
 			},
+			disabled: m,
 			onScriptSelect: (e) => {
-				L.current?.insertSnippet(e.content), P({ source: e.content ?? "" }), requestAnimationFrame(() => L.current?.focus());
+				E.current?.insertSnippet(e.content), L({ source: e.content ?? "" }), requestAnimationFrame(() => E.current?.focus());
 			}
 		})), j(p, {
 			tabIndex: 0,
@@ -696,7 +698,7 @@ var de = n(r((e, t) => {
 				outline: "none"
 			},
 			onPointerDown: (e) => {
-				e.isDefaultPrevented() || L.current?.focus();
+				e.isDefaultPrevented() || E.current?.focus();
 			},
 			children: H(p, {
 				sx: {
@@ -717,11 +719,12 @@ var de = n(r((e, t) => {
 			})
 		}));
 	}, [
-		O,
+		A,
 		W,
 		r,
-		D,
-		A
+		I,
+		O,
+		m
 	]), q = T(t, () => ({
 		isScriptWorkspaceElement: () => !0,
 		focus: (e) => {
@@ -737,12 +740,12 @@ var de = n(r((e, t) => {
 			...n
 		},
 		ref: q,
-		...v,
+		...b,
 		onFocus: (e) => {
-			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !z.current && (z.current = e.relatedTarget), v?.onFocus?.(e);
+			k(!0), F.current = !0, q.current?.contains(e.target) && e.target !== q.current && R(e.target), e.relatedTarget && !z.current && (z.current = e.relatedTarget), b?.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (z.current = null, F.current = !1, k(!1)), v?.onBlur?.(e);
+			q?.current?.contains(e.relatedTarget) || q?.current === e.relatedTarget || (z.current = null, F.current = !1, k(!1)), b?.onBlur?.(e);
 		},
 		children: U
 	});
@@ -774,12 +777,12 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue,
 		})]
 	}) : t;
 }, ye = (e) => {
-	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e;
-	return j(ge, { children: j(de, {
+	const { model: t, entryKey: r, frame: n, ref: i, ...o } = e, a = M() ?? t;
+	return A(a, ["onProtectionChange"]), j(ge, { children: j(de, {
 		ref: i,
-		readOnly: !1,
+		readOnly: a?.getScripts().isReadOnly() ?? !1,
 		frame: n,
-		scripts: (M() ?? t)?.getScripts(),
+		scripts: a?.getScripts(),
 		...o
 	}) });
 }, Se = n((e) => {
@@ -804,10 +807,10 @@ var { FocusActivation: pe, CommandScopeProvider: me, CommandAnchorProvider: ue,
 		s,
 		a,
 		n
-	]), d ? H(W, { children: [j(L, {}), j(Y, { ...r })] }) : null;
+	]), d ? H(W, { children: [j(E, {}), j(Y, { ...r })] }) : null;
 });
 Se.displayName = "RunScriptContribution", V();
-var ve = n(r((e, r) => {
+var be = n(r((e, r) => {
 	const { ...n } = e, i = M(), a = K(), [l, s] = c([]);
 	o(() => {
 		const e = i?.getScripts();
@@ -831,12 +834,12 @@ var ve = n(r((e, r) => {
 	}, m = [], u = l ? l.length : 0;
 	for (let e = 0; e < u; e++) {
 		const t = l[e];
-		m.push(j(D, {
+		m.push(j(I, {
 			...d,
 			commandKey: "insertFunction",
 			commandState: t,
 			propsTooltip: { description: a("insertFunction.insertNamed", { name: t.getName() ?? a("insertFunction.fallbackLabel") }) },
-			icon: j(b, { iconKey: "FormulaCustom" }),
+			icon: j(v, { iconKey: "FormulaCustom" }),
 			label: t.getName() ?? a("insertFunction.fallbackLabel")
 		}, `function-${t.getName()}-${e}`));
 	}
@@ -854,7 +857,7 @@ var ve = n(r((e, r) => {
 				flex: "1 1 100%"
 			},
 			children: m
-		}), j(L, { orientation: "horizontal" })] }) : null, t(D, {
+		}), j(E, { orientation: "horizontal" })] }) : null, t(I, {
 			...d,
 			key: "show-editor",
 			commandKey: "showScriptEditor"
@@ -865,14 +868,14 @@ var ve = n(r((e, r) => {
 		children: h
 	});
 }));
-ve.displayName = "InsertFunctionPopupPanel";
-var be = n(r((e, t) => {
+be.displayName = "InsertFunctionPopupPanel";
+var ve = n(r((e, t) => {
 	const { disabled: r, groupKey: n, ...o } = e, a = F("customFunctionOptions");
-	return j(P, {
+	return j(L, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: i((e) => {
-			const t = j(ve, {
+			const t = j(be, {
 				disabled: r,
 				groupKey: n,
 				...e
@@ -888,9 +891,9 @@ var be = n(r((e, t) => {
 		...o
 	});
 }));
-be.displayName = "InsertFunctionContribution";
+ve.displayName = "InsertFunctionContribution";
 var we = () => {
-	J(), v.register("plugin-scripts", { icons: {} }), A.registerTaskPane({
+	J(), b.register("plugin-scripts", { icons: {} }), B.registerTaskPane({
 		key: "scriptEditor",
 		getTitle: () => "Script (Typescript)",
 		getIcon: () => "ScriptRun",
@@ -914,7 +917,7 @@ var we = () => {
 			anchor: "formulaCategory.web",
 			order: 1
 		} },
-		render: (t) => e.createElement(be, { ...t })
+		render: (t) => e.createElement(ve, { ...t })
 	}, !0);
 };
 export { le as InsertScriptCommandButton, Y as RunScriptCommandButton, se as ScriptEditorToolbar, ye as ScriptTaskPane, de as ScriptWorkspace, we 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.1",
+  "version": "0.8.0-beta.2",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "exports": {
@@ -38,13 +38,13 @@
     "automation"
   ],
   "dependencies": {
-    "@sheetxl/react": "^0.8.0-beta.1",
-    "@sheetxl/scripting-react": "^0.8.0-beta.1",
-    "@sheetxl/sdk": "^0.8.0-beta.1",
-    "@sheetxl/studio-mui": "^0.8.0-beta.1",
-    "@sheetxl/utils": "^0.8.0-beta.1",
-    "@sheetxl/utils-mui": "^0.8.0-beta.1",
-    "@sheetxl/utils-react": "^0.8.0-beta.1",
+    "@sheetxl/react": "^0.8.0-beta.2",
+    "@sheetxl/scripting-react": "^0.8.0-beta.2",
+    "@sheetxl/sdk": "^0.8.0-beta.2",
+    "@sheetxl/studio-mui": "^0.8.0-beta.2",
+    "@sheetxl/utils": "^0.8.0-beta.2",
+    "@sheetxl/utils-mui": "^0.8.0-beta.2",
+    "@sheetxl/utils-react": "^0.8.0-beta.2",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {

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

@@ -1,6 +1,8 @@
 {
   "insertFunction.fallbackLabel": "Funktion",
   "insertFunction.insertNamed": "{name} einfügen",
+  "insertScript.fallbackLabel": "Skript einfügen",
+  "insertScript.loading": "Wird geladen...",
   "runScript.executeNamed": "{name} ausführen",
   "runScript.fallbackLabel": "Makro",
   "templateSelect.blankSummary": "Mit einem leeren Skript beginnen.",

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

@@ -1,6 +1,8 @@
 {
   "insertFunction.fallbackLabel": "Function",
   "insertFunction.insertNamed": "Insert {name}",
+  "insertScript.fallbackLabel": "Insert Script",
+  "insertScript.loading": "Loading...",
   "runScript.executeNamed": "Execute {name}",
   "runScript.fallbackLabel": "Macro",
   "templateSelect.blankSummary": "Start with an empty script.",

package/types/src/template/TemplateSelectPanel.d.ts

@@ -14,6 +14,11 @@ export interface TemplateSelectPanelProps extends React.HTMLAttributes<HTMLDivEl
      * Called when a script button is clicked
      */
     onScriptSelect?: (file: DirectoryFile) => void;
+    /**
+     * Disables every template, for scripts that cannot be changed.
+     * @defaultValue false
+     */
+    disabled?: boolean;
     /**
      * Additional class name
      */