@sheetxl/studio-vanilla 0.4.13 → 0.4.14

package/{cdn/assets/CuNqTH3P8mCglRiz.js → browser/esm/D9eVsUckA6bWBHni.mjs}

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

package/browser/esm/DAscSzG63-mM5p50.mjs

@@ -0,0 +1,41 @@
+import { r as n, a1 as p, j as r, v as S, B as k, bv as B, bw as I } from "./BbW_1O3cEhZ4aSgS.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const E = ["Ok", "Cancel"], A = n.memo((V) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = E, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: v, ...C } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+    if (!a) return !0;
+  }, []), [l, h] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, R] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), b = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), j = p((e, o, u) => {
+    if (!o) {
+      let i = null;
+      d ? i = t?.getNames().addReference(l?.displayText, s?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
+        a.setName(l?.displayText), a.setReference(s?.displayValue);
+      }, `Edit Named '${l?.displayText}'`), i = a), i && (i.select(), m(i, d));
+    }
+    c?.(e, o, u), g?.();
+  }, [t, l, s, g, c, f, N, m]), w = p((e) => {
+    let o = null;
+    try {
+      t?.getNames().validateName(e);
+    } catch (u) {
+      o = u.message;
+    }
+    h({ displayText: e, errorText: o });
+  }, []), D = p((e) => {
+    a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
+  }, [t, a]), F = n.useCallback((e) => {
+    R({ displayValue: e ?? null, errorText: null });
+  }, []);
+  return r.jsx(S, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: j, onValidateOption: b, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...v }, ...C, children: r.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: w, onValidate: D, onFocus: (e) => {
+    T || e.target?.select(), O(!0);
+  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: F, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+    T || e.target?.select(), O(!0);
+  } })] }) });
+});
+export {
+  A as NamedReferenceDialog,
+  A as default
+};

package/browser/esm/DCyJNVtrh6kEt73Q.mjs

@@ -0,0 +1,84 @@
+import { $ as J } from "./BbW_1O3cEhZ4aSgS.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const k = async (w, l) => {
+  const u = await w.toJSON(), b = l?.whiteSpace ?? 0;
+  let g;
+  l?.beforeWrite?.(w, u), g = b === 0 ? JSON.stringify(u) : function(f, r = 2) {
+    const n = [];
+    function i(o) {
+      const e = r * o;
+      return n[e] === void 0 && (n[e] = " ".repeat(e)), n[e];
+    }
+    return function o(e, a, s, m) {
+      if (e == null || typeof e != "object") return JSON.stringify(e);
+      const d = i(a), O = i(a + 1);
+      if (Array.isArray(e)) {
+        const c = e.length;
+        if (c === 0) return "[]";
+        if (s !== 0) return JSON.stringify(e);
+        let y = `[
+`;
+        for (let h = 0; h < c; h++) y += O + o(e[h], a + 1, s + 1, !0), h < c - 1 && (y += `,
+`);
+        return y += `
+` + d + "]", y;
+      }
+      const B = Object.keys(e), A = B.length;
+      if (A === 0) return "{}";
+      if (!(s < 2)) return JSON.stringify(e);
+      let S = `{
+`;
+      m || (s = 0);
+      for (let c = 0; c < A; c++) {
+        const y = B[c];
+        S += O + JSON.stringify(y) + ": " + o(e[y], a + 1, s, !1), c < A - 1 && (S += `,
+`);
+      }
+      return S += `
+` + d + "}", S;
+    }(f, 0, 0, !1);
+  }(u, b);
+  let p = new TextEncoder().encode(g).buffer;
+  const t = l?.compress ?? !0;
+  return t && (p = await async function(f, r = "gzip") {
+    let n;
+    typeof SharedArrayBuffer < "u" && f instanceof SharedArrayBuffer ? (n = new ArrayBuffer(f.byteLength), new Uint8Array(n).set(new Uint8Array(f))) : n = f;
+    const i = new ReadableStream({ start(a) {
+      a.enqueue(n), a.close();
+    } }), o = new CompressionStream(r), e = i.pipeThrough(o);
+    return (await new Response(e).blob()).arrayBuffer();
+  }(p, typeof t == "string" ? t : void 0)), p;
+}, z = async (w, l) => {
+  let u = w;
+  (function(t) {
+    if (t.byteLength < 4) return !1;
+    const f = new Uint8Array(t), r = { gzip: [31, 139], zip: [80, 75, 3, 4], bz2: [66, 90, 104], br: [206, 178, 207, 129] }, n = Object.keys(r);
+    for (let i = 0; i < n.length; i++) {
+      const o = n[i], e = r[o];
+      let a = !0;
+      for (let s = 0; s < e.length; s++) if (f[s] !== e[s]) {
+        a = !1;
+        break;
+      }
+      if (a) return o;
+    }
+    return !1;
+  })(u) && (u = await async function(t, f = "gzip") {
+    let r;
+    typeof SharedArrayBuffer < "u" && t instanceof SharedArrayBuffer ? (r = new ArrayBuffer(t.byteLength), new Uint8Array(r).set(new Uint8Array(t))) : r = t;
+    const n = new Blob([r]).stream(), i = new DecompressionStream(f), o = n.pipeThrough(i);
+    return (await new Response(o).blob()).arrayBuffer();
+  }(u));
+  let b = new TextDecoder().decode(u);
+  const g = JSON.parse(b), p = { ...l?.createWorkbookOptions ?? {}, json: g };
+  return new J(p);
+};
+export {
+  z as fromBufferJSON,
+  k as toBufferJSON
+};

package/{cdn/assets/DFHruAftzuzBZ71r.js → browser/esm/DFwxjsVr4xKLPTGf.mjs}

@@ -1,6 +1,6 @@
-import { r as c, z as T } from "./BlYoycYtR-sUp0iC.js";
+import { r as c, y as T } from "./BbW_1O3cEhZ4aSgS.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -149,9 +149,9 @@ var X, de = function(e) {
     }(u), u(r.current);
   }, function(u) {
     (function() {
-      for (var s = arguments.length, y = new Array(s), O = 0; O < s; O++) y[O] = arguments[O];
+      for (var s = arguments.length, p = new Array(s), O = 0; O < s; O++) p[O] = arguments[O];
       return function(b) {
-        return y.reduceRight(function(E, P) {
+        return p.reduceRight(function(E, P) {
           return P(E);
         }, b);
       };
@@ -182,12 +182,12 @@ var X, de = function(e) {
 }(X) || function() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}(), q = de[0], B = de[1];
+}(), z = de[0], B = de[1];
 function Me(e) {
   return document.body.appendChild(e);
 }
 function Ee(e) {
-  var t, r, n = q(function(i) {
+  var t, r, n = z(function(i) {
     return { config: i.config, reject: i.reject };
   }), o = (t = "".concat(n.config.paths.vs, "/loader.js"), r = document.createElement("script"), t && (r.src = t), r);
   return o.onload = function() {
@@ -195,7 +195,7 @@ function Ee(e) {
   }, o.onerror = n.reject, o;
 }
 function Pe() {
-  var e = q(function(r) {
+  var e = z(function(r) {
     return { config: r.config, resolve: r.resolve, reject: r.reject };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
@@ -205,7 +205,7 @@ function Pe() {
   });
 }
 function ge(e) {
-  q().monaco || B({ monaco: e });
+  z().monaco || B({ monaco: e });
 }
 var Z = new Promise(function(e, t) {
   return B({ resolve: e, reject: t });
@@ -222,8 +222,8 @@ var Z = new Promise(function(e, t) {
       return S;
     }(o, i);
     if (Object.getOwnPropertySymbols) {
-      var y = Object.getOwnPropertySymbols(o);
-      for (u = 0; u < y.length; u++) a = y[u], i.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(o, a) && (s[a] = o[a]);
+      var p = Object.getOwnPropertySymbols(o);
+      for (u = 0; u < p.length; u++) a = p[u], i.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(o, a) && (s[a] = o[a]);
     }
     return s;
   }(t, ["monaco"]);
@@ -231,7 +231,7 @@ var Z = new Promise(function(e, t) {
     return { config: fe(o.config, n), monaco: r };
   });
 }, init: function() {
-  var e = q(function(t) {
+  var e = z(function(t) {
     return { monaco: t.monaco, isInitialized: t.isInitialized, resolve: t.resolve };
   });
   if (!e.isInitialized) {
@@ -248,7 +248,7 @@ var Z = new Promise(function(e, t) {
   }
   return W(Z);
 }, __getMonacoInstance: function() {
-  return q(function(e) {
+  return z(function(e) {
     return e.monaco;
   });
 } }, Re = { display: "flex", position: "relative", textAlign: "initial" }, Se = { width: "100%" }, ke = { display: "none" }, xe = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Ie = function({ children: e }) {
@@ -263,59 +263,56 @@ var Z = new Promise(function(e, t) {
     n.current = !1;
   } : e, t);
 };
-function z() {
+function q() {
 }
 function I(e, t, r, n) {
-  return function(o, i) {
-    return o.editor.getModel(le(o, i));
-  }(e, n) || function(o, i, a, u) {
-    return o.editor.createModel(i, a, u ? le(o, u) : void 0);
-  }(e, t, r, n);
+  return p = n, (s = e).editor.getModel(le(s, p)) || (i = t, a = r, u = n, (o = e).editor.createModel(i, a, u ? le(o, u) : void 0));
+  var o, i, a, u, s, p;
 }
 function le(e, t) {
   return e.Uri.parse(t);
 }
-var Ae = c.memo(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: s = !1, theme: y = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: S, wrapperProps: k = {}, beforeMount: $ = z, onMount: G = z }) {
-  let [w, C] = c.useState(!1), [A, h] = c.useState(!0), m = c.useRef(null), d = c.useRef(null), D = c.useRef(null), v = c.useRef(G), l = c.useRef($), x = c.useRef(!1);
+var Ae = c.memo(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: s = !1, theme: p = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: S, wrapperProps: k = {}, beforeMount: $ = q, onMount: G = q }) {
+  let [w, C] = c.useState(!1), [A, m] = c.useState(!0), y = c.useRef(null), d = c.useRef(null), D = c.useRef(null), v = c.useRef(G), l = c.useRef($), x = c.useRef(!1);
   ee(() => {
     let f = Y.init();
-    return f.then((g) => (d.current = g) && h(!1)).catch((g) => g?.type !== "cancelation" && console.error("Monaco initialization: error:", g)), () => m.current ? function() {
-      let g = m.current?.getModel();
-      u || g?.original?.dispose(), s || g?.modified?.dispose(), m.current?.dispose();
+    return f.then((g) => (d.current = g) && m(!1)).catch((g) => g?.type !== "cancelation" && console.error("Monaco initialization: error:", g)), () => y.current ? function() {
+      let g = y.current?.getModel();
+      u || g?.original?.dispose(), s || g?.modified?.dispose(), y.current?.dispose();
     }() : f.cancel();
   }), j(() => {
-    if (m.current && d.current) {
-      let f = m.current.getOriginalEditor(), g = I(d.current, e || "", n || r || "text", i || "");
+    if (y.current && d.current) {
+      let f = y.current.getOriginalEditor(), g = I(d.current, e || "", n || r || "text", i || "");
       g !== f.getModel() && f.setModel(g);
     }
   }, [i], w), j(() => {
-    if (m.current && d.current) {
-      let f = m.current.getModifiedEditor(), g = I(d.current, t || "", o || r || "text", a || "");
+    if (y.current && d.current) {
+      let f = y.current.getModifiedEditor(), g = I(d.current, t || "", o || r || "text", a || "");
       g !== f.getModel() && f.setModel(g);
     }
   }, [a], w), j(() => {
-    let f = m.current.getModifiedEditor();
+    let f = y.current.getModifiedEditor();
     f.getOption(d.current.editor.EditorOption.readOnly) ? f.setValue(t || "") : t !== f.getValue() && (f.executeEdits("", [{ range: f.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), f.pushUndoStop());
   }, [t], w), j(() => {
-    m.current?.getModel()?.original.setValue(e || "");
+    y.current?.getModel()?.original.setValue(e || "");
   }, [e], w), j(() => {
-    let { original: f, modified: g } = m.current.getModel();
+    let { original: f, modified: g } = y.current.getModel();
     d.current.editor.setModelLanguage(f, n || r || "text"), d.current.editor.setModelLanguage(g, o || r || "text");
   }, [r, n, o], w), j(() => {
-    d.current?.editor.setTheme(y);
-  }, [y], w), j(() => {
-    m.current?.updateOptions(b);
+    d.current?.editor.setTheme(p);
+  }, [p], w), j(() => {
+    y.current?.updateOptions(b);
   }, [b], w);
   let _ = c.useCallback(() => {
     if (!d.current) return;
     l.current(d.current);
     let f = I(d.current, e || "", n || r || "text", i || ""), g = I(d.current, t || "", o || r || "text", a || "");
-    m.current?.setModel({ original: f, modified: g });
+    y.current?.setModel({ original: f, modified: g });
   }, [r, t, o, e, n, i, a]), N = c.useCallback(() => {
-    !x.current && D.current && (m.current = d.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...b }), _(), d.current?.editor.setTheme(y), C(!0), x.current = !0);
-  }, [b, y, _]);
+    !x.current && D.current && (y.current = d.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...b }), _(), d.current?.editor.setTheme(p), C(!0), x.current = !0);
+  }, [b, p, _]);
   return c.useEffect(() => {
-    w && v.current(m.current, d.current);
+    w && v.current(y.current, d.current);
   }, [w]), c.useEffect(() => {
     !A && !w && N();
   }, [A, w, N]), T.createElement(pe, { width: P, height: E, isEditorReady: w, loading: O, _ref: D, className: S, wrapperProps: k });
@@ -327,49 +324,49 @@ var Ae = c.memo(function({ original: e, modified: t, language: r, originalLangua
       t(n);
     })), () => r?.cancel();
   }), e;
-}, F = /* @__PURE__ */ new Map(), Te = c.memo(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: s = "Loading...", options: y = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: S = "100%", className: k, wrapperProps: $ = {}, beforeMount: G = z, onMount: w = z, onChange: C, onValidate: A = z }) {
-  let [h, m] = c.useState(!1), [d, D] = c.useState(!0), v = c.useRef(null), l = c.useRef(null), x = c.useRef(null), _ = c.useRef(w), N = c.useRef(G), f = c.useRef(), g = c.useRef(n), he = function(p) {
+}, F = /* @__PURE__ */ new Map(), Te = c.memo(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: s = "Loading...", options: p = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: S = "100%", className: k, wrapperProps: $ = {}, beforeMount: G = q, onMount: w = q, onChange: C, onValidate: A = q }) {
+  let [m, y] = c.useState(!1), [d, D] = c.useState(!0), v = c.useRef(null), l = c.useRef(null), x = c.useRef(null), _ = c.useRef(w), N = c.useRef(G), f = c.useRef(), g = c.useRef(n), he = function(h) {
     let M = c.useRef();
     return c.useEffect(() => {
-      M.current = p;
-    }, [p]), M.current;
+      M.current = h;
+    }, [h]), M.current;
   }(i), te = c.useRef(!1), H = c.useRef(!1);
   ee(() => {
-    let p = Y.init();
-    return p.then((M) => (v.current = M) && D(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => l.current ? (f.current?.dispose(), E ? b && F.set(i, l.current.saveViewState()) : l.current.getModel()?.dispose(), void l.current.dispose()) : p.cancel();
+    let h = Y.init();
+    return h.then((M) => (v.current = M) && D(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => l.current ? (f.current?.dispose(), E ? b && F.set(i, l.current.saveViewState()) : l.current.getModel()?.dispose(), void l.current.dispose()) : h.cancel();
   }), j(() => {
-    let p = I(v.current, e || n || "", t || o || "", i || r || "");
-    p !== l.current?.getModel() && (b && F.set(he, l.current?.saveViewState()), l.current?.setModel(p), b && l.current?.restoreViewState(F.get(i)));
-  }, [i], h), j(() => {
-    l.current?.updateOptions(y);
-  }, [y], h), j(() => {
+    let h = I(v.current, e || n || "", t || o || "", i || r || "");
+    h !== l.current?.getModel() && (b && F.set(he, l.current?.saveViewState()), l.current?.setModel(h), b && l.current?.restoreViewState(F.get(i)));
+  }, [i], m), j(() => {
+    l.current?.updateOptions(p);
+  }, [p], m), j(() => {
     !l.current || n === void 0 || (l.current.getOption(v.current.editor.EditorOption.readOnly) ? l.current.setValue(n) : n !== l.current.getValue() && (H.current = !0, l.current.executeEdits("", [{ range: l.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), l.current.pushUndoStop(), H.current = !1));
-  }, [n], h), j(() => {
-    let p = l.current?.getModel();
-    p && o && v.current?.editor.setModelLanguage(p, o);
-  }, [o], h), j(() => {
+  }, [n], m), j(() => {
+    let h = l.current?.getModel();
+    h && o && v.current?.editor.setModelLanguage(h, o);
+  }, [o], m), j(() => {
     u !== void 0 && l.current?.revealLine(u);
-  }, [u], h), j(() => {
+  }, [u], m), j(() => {
     v.current?.editor.setTheme(a);
-  }, [a], h);
+  }, [a], m);
   let re = c.useCallback(() => {
     if (x.current && v.current && !te.current) {
       N.current(v.current);
-      let p = i || r, M = I(v.current, n || e || "", t || o || "", p || "");
-      l.current = v.current?.editor.create(x.current, { model: M, automaticLayout: !0, ...y }, O), b && l.current.restoreViewState(F.get(p)), v.current.editor.setTheme(a), u !== void 0 && l.current.revealLine(u), m(!0), te.current = !0;
+      let h = i || r, M = I(v.current, n || e || "", t || o || "", h || "");
+      l.current = v.current?.editor.create(x.current, { model: M, automaticLayout: !0, ...p }, O), b && l.current.restoreViewState(F.get(h)), v.current.editor.setTheme(a), u !== void 0 && l.current.revealLine(u), y(!0), te.current = !0;
     }
-  }, [e, t, r, n, o, i, y, O, b, a, u]);
+  }, [e, t, r, n, o, i, p, O, b, a, u]);
   return c.useEffect(() => {
-    h && _.current(l.current, v.current);
-  }, [h]), c.useEffect(() => {
-    !d && !h && re();
-  }, [d, h, re]), g.current = n, c.useEffect(() => {
-    h && C && (f.current?.dispose(), f.current = l.current?.onDidChangeModelContent((p) => {
-      H.current || C(l.current.getValue(), p);
+    m && _.current(l.current, v.current);
+  }, [m]), c.useEffect(() => {
+    !d && !m && re();
+  }, [d, m, re]), g.current = n, c.useEffect(() => {
+    m && C && (f.current?.dispose(), f.current = l.current?.onDidChangeModelContent((h) => {
+      H.current || C(l.current.getValue(), h);
     }));
-  }, [h, C]), c.useEffect(() => {
-    if (h) {
-      let p = v.current.editor.onDidChangeMarkers((M) => {
+  }, [m, C]), c.useEffect(() => {
+    if (m) {
+      let h = v.current.editor.onDidChangeMarkers((M) => {
         let J = l.current.getModel()?.uri;
         if (J && M.find((K) => K.path === J.path)) {
           let K = v.current.editor.getModelMarkers({ resource: J });
@@ -377,12 +374,12 @@ var Ae = c.memo(function({ original: e, modified: t, language: r, originalLangua
         }
       });
       return () => {
-        p?.dispose();
+        h?.dispose();
       };
     }
     return () => {
     };
-  }, [h, A]), T.createElement(pe, { width: P, height: S, isEditorReady: h, loading: s, _ref: x, className: k, wrapperProps: $ });
+  }, [m, A]), T.createElement(pe, { width: P, height: S, isEditorReady: m, loading: s, _ref: x, className: k, wrapperProps: $ });
 }), Ve = Te;
 export {
   Ae as DiffEditor,

package/{cdn/assets/9-cIcj6CRJx5HTn9.js → browser/esm/DHPHhaCxihdR9Hl6.mjs}

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

package/browser/esm/DKbJ-iVPuUbr3iZ_.mjs

@@ -0,0 +1,47 @@
+import { r as s, a1 as p, bb as E, L as n, j as t, v as R, B as k, F as O, bc as W, bd as G, d as c, be as u, T as H, an as F, bf as K } from "./BbW_1O3cEhZ4aSgS.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ *
+ * (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((S) => {
+  const { initialValue: w, context: f, onOption: b, onValidateOption: d, onInputOption: h, onDone: m, options: C = q, defaultOption: r = C?.[0], cancelOption: g = "Cancel", sx: P, ...D } = S, [a, v] = s.useState(w), [$, I] = s.useState(!1), x = s.useCallback(async (e, o) => !0, []), y = p(async (e) => {
+    h?.(a, e), b?.(e, e === g, e === r), m?.();
+  }, [a, h, m, b, g, r]), M = p(async (e) => {
+    e.keyCode === E.Enter && await x?.(a, null) !== !1 && y(r);
+  }, [a, y]), N = p((e) => {
+    v(e.target.value), x?.(e.target.value, null);
+  }, [d]), V = p(async (e) => {
+    let o = await Promise.resolve(d?.(e));
+    try {
+      o !== !1 && (o = await Promise.resolve(x?.(a, e)) ?? !0);
+    } catch {
+    }
+    return o ?? !0;
+  }, [d]), [T, j] = s.useState(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+  s.useEffect(() => {
+    j(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
+  }, [a]);
+  const B = s.useMemo(() => {
+    const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(K, { value: l, children: l }, l), i = Object.keys(e).map((l) => o(e[l].formatType));
+    return i.push(o(n.Type.Custom)), i;
+  }, []), L = s.useCallback((e) => {
+    const o = e.target.value;
+    j(o);
+    const i = n.Styles.lookupDefault(o);
+    i && v(i);
+  }, []), z = s.useMemo(() => {
+    const e = f();
+    return e.createTemporaryCell({ value: e.getValue() ?? 12345, style: { numberFormat: a } });
+  }, [T, 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(k, { 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: T, label: "Category", onChange: L, 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) => {
+    $ || 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(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (e) => {
+    e.stopPropagation();
+  } }) }), t.jsxs(k, { children: [t.jsx(F, { variant: "caption", component: "div", sx: { paddingLeft: (e) => e.spacing(2) }, children: "Preview" }), t.jsx(F, { 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 {
+  J as NumberFormatDialog,
+  J as default
+};