@sheetxl/studio-vanilla 0.3.4 → 0.3.5

package/{cdn/assets/CGUSbWH383tudMFu.js → browser/esm/BLsIMzjofsOnRFrU.mjs}

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

package/{cdn/assets/BY5dcSv5nxuvXMsr.js → browser/esm/BTQ-TGJnw7w1Y0CX.mjs}

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { memo as O, useState as r, useRef as E, useReducer as M, useMemo as W } from "react";
-import { bk as A, ap as k, bl as q, bm as J, a7 as x, b9 as K, ba as V, B as n, bn as G, bo as Q, aN as b, bp as U, bq as X, aJ as f, aK as y, aL as w, br as S } from "./U_ihCP2tbaRnqD2g.js";
+import { memo as O, useState as r, useRef as M, useReducer as A, useMemo as E } from "react";
+import { aL as W, V, aM as k, aN as Q, t as x, aA as q, aB as G, B as n, aO as J, aP as K, ak as f, aQ as U, aR as X, ag as y, ah as b, ai as w, aS as S } from "./CYXzmWJtZn5OJVBF.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.5
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const te = O((C) => {
-  const { title: N, onHide: v, autoFocusSel: R = ".range-input input", context: T, notifier: l = A, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = E(null), [Y, B] = M((e) => e + 1, 0), [H, { width: Z }] = k();
-  q(c);
-  const o = T ?? c.context(), t = o.table(), [I, P] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = W(() => t?.getName() ?? "", [t]);
-  J(o.table(), { onAnchorCoordsChange(e) {
-    P(o.getNames().getRanges(e.getRange()));
+  const { title: N, onHide: R, autoFocusSel: v = ".range-input input", context: T, notifier: l = W, command: c, commands: d, ...D } = C, [F, g] = r(!1), [m, p] = r(!1), h = M(null), [Y, B] = A((e) => e + 1, 0), [H, { width: Z }] = V();
+  k(c);
+  const o = T ?? c.context(), t = o.table(), [P, I] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = E(() => t?.getName() ?? "", [t]);
+  Q(o.table(), { onAnchorCoordsChange(e) {
+    I(o.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     B();
   } });
@@ -22,15 +22,15 @@ const te = O((C) => {
     o?.table().resize(e.at(0));
   }, [o]);
   let u = null;
-  return o.table() || (u = a("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("div", { children: "No table selected" }) })), a(K, { title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: R, refWindow: h, onHide: v, onFocus: () => g(!0), onBlur: (e) => {
+  return o.table() || (u = a("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("div", { children: "No table selected" }) })), a(q, { title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, refWindow: h, onHide: R, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
-  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(V, { dividers: !0, ref: H, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(G, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
+  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(G, { dividers: !0, ref: H, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [s(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: o.table() ? 1 : 0 }, children: [a(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: s(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a(J, { formName: "name", defaultInput: j, value: t?.getName() ?? "No table", onChangeInput: L, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } }), a(Q, { formName: "range", value: I, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a(K, { formName: "range", value: P, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } })] }) }) }), s(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(b, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+  } })] }) }) }), s(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(f, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a(U, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {
@@ -50,7 +50,7 @@ const te = O((C) => {
     } catch (i) {
       l.showError(i);
     }
-  } }), a(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a(X, { table: t, styles: o.styles(), bodyStyle: o.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a(b, { orientation: "horizontal" }), s(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a(f, { variant: w.Menuitem, command: d.getCommand("convertTableToRange"), commandState: t, icon: y(a(S, {})) }), a(f, { variant: w.Menuitem, commandState: t, command: d.getCommand("deleteTable"), icon: y(a(S, {})) })] })] })] }), u] }) });
+  } }), a(n, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a(X, { table: t, styles: o.styles(), bodyStyle: o.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a(f, { orientation: "horizontal" }), s(n, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a(y, { variant: w.Menuitem, command: d.getCommand("convertTableToRange"), commandState: t, icon: b(a(S, {})) }), a(y, { variant: w.Menuitem, commandState: t, command: d.getCommand("deleteTable"), icon: b(a(S, {})) })] })] })] }), u] }) });
 });
 export {
   te as TableDetailsWindow,