@sheetxl/studio-vanilla 0.7.6 → 0.7.8

package/browser/esm/CBcApePT9eJIfqcW.mjs

@@ -0,0 +1,149 @@
+import { r as o, Q as p, G as R, E as W, l as le, R as re, j as i, i as ae, k as ce, B as O, U as g, q as m, X as y, T as Y, n as b, I as pe, v, W as J, Y as de, P as ue, M as fe, N as xe, S as ge } from "./CdxM9Kp_JyOf23p8.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const B = { width: "1.5rem", height: "1.5rem" }, M = o.memo((k) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...w } = k, [E, j] = o.useState(() => ee(c, l));
+  o.useEffect(() => {
+    j(ee(c, l));
+  }, [c, l]);
+  const K = W((u) => {
+    j(u.target.value), d?.(l[u.target.value]);
+  }, [d, l]), r = o.useMemo(() => Object.keys(l).map((u) => i.jsx(ue, { value: u, children: u }, u)), [l]);
+  return i.jsxs(fe, { sx: { minWidth: 135 }, size: "small", children: [i.jsx(xe, { children: h }), i.jsx(ge, { inputProps: { tabIndex: C }, value: E, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, ...w, children: r })] });
+}), Z = { Workbook: "workbook", Sheet: "sheet" }, _ = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+delete te.Values;
+const me = { "By Rows": !0, "By Columns": !1 }, ee = (k, h) => {
+  const c = Object.keys(h);
+  for (let l = 0; l < c.length; l++) {
+    const d = c[l];
+    if (h[d] === k) return d;
+  }
+}, Oe = o.memo((k) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: w, onHide: E, onFindOrReplace: j, ...K } = k, r = o.useRef(null), u = o.useRef(null), P = o.useRef(null), $ = o.useRef(null), L = o.useRef(null), z = o.useRef(null), N = (e, n) => {
+    n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
+  }, [V, T] = o.useState(!1), [I, ie] = o.useState(!1), [f, D] = o.useState(h), [H, A] = o.useState(!1), [U, G] = o.useState(!1), [s, a] = o.useState({ replaceText: null, replace: h, replaceOptions: {}, findOptions: { text: null, matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: R.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), S = W(async (e, n, t, F) => {
+    if (!j) return;
+    const x = { ...s };
+    x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = t ? void 0 : 1, x.replace = n, n && s.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
+    const oe = await j({ autoFocus: F, ...x });
+    A(oe === 0);
+  }, [s, j]);
+  o.useEffect(() => {
+    A(!1);
+  }, [s, I, f]);
+  const q = W((e, n) => {
+    if (e.keyCode === le.Enter) {
+      if (!s.findOptions.text) return;
+      let t = !0, F = !1;
+      e.shiftKey && (t = !1), n ? (e.ctrlKey && e.altKey && (F = !0), N(e, F ? z.current : L.current)) : N(e, t ? $.current : P.current), S(t, n, F, !1);
+    }
+  }, [s]), Q = o.useRef(null);
+  o.useLayoutEffect(() => {
+    a((e) => {
+      const n = { ...e };
+      n.findOptions.text = c && c.length > 0 ? c : e.findOptions.text ?? "", T(!0), l !== void 0 && (n.replaceText = l), d && (n.findOptions = { ...n.findOptions, ...d }), n.replaceText || (n.replaceText = ""), n.replaceOptions && (n.replaceOptions = { ...n.replaceOptions }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), s.findOptions.fields?.[0] || (s.findOptions.fields = [p.Content.Formulas]);
+      const t = !(!C && l === void 0);
+      return t && D(t), n;
+    }), U || Q.current?.focus();
+  }, [c, l, d, C]), o.useEffect(() => {
+    f ? (s.findOptions.fields[0], p.Content.Values) : T(!0);
+  }, [f]), o.useEffect(() => {
+    if (V && r.current && s.findOptions.text === r.current.value) return r.current === document.activeElement || r.current.contains(document.activeElement) ? (r.current?.select(), void T(!1)) : void r.current.addEventListener("focus", () => {
+      r.current?.select(), T(!1);
+    }, { once: !0 });
+  }, [V, s]);
+  const [se, { width: X }] = re();
+  return i.jsx(ae, { ref: Q, title: w ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: E, onFocus: () => G(!0), onBlur: () => {
+    G(!1), A(!1);
+  }, slotProps: { paper: { elevation: U ? 3 : 1 } }, ...K, children: i.jsxs(ce, { dividers: !0, ref: se, 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) D(!0), r.current?.contains(document.activeElement) && u.current?.focus();
+    else if (e.key === "f" && e.ctrlKey) r.current?.focus();
+    else if (e.key === "c" && e.altKey) a((n) => {
+      const t = { ...n };
+      return t.findOptions.matchCase = !n.findOptions.matchCase, t;
+    });
+    else if (e.key === "e" && e.altKey) a((n) => {
+      const t = { ...n };
+      return t.findOptions.matchEntireCell = !n.findOptions.matchEntireCell, t;
+    });
+    else {
+      if (e.key !== "r" || !e.altKey) return;
+      a((n) => {
+        const t = { ...n };
+        return t.findOptions.useRegex = !n.findOptions.useRegex, t;
+      });
+    }
+    e.preventDefault();
+  }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i.jsx(g, { selected: I, onSelectToggle: (e) => {
+    ie(e);
+  }, preventFocus: !0, label: "Toggle Additional Options", icon: i.jsx(m, { iconKey: "FindOptions" }) }), i.jsx(g, { selected: f, onSelectToggle: (e) => {
+    D(e);
+  }, preventFocus: !0, label: "Toggle Replace", icon: i.jsx(m, { iconKey: "FindReplaceToggle" }), shortcut: { key: f ? "F" : "H", modifiers: [y.Ctrl] } })] }), i.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [i.jsx(Y, { label: "Find", slotProps: { input: { sx: { paddingRight: (e) => e.spacing(1), minWidth: X > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` }, endAdornment: i.jsx(pe, { position: "end", children: i.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "2px" }, children: [i.jsx(g, { style: B, selected: s.findOptions.matchCase, onBlur: () => {
+    console.log("blur");
+  }, onSelectToggle: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.matchCase = e, t;
+    });
+  }, label: "Match Case", shortcut: { key: "C", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindCaseSensitive", size: "1rem" }) }), i.jsx(g, { style: B, selected: s.findOptions.matchEntireCell, onSelectToggle: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.matchEntireCell = e, t;
+    });
+  }, label: "Match Entire Cell", shortcut: { key: "E", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindWholeWord", size: "1rem" }) }), i.jsx(g, { style: B, selected: s.findOptions.useRegex, onSelectToggle: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.useRegex = e, t;
+    });
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [y.Alt] }, icon: i.jsx(m, { iconKey: "FindRegEx", size: "1rem" }) })] }) }) }, inputLabel: { shrink: !0 }, htmlInput: { draggable: !1, ref: r, className: "input", autoFocus: !0, 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), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => H ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => H ? `${e.palette.error.main} !important` : void 0 } }, value: s.findOptions.text ?? "", onChange: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.text = e.target.value, t;
+    });
+  }, onKeyDown: (e) => q(e, !1), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i.jsx(g, { selected: s.findOptions.reverse, onSelectToggle: (e) => {
+    S(!1, !1);
+  }, touchRippleRef: P, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: i.jsx(m, { iconKey: s.findOptions.orientation !== R.Orientation.Column ? "ArrowBack" : "ArrowUpward" }), disabled: !s.findOptions.text }), i.jsx(g, { selected: !s.findOptions.reverse, onSelectToggle: (e) => {
+    S(!0, !1);
+  }, touchRippleRef: $, label: "Next Match", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: s.findOptions.orientation !== R.Orientation.Column ? "ArrowForward" : "ArrowDownward" }), disabled: !s.findOptions.text })] }), i.jsx(J, { in: f, timeout: _, onExit: () => {
+    r.current?.focus();
+  }, children: i.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [i.jsx(Y, { label: "Replace", slotProps: { input: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${b("#fff", v(5))}, ${b("#fff", v(5))})` } }, inputLabel: { shrink: !0 }, htmlInput: { 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: s.replaceText ?? "", onChange: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.replaceText = e.target.value, t;
+    });
+  }, onKeyDown: (e) => q(e, !0), onContextMenu: (e) => {
+    e.stopPropagation();
+  } }), i.jsx(g, { onSelectToggle: (e) => {
+    S(!0, !0);
+  }, touchRippleRef: L, label: "Replace", shortcut: { key: "Enter" }, icon: i.jsx(m, { iconKey: "FindReplace" }), disabled: !s.findOptions.text }), i.jsx(g, { onSelectToggle: (e) => {
+    S(!0, !0, !0);
+  }, touchRippleRef: z, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: i.jsx(m, { iconKey: "FindReplaceAll" }), disabled: !s.findOptions.text })] }) })] })] }), i.jsx(J, { in: I, timeout: _, onExit: () => {
+    r.current?.focus();
+  }, children: i.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(1.5), marginTop: (e) => e.spacing(1) }, children: [i.jsx(de, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), i.jsxs(O, { sx: { display: "flex", flexDirection: X >= 383 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", gap: (e) => e.spacing(1), rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i.jsx(M, { label: "Within", value: s.scope, options: Z, onSelect: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.scope = e, t;
+    });
+  } }), i.jsx(M, { label: "Search", value: s.findOptions.orientation !== R.Orientation.Column, options: me, onSelect: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.orientation = e ? R.Orientation.Row : R.Orientation.Column, t;
+    });
+  } }), i.jsx(M, { label: "Look in", value: f && s.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : s.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+    a((n) => {
+      const t = { ...n };
+      return t.findOptions.fields = [e], t;
+    });
+  } })] })] }) })] }) });
+});
+export {
+  Oe as FindReplaceWindow,
+  Z as ScopeOptions,
+  Oe as default
+};

package/{cdn/assets/Bab--HPvvqz_dgfE.js → browser/esm/CD8p14Wp3hhZOsNy.mjs}

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

package/{cdn/assets/CrM-2l9BMnS0Lkh1.js → browser/esm/CLJbb3ejl1MXdPtA.mjs}

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

package/browser/esm/{Cx11CBX88voKcCgb.mjs → CMxu9ILcsywmbTAm.mjs}

@@ -1,12 +1,12 @@
-import { r as n, a as p, j as r, O as b, B as k, A as B, E } from "./Yx74P2tuzTl_vWeR.mjs";
+import { r as n, E as p, j as r, O as b, B as k, _ as B, Z as E } from "./CdxM9Kp_JyOf23p8.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const I = ["Ok", "Cancel"], M = n.memo((V) => {
-  const { value: a = null, context: t, onOption: c, onValidateOption: A, onDone: g, onUpdate: m, options: x = I, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...h } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+const I = ["Ok", "Cancel"], A = n.memo((V) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: L, onDone: g, onUpdate: m, options: x = I, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...h } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
     if (!a) return !0;
   }, []), [l, R] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), w = p((e, o, u) => {
     if (!o) {
@@ -36,6 +36,6 @@ const I = ["Ok", "Cancel"], M = n.memo((V) => {
   } })] }) });
 });
 export {
-  M as NamedReferenceDialog,
-  M as default
+  A as NamedReferenceDialog,
+  A as default
 };

package/browser/esm/{B_8aGF2Dt1micWZg.mjs → CO3_89fRzGLRFzFH.mjs}

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

package/browser/esm/CQuep8FzvblCAI6v.mjs

@@ -0,0 +1,39 @@
+import { r as e, E as o, l as $, j as i, O as z, B as K, M as R, T as W, n as O, ar as q, v as y } from "./CdxM9Kp_JyOf23p8.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.8
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const A = ["Input"], J = e.memo(e.forwardRef((w, T) => {
+  const { initialValue: v = "", onOption: F, onValidateOption: l, onInputOption: r, onValidateInputOption: p, onDone: u, inputProps: c, inputLabel: S, inputType: j, inputPlaceHolder: C, options: d = A, autoFocusSel: I = ".autoFocus", cancelOption: g, defaultOption: m = d?.[0], ...b } = w, [k, P] = e.useState(!1), [a, V] = e.useState(v), [B, D] = e.useState(""), [M, E] = e.useState(!0), s = o(async (t, n) => {
+    if (!p) return !0;
+    const h = await p?.(t, n);
+    D(h?.message ?? "");
+    const x = h?.valid ?? !0;
+    return E(x), x;
+  }, [p]), f = o(async (t) => {
+    r?.(a, t);
+  }, [a, r, u, F, g, m]), H = o(async (t) => {
+    t.keyCode === $.Enter && await s?.(a, null);
+  }, [a, f]), L = o((t) => {
+    V(t.target.value), s?.(t.target.value, null);
+  }, [l]), N = o(async (t) => {
+    let n = await s(a, t);
+    try {
+      n !== !1 && (n = await s(a, t));
+    } catch {
+    }
+    return n ?? !0;
+  }, [a, l]);
+  return i.jsx(z, { options: d, onDone: u, onOption: (t, n) => {
+    n || f(t);
+  }, onValidateOption: N, cancelOption: g, defaultOption: m, autoFocusSel: I, ref: T, ...b, children: i.jsx(K, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0) }, children: i.jsx(R, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i.jsx(W, { onFocus: (t) => {
+    k || t.target?.select(), P(!0);
+  }, type: j, label: S, helperText: B || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5), color: M ? void 0 : "error.main" } }, slotProps: { inputLabel: { shrink: !0 }, htmlInput: { placeholder: C, spellCheck: !1, autoComplete: "off", ...c, className: q("autoFocus", c?.className), sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${O("#fff", y(5))}, ${O("#fff", y(5))})` } } }, value: a, onChange: L, onKeyDown: H, onContextMenu: (t) => {
+    t.stopPropagation();
+  } }) }) }) });
+}));
+export {
+  J as default
+};