@sheetxl/studio-vanilla 0.8.0-beta.4 → 0.8.0-beta.5

package/browser/cjs/{DnjrhTDYSGg20fYP.cjs → DWyFHz2jCB9Ej_YQ.cjs}

@@ -1,4 +1,4 @@
-const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./DrdQTBiFulmvlRaX.cjs"),r=require("./CPcBvw4ZPwHVTUZF.cjs");var i=e.r(t.i(),1),a=e.r(t.r(),1),o=e.r(t.n(),1),s=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function c(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function l(e){return`nodeType`in e}function u(e){var t;return e?c(e)?e:l(e)&&(t=e.ownerDocument?.defaultView)!=null?t:window:window}function d(e){let{Document:t}=u(e);return e instanceof t}function f(e){return!c(e)&&e instanceof u(e).HTMLElement}function p(e){return e instanceof u(e).SVGElement}function m(e){return e?c(e)?e.document:l(e)?d(e)?e:f(e)||p(e)?e.ownerDocument:document:document:document}var h=s?i.useLayoutEffect:i.useEffect;function g(e){let t=(0,i.useRef)(e);return h(()=>{t.current=e}),(0,i.useCallback)(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function _(e,t){t===void 0&&(t=[e]);let n=(0,i.useRef)(e);return h(()=>{n.current!==e&&(n.current=e)},t),n}function v(e,t){let n=(0,i.useRef)();return(0,i.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function y(e){let t=g(e),n=(0,i.useRef)(null);return[n,(0,i.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function b(e){let t=(0,i.useRef)();return(0,i.useEffect)(()=>{t.current=e},[e]),t.current}var x={};function S(e,t){return(0,i.useMemo)(()=>{if(t)return t;let n=x[e]==null?0:x[e]+1;return x[e]=n,e+`-`+n},[e,t])}function C(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var w=C(1),T=C(-1);function E(e){if(!e)return!1;let{KeyboardEvent:t}=u(e.target);return t&&e instanceof t}function D(e){if(function(e){if(!e)return!1;let{TouchEvent:t}=u(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return`clientX`in e&&`clientY`in e}(e)?{x:e.clientX,y:e.clientY}:null}var O=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[O.Translate.toString(e),O.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),k=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function A(e){return e.matches(k)?e:e.querySelector(k)}var ee={display:`none`};function te(e){let{id:t,value:n}=e;return i.createElement(`div`,{id:t,style:ee},n)}function j(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return i.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}var M,N,ne=(0,i.createContext)(null),re={draggable:`
+const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./DWaaProrT5w4AQi4.cjs"),r=require("./CPcBvw4ZPwHVTUZF.cjs");var i=e.r(t.i(),1),a=e.r(t.r(),1),o=e.r(t.n(),1),s=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function c(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function l(e){return`nodeType`in e}function u(e){var t;return e?c(e)?e:l(e)&&(t=e.ownerDocument?.defaultView)!=null?t:window:window}function d(e){let{Document:t}=u(e);return e instanceof t}function f(e){return!c(e)&&e instanceof u(e).HTMLElement}function p(e){return e instanceof u(e).SVGElement}function m(e){return e?c(e)?e.document:l(e)?d(e)?e:f(e)||p(e)?e.ownerDocument:document:document:document}var h=s?i.useLayoutEffect:i.useEffect;function g(e){let t=(0,i.useRef)(e);return h(()=>{t.current=e}),(0,i.useCallback)(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function _(e,t){t===void 0&&(t=[e]);let n=(0,i.useRef)(e);return h(()=>{n.current!==e&&(n.current=e)},t),n}function v(e,t){let n=(0,i.useRef)();return(0,i.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function y(e){let t=g(e),n=(0,i.useRef)(null);return[n,(0,i.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function b(e){let t=(0,i.useRef)();return(0,i.useEffect)(()=>{t.current=e},[e]),t.current}var x={};function S(e,t){return(0,i.useMemo)(()=>{if(t)return t;let n=x[e]==null?0:x[e]+1;return x[e]=n,e+`-`+n},[e,t])}function C(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var w=C(1),T=C(-1);function E(e){if(!e)return!1;let{KeyboardEvent:t}=u(e.target);return t&&e instanceof t}function D(e){if(function(e){if(!e)return!1;let{TouchEvent:t}=u(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return`clientX`in e&&`clientY`in e}(e)?{x:e.clientX,y:e.clientY}:null}var O=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[O.Translate.toString(e),O.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),k=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function A(e){return e.matches(k)?e:e.querySelector(k)}var ee={display:`none`};function te(e){let{id:t,value:n}=e;return i.createElement(`div`,{id:t,style:ee},n)}function j(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return i.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}var M,N,ne=(0,i.createContext)(null),re={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.

package/browser/cjs/DXs9xla8JSLmvscc2.cjs

@@ -0,0 +1 @@
+const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./DWaaProrT5w4AQi4.cjs"),r=require("./C2xqrjnwNc6jmaeh.cjs"),i=require("./Ck-uFI-6VF3NMr4v.cjs"),a=require("./DaWlsfheBCsinBpg.cjs"),o=require("./GCXpCGPZN9vgoEGL.cjs");var s=e.r(t.i(),1),c=e.r(t.r(),1),l=[`Ok`,`Cancel`],u=(0,s.memo)(e=>{let{initialValue:t=null,context:u,onOption:d,onValidateOption:f,onDone:p,onInput:m,options:h=l,defaultOption:g=h?.[0],cancelOption:_=`Cancel`,sx:v,...y}=e,b=n.Tt(),x=(0,s.useMemo)(()=>u?.().getNames().findValidName(`Range1`),[]),S=(0,s.useMemo)(()=>{if(!t)return!0},[]),[C,w]=(0,s.useState)({displayText:t?.getName()??x,errorText:null}),[T,E]=(0,s.useState)(()=>({displayValue:t?.getRanges?.()??u?.()?.selection()??null,errorText:null})),[D,O]=(0,s.useState)(!1),k=r.ct().getMode()?.mode===`point`,A=(0,s.useCallback)(async e=>!C.errorText&&!T.errorText,[]),j=n.X((e,n,r)=>{if(!n){let e=C?.displayText??``,n=(i=T?.displayValue??null)==null?null:typeof i==`string`?i:i.isICellRanges?i.toString():i.getExpression(),r=null;if(S||!t)n&&(r=u?.()?.getNames().addFormula(e,n,!1)??null);else{let i=t;i.setExpression&&t.doBatch(()=>{t.setName(e),n&&i.setExpression(n)},b(`op.editNamedItem`,{name:e})),r=t}r&&(r.select(),m?.(r))}var i;d?.(e,n,r),p?.()},[u,C,T,p,d,g,_,m]),M=n.X(e=>{let t=null;try{u?.().getNames().validateName(e)}catch(e){let n=e?.message;t=n&&b(n)}w({displayText:e,errorText:t})},[]),N=n.X(e=>{t&&t.getName().toLowerCase()===e.toLowerCase()||u?.().getNames().validateName(e)},[u,t]),P=(0,s.useCallback)(e=>{E({displayValue:e??null,errorText:null})},[]);return(0,c.jsx)(i.v,{title:b(S?`namedRange.titleDefine`:`namedRange.titleEdit`),options:h,onOption:j,onValidateOption:A,defaultOption:g,cancelOption:_,autoFocusSel:`.autoFocus`,suspendModal:k,sx:{width:`460px`,...v},...y,children:(0,c.jsxs)(n.t,{sx:{paddingTop:e=>e.spacing(1),paddingBottom:e=>e.spacing(0),rowGap:e=>e.spacing(1),range:`flex`,flexDirection:`column`},children:[(0,c.jsx)(o.t,{sx:{paddingTop:e=>e.spacing(1.5)},formName:`name`,defaultInput:x,value:C.displayText,onChangeInput:M,onValidate:N,onFocus:e=>{D||e.target?.select(),O(!0)}}),(0,c.jsx)(a.t,{grammar:`reference`,formName:`range`,value:T.displayValue,onChangeInput:P,pickAs:`absolute`,allowMulti:!0,onFocus:e=>{D||e.target?.select(),O(!0)}})]})})});exports.NamedReferenceDialog=u,exports.default=u;

package/browser/cjs/DaWlsfheBCsinBpg.cjs

@@ -0,0 +1 @@
+const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./CjqMMBQ8Kk0moB_z.cjs"),r=require("./DWaaProrT5w4AQi4.cjs"),i=require("./CPcBvw4ZPwHVTUZF.cjs"),a=require("./C2xqrjnwNc6jmaeh.cjs"),ee=require("./BGWllzPl0ZZpYb85.cjs"),te=require("./BmP-beLcejV6RRzL.cjs"),o=require("./i2rygY6lV8CpJIBa.cjs"),ne=require("./CS4wNxH88XJVjGU0.cjs");var s=e.r(t.i(),1),c=e.r(t.r(),1),l=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;s.createContext(null).displayName=`HookFormControlContext`,l?s.useLayoutEffect:s.useEffect;var u=s.createContext(null);u.displayName=`HookFormContext`;var d=()=>s.useContext(u),f=e=>{e.button===0&&e.preventDefault()},p=`20px`,m=`4px`,h=`calc(${p} + ${m})`,g=(0,s.memo)((0,s.forwardRef)((e,t)=>{let{grammar:l=`formula`,formName:u,formOptions:h,disabled:g,className:re,sx:ie,onKeyDown:_,onFocus:v,value:y,onChangeInput:b,onChangeText:x,onDone:S,changeOn:C,apiRef:ae,workbook:w,home:T,equals:oe,pickAs:se,pickSpills:ce,allowMulti:le,allowCrossSheet:E,label:D,labelPlacement:ue=`floating`,placeholder:de,helperText:O,showError:fe=!0,onChangeError:k,validationError:A,hideAdornment:j,classNameInput:M,argument:N,id:P,...F}=e,I=r.Tt(),L=ue===`above`,R=(0,s.useId)(),z=P??R,B=l===`formula`,V=D===void 0?I(B?`formulaInput.label`:`rangeInput.label`):D,pe=de??I(B?`formulaInput.placeholder`:`rangeInput.placeholder`),H=d(),U=u&&H?H.register(u,h):null,W=a.nt({value:y,onChange:b,onChangeText:x,onDone:S,changeOn:C,workbook:w,home:T,equals:oe,pickAs:se,pickSpills:ce,allowMulti:le,allowCrossSheet:E,disabled:g},l);(0,s.useImperativeHandle)(ae,()=>W,[W]);let G=a.O({api:W,grammar:l,disabled:g,workbook:w,home:T,argument:N}),K=!!W.error&&!G.inputExpected,q=K||!!A,me=fe&&q?I(K?W.error:A):O===void 0?` `:O,J=(0,s.useRef)(H);J.current=H;let Y=(0,s.useRef)(k);Y.current=k;let X=(0,s.useRef)(null),Z=K?W.error:null,Q=(0,s.useRef)(null);(0,s.useEffect)(()=>{Z!==Q.current&&(Q.current=Z,Y.current?.(Z))},[Z]),(0,s.useEffect)(()=>{if(W.error===X.current||(X.current=W.error,!u))return;let e=J.current;e&&(W.error?e.setError(u,{message:W.error}):e.clearErrors(u))},[W.error,u]);let $=!!S,he=(0,s.useMemo)(()=>j?void 0:(0,c.jsx)(ne.t,{tabIndex:-1,onMouseDown:f,sx:{display:`flex`,position:`relative`,flex:`0`},position:`end`,children:W.engaged&&$?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.T,{dense:!0,outlined:!1,color:`primary`,"aria-label":`commit-reference`,icon:(0,c.jsx)(n.r,{iconKey:`CheckSuccess`}),propsTooltip:{label:I(`referenceInput.commit`),simple:!0},disabled:!!W.error,tabIndex:-1,onMouseDown:f,onClick:()=>{W.commit()}}),(0,c.jsx)(o.T,{dense:!0,outlined:!1,color:`warning`,"aria-label":`cancel-reference`,icon:(0,c.jsx)(n.r,{iconKey:`CloseError`}),propsTooltip:{label:I(`referenceInput.cancel`),simple:!0},tabIndex:-1,onMouseDown:f,onClick:()=>{W.cancel()}})]}):(0,c.jsx)(o.T,{dense:!0,outlined:!1,disabled:g||!W.canSelectCurrent,sx:{"&.Mui-disabled":{opacity:.35}},"aria-label":`select-current-range`,icon:(0,c.jsx)(n.r,{iconKey:`SelectRangeMode`}),propsTooltip:{label:I(`referenceInput.selectCurrent`),simple:!0},tabIndex:-1,onMouseDown:f,onClick:()=>{W.engaged||W.togglePoint(),W.selectCurrent()}})}),[j,g,$,W.engaged,W.canSelectCurrent,W.togglePoint,W.selectCurrent,W.commit,W.cancel,!!W.error]);return(0,c.jsxs)(ee._,{sx:{minWidth:135,width:`100%`,...ie},size:`small`,ref:e=>{G.containerRef.current=e,typeof t==`function`?t(e):t&&(t.current=e)},className:i.t(`sxl-formula-field`,re),"data-grammar":l,...F,children:[L?(0,c.jsx)(r.t,{component:`label`,htmlFor:z,sx:{lineHeight:p,marginBottom:m,paddingLeft:`14px`,display:`flex`,alignItems:`center`,gap:`4px`,overflow:`hidden`,whiteSpace:`nowrap`,fontSize:`0.8rem`,color:g?`text.disabled`:`text.primary`},children:V}):null,(0,c.jsx)(te.t,{id:z,label:L?void 0:V,placeholder:pe,disabled:g,error:q,helperText:me,sx:{"& .MuiFormHelperText-root":{marginTop:m,...L?{lineHeight:p}:null}},slotProps:{input:{endAdornment:he},inputLabel:{shrink:!0},htmlInput:{className:M,spellCheck:!1,autoComplete:`off`,readOnly:g||W.inputProps.readOnly,name:u,sx:{paddingTop:e=>e.spacing(L||V==null?1:1.25),paddingBottom:e=>e.spacing(L||V==null?1:.75),...G.overlayActive?{color:`transparent`,caretColor:e=>e.palette.text.primary}:null},onSelect:e=>{W.inputProps.onSelect(e),G.inputHandlers.onSelect(e)},onScroll:G.inputHandlers.onScroll,onMouseMove:G.inputHandlers.onMouseMove,onMouseLeave:G.inputHandlers.onMouseLeave,onDragStart:G.inputHandlers.onDragStart}},value:W.inputProps.value,inputRef:e=>{G.inputElRef.current=e,W.inputProps.ref(e),U?.ref&&U.ref(e)},onChange:e=>{W.inputProps.onChange(e),G.inputHandlers.onSelect(e),U?.onChange(e)},onKeyDown:e=>{G.handleKeyDown(e)||(W.inputProps.onKeyDown(e),e.defaultPrevented||_?.(e))},onPointerDown:G.inputHandlers.onPointerDown,onMouseDown:W.inputProps.onMouseDown,onFocus:e=>{W.inputProps.onFocus(e),v?.(e)},onBlur:e=>{W.inputProps.onBlur(e),U?.onBlur(e)},onContextMenu:e=>{e.stopPropagation()}}),G.overlayElement,G.tipElement,G.hintElement]})}));g.displayName=`FormulaField`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/browser/cjs/{e4jYID_FHS7YL-b22.cjs → DdaTLh6vF5y310CX2.cjs}

@@ -1 +1 @@
-const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./DrdQTBiFulmvlRaX.cjs"),r=require("./CIDcABwPAtKB7XVf.cjs"),i=require("./ZsgZv9u2bNY2LY78.cjs"),a=require("./DlAHUQXBMc-ZTn_c.cjs");var o=e.r(t.i(),1),s=e.r(t.r(),1);exports.default=e=>{let{title:t,templatePath:c,onSelectTemplate:l,showAtStartup:u,onShowAtStartupChange:d,sx:f,...p}=e,m=n.Ot(),h=a.a({path:c}),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(``),b=!!v.trim(),x=(0,o.useMemo)(()=>{if(!g&&!b)return;let e=new Map(h.categories.map(e=>[e.id,e]));return t=>(!g||t.category===g)&&a.t(t,v,e.get(t.category))},[g,v,b,h.categories]),[S,C]=(0,o.useState)(u),w=(0,o.useCallback)(e=>{C(e),d?.(e)},[d]),T=(0,o.useCallback)(e=>{l?.(e)},[l]);return(0,s.jsxs)(r.i,{isModal:!0,sx:{width:`860px`,...f},title:t??m(`dialog.template.title`),autoFocusSel:`.template-tile`,...p,children:[(0,s.jsxs)(r.C,{dividers:!0,sx:{display:`flex`,flexDirection:`column`,gap:1.5,maxHeight:`calc(100vh - 160px)`},children:[(0,s.jsxs)(n.t,{sx:{display:`flex`,flexWrap:`wrap`,alignItems:`flex-start`,columnGap:2,rowGap:1},children:[h.categories.length>1?(0,s.jsxs)(n.t,{role:`toolbar`,"aria-label":m(`dialog.template.categories`),sx:{display:`flex`,flexWrap:`wrap`,gap:1,flex:`1 1 0`,minWidth:`200px`},children:[(0,s.jsx)(r.k,{label:m(`dialog.template.all`),color:g===null?`primary`:`default`,variant:g===null?`filled`:`outlined`,onClick:()=>_(null)}),h.categories.map(e=>(0,s.jsx)(r.k,{label:e.title,title:e.description,color:g===e.id?`primary`:`default`,variant:g===e.id?`filled`:`outlined`,onClick:()=>_(e.id)},e.id))]}):null,(0,s.jsx)(a.r,{value:v,onChange:y,sx:{flex:`0 1 220px`,minWidth:`180px`,marginLeft:`auto`}})]}),(0,s.jsx)(a.i,{catalog:h,filter:x,emptyLabel:b?m(`template.noMatches`):void 0,visibleRows:2,onSelect:T,sx:{flex:`1 1 auto`,overflow:`auto`}})]}),S===void 0?null:(0,s.jsx)(r.w,{sx:{justifyContent:`flex-start`,paddingX:3,paddingY:.5},children:(0,s.jsx)(i.t,{control:(0,s.jsx)(i.n,{size:`small`,checked:S,onChange:e=>w(e.target.checked)}),label:(0,s.jsx)(r.N,{variant:`body2`,children:m(`template.showAtStartup`)})})})]})};
+const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./DWaaProrT5w4AQi4.cjs"),r=require("./Ck-uFI-6VF3NMr4v.cjs"),i=require("./K-menOImhm6Qcwkr.cjs"),a=require("./A1Gu5kAMj0Iicl_T.cjs");var o=e.r(t.i(),1),s=e.r(t.r(),1);exports.default=e=>{let{title:t,templatePath:c,onSelectTemplate:l,showAtStartup:u,onShowAtStartupChange:d,sx:f,...p}=e,m=n.Tt(),h=a.a({path:c}),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(``),b=!!v.trim(),x=(0,o.useMemo)(()=>{if(!g&&!b)return;let e=new Map(h.categories.map(e=>[e.id,e]));return t=>(!g||t.category===g)&&a.t(t,v,e.get(t.category))},[g,v,b,h.categories]),[S,C]=(0,o.useState)(u),w=(0,o.useCallback)(e=>{C(e),d?.(e)},[d]),T=(0,o.useCallback)(e=>{l?.(e)},[l]);return(0,s.jsxs)(r.i,{isModal:!0,sx:{width:`860px`,...f},title:t??m(`dialog.template.title`),autoFocusSel:`.template-tile`,...p,children:[(0,s.jsxs)(r.C,{dividers:!0,sx:{display:`flex`,flexDirection:`column`,gap:1.5,maxHeight:`calc(100vh - 160px)`},children:[(0,s.jsxs)(n.t,{sx:{display:`flex`,flexWrap:`wrap`,alignItems:`flex-start`,columnGap:2,rowGap:1},children:[h.categories.length>1?(0,s.jsxs)(n.t,{role:`toolbar`,"aria-label":m(`dialog.template.categories`),sx:{display:`flex`,flexWrap:`wrap`,gap:1,flex:`1 1 0`,minWidth:`200px`},children:[(0,s.jsx)(r.k,{label:m(`dialog.template.all`),color:g===null?`primary`:`default`,variant:g===null?`filled`:`outlined`,onClick:()=>_(null)}),h.categories.map(e=>(0,s.jsx)(r.k,{label:e.title,title:e.description,color:g===e.id?`primary`:`default`,variant:g===e.id?`filled`:`outlined`,onClick:()=>_(e.id)},e.id))]}):null,(0,s.jsx)(a.r,{value:v,onChange:y,sx:{flex:`0 1 220px`,minWidth:`180px`,marginLeft:`auto`}})]}),(0,s.jsx)(a.i,{catalog:h,filter:x,emptyLabel:b?m(`template.noMatches`):void 0,visibleRows:2,onSelect:T,sx:{flex:`1 1 auto`,overflow:`auto`}})]}),S===void 0?null:(0,s.jsx)(r.w,{sx:{justifyContent:`flex-start`,paddingX:3,paddingY:.5},children:(0,s.jsx)(i.t,{control:(0,s.jsx)(i.n,{size:`small`,checked:S,onChange:e=>w(e.target.checked)}),label:(0,s.jsx)(r.N,{variant:`body2`,children:m(`template.showAtStartup`)})})})]})};