@sheetxl/studio-vanilla 0.3.2 → 0.3.4

package/{cdn/assets/D3XmnZGIfxT4lk3w.js → browser/esm/BIHHiMjUvXmWQ6w_.mjs}

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

package/browser/esm/{CMICZ36cqe6eEELU.mjs → BNq1DlA_v8-hm8PQ.mjs}

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
 import { memo as oe, useRef as O, useState as y, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
-import { a5 as D, b8 as c, q as R, a7 as z, b3 as ue, ap as fe, b9 as ge, ba as me, c as b, bb as m, aK as x, bc as xe, aB as C, bd as he, f as _, g as k, be, bf as Oe, bg as Ce, bh as ye, b6 as w, bi as ve, bj as Te, aN as Re, b7 as ke, F as we, b4 as Ee, b5 as Se } from "./Cz7RSKUHlEt4Sy6b.mjs";
-import { C as ee } from "./Cux5PsvHYlpp5b2x.mjs";
+import { a5 as D, b8 as c, k as R, a7 as z, b3 as ue, ap as fe, b9 as ge, ba as me, B as b, bb as m, aK as x, bc as xe, aB as C, bd as he, T as _, f as k, be, bf as Oe, bg as Ce, bh as ye, b6 as w, bi as ve, bj as Te, aN as Re, b7 as ke, e as we, b4 as Ee, b5 as Se } from "./Bq_HFm6_6_ycs_gE.mjs";
+import { C as ee } from "./BfNo01-WwZl_5N1M.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -25,24 +25,24 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
     const d = r[s];
     if (h[d] === E) return d;
   }
-}, Be = oe((E) => {
-  const { replace: h = !1, findText: r, replaceText: s, findOptions: d, replaceOptions: v, title: K, onHide: P, onFindOrReplace: T, ...A } = E, l = O(null), u = O(null), H = O(null), W = O(null), j = O(null), N = O(null), q = (e, t) => {
+}, Ve = oe((E) => {
+  const { replace: h = !1, findText: r, replaceText: s, findOptions: d, replaceOptions: v, title: K, onHide: P, onFindOrReplace: T, ...A } = E, l = O(null), u = O(null), H = O(null), W = O(null), j = O(null), N = O(null), U = (e, t) => {
     t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
-  }, [U, I] = y(!1), [M, ae] = y(!1), [f, V] = y(h), [X, B] = y(!1), [G, J] = y(!1), [o, a] = y({ 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 = z(async (e, t, n, F) => {
+  }, [X, I] = y(!1), [B, ae] = y(!1), [f, M] = y(h), [q, V] = y(!1), [G, J] = y(!1), [o, a] = y({ 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 = z(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 });
-    B(ce === 0);
+    V(ce === 0);
   }, [o, T]);
   L(() => {
-    B(!1);
-  }, [o, M, f]);
+    V(!1);
+  }, [o, B, f]);
   const Q = z((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 : H.current), S(n, t, F, !1);
+      e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (F = !0), U(e, F ? N.current : j.current)) : U(e, n ? W.current : H.current), S(n, t, F, !1);
     }
   }, [o]), Y = O(null);
   pe(() => {
@@ -50,20 +50,20 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const t = { ...e };
       t.findText = r && r.length > 0 ? r : e.findText ?? "", I(!0), s !== void 0 && (t.replaceText = s), 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 && s === void 0);
-      return n && V(n), t;
+      return n && M(n), t;
     }), G || Y.current?.focus();
   }, [r, s, d, v]), L(() => {
     f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
   }, [f]), L(() => {
-    if (U && l.current && o.findText === l.current.value) return l.current === document.activeElement || l.current.contains(document.activeElement) ? (l.current?.select(), void I(!1)) : void l.current.addEventListener("focus", () => {
+    if (X && l.current && o.findText === l.current.value) return l.current === document.activeElement || l.current.contains(document.activeElement) ? (l.current?.select(), void I(!1)) : void l.current.addEventListener("focus", () => {
       l.current?.select(), I(!1);
     }, { once: !0 });
-  }, [U, o]);
+  }, [X, o]);
   const [re, { width: Z }] = fe();
   return i(ge, { title: K ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", refWindow: Y, onHide: P, onFocus: () => J(!0), onBlur: () => {
-    J(!1), B(!1);
+    J(!1), V(!1);
   }, PaperProps: { elevation: G ? 3 : 1 }, ...A, 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) V(!0), l.current?.contains(document.activeElement) && u.current?.focus();
+    if (e.key === "h" && e.ctrlKey) M(!0), l.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) l.current?.focus();
     else if (e.key === "c" && e.altKey) a((t) => {
       const n = { ...t };
@@ -81,10 +81,10 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       });
     }
     e.preventDefault();
-  }, children: [p(b, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [p(b, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i(m, { selected: M, onSelectToggle: (e) => {
+  }, children: [p(b, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [p(b, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [i(m, { selected: B, onSelectToggle: (e) => {
     ae(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: x(i(xe, {})) }), i(m, { selected: f, onSelectToggle: (e) => {
-    V(e);
+    M(e);
   }, preventFocus: !0, label: "Toggle Replace", icon: x(i(he, {})), shortcut: { key: f ? "F" : "H", modifiers: [C.Ctrl] } })] }), p(b, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [p(b, { 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: l, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: i(be, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: p(b, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [i(m, { selected: o.findOptions.matchCase, onSelectToggle: (e) => {
     a((t) => {
       const n = { ...t };
@@ -100,7 +100,7 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
       const n = { ...t };
       return n.findOptions.useRegex = e, n;
     });
-  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [C.Alt] }, icon: x(i(ye, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => X ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => X ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
+  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [C.Alt] }, icon: x(i(ye, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => q ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => q ? `${e.palette.error.main} !important` : void 0 } }, value: o.findText ?? "", onChange: (e) => {
     a((t) => {
       const n = { ...t };
       return n.findText = e.target.value, n;
@@ -124,7 +124,7 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
     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: [C.Ctrl, C.Alt] }, icon: x(i(Te, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: M, timeout: ne, onExit: () => {
+  }, touchRippleRef: N, label: "Replace All", shortcut: { key: "Enter", modifiers: [C.Ctrl, C.Alt] }, icon: x(i(Te, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: B, timeout: ne, onExit: () => {
     l.current?.focus();
   }, children: p(b, { 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(b, { sx: { display: "flex", flexDirection: Z >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [i($, { label: "Within", value: o.scope, options: te, onSelect: (e) => {
     a((t) => {
@@ -144,7 +144,7 @@ const Ke = { "By Rows": !0, "By Columns": !1 }, ie = (E, h) => {
   } })] })] }) })] }) });
 });
 export {
-  Be as FindReplaceWindow,
+  Ve as FindReplaceWindow,
   te as ScopeOptions,
-  Be as default
+  Ve as default
 };

package/browser/esm/{CnenkhTeaOhTTMqv.mjs → BXMZNx8rs4_V8pQL.mjs}

@@ -1,8 +1,8 @@
 import { jsx as z, jsxs as lt } from "react/jsx-runtime";
 import k, { memo as es, useState as pe, useCallback as de, useLayoutEffect as rs, PureComponent as mt, Component as _t, isValidElement as ns } from "react";
-import { W as os, J as as, s as is, c as us, u as Su, h as ss, i as xt } from "./Cz7RSKUHlEt4Sy6b.mjs";
+import { y as os, i as as, j as is, B as us, l as Su, o as ss, r as xt } from "./Bq_HFm6_6_ycs_gE.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.2
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.4
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{3N51fmivOwyOXT3l.mjs → BYRVuU6FUEX6XBFW.mjs}

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