@sheetxl/studio-vanilla 0.4.8 → 0.4.10

package/{cdn/assets/DTvvMKZZfsVRhbow.js → browser/esm/DamiTeQsSMP2Cwld.mjs}

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { memo as O, useState as r, useRef as M, useReducer as A, useMemo as E } from "react";
-import { aL as Q, Q as W, aM as k, aN as V, w 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 "./B2hDWpWSEoChxhVY.js";
+import { aL as W, U as k, aM as Q, aN as U, w as x, aA as V, aB as q, B as n, aO as G, aP as J, ak as f, aQ as K, aR as X, ag as y, ah as b, ai as w, aS as S } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (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: R, autoFocusSel: v = ".range-input input", context: T, notifier: l = Q, 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 }] = W();
-  k(c);
+  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 }] = k();
+  Q(c);
   const o = T ?? c.context(), t = o.table(), [P, I] = r(() => t ? o.getNames().getRanges(t.getRange()) : null), j = E(() => t?.getName() ?? "", [t]);
-  V(o.table(), { onAnchorCoordsChange(e) {
+  U(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(q, { ref: h, title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: R, 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(V, { ref: h, title: N ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: v, onHide: R, onFocus: () => g(!0), onBlur: (e) => {
     h?.current?.contains(e.relatedTarget) || g(!1);
-  }, 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) => {
+  }, PaperProps: { elevation: F ? 3 : 1 }, ...D, children: s(q, { 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) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || o?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     m || e.target?.select(), p(!0);
-  } }), a(K, { formName: "range", value: P, onChangeInput: z, resolvedAddress: o.getNames().getRanges.bind(o.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a(J, { 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(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) => {
+  } })] }) }) }), 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(K, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);
   }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
     try {

package/browser/esm/{DyUvHYGMNA9W2zL6.mjs → DhD48oFrbrnZ6Zg5.mjs}

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

package/browser/esm/{CA_DRvBOFOlhezCt.mjs → Ln2ZalJgj1CiJJue.mjs}

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as E, useMemo as M, useState as x, useCallback as j } from "react";
-import { w as r, b as S, B as V, F as $, T as z, a as h, ay as C } from "./2RGq163l1wYJKGsa.mjs";
+import { w as r, v as S, B as V, F as $, T as z, a as h, ay as C } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -19,7 +19,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
       }
     }
     return t;
-  }, []), [e, b] = x(g), [k, P] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
+  }, []), [e, k] = x(g), [v, P] = x(!1), f = j(async (n, t) => null, []), b = r(async (n) => {
     const t = e === "" ? [] : e.split(`
 `);
     if (n !== s) {
@@ -29,7 +29,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     u?.(n, n === s, n === c), p?.();
   }, [e, m, p, u, c, s]), D = r((n) => {
-    b(n.target.value), f(n.target.value, null);
+    k(n.target.value), f(n.target.value, null);
   }, [l]), I = r(async (n) => {
     let t = await Promise.resolve(l?.(n));
     try {
@@ -38,8 +38,8 @@ const G = ["Ok", "Cancel"], U = E((O) => {
     }
     return t ?? !0;
   }, [l, e]);
-  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => v(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...T, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
-    k || n.target?.select(), P(!0);
+  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => b(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...T, children: i(V, { sx: { paddingTop: (n) => n.spacing(1), paddingBottom: (n) => n.spacing(0), rowGap: (n) => n.spacing(1), display: "flex", flexDirection: "column" }, children: i($, { sx: { paddingTop: (n) => n.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(z, { label: "Comments", placeholder: "Enter a comment.", onFocus: (n) => {
+    v || n.target?.select(), P(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (n) => n.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (n) => n.spacing(1.25), paddingBottom: (n) => n.spacing(0.75), backgroundImage: `linear-gradient(${h("#fff", C(5))}, ${h("#fff", C(5))})` } } }, value: e, onChange: D, onContextMenu: (n) => {
     n.stopPropagation();
   } }) }) }) });

package/{cdn/assets/BEFQcBJ71bA297Zu.js → browser/esm/S9fgUO7h8YgZxoKH.mjs}

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

package/browser/esm/index.mjs

@@ -1,9 +1,9 @@
 import "react";
 import "react/jsx-runtime";
 import "react-dom/client";
-import { b6 as i } from "./2RGq163l1wYJKGsa.mjs";
+import { b6 as i } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{DXyJaUwHLq39-Jfa.mjs → qVAHcpq07IhtAaQc.mjs}

@@ -1,19 +1,19 @@
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import { useState as C } from "react";
 import { Sort as a, IRange as r } from "@sheetxl/sdk";
-import { w as O, b as S, B as b, at as s, au as l } from "./2RGq163l1wYJKGsa.mjs";
+import { w as O, v as S, B as g, at as s, au as l } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const D = ({ range: p, options: c, cell: u, onDone: d, ...m }) => {
-  const [t, o] = C(c ?? a.DefaultRangeOptions), v = O((e) => {
+const D = ({ range: p, options: c, cell: u, onDone: d, ...v }) => {
+  const [t, o] = C(c ?? a.DefaultRangeOptions), m = O((e) => {
     let i = null;
     e === "Sort" && (i = { ...c, options: t }), d?.(i);
   }, [t, d, c]);
-  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: v, ...m, children: h(b, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
+  return n(S, { title: "Sort", options: ["Sort", "Cancel"], onDone: m, ...v, children: h(g, { sx: { display: "flex", flexDirection: "column" }, children: [n(s, { control: n(l, { checked: !t.reverse, onChange: () => o((e) => ({ ...e, reverse: !e.reverse })) }), label: "Is Ascending", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.hasHeader, onChange: () => o((e) => ({ ...e, hasHeader: !e.hasHeader })) }), label: "Has Header", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity, onChange: () => o((e) => ({ ...e, collatorOptions: t.collatorOptions?.sensitivity === a.CaseSensitiveOptions.sensitivity ? a.CaseInsensitiveOptions : a.CaseSensitiveOptions })) }), label: "Case Sensitive", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.orientation === r.Orientation.Row, onChange: () => o((e) => {
     const i = e.orientation === r.Orientation.Row ? r.Orientation.Column : r.Orientation.Row;
     return { ...p.getDefaultSortCriteria(i, u).options, includeHidden: e.includeHidden, reverse: e.reverse, orientation: i };
   }) }), label: "Row Sort", labelPlacement: "end" }), n(s, { control: n(l, { checked: t.includeHidden, onChange: () => o((e) => ({ ...e, includeHidden: !e.includeHidden })) }), label: "Include Hidden", labelPlacement: "end" })] }) });

package/browser/esm/{ClXspoNrNV-A8BaL.mjs → xrzJ8ILZHb118Oyt.mjs}

@@ -1,41 +1,41 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as z, forwardRef as E, useState as s } from "react";
-import { k as t, i as G, b as K, B as R, F as W, T as Y, a as x, G as q, Y as y } from "./2RGq163l1wYJKGsa.mjs";
+import { k as n, i as G, v as K, B as R, F as W, T as q, a as x, G as A, t as y } from "./CHNPjJxb0GY_naLa.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const A = ["Input"], X = z(E((w, T) => {
-  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: P, inputType: b, inputPlaceHolder: k, options: d = A, autoFocusSel: v = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...C } = w, [V, B] = s(!1), [o, D] = s(F), [S, H] = s(""), [L, M] = s(!0), e = t(async (a, n) => {
+const J = ["Input"], Y = z(E((w, T) => {
+  const { initialValue: F = "", onOption: v, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: I, inputType: P, inputPlaceHolder: k, options: d = J, autoFocusSel: C = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...b } = w, [V, B] = s(!1), [o, D] = s(F), [S, H] = s(""), [L, M] = s(!0), e = n(async (a, t) => {
     if (!p) return !0;
-    const h = await p?.(a, n);
+    const h = await p?.(a, t);
     H(h?.message ?? "");
     const O = h?.valid ?? !0;
     return M(O), O;
-  }, [p]), f = t(async (a) => {
+  }, [p]), f = n(async (a) => {
     l?.(o, a);
-  }, [o, l, u, I, g, m]), N = t(async (a) => {
+  }, [o, l, u, v, g, m]), N = n(async (a) => {
     a.keyCode === G.Enter && await e?.(o, null);
-  }, [o, f]), $ = t((a) => {
+  }, [o, f]), $ = n((a) => {
     D(a.target.value), e?.(a.target.value, null);
-  }, [r]), j = t(async (a) => {
-    let n = await e(o, a);
+  }, [r]), j = n(async (a) => {
+    let t = await e(o, a);
     try {
-      n !== !1 && (n = await e(o, a));
+      t !== !1 && (t = await e(o, a));
     } catch {
     }
-    return n ?? !0;
+    return t ?? !0;
   }, [o, r]);
-  return i(K, { options: d, onDone: u, onOption: (a, n) => {
-    n || f(a);
-  }, onValidateOption: j, cancelOption: g, defaultOption: m, autoFocusSel: v, ref: T, ...C, children: i(R, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(W, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(Y, { onFocus: (a) => {
+  return i(K, { options: d, onDone: u, onOption: (a, t) => {
+    t || f(a);
+  }, onValidateOption: j, cancelOption: g, defaultOption: m, autoFocusSel: C, ref: T, ...b, children: i(R, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(W, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(q, { onFocus: (a) => {
     V || a.target?.select(), B(!0);
-  }, type: b, label: P, helperText: S || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5), color: L ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: k, spellCheck: !1, autoComplete: "off", ...c, className: q("autoFocus", c?.className), sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${x("#fff", y(5))}, ${x("#fff", y(5))})` } } }, value: o, onChange: $, onKeyDown: N, onContextMenu: (a) => {
+  }, type: P, label: I, helperText: S || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5), color: L ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: k, spellCheck: !1, autoComplete: "off", ...c, className: A("autoFocus", c?.className), sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${x("#fff", y(5))}, ${x("#fff", y(5))})` } } }, value: o, onChange: $, onKeyDown: N, onContextMenu: (a) => {
     a.stopPropagation();
   } }) }) }) });
 }));
 export {
-  X as default
+  Y as default
 };