@sheetxl/studio-vanilla 0.3.5 → 0.3.7

package/cdn/assets/l2XreUqHdSx2sK06.js

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