@sheetxl/studio-vanilla 0.4.19 → 0.4.21

package/cdn/assets/_bKdjn1gFyUlsKF8.js

@@ -1,149 +0,0 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import { memo as oe, useRef as C, useState as b, useEffect as L, useLayoutEffect as pe, useMemo as de } from "react";
-import { aP as P, aQ as c, F as R, P as z, V as ue, a4 as fe, a7 as ge, a8 as me, h as O, aR as m, af as x, aS as xe, aT as y, aU as he, j as J, l as k, ay as Oe, aV as Ce, aW as ye, aX as be, a0 as w, aY as ee, aZ as Te, a_ as ve, ab as Re, a2 as ke, i as we, W as Se, Z as Ee } from "./Dj-9L-ifpIi1HChy.js";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const Fe = P(i("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Ie = P(i("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Le = P(i("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), Pe = P(i("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), $ = oe((S) => {
-  const { label: h, value: r, options: a, onSelect: d, tabIndex: T = 0, ...D } = S, [A, v] = b(() => ie(r, a));
-  L(() => {
-    v(ie(r, a));
-  }, [r, a]);
-  const K = z((u) => {
-    v(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(Se, { children: h }), i(Ee, { inputProps: { tabIndex: T }, value: A, label: h, onChange: K, sx: { backgroundImage: `linear-gradient(${k("#fff", w(5))}, ${k("#fff", w(5))})` }, ...D, 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 De = { "By Rows": !0, "By Columns": !1 }, ie = (S, h) => {
-  const r = Object.keys(h);
-  for (let a = 0; a < r.length; a++) {
-    const d = r[a];
-    if (h[d] === S) return d;
-  }
-}, Me = oe((S) => {
-  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: T, title: D, onHide: A, onFindOrReplace: v, ...K } = S, s = C(null), u = C(null), B = C(null), H = C(null), j = C(null), N = C(null), U = (e, t) => {
-    t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
-  }, [Z, I] = b(!1), [V, le] = b(!1), [f, M] = b(h), [G, W] = b(!1), [X, Q] = 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 }), E = z(async (e, t, n, F) => {
-    if (!v) 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 v({ autoFocus: F, ...g });
-    W(ce === 0);
-  }, [o, v]);
-  L(() => {
-    W(!1);
-  }, [o, V, f]);
-  const Y = 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), U(e, F ? N.current : j.current)) : U(e, n ? H.current : B.current), E(n, t, F, !1);
-    }
-  }, [o]), _ = 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 }), T && (t.replaceOptions = { ...t.replaceOptions, ...T }), o.findOptions.fields?.[0] || (o.findOptions.fields = [c.Content.Formulas]);
-      const n = !(!T && a === void 0);
-      return n && M(n), t;
-    }), X || _.current?.focus();
-  }, [r, a, d, T]), L(() => {
-    f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
-  }, [f]), L(() => {
-    if (Z && 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 });
-  }, [Z, o]);
-  const [re, { width: q }] = fe();
-  return i(ge, { ref: _, title: D ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: A, onFocus: () => Q(!0), onBlur: () => {
-    Q(!1), W(!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: V, 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(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: q > 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) => G ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => G ? `${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) => Y(e, !1), onContextMenu: (e) => {
-    e.stopPropagation();
-  } }), i(m, { selected: o.findOptions.reverse, onSelectToggle: (e) => {
-    E(!1, !1);
-  }, touchRippleRef: B, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(Fe, {}) : i(Pe, {})), disabled: !o.findText }), i(m, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
-    E(!0, !1);
-  }, touchRippleRef: H, label: "Next Match", shortcut: { key: "Enter" }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(Le, {}) : 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(J, { 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) => Y(e, !0), onContextMenu: (e) => {
-    e.stopPropagation();
-  } }), i(m, { onSelectToggle: (e) => {
-    E(!0, !0);
-  }, touchRippleRef: j, label: "Replace", shortcut: { key: "Enter" }, icon: x(i(Te, {})), disabled: !o.findText }), i(m, { onSelectToggle: (e) => {
-    E(!0, !0, !0);
-  }, touchRippleRef: N, label: "Replace All", shortcut: { key: "Enter", modifiers: [y.Ctrl, y.Alt] }, icon: x(i(ve, {})), disabled: !o.findText })] }) })] })] }), i(ee, { in: V, 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: q >= 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) => {
-    l((t) => {
-      const n = { ...t };
-      return n.scope = e, n;
-    });
-  } }), i($, { label: "Search", value: o.findOptions.orientation !== R.Orientation.Column, options: De, onSelect: (e) => {
-    l((t) => {
-      const n = { ...t };
-      return n.findOptions.orientation = e ? R.Orientation.Row : R.Orientation.Column, n;
-    });
-  } }), i($, { 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
-};