@sheetxl/studio-vanilla 0.4.14 → 0.4.15

package/cdn/assets/CP0YRrUyk_DwRGye.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 { ap as f, b as S, B as U, d as P, T as D, e as l, a6 as p } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (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: t = 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 = b(() => (t ?? s?.()?.getHyperlink()) !== null, []), y = b(() => {
+    let e = null, n = null;
+    t && (typeof t == "string" ? n = t : e = t);
+    const C = e ?? s?.()?.getHyperlink();
+    return { address: n ?? C?.getAddress() ?? "", textToDisplay: C?.getDisplayText() ?? "" };
+  }, [t, s]), [a, M] = g(y.address), [u, B] = g(() => {
+    const e = s?.().toTextUnformatted() ?? H;
+    return e === y.address ? "" : e;
+  }), [$, k] = g(!1), L = O((e) => {
+    B(e.target.value);
+  }, []), T = O(async (e, n) => 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 n = await Promise.resolve(r?.(e));
+    try {
+      n !== !1 && (n = await T(a, e));
+    } catch {
+    }
+    return n ?? !0;
+  }, [r]);
+  return o(S, { title: (w ? "Edit" : "Insert") + " Link", options: h, onDone: d, onOption: (e) => W(e), onValidateOption: z, defaultOption: c, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...I }, ...v, 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
+};

package/{browser/esm/BF5nlSYZ38RJ0dPX.mjs → cdn/assets/CQMGhCDKbq2op_BI.js}

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

package/cdn/assets/CQ_eXYB8jRiWFzL8.js

@@ -0,0 +1,149 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { memo as oe, useRef as C, useState as b, useEffect as D, useLayoutEffect as pe, useMemo as de } from "react";
+import { at as L, au as c, O as R, ap as H, a2 as ue, av as fe, a0 as ge, a1 as me, B as O, aw as m, ax as x, ay as xe, az as y, aA as he, T as _, e as k, a3 as Oe, aB as Ce, aC as ye, aD as be, a6 as w, aE as ee, aF as ve, aG as Te, aH as Re, as as ke, d as we, aq as Ee, ar as Se } from "./DPpga_z_sz7WeoGk.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const Fe = L(i("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Ie = L(i("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), De = L(i("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), Le = L(i("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), z = oe((E) => {
+  const { label: h, value: r, options: a, onSelect: d, tabIndex: v = 0, ...A } = E, [P, T] = b(() => ie(r, a));
+  D(() => {
+    T(ie(r, a));
+  }, [r, a]);
+  const K = H((u) => {
+    T(u.target.value), d?.(a[u.target.value]);
+  }, [d, a]), s = de(() => Object.keys(a).map((u) => i(ke, { value: u, children: u }, u)), [a]);
+  return p(we, { sx: { minWidth: 135 }, size: "small", children: [i(Ee, { children: h }), i(Se, { inputProps: { tabIndex: v }, value: P, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${k("#fff", w(5))}, ${k("#fff", w(5))})` }, ...A, children: s })] });
+}), te = { Workbook: "workbook", Sheet: "sheet" }, ne = { enter: 140, exit: 140 }, ae = { Formulas: c.Content.Formulas, Values: c.Content.Values, Notes: c.Content.Notes, Comments: c.Content.Comments }, se = { ...ae };
+delete se.Values;
+const Ae = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
+  const r = Object.keys(h);
+  for (let a = 0; a < r.length; a++) {
+    const d = r[a];
+    if (h[d] === E) return d;
+  }
+}, Me = oe((E) => {
+  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: v, title: A, onHide: P, onFindOrReplace: T, ...K } = E, s = C(null), u = C(null), $ = C(null), W = C(null), j = C(null), N = C(null), q = (e, t) => {
+    t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
+  }, [G, I] = b(!1), [B, le] = b(!1), [f, M] = b(h), [U, V] = b(!1), [X, J] = b(!1), [o, l] = b({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [c.Content.Formulas] }, scope: te.Sheet }), S = H(async (e, t, n, F) => {
+    if (!T) return;
+    const g = { ...o };
+    g.replaceOptions = { ...g.replaceOptions }, g.findOptions = { ...g.findOptions }, g.replaceOptions.maxCount = n ? void 0 : 1, g.replace = t, t && o.findOptions.fields?.[0] === c.Content.Values && (g.findOptions.fields = [c.Content.Formulas]), g.findOptions.reverse = !e;
+    const ce = await T({ autoFocus: F, ...g });
+    V(ce === 0);
+  }, [o, T]);
+  D(() => {
+    V(!1);
+  }, [o, B, f]);
+  const Q = H((e, t) => {
+    if (e.keyCode === ue.Enter) {
+      if (!o.findText) return;
+      let n = !0, F = !1;
+      e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (F = !0), q(e, F ? N.current : j.current)) : q(e, n ? W.current : $.current), S(n, t, F, !1);
+    }
+  }, [o]), Y = C(null);
+  pe(() => {
+    l((e) => {
+      const t = { ...e };
+      t.findText = r && r.length > 0 ? r : e.findText ?? "", I(!0), a !== void 0 && (t.replaceText = a), d && (t.findOptions = { ...t.findOptions, ...d }), t.replaceText || (t.replaceText = ""), t.replaceOptions && (t.replaceOptions = { ...t.replaceOptions }), v && (t.replaceOptions = { ...t.replaceOptions, ...v }), o.findOptions.fields?.[0] || (o.findOptions.fields = [c.Content.Formulas]);
+      const n = !(!v && a === void 0);
+      return n && M(n), t;
+    }), X || Y.current?.focus();
+  }, [r, a, d, v]), D(() => {
+    f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
+  }, [f]), D(() => {
+    if (G && s.current && o.findText === s.current.value) return s.current === document.activeElement || s.current.contains(document.activeElement) ? (s.current?.select(), void I(!1)) : void s.current.addEventListener("focus", () => {
+      s.current?.select(), I(!1);
+    }, { once: !0 });
+  }, [G, o]);
+  const [re, { width: Z }] = fe();
+  return i(ge, { ref: Y, title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: P, onFocus: () => J(!0), onBlur: () => {
+    J(!1), V(!1);
+  }, PaperProps: { elevation: X ? 3 : 1 }, ...K, children: p(me, { dividers: !0, ref: re, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
+    if (e.key === "h" && e.ctrlKey) M(!0), s.current?.contains(document.activeElement) && u.current?.focus();
+    else if (e.key === "f" && e.ctrlKey) s.current?.focus();
+    else if (e.key === "c" && e.altKey) l((t) => {
+      const n = { ...t };
+      return n.findOptions.matchCase = !t.findOptions.matchCase, n;
+    });
+    else if (e.key === "e" && e.altKey) l((t) => {
+      const n = { ...t };
+      return n.findOptions.matchEntireCell = !t.findOptions.matchEntireCell, n;
+    });
+    else {
+      if (e.key !== "r" || !e.altKey) return;
+      l((t) => {
+        const n = { ...t };
+        return n.findOptions.useRegex = !t.findOptions.useRegex, n;
+      });
+    }
+    e.preventDefault();
+  }, children: [p(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i(m, { selected: B, onSelectToggle: (e) => {
+    le(e);
+  }, preventFocus: !0, label: "Toggle Additional Options", icon: x(i(xe, {})) }), i(m, { selected: f, onSelectToggle: (e) => {
+    M(e);
+  }, preventFocus: !0, label: "Toggle Replace", icon: x(i(he, {})), shortcut: { key: f ? "F" : "H", modifiers: [y.Ctrl] } })] }), p(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [i(_, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Z > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${k("#fff", w(5))}, ${k("#fff", w(5))})` }, inputProps: { draggable: !1, ref: s, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: i(Oe, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: p(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [i(m, { selected: o.findOptions.matchCase, onSelectToggle: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findOptions.matchCase = e, n;
+    });
+  }, label: "Match Case", shortcut: { key: "C", modifiers: [y.Alt] }, icon: x(i(Ce, {})) }), i(m, { selected: o.findOptions.matchEntireCell, onSelectToggle: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findOptions.matchEntireCell = e, n;
+    });
+  }, label: "Match Entire Cell", shortcut: { key: "E", modifiers: [y.Alt] }, icon: x(i(ye, {})) }), i(m, { selected: o.findOptions.useRegex, onSelectToggle: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findOptions.useRegex = e, n;
+    });
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: x(i(be, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => U ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => U ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findText = e.target.value, n;
+    });
+  }, onKeyDown: (e) => Q(e, !1), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i(m, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
+    S(!1, !1);
+  }, touchRippleRef: $, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(Fe, {}) : i(Le, {})), disabled: !o.findText }), i(m, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
+    S(!0, !1);
+  }, touchRippleRef: W, label: "Next Match", shortcut: { key: "Enter" }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(De, {}) : i(Ie, {})), disabled: !o.findText })] }), i(ee, { in: f, timeout: ne, onExit: () => {
+    s.current?.focus();
+  }, children: p(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [i(_, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${k("#fff", w(5))}, ${k("#fff", w(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: o.replaceText ?? "", onChange: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.replaceText = e.target.value, n;
+    });
+  }, onKeyDown: (e) => Q(e, !0), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i(m, { onSelectToggle: (e) => {
+    S(!0, !0);
+  }, touchRippleRef: j, label: "Replace", shortcut: { key: "Enter" }, icon: x(i(ve, {})), disabled: !o.findText }), i(m, { onSelectToggle: (e) => {
+    S(!0, !0, !0);
+  }, touchRippleRef: N, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: x(i(Te, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: B, timeout: ne, onExit: () => {
+    s.current?.focus();
+  }, children: p(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [i(Re, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), p(O, { sx: { display: "flex", flexDirection: Z >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i(z, { label: "Within", value: o.scope, options: te, onSelect: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.scope = e, n;
+    });
+  } }), i(z, { label: "Search", value: o.findOptions.orientation !== R.Orientation.Column, options: Ae, onSelect: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findOptions.orientation = e ? R.Orientation.Row : R.Orientation.Column, n;
+    });
+  } }), i(z, { label: "Look in", value: f && o.findOptions.fields?.[0] === c.Content.Values ? c.Content.Formulas : o.findOptions.fields?.[0], options: f ? se : ae, onSelect: (e) => {
+    l((t) => {
+      const n = { ...t };
+      return n.findOptions.fields = [e], n;
+    });
+  } })] })] }) })] }) });
+});
+export {
+  Me as FindReplaceWindow,
+  te as ScopeOptions,
+  Me as default
+};

package/cdn/assets/{wV8riZWKJE7AoKQk.js → CQoo-4sVCrOfP9iU.js}

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