@sheetxl/studio-vanilla 0.7.4 → 0.7.6

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

@@ -1,14 +1,14 @@
-import { a as s } from "./CvTBNZMoY5-DwtAb.js";
-import { r as a } from "./TAuxEP6K9MOe8hvY.js";
-import { h as m, i as L, B as W, l as b, p as O, m as p, o as r } from "./D4aEzWRsHbRiDZQf.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.4
+ * @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 = a.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: F, ...H } = P, I = a.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), k = a.useMemo(() => {
+  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();
@@ -18,11 +18,11 @@ const z = ["Ok", "Cancel"], V = a.memo((P) => {
     return e === k.address ? "" : e;
   }), [w, y] = a.useState(!1), M = a.useCallback((e) => {
     v(e.target.value);
-  }, []), T = a.useCallback(async (e, n) => 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) => {
+  }, []), 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]), $ = m(async (e) => {
+  }, [d]), B = m(async (e) => {
     let n = await Promise.resolve(d?.(e));
     try {
       n !== !1 && (n = await T(t, e));
@@ -30,11 +30,11 @@ const z = ["Ok", "Cancel"], V = a.memo((P) => {
     }
     return n ?? !0;
   }, [d]);
-  return s.jsx(L, { title: (I ? "Edit" : "Insert") + " Link", options: h, onDone: u, onOption: (e) => B(e), onValidateOption: $, 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(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();