@sheetxl/studio-vanilla 0.4.9 → 0.4.11

package/browser/esm/CPEjlDUTxckVS1rp.mjs

@@ -1,50 +0,0 @@
-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 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 "./DFQvqk5r1uf_z0h_.mjs";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-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);
-  }, [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));
-    try {
-      o !== !1 && (o = await Promise.resolve(g?.(e, a)) ?? !0);
-    } catch {
-    }
-    return o ?? !0;
-  }, [u]), [k, F] = x(n.Styles.lookupStyle(e).formatType ?? n.Type.Custom);
-  H(() => {
-    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));
-    return s.push(o(n.Type.Custom)), s;
-  }, []), R = O((a) => {
-    const o = a.target.value;
-    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) => 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($, { 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,
-  ea as default
-};