@sheetxl/studio-vanilla 0.7.5 → 0.7.6

package/cdn/assets/{CVBaJALDWZmlWWg2.js → BqOHcOxJPktjB8oL.js}

@@ -1,40 +1,40 @@
-import { a as s } from "./BbpQ1Ci6AYjWQxnE.js";
-import { r as n } from "./-C5nZ__wNloSiQBU.js";
-import { T as m, l as L, B as W, p as b, v as O, q as p, s as r } from "./YNhHFwthgm8SLyHw.js";
+import { a as s } from "./5dKHsl0r2V-JmyNP.js";
+import { r as a } from "./BXHEwZhPbMaOdb_Z.js";
+import { f as m, O as L, d as W, h as O, p as b, k as p, o as r } from "./Bqca9Nkofzm6UFZ1.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const z = ["Ok", "Cancel"], V = n.memo((P) => {
-  const { initialHyperlink: o = null, initialDisplay: D = null, onUpdateHyperlink: x, context: i, onOption: f, onValidateOption: d, onDone: u, options: h = z, defaultOption: c = h?.[0], cancelOption: l = "Cancel", sx: v, ...F } = P, H = n.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), k = n.useMemo(() => {
-    let e = null, a = null;
-    o && (typeof o == "string" ? a = o : e = o);
+const z = ["Ok", "Cancel"], V = a.memo((P) => {
+  const { initialHyperlink: o = null, initialDisplay: D = null, onUpdateHyperlink: f, context: i, onOption: x, onValidateOption: d, onDone: u, options: h = z, defaultOption: c = h?.[0], cancelOption: l = "Cancel", sx: F, ...H } = P, I = a.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), k = a.useMemo(() => {
+    let e = null, n = null;
+    o && (typeof o == "string" ? n = o : e = o);
     const C = e ?? i?.()?.getHyperlink();
-    return { address: a ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
-  }, [o, i]), [t, I] = n.useState(k.address), [g, j] = n.useState(() => {
+    return { address: n ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
+  }, [o, i]), [t, j] = a.useState(k.address), [g, v] = a.useState(() => {
     const e = i?.().toTextUnformatted() ?? D;
     return e === k.address ? "" : e;
-  }), [w, y] = n.useState(!1), M = n.useCallback((e) => {
-    j(e.target.value);
-  }, []), T = n.useCallback(async (e, a) => null, []), B = m(async (e) => {
-    e !== l && x?.(t === "" ? null : { address: t }, g), f?.(e, e === l, e === c), u?.();
-  }, [t, g, x, u, f, c, l]), S = m((e) => {
-    I(e.target.value), T(e.target.value, null);
-  }, [d]), $ = m(async (e) => {
-    let a = await Promise.resolve(d?.(e));
+  }), [w, y] = a.useState(!1), M = a.useCallback((e) => {
+    v(e.target.value);
+  }, []), T = a.useCallback(async (e, n) => null, []), S = m(async (e) => {
+    e !== l && f?.(t === "" ? null : { address: t }, g), x?.(e, e === l, e === c), u?.();
+  }, [t, g, f, u, x, c, l]), $ = m((e) => {
+    j(e.target.value), T(e.target.value, null);
+  }, [d]), B = m(async (e) => {
+    let n = await Promise.resolve(d?.(e));
     try {
-      a !== !1 && (a = await T(t, e));
+      n !== !1 && (n = await T(t, e));
     } catch {
     }
-    return a ?? !0;
+    return n ?? !0;
   }, [d]);
-  return s.jsx(L, { title: (H ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => B(e), onValidateOption: $, defaultOption: c, cancelOption: l, autoFocusSel: ".autoFocus", sx: { width: "480px", ...v }, ...F, children: s.jsxs(W, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [s.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
+  return s.jsx(L, { title: (I ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => S(e), onValidateOption: B, defaultOption: c, cancelOption: l, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...H, children: s.jsxs(W, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [s.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(b, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (e) => {
     w || e.target?.select(), y(!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(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: t, onChange: S, onContextMenu: (e) => {
+  }, 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(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: t, onChange: $, onContextMenu: (e) => {
     e.stopPropagation();
-  } }) }), s.jsx(b, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Display Text", placeholder: t?.startsWith("#") ? t.substring(1) : t, onFocus: () => {
+  } }) }), s.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(b, { label: "Display Text", placeholder: t?.startsWith("#") ? t.substring(1) : t, onFocus: () => {
     y(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: g, onChange: M, onContextMenu: (e) => {
     e.stopPropagation();