@sheetxl/studio-vanilla 0.4.9 → 0.4.11

package/browser/esm/Dx-GS3XDBkRaMNG-.mjs

@@ -1,151 +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 { ICell as c, IRange as R } from "@sheetxl/sdk";
-import { v as D, w as H, av as ue, Q as fe, aA as ge, aB as me, B as O, aC as m, ah as x, aD as xe, a8 as y, aE as he, T as _, a as k, aF as Oe, aG as Ce, aH as ye, aI as be, ay as w, aJ as ve, aK as Te, ak as Re, az as ke, F as we, aw as Ee, ax as Fe } from "./DFQvqk5r1uf_z0h_.mjs";
-import { C as ee } from "./BkGQPKMRPIVUVTLO.mjs";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.9
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const Se = D(i("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Ie = D(i("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Le = D(i("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), De = D(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, [K, T] = b(() => ie(r, a));
-  L(() => {
-    T(ie(r, a));
-  }, [r, a]);
-  const P = 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(Fe, { inputProps: { tabIndex: v }, value: K, label: h, onChange: P, 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;
-  }
-}, ze = oe((E) => {
-  const { replace: h = !1, findText: r, replaceText: a, findOptions: d, replaceOptions: v, title: A, onHide: K, onFindOrReplace: T, ...P } = E, s = C(null), u = C(null), $ = C(null), W = C(null), j = C(null), N = C(null), G = (e, t) => {
-    t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
-  }, [J, I] = b(!1), [B, le] = b(!1), [f, M] = b(h), [Q, V] = b(!1), [U, X] = 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 }), F = H(async (e, t, n, S) => {
-    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: S, ...g });
-    V(ce === 0);
-  }, [o, T]);
-  L(() => {
-    V(!1);
-  }, [o, B, f]);
-  const q = H((e, t) => {
-    if (e.keyCode === ue.Enter) {
-      if (!o.findText) return;
-      let n = !0, S = !1;
-      e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (S = !0), G(e, S ? N.current : j.current)) : G(e, n ? W.current : $.current), F(n, t, S, !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;
-    }), U || Y.current?.focus();
-  }, [r, a, d, v]), L(() => {
-    f ? (o.findOptions.fields[0], c.Content.Values) : I(!0);
-  }, [f]), L(() => {
-    if (J && 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 });
-  }, [J, o]);
-  const [re, { width: Z }] = fe();
-  return i(ge, { ref: Y, title: A ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: K, onFocus: () => X(!0), onBlur: () => {
-    X(!1), V(!1);
-  }, PaperProps: { elevation: U ? 3 : 1 }, ...P, 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) => 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) => {
-    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) => {
-    F(!1, !1);
-  }, touchRippleRef: $, label: "", shortcut: { key: "Enter", modifiers: [y.Shift] }, icon: x(o.findOptions.orientation !== R.Orientation.Column ? i(Se, {}) : i(De, {})), disabled: !o.findText }), i(m, { selected: !o.findOptions.reverse, onSelectToggle: (e) => {
-    F(!0, !1);
-  }, touchRippleRef: W, 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(_, { 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) => {
-    F(!0, !0);
-  }, touchRippleRef: j, label: "Replace", shortcut: { key: "Enter" }, icon: x(i(ve, {})), disabled: !o.findText }), i(m, { onSelectToggle: (e) => {
-    F(!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 {
-  ze as FindReplaceWindow,
-  te as ScopeOptions,
-  ze as default
-};