@sheetxl/studio-vanilla 0.6.5 → 0.6.7

package/{cdn/assets/CWPiSqGk_qGiuLTG.js → browser/esm/DvDXwlRVOM7de1QK.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BSsqSjmoZaq9VjJ_.mjs → DxjMGNLar5dDlfH_.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/{cdn/assets/DvN21qGioKQrYwy6.js → browser/esm/E33ZqiZAVm4cVSiH.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.7
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{C30vxb2B-wCWYHyT.mjs → I3vLnXgPWzkEMtym.mjs}

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