@sheetxl/studio-vanilla 0.7.6 → 0.7.8

package/cdn/assets/JUjq8dsNEwlP2TmD.js

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

package/cdn/assets/eIefNRuHeizv4VyQ.js

@@ -1,50 +0,0 @@
-import { a as l } from "./5dKHsl0r2V-JmyNP.js";
-import { r as s } from "./BXHEwZhPbMaOdb_Z.js";
-import { f as u, O as M, d as S, h as B, p as E, k as h, o as C } from "./Bqca9Nkofzm6UFZ1.js";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const V = ["Ok", "Cancel"], H = s.memo((O) => {
-  const { initialComments: k = null, onUpdateComments: m, context: w, onOption: d, onValidateOption: p, onDone: c, options: g = V, defaultOption: r = g?.[0], cancelOption: i = "Cancel", sx: y, ...F } = O, f = s.useMemo(() => {
-    const t = k ?? w?.()?.getComments();
-    let n = "";
-    if (t && t.content && t.content.runs) {
-      const a = t.content.runs;
-      for (let o = 0; o < a.length; o++) {
-        const I = a[o];
-        n += I?.text;
-      }
-    }
-    return n;
-  }, []), [e, P] = s.useState(f), [T, b] = s.useState(!1), x = s.useCallback(async (t, n) => null, []), j = u(async (t) => {
-    const n = e === "" ? [] : e.split(`
-`);
-    if (t !== i) {
-      const a = [];
-      for (let o = 0; o < n.length; o++) a.push({ text: n[o] });
-      m?.({ content: { runs: a } });
-    }
-    d?.(t, t === i, t === r), c?.();
-  }, [e, m, c, d, r, i]), v = u((t) => {
-    P(t.target.value), x(t.target.value, null);
-  }, [p]), D = u(async (t) => {
-    let n = await Promise.resolve(p?.(t));
-    try {
-      n !== !1 && (n = await x(e, t));
-    } catch {
-    }
-    return n ?? !0;
-  }, [p, e]);
-  return l.jsx(M, { title: (f ? "Edit" : "Insert") + " Comments", options: g, onDone: c, onOption: (t) => j(t), onValidateOption: D, defaultOption: r, cancelOption: i, autoFocusSel: ".autoFocus", sx: { width: "480px", ...y }, ...F, children: l.jsx(S, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0), rowGap: (t) => t.spacing(1), display: "flex", flexDirection: "column" }, children: l.jsx(B, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: l.jsx(E, { label: "Comments", placeholder: "Enter a comment.", onFocus: (t) => {
-    T || t.target?.select(), b(!0);
-  }, sx: { "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${h("#fff", C(5))}, ${h("#fff", C(5))})` } } }, value: e, onChange: v, onContextMenu: (t) => {
-    t.stopPropagation();
-  } }) }) }) });
-});
-export {
-  H as CommentsDialog,
-  H as default
-};