@sheetxl/studio-vanilla 0.8.0-beta.6 → 0.8.0-beta.7

package/browser/cjs/{DcpQZyU6Dg7WiWza2.cjs → BCm6d5TSyOWIner52.cjs}

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