@sheetxl/studio-vanilla 0.4.13 → 0.4.15

package/{cdn/assets/BDE7FUo2oiivrvBL.js → browser/esm/C0KLnjyGhfqKP-3J.mjs}

@@ -1,24 +1,22 @@
-import { a as r } from "./CR01MBraUPYPpwy4.js";
-import { r as n } from "./BlYoycYtR-sUp0iC.js";
-import { ac as p, s as b, B as k, ay as B, az as I } from "./B_2bXmyji3Dr7LRM.js";
+import { r as n, af as p, j as r, p as S, B as b, aB as k, aC as I } from "./Beqd_eZheAqcy9eR.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const E = ["Ok", "Cancel"], G = n.memo((V) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: m, onUpdate: g, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...h } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+const E = ["Ok", "Cancel"], A = n.memo((O) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: V, ...h } = O, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
     if (!a) return !0;
-  }, []), [l, R] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), w = p((e, o, u) => {
+  }, []), [l, R] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, C] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), w = p((e, o, u) => {
     if (!o) {
       let i = null;
       d ? i = t?.getNames().addReference(l?.displayText, s?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
         a.setName(l?.displayText), a.setReference(s?.displayValue);
-      }, `Edit Named '${l?.displayText}'`), i = a), i && (i.select(), g(i, d));
+      }, `Edit Named '${l?.displayText}'`), i = a), i && (i.select(), m(i, d));
     }
-    c?.(e, o, u), m?.();
-  }, [t, l, s, m, c, f, N, g]), D = p((e) => {
+    c?.(e, o, u), g?.();
+  }, [t, l, s, g, c, f, N, m]), B = p((e) => {
     let o = null;
     try {
       t?.getNames().validateName(e);
@@ -26,18 +24,18 @@ const E = ["Ok", "Cancel"], G = n.memo((V) => {
       o = u.message;
     }
     R({ displayText: e, errorText: o });
-  }, []), F = p((e) => {
+  }, []), D = p((e) => {
     a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
-  }, [t, a]), S = n.useCallback((e) => {
+  }, [t, a]), F = n.useCallback((e) => {
     v({ displayValue: e ?? null, errorText: null });
   }, []);
-  return r.jsx(b, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: w, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...C }, ...h, children: r.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: D, onValidate: F, onFocus: (e) => {
-    T || e.target?.select(), O(!0);
-  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: S, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
-    T || e.target?.select(), O(!0);
+  return r.jsx(S, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: w, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...V }, ...h, children: r.jsxs(b, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(k, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: B, onValidate: D, onFocus: (e) => {
+    T || e.target?.select(), C(!0);
+  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: F, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+    T || e.target?.select(), C(!0);
   } })] }) });
 });
 export {
-  G as NamedReferenceDialog,
-  G as default
+  A as NamedReferenceDialog,
+  A as default
 };

package/{cdn/assets/C-Z8wvIy20kJ7R-k.js → browser/esm/C2DVh9PCXymQ6Bku.mjs}

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

package/{cdn/assets/DHydjLSnijEgtpyU.js → browser/esm/C5Vhk6RekNjP_kzl.mjs}

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

package/{cdn/assets/DXHirQMr483hJBil.js → browser/esm/CMgjnCC7huqsMZ7l.mjs}

@@ -1,16 +1,14 @@
-import { a } from "./CR01MBraUPYPpwy4.js";
-import { r as o } from "./BlYoycYtR-sUp0iC.js";
-import { av as L, ai as E, aw as O, ax as A, ac as u, V as M, G as V, B as n, ay as W, az as k, au as h, aA as G, aB as q, aC as f, ak as y, aD as b, aE as w } from "./B_2bXmyji3Dr7LRM.js";
+import { r as n, ay as L, al as E, az as O, aA as A, af as u, j as a, X as M, J as W, B as o, aB as G, aC as J, ax as h, aD as V, aE as X, aF as f, an as y, aG as b, aH as j } from "./Beqd_eZheAqcy9eR.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Y = o.memo((j) => {
-  const { title: S, onHide: C, autoFocusSel: v = ".range-input input", context: N, notifier: l = L, command: r, commands: c, ...R } = j, [T, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [J, D] = o.useReducer((e) => e + 1, 0), [F, { width: K }] = E();
+const Q = n.memo((w) => {
+  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...v } = w, [T, d] = n.useState(!1), [g, m] = n.useState(!1), x = n.useRef(null), [k, D] = n.useReducer((e) => e + 1, 0), [F, { width: q }] = E();
   O(r);
-  const s = N ?? r.context(), t = s.table(), [B, H] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
+  const s = R ?? r.context(), t = s.table(), [B, H] = n.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = n.useMemo(() => t?.getName() ?? "", [t]);
   A(s.table(), { onAnchorCoordsChange(e) {
     H(s.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
@@ -22,15 +20,15 @@ const Y = o.memo((j) => {
     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(M, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
+  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(M, { 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: T ? 3 : 1 }, ...R, children: a.jsxs(V, { 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(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(W, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(W, { 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(G, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, 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(k, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a.jsx(J, { 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(n, { 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(G, { 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(V, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -50,9 +48,9 @@ const Y = o.memo((j) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a.jsx(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(q, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(h, { orientation: "horizontal" }), a.jsxs(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(w, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(w, {})) })] })] })] }), 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(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] }) });
 });
 export {
-  Y as TableDetailsWindow,
-  Y as default
+  Q as TableDetailsWindow,
+  Q as default
 };

package/{cdn/assets/BwpBFv8Ks2ka07ch.js → browser/esm/CQMGhCDKbq2op_BI.mjs}

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