@sheetxl/studio-vanilla 0.4.18 → 0.4.19

package/browser/esm/ComZ9YL9UbNrdtgb.mjs

@@ -1,47 +0,0 @@
-import { r as s, af as p, S as E, h as n, j as t, w as L, B as T, F as O, ag as R, ah as G, b as c, W as u, a as H, $ as S, ai as K } from "./Cz7DMRonhK92bvMj.mjs";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
- *
- * (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, ...$ } = F, [e, v] = s.useState(w), [D, I] = s.useState(!1), x = s.useCallback(async (a, o) => !0, []), y = p(async (a) => {
-    b?.(e, a), h?.(a, a === g, a === r), m?.();
-  }, [e, b, m, h, g, r]), M = p(async (a) => {
-    a.keyCode === E.Enter && await x?.(e, null) !== !1 && y(r);
-  }, [e, y]), N = p((a) => {
-    v(a.target.value), x?.(a.target.value, null);
-  }, [d]), V = p(async (a) => {
-    let o = await Promise.resolve(d?.(a));
-    try {
-      o !== !1 && (o = await Promise.resolve(x?.(e, a)) ?? !0);
-    } catch {
-    }
-    return o ?? !0;
-  }, [d]), [j, k] = s.useState(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
-  s.useEffect(() => {
-    k(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
-  }, [e]);
-  const B = s.useMemo(() => {
-    const a = n.Styles.lookupPrimary(), o = (l) => t.jsx(K, { value: l, children: l }, l), i = Object.keys(a).map((l) => o(a[l].formatType));
-    return i.push(o(n.Type.Custom)), i;
-  }, []), W = s.useCallback((a) => {
-    const o = a.target.value;
-    k(o);
-    const i = n.Styles.lookupDefault(o);
-    i && v(i);
-  }, []), z = s.useMemo(() => {
-    const a = f();
-    return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
-  }, [j, e, f]);
-  return t.jsx(L, { title: "Number Format", options: C, onDone: m, onOption: (a) => y(a), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...$, children: t.jsxs(T, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(R, { children: "Category" }), t.jsx(G, { value: j, label: "Category", onChange: W, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), t.jsx(O, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (a) => {
-    D || a.target?.select(), I(!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(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: e, onChange: N, onKeyDown: M, onContextMenu: (a) => {
-    a.stopPropagation();
-  } }) }), t.jsxs(T, { children: [t.jsx(S, { variant: "caption", component: "div", sx: { paddingLeft: (a) => a.spacing(2) }, children: "Preview" }), t.jsx(S, { 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: z.getNumberFormat().displayText || "(empty)" })] })] }) });
-});
-export {
-  J as NumberFormatDialog,
-  J as default
-};

package/cdn/assets/Bfa4DKsgwj4QcoRG.js

@@ -1,41 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as z, forwardRef as E, useState as s } from "react";
-import { T as t, c as K, w as R, B as W, d as q, e as A, f as w, g as G, h as x } from "./DKwtBx9sOuW7Idh0.js";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const J = ["Input"], Y = z(E((y, T) => {
-  const { initialValue: F = "", onOption: I, onValidateOption: r, onInputOption: l, onValidateInputOption: p, onDone: c, inputProps: u, inputLabel: P, inputType: v, inputPlaceHolder: C, options: d = J, autoFocusSel: b = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...k } = y, [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, c, I, g, m]), N = t(async (a) => {
-    a.keyCode === K.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(R, { options: d, onDone: c, onOption: (a, n) => {
-    n || f(a);
-  }, onValidateOption: j, cancelOption: g, defaultOption: m, autoFocusSel: b, ref: T, ...k, children: i(W, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0) }, children: i(q, { sx: { paddingTop: (a) => a.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i(A, { onFocus: (a) => {
-    V || a.target?.select(), B(!0);
-  }, type: v, 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: C, spellCheck: !1, autoComplete: "off", ...u, className: G("autoFocus", u?.className), sx: { paddingTop: (a) => a.spacing(1.25), paddingBottom: (a) => a.spacing(0.75), backgroundImage: `linear-gradient(${w("#fff", x(5))}, ${w("#fff", x(5))})` } } }, value: o, onChange: $, onKeyDown: N, onContextMenu: (a) => {
-    a.stopPropagation();
-  } }) }) }) });
-}));
-export {
-  Y as default
-};

package/cdn/assets/R0N6x5jomzsuYzgy.js

@@ -1,49 +0,0 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { memo as q, useState as x, useCallback as w, useEffect as G, useMemo as F } from "react";
-import { ap as l, a2 as H, u as n, w as K, B as P, d as S, aq as A, ar as J, f as p, a6 as c, e as Q, a9 as D, as as U } from "./DKwtBx9sOuW7Idh0.js";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.18
- *
- * (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 = q(($) => {
-  const { initialValue: I, context: h, onOption: C, onValidateOption: u, onInputOption: b, onDone: d, options: v = X, defaultOption: r = v?.[0], cancelOption: m = "Cancel", sx: N, ...V } = $, [e, T] = x(I), [j, B] = x(!1), g = w(async (a, o) => !0, []), f = l(async (a) => {
-    b?.(e, a), C?.(a, a === m, a === r), d?.();
-  }, [e, b, d, C, m, r]), M = l(async (a) => {
-    a.keyCode === H.Enter && await g?.(e, null) !== !1 && f(r);
-  }, [e, f]), z = l((a) => {
-    T(a.target.value), g?.(a.target.value, null);
-  }, [u]), E = l(async (a) => {
-    let o = await Promise.resolve(u?.(a));
-    try {
-      o !== !1 && (o = await Promise.resolve(g?.(e, a)) ?? !0);
-    } catch {
-    }
-    return o ?? !0;
-  }, [u]), [k, O] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
-  G(() => {
-    O(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
-  }, [e]);
-  const L = F(() => {
-    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 = w((a) => {
-    const o = a.target.value;
-    O(o);
-    const s = n.Styles.lookupDefault(o);
-    s && T(s);
-  }, []), W = F(() => {
-    const a = h();
-    return a.createTemporaryCell({ value: a.getValue() ?? 12345, style: { numberFormat: e } });
-  }, [k, e, h]);
-  return t(K, { 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(), B(!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: z, onKeyDown: M, 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)" })] })] }) });
-});
-export {
-  aa as NumberFormatDialog,
-  aa as default
-};