@sheetxl/studio-vanilla 0.6.6 → 0.6.8

package/browser/esm/{BkguhAeEvTcTVZN3.mjs → CiEdwCdT3eUx6KGp.mjs}

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

package/{cdn/assets/DqY233UP8cctSm77.js → browser/esm/ClLRC3MXwTwtpv_j.mjs}

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

package/browser/esm/{DqHHGbrzfGptVwKT.mjs → ClRxC7LWi49sEr88.mjs}

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

package/browser/esm/{BIU3HZSh3eHX5SVx.mjs → CqBxL3mNjb9IT3GC.mjs}

@@ -1,18 +1,18 @@
-import { r as a, b as S, j as n, S as D, B as N, R as T, F as k, c as w } from "./EN4tauuENSQlsREt.mjs";
+import { r as a, T, j as n, k, B as D, U as N, F as S, c as w } from "./R43eSIVhCZoqF7wj.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const F = ["Ok", "Cancel"], B = a.memo((g) => {
-  const { tableOptions: t, context: c, onOption: p, onValidateOption: v, onDone: r, options: d = F, defaultOption: o = d?.[0], cancelOption: l = "Cancel", sx: x, ...m } = g, [b, h] = a.useState(!1), [s, O] = a.useState(() => t?.hasHeader ?? !1), [i, f] = a.useState(() => t?.ranges ?? null), j = S((e) => {
+  const { tableOptions: t, context: c, onOption: p, onValidateOption: v, onDone: r, options: d = F, defaultOption: o = d?.[0], cancelOption: l = "Cancel", sx: x, ...m } = g, [h, O] = a.useState(!1), [s, b] = a.useState(() => t?.hasHeader ?? !1), [i, f] = a.useState(() => t?.ranges ?? null), j = T((e) => {
     const u = { ...t, hasHeader: s, ranges: i };
     p?.(e, e === l, e === o), r?.({ option: e, tableOptions: u });
   }, [r, p, o, l, s, i, t]), C = a.useCallback(async (e, u) => null, []);
-  return n.jsx(D, { title: "Insert Table", options: d, onDone: j, onValidateOption: C, defaultOption: o, cancelOption: l, autoFocusSel: ".range-input input", sx: { width: "360px", ...x }, ...m, children: n.jsxs(N, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [n.jsx(T, { formName: "range", value: i, onChangeInput: (e) => f(e), resolvedAddress: c.getNames().getRanges.bind(c.getNames()), onFocus: (e) => {
-    b || e.target?.select(), h(!0);
-  } }), n.jsx(k, { control: n.jsx(w, { checked: s, onChange: () => O(!s) }), label: "Table has headers", labelPlacement: "end" })] }) });
+  return n.jsx(k, { title: "Insert Table", options: d, onDone: j, onValidateOption: C, defaultOption: o, cancelOption: l, autoFocusSel: ".range-input input", sx: { width: "360px", ...x }, ...m, children: n.jsxs(D, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [n.jsx(N, { formName: "range", value: i, onChangeInput: (e) => f(e), resolvedAddress: c.getNames().getRanges.bind(c.getNames()), onFocus: (e) => {
+    h || e.target?.select(), O(!0);
+  } }), n.jsx(S, { control: n.jsx(w, { checked: s, onChange: () => b(!s) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });
 export {
   B as TableNewDialog,