@sheetxl/studio-vanilla 0.3.3 → 0.3.5

package/browser/esm/{CZ9K3g_56s3hfJO0.mjs → CLTP12OHGQ2k4_Kt.mjs}

@@ -1,18 +1,19 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { memo as G, useState as x, useCallback as F, useEffect as H, useMemo as w } from "react";
-import { a7 as l, b3 as K, n, T as q, c as P, F as S, b4 as A, b5 as J, g as p, b6 as c, f as Q, as as D, b7 as U } from "./B6nZCfPr7UmxzAi6.mjs";
+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 { t as l, av as K, m as Z, B as P, F as S, aw as q, ax as A, b as p, ay as c, a as J, Z as D, az as Q } from "./CYXzmWJtZn5OJVBF.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.3
+ * @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 X = ["Ok", "Cancel"], aa = G(($) => {
-  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 } = $, [e, T] = x(I), [j, M] = x(!1), g = F(async (a, o) => !0, []), f = l(async (a) => {
+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) => {
     C?.(e, a), b?.(a, a === m, a === r), d?.();
-  }, [e, C, d, b, m, r]), z = l(async (a) => {
-    a.keyCode === K.Enter && await g?.(e, null) !== !1 && f(r);
-  }, [e, f]), B = l((a) => {
+  }, [e, C, d, b, m, r]), B = l(async (a) => {
+    a.keyCode === K.Enter && await g?.(e, null) !== !1 && y(r);
+  }, [e, y]), M = l((a) => {
     T(a.target.value), g?.(a.target.value, null);
   }, [u]), E = l(async (a) => {
     let o = await Promise.resolve(u?.(a));
@@ -21,29 +22,29 @@ const X = ["Ok", "Cancel"], aa = G(($) => {
     } catch {
     }
     return o ?? !0;
-  }, [u]), [k, O] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+  }, [u]), [k, F] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
   H(() => {
-    O(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
+    F(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
   }, [e]);
   const L = w(() => {
-    const a = n.Styles.lookupPrimary(), o = (i) => t(U, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
+    const a = n.Styles.lookupPrimary(), o = (i) => t(Q, { value: i, children: i }, i), s = Object.keys(a).map((i) => o(a[i].formatType));
     return s.push(o(n.Type.Custom)), s;
-  }, []), R = F((a) => {
+  }, []), R = O((a) => {
     const o = a.target.value;
-    O(o);
+    F(o);
     const s = n.Styles.lookupDefault(o);
     s && T(s);
   }, []), W = w(() => {
     const a = h();
     return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
   }, [k, e, h]);
-  return t(q, { title: "Number Format", options: v, onDone: d, onOption: (a) => f(a), onValidateOption: E, defaultOption: r, cancelOption: m, autoFocusSel: ".autoFocus", sx: { width: "580px", ...N }, ...V, children: y(P, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [y(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(), M(!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: B, onKeyDown: z, onContextMenu: (a) => {
+  return t(Z, { 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) => {
+    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();
-  } }) }), y(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(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)" })] })] }) });
 });
 export {
-  aa as NumberFormatDialog,
-  aa as default
+  ea as NumberFormatDialog,
+  ea as default
 };

package/browser/esm/{BXkh5kfYj7Zx_PAe.mjs → CPWh2H15145LP-d5.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.3
+ * @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.