@sheetxl/studio-vanilla 0.4.15 → 0.4.17

package/cdn/assets/{C4PvQzHOWYFQIrTT.js → 58CC3MhIh4X10O2i.js}

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as N } from "react/jsx-runtime";
 import { memo as T, useState as i, useCallback as k } from "react";
-import { ap as w, b as j, B as v, aM as y, a7 as B, a8 as F } from "./DPpga_z_sz7WeoGk.js";
+import { ap as w, p as j, B as v, aM as y, a7 as B, a8 as F } from "./C7nVUBzSXM4b2lzJ.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.17
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const H = ["Ok", "Cancel"], G = T((u) => {
-  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = w((a) => {
+  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...h } = u, [x, O] = i(!1), [n, b] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = w((a) => {
     const g = { ...e, hasHeader: n, ranges: l };
     c?.(a, a === s, a === t), r?.({ option: a, tableOptions: g });
   }, [r, c, t, s, n, l, e]), D = k(async (a, g) => null, []);
-  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: D, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: N(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
-    h || a.target?.select(), x(!0);
-  } }), o(B, { control: o(F, { checked: n, onChange: () => O(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
+  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: D, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...h, children: N(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+    x || a.target?.select(), O(!0);
+  } }), o(B, { control: o(F, { checked: n, onChange: () => b(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });
 export {
   G as TableNewDialog,

package/cdn/assets/B22VKc9MeGgoPERI.js

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