@sheetxl/studio-vanilla 0.3.18 → 0.3.20

package/{browser/esm/CMIrbndkU0UVjjQ_.mjs → cdn/assets/BJQKOvL-x79vdFAs.js}

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

package/cdn/assets/{DpXpV2Nd-U9CeW99.js → BSsHFJzgfxmp5r7_.js}

@@ -1,10 +1,10 @@
 import { jsx as H, jsxs as We } from "react/jsx-runtime";
-import { f as to, g as oo, u as no, m as ro, n as io, aT as Q, o as lo, q as so, aU as ao, aV as co, c as Z, aA as uo, aB as ho, av as wt, Q as fo, B as he, a as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, _ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, J as ye, b0 as To, b1 as zo, b2 as K, b3 as Io, b4 as V, b5 as Po } from "./CXyKsX-Rk4hkAgns.js";
+import { d as to, g as oo, u as no, s as ro, m as io, aT as Q, n as lo, p as so, aU as ao, aV as co, a as Z, aA as uo, aB as ho, av as wt, J as fo, B as he, T as po, aF as mo, a0 as go, a2 as vo, ay as fe, at as _o, au as So, $ as yo, aW as wo, aX as Co, aY as De, aZ as xo, a_ as Ro, a$ as bo, H as ye, b0 as To, b1 as zo, b2 as K, b3 as Io, b4 as V, b5 as Po } from "./CyUSCTdWkG7ZxVra.js";
 import * as x from "react";
 import Ct, { useState as pe, useMemo as ko, useEffect as je, cloneElement as Oo } from "react";
-import { f as N } from "./IXjjn0b7hP-r-rz5.js";
+import { f as N } from "./B5zelATPrbDla2Iy.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -2147,7 +2147,7 @@ function an(o) {
     return v;
   }, [n, e]), [s, c] = pe(null);
   je(() => {
-    import("./B8PLUmI-u31BZVd6.js").then((u) => {
+    import("./8_OfjXQ6fzbtH-9u.js").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/{browser/esm/Dctd5ghWrESGG3Co.mjs → cdn/assets/Bah4Gz0wMfZQ-d68.js}

@@ -1,6 +1,6 @@
 import C, { memo as ne, useState as _, useRef as m, useCallback as re, useEffect as S } from "react";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{DcwFhmc6DauSay_m.js → BziPRQRGrFtCnyRv.js}

@@ -1,15 +1,15 @@
 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 $, a as z, c as h, ay as C } from "./CXyKsX-Rk4hkAgns.js";
+import { v as r, b as S, B as V, F as $, T as z, a as h, ay as C } from "./CyUSCTdWkG7ZxVra.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const G = ["Ok", "Cancel"], U = E((O) => {
-  const { initialComments: w = null, onUpdateComments: m, context: y, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: F, ...b } = O, g = M(() => {
-    const n = w ?? y?.()?.getComments();
+  const { initialComments: y = null, onUpdateComments: m, context: F, onOption: u, onValidateOption: l, onDone: p, options: d = G, defaultOption: c = d?.[0], cancelOption: s = "Cancel", sx: T, ...b } = O, g = M(() => {
+    const n = y ?? F?.()?.getComments();
     let t = "";
     if (n && n.content && n.content.runs) {
       const a = n.content.runs;
@@ -19,7 +19,7 @@ const G = ["Ok", "Cancel"], U = E((O) => {
       }
     }
     return t;
-  }, []), [e, k] = x(g), [P, T] = x(!1), f = j(async (n, t) => null, []), v = r(async (n) => {
+  }, []), [e, k] = x(g), [v, w] = x(!1), f = j(async (n, t) => null, []), P = r(async (n) => {
     const t = e === "" ? [] : e.split(`
 `);
     if (n !== s) {
@@ -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 }, ...b, 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) => {
-    P || n.target?.select(), T(!0);
+  return i(S, { title: (g ? "Edit" : "Insert") + " Comments", options: d, onDone: p, onOption: (n) => P(n), onValidateOption: I, defaultOption: c, cancelOption: s, autoFocusSel: ".autoFocus", sx: { width: "480px", ...T }, ...b, 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(), w(!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/{browser/esm/xQa55VzyxKLtju1P.mjs → cdn/assets/C6y3ZvDtBqiKjmQR.js}

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { memo as G, useState as x, useCallback as O, useEffect as H, useMemo as w } from "react";
 import { NumberFormat as n } from "@sheetxl/sdk";
-import { w as l, av as K, b as _, B as P, F as S, aw as q, ax as A, c as p, ay as c, a as J, _ as D, az as Q } from "./DXfVp9l0_p8tTvaN.mjs";
+import { v as l, av as K, b as q, B as P, F as S, aw as A, ax as J, a as p, ay as c, T as Q, $, az as U } from "./CyUSCTdWkG7ZxVra.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const U = ["Ok", "Cancel"], ea = G(($) => {
-  const { initialValue: I, context: h, onOption: b, onValidateOption: u, onInputOption: C, onDone: d, options: v = U, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = $, [e, T] = x(I), [j, z] = x(!1), g = O(async (a, o) => !0, []), y = l(async (a) => {
+const X = ["Ok", "Cancel"], ea = G((D) => {
+  const { initialValue: I, context: h, onOption: b, onValidateOption: u, onInputOption: C, onDone: d, options: v = X, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = D, [e, T] = x(I), [j, z] = x(!1), g = O(async (a, o) => !0, []), y = l(async (a) => {
     C?.(e, a), b?.(a, a === m, a === r), d?.();
   }, [e, C, d, b, m, r]), B = l(async (a) => {
     a.keyCode === K.Enter && await g?.(e, null) !== !1 && y(r);
@@ -27,7 +27,7 @@ const U = ["Ok", "Cancel"], ea = G(($) => {
     F(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
   }, [e]);
   const L = w(() => {
-    const a = n.Styles.lookupPrimary(), o = (i) => t(Q, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    const a = n.Styles.lookupPrimary(), o = (i) => t(U, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
     return s.push(o(n.Type.Custom)), s;
   }, []), R = O((a) => {
     const o = a.target.value;
@@ -38,11 +38,11 @@ const U = ["Ok", "Cancel"], ea = G(($) => {
     const a = h();
     return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
   }, [k, e, h]);
-  return t(_, { title: "Number Format", options: v, onDone: d, onOption: (a) => y(a), onValidateOption: E, defaultOption: r, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...N }, ...V, children: f(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [f(S, { sx: { minWidth: 135 }, size: "small", children: [t(q, { children: "Category" }), t(A, { value: k, label: "Category", onChange: R, sx: { backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` }, children: L })] }), t(S, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t(J, { label: "Code", onFocus: (a) => {
+  return t(q, { title: "Number Format", options: v, onDone: d, onOption: (a) => y(a), onValidateOption: E, defaultOption: r, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...N }, ...V, children: f(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [f(S, { sx: { minWidth: 135 }, size: "small", children: [t(A, { children: "Category" }), t(J, { value: k, label: "Category", onChange: R, sx: { backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` }, children: L })] }), t(S, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t(Q, { label: "Code", onFocus: (a) => {
     j || a.target?.select(), z(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (a) => a.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", c(5))}, ${p("#fff", c(5))})` } } }, value: e, onChange: M, onKeyDown: B, onContextMenu: (a) => {
     a.stopPropagation();
-  } }) }), f(P, { children: [t(D, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t(D, { variant: "body2", component: "div", sx: { borderRadius: (a) => `${a.shape.borderRadius}px`, padding: (a) => a.spacing(1), border: (a) => `1px solid ${a.palette.grey[400]}` }, children: W.getNumberFormat().displayText || "(empty)" })] })] }) });
+  } }) }), f(P, { children: [t($, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t($, { variant: "body2", component: "div", sx: { borderRadius: (a) => `${a.shape.borderRadius}px`, padding: (a) => a.spacing(1), border: (a) => `1px solid ${a.palette.grey[400]}` }, children: W.getNumberFormat().displayText || "(empty)" })] })] }) });
 });
 export {
   ea as NumberFormatDialog,

package/cdn/assets/CP2hI6uxS16oQXqQ.js

@@ -0,0 +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 "./CyUSCTdWkG7ZxVra.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
+ *
+ * (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) => {
+    if (!p) return !0;
+    const h = await p?.(a, n);
+    H(h?.message ?? "");
+    const O = h?.valid ?? !0;
+    return M(O), O;
+  }, [p]), f = t(async (a) => {
+    l?.(o, a);
+  }, [o, l, u, I, g, m]), N = t(async (a) => {
+    a.keyCode === G.Enter && await e?.(o, null);
+  }, [o, f]), $ = t((a) => {
+    D(a.target.value), e?.(a.target.value, null);
+  }, [r]), j = t(async (a) => {
+    let n = await e(o, a);
+    try {
+      n !== !1 && (n = await e(o, a));
+    } catch {
+    }
+    return n ?? !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) => {
+    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) => {
+    a.stopPropagation();
+  } }) }) }) });
+}));
+export {
+  X as default
+};

package/{browser/esm/xCvG1lefZTf09iDX.mjs → cdn/assets/CYXS2N-s5O4VNSpQ.js}

@@ -1,8 +1,8 @@
 import { jsx as z, jsxs as lt } from "react/jsx-runtime";
 import k, { memo as es, useState as pe, useCallback as de, useLayoutEffect as rs, PureComponent as mt, Component as _t, isValidElement as ns } from "react";
-import { D as os, E as as, O as is, B as us, z as Su, d as ss, S as xt } from "./DXfVp9l0_p8tTvaN.mjs";
+import { M as os, E as as, I as is, B as us, P as Su, c as ss, S as xt } from "./CyUSCTdWkG7ZxVra.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BfCDUWippQ188QJ_.js → CbXEnmr2CeR0TImv.js}

@@ -1,14 +1,14 @@
 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 { w as u, b as L, B as S, aO as A, aP as G } from "./CXyKsX-Rk4hkAgns.js";
+import { v as u, b as L, B as S, aO as A, aP as G } from "./CyUSCTdWkG7ZxVra.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.18
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-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(() => {
+const M = ["Ok", "Cancel"], z = E((v) => {
+  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: C, ...R } = v, y = V(() => t?.getNames().findValidName("Range1"), []), i = V(() => {
     if (!a) return !0;
   }, []), [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) {
@@ -31,7 +31,7 @@ const M = ["Ok", "Cancel"], z = E((C) => {
   }, [t, a]), j = h((e) => {
     D({ displayValue: e ?? null, errorText: null });
   }, []);
-  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: 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", ...C }, ...R, 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) => {
     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);