@sheetxl/studio-vanilla 0.4.10 → 0.4.12

package/browser/esm/Bts4nCgfCAUpTfxz.mjs

@@ -0,0 +1,7 @@
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+import{r as e,al as t,a8 as a,am as s,an as n,a3 as o,j as i,V as l,D as r,B as c,ao as d,ap as g,ak as m,aq as x,ar as p,as as u,aa as h,at as f,au as y}from"./C3cyAbIH8Qc8MIFN.mjs";const j=e.memo(j=>{const{title:b,onHide:w,autoFocusSel:S=".range-input input",context:C,notifier:N=t,command:R,commands:v,...T}=j,[D,F]=e.useState(!1),[B,H]=e.useState(!1),I=e.useRef(null),[P,z]=e.useReducer(e=>e+1,0),[L,{width:O}]=a();s(R);const E=C??R.context(),M=E.table(),[A,V]=e.useState(()=>M?E.getNames().getRanges(M.getRange()):null),W=e.useMemo(()=>M?.getName()??"",[M]);n(E.table(),{onAnchorCoordsChange(e){V(E.getNames().getRanges(e.getRange()))},onProtectedChange(e){z()}});const k=o(e=>{E?.table().setName(e)},[E]),q=o(e=>{E?.table().resize(e.at(0))},[E]);let G=null;return E.table()||(G=i.jsx("div",{style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",opacity:1,display:"flex",alignItems:"center",justifyItems:"center",justifyContent:"center",boxSizing:"border-box"},children:i.jsx("div",{children:"No table selected"})})),i.jsx(l,{ref:I,title:b??"Table Details",initialPosition:{y:"35"},autoFocusSel:S,onHide:w,onFocus:()=>F(!0),onBlur:e=>{I?.current?.contains(e.relatedTarget)||F(!1)},PaperProps:{elevation:D?3:1},...T,children:i.jsxs(r,{dividers:!0,ref:L,sx:{display:"flex",flexDirection:"column",position:"relative",paddingLeft:e=>e.spacing(1.5),paddingRight:e=>e.spacing(1.5)},children:[i.jsxs(c,{sx:{display:"flex",flexDirection:"column",transition:"opacity 60ms",opacity:E.table()?1:0},children:[i.jsx(c,{sx:{display:"flex",flexDirection:"row",gap:e=>e.spacing(1)},children:i.jsx(c,{sx:{display:"flex",flexDirection:"column",maxWidth:"100%",boxSizing:"border-box",paddingLeft:e=>e.spacing(2),paddingRight:e=>e.spacing(2)},children:i.jsxs(c,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[i.jsx(d,{formName:"name",defaultInput:W,value:M?.getName()??"No table",onChangeInput:k,onValidate:e=>{M&&M.getName().toLowerCase()===e.toLowerCase()||E?.getNames().validateName(e)},disabled:M?.isProtected()??!0,onFocus:e=>{B||e.target?.select(),H(!0)}}),i.jsx(g,{formName:"range",value:A,onChangeInput:q,resolvedAddress:E.getNames().getRanges.bind(E.getNames()),disabled:M?.isProtected()??!0,onFocus:e=>{B||e.target?.select(),H(!0)}})]})})}),i.jsxs(c,{sx:{minHeight:"10px",flex:"1 1 100%",display:"flex",flexDirection:"column",gap:e=>e.spacing(.5),marginTop:e=>e.spacing(1)},children:[i.jsx(m,{orientation:"horizontal",sx:{marginTop:e=>e.spacing(1.5),marginBottom:e=>e.spacing(.75)}}),i.jsx(x,{disabled:M?.isProtected(),styleOptions:M?.getStyleOptions()??null,onStyleOptionsChange:e=>{M.updateStyleOptions(e)},showHeaderRow:M?.getShowHeaders(),onShowHeaderRowChange:e=>{try{M.setShowHeaders(e)}catch(e){N.showError(e)}},showTotalRow:M?.getShowTotals(),onShowTotalRowChange:e=>{try{M.setShowTotals(e)}catch(e){N.showError(e)}},showFilterButton:M?.getFilter()?M.getShowFilterButton():null,onShowFilterButtonChange:e=>{try{M.setShowFilterButton(e)}catch(e){N.showError(e)}}}),i.jsx(c,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",marginTop:e=>e.spacing(2),marginBottom:e=>e.spacing(1)},children:i.jsx(p,{table:M,styles:E.styles(),bodyStyle:E.bodyStyle(),cellHeight:30,isLive:!0})}),i.jsx(m,{orientation:"horizontal"}),i.jsxs(c,{sx:{display:"flex",flexDirection:"column",justifyContent:"center"},children:[i.jsx(u,{variant:f.Menuitem,command:v.getCommand("convertTableToRange"),commandState:M,icon:h(i.jsx(y,{}))}),i.jsx(u,{variant:f.Menuitem,commandState:M,command:v.getCommand("deleteTable"),icon:h(i.jsx(y,{}))})]})]})]}),G]})})});export{j as TableDetailsWindow,j as default};