@sheetxl/studio-vanilla 0.4.11 → 0.4.12

package/cdn/assets/CJhyHcQcrhbtC33r.js

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

package/cdn/assets/CUc6gRjjRGTFWSHD.js

@@ -0,0 +1,50 @@
+import { a as p } from "./DDW1WJ2IM_9ZUfKm.js";
+import { r as s } from "./dk2teWHDODYNarJY.js";
+import { S as m, s as S, B, F as M, T as E, a as C, v as O } from "./Jhm2DAcrfAqiM-Y-.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const V = ["Ok", "Cancel"], H = s.memo((F) => {
+  const { initialComments: T = null, onUpdateComments: d, context: k, onOption: g, onValidateOption: c, onDone: r, options: f = V, defaultOption: u = f?.[0], cancelOption: i = "Cancel", sx: v, ...w } = F, x = s.useMemo(() => {
+    const t = T ?? k?.()?.getComments();
+    let n = "";
+    if (t && t.content && t.content.runs) {
+      const e = t.content.runs;
+      for (let l = 0; l < e.length; l++) {
+        const a = e[l];
+        n += a?.text;
+      }
+    }
+    return n;
+  }, []), [o, y] = s.useState(x), [P, b] = s.useState(!1), h = s.useCallback(async (t, n) => null, []), j = m(async (t) => {
+    const n = o === "" ? [] : o.split(`
+`);
+    if (t !== i) {
+      const e = [];
+      for (let a = 0; a < n.length; a++) e.push({ text: n[a] });
+      d?.({ content: { runs: e } });
+    }
+    g?.(t, t === i, t === u), r?.();
+  }, [o, d, r, g, u, i]), D = m((t) => {
+    y(t.target.value), h(t.target.value, null);
+  }, [c]), I = m(async (t) => {
+    let n = await Promise.resolve(c?.(t));
+    try {
+      n !== !1 && (n = await h(o, t));
+    } catch {
+    }
+    return n ?? !0;
+  }, [c, o]);
+  return p.jsx(S, { title: (x ? "Edit" : "Insert") + " Comments", options: f, onDone: r, onOption: (t) => j(t), onValidateOption: I, defaultOption: u, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...v }, ...w, children: p.jsx(B, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0), rowGap: (t) => t.spacing(1), display: "flex", flexDirection: "column" }, children: p.jsx(M, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: p.jsx(E, { label: "Comments", placeholder: "Enter a comment.", onFocus: (t) => {
+    P || t.target?.select(), b(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${C("#fff", O(5))}, ${C("#fff", O(5))})` } } }, value: o, onChange: D, onContextMenu: (t) => {
+    t.stopPropagation();
+  } }) }) }) });
+});
+export {
+  H as CommentsDialog,
+  H as default
+};