@sheetxl/studio-vanilla 0.4.14 → 0.4.16

package/browser/esm/B383N9irNfyfYC2l.mjs

@@ -1,20 +0,0 @@
-import { r as a, a1 as w, j as n, v as D, B as N, bw as S, b9 as T, ba as k } from "./BbW_1O3cEhZ4aSgS.mjs";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const v = ["Ok", "Cancel"], F = a.memo((g) => {
-  const { tableOptions: t, context: c, onOption: p, onValidateOption: y, onDone: r, options: d = v, defaultOption: o = d?.[0], cancelOption: l = "Cancel", sx: x, ...b } = g, [m, h] = a.useState(!1), [s, O] = a.useState(() => t?.hasHeader ?? !1), [i, f] = a.useState(() => t?.ranges ?? null), j = w((e) => {
-    const u = { ...t, hasHeader: s, ranges: i };
-    p?.(e, e === l, e === o), r?.({ option: e, tableOptions: u });
-  }, [r, p, o, l, s, i, t]), C = a.useCallback(async (e, u) => null, []);
-  return n.jsx(D, { title: "Insert Table", options: d, onDone: j, onValidateOption: C, defaultOption: o, cancelOption: l, autoFocusSel: ".range-input input", sx: { width: "360px", ...x }, ...b, children: n.jsxs(N, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [n.jsx(S, { formName: "range", value: i, onChangeInput: (e) => f(e), resolvedAddress: c.getNames().getRanges.bind(c.getNames()), onFocus: (e) => {
-    m || e.target?.select(), h(!0);
-  } }), n.jsx(T, { control: n.jsx(k, { checked: s, onChange: () => O(!s) }), label: "Table has headers", labelPlacement: "end" })] }) });
-});
-export {
-  F as TableNewDialog,
-  F as default
-};

package/browser/esm/BUqd1uVUNoWmepd2.mjs

@@ -1,148 +0,0 @@
-import { _ as E, j as t, r as o, bg as p, f as y, a1 as M, bb as le, aj as ae, bh as re, bi as ce, B as b, bj as g, aF as m, bk as pe, aw as O, bl as de, T as J, d as R, bm as ue, bn as fe, bo as xe, bp as ge, be as T, bq as me, br as he, aI as be, bf as Oe, F as je, bc as Ce, bd as ye } from "./BbW_1O3cEhZ4aSgS.mjs";
-import { C as Q } from "./Bqqcb80cNalBs-sB.mjs";
-/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */
-const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Te = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ve = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((v) => {
-  const { label: h, value: c, options: l, onSelect: d, tabIndex: j = 0, ...F } = v, [I, C] = o.useState(() => ee(c, l));
-  o.useEffect(() => {
-    C(ee(c, l));
-  }, [c, l]);
-  const L = M((u) => {
-    C(u.target.value), d?.(l[u.target.value]);
-  }, [d, l]), a = o.useMemo(() => Object.keys(l).map((u) => t.jsx(Oe, { value: u, children: u }, u)), [l]);
-  return t.jsxs(je, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(Ce, { children: h }), t.jsx(ye, { inputProps: { tabIndex: j }, value: I, label: h, onChange: L, sx: { backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, ...F, children: a })] });
-}), Y = { Workbook: "workbook", Sheet: "sheet" }, Z = { 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 Se = { "By Rows": !0, "By Columns": !1 }, ee = (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;
-  }
-}, Fe = o.memo((v) => {
-  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: j, title: F, onHide: I, onFindOrReplace: C, ...L } = v, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = o.useRef(null), $ = (e, n) => {
-    n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, q] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: y.Orientation.Row, fields: [p.Content.Formulas] }, scope: Y.Sheet }), k = M(async (e, n, s, S) => {
-    if (!C) return;
-    const x = { ...i };
-    x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = s ? void 0 : 1, x.replace = n, n && i.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
-    const oe = await C({ autoFocus: S, ...x });
-    A(oe === 0);
-  }, [i, C]);
-  o.useEffect(() => {
-    A(!1);
-  }, [i, D, f]);
-  const G = M((e, n) => {
-    if (e.keyCode === le.Enter) {
-      if (!i.findText) return;
-      let s = !0, S = !1;
-      e.shiftKey && (s = !1), n ? (e.ctrlKey && e.altKey && (S = !0), $(e, S ? H.current : B.current)) : $(e, s ? z.current : V.current), k(s, n, S, !1);
-    }
-  }, [i]), X = o.useRef(null);
-  o.useLayoutEffect(() => {
-    r((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 }), j && (n.replaceOptions = { ...n.replaceOptions, ...j }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
-      const s = !(!j && l === void 0);
-      return s && P(s), n;
-    }), U || X.current?.focus();
-  }, [c, l, d, j]), o.useEffect(() => {
-    f ? (i.findOptions.fields[0], p.Content.Values) : w(!0);
-  }, [f]), o.useEffect(() => {
-    if (W && a.current && i.findText === a.current.value) return a.current === document.activeElement || a.current.contains(document.activeElement) ? (a.current?.select(), void w(!1)) : void a.current.addEventListener("focus", () => {
-      a.current?.select(), w(!1);
-    }, { once: !0 });
-  }, [W, i]);
-  const [ie, { width: _ }] = ae();
-  return t.jsx(re, { ref: X, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => q(!0), onBlur: () => {
-    q(!1), A(!1);
-  }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { 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) P(!0), a.current?.contains(document.activeElement) && u.current?.focus();
-    else if (e.key === "f" && e.ctrlKey) a.current?.focus();
-    else if (e.key === "c" && e.altKey) r((n) => {
-      const s = { ...n };
-      return s.findOptions.matchCase = !n.findOptions.matchCase, s;
-    });
-    else if (e.key === "e" && e.altKey) r((n) => {
-      const s = { ...n };
-      return s.findOptions.matchEntireCell = !n.findOptions.matchEntireCell, s;
-    });
-    else {
-      if (e.key !== "r" || !e.altKey) return;
-      r((n) => {
-        const s = { ...n };
-        return s.findOptions.useRegex = !n.findOptions.useRegex, s;
-      });
-    }
-    e.preventDefault();
-  }, children: [t.jsxs(b, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [t.jsxs(b, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [t.jsx(g, { selected: D, onSelectToggle: (e) => {
-    se(e);
-  }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
-    P(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [O.Ctrl] } })] }), t.jsxs(b, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(b, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: _ > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(b, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findOptions.matchCase = e, s;
-    });
-  }, label: "Match Case", shortcut: { key: "C", modifiers: [O.Alt] }, icon: m(t.jsx(fe, {})) }), t.jsx(g, { selected: i.findOptions.matchEntireCell, onSelectToggle: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findOptions.matchEntireCell = e, s;
-    });
-  }, label: "Match Entire Cell", shortcut: { key: "E", modifiers: [O.Alt] }, icon: m(t.jsx(xe, {})) }), t.jsx(g, { selected: i.findOptions.useRegex, onSelectToggle: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findOptions.useRegex = e, s;
-    });
-  }, label: "Use Regular Expression", shortcut: { key: "R", modifiers: [O.Alt] }, icon: m(t.jsx(ge, {})) })] }) }) }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => N ? `${e.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (e) => N ? `${e.palette.error.main} !important` : void 0 } }, value: i.findText ?? "", onChange: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findText = e.target.value, s;
-    });
-  }, onKeyDown: (e) => G(e, !1), onContextMenu: (e) => {
-    e.stopPropagation();
-  } }), t.jsx(g, { selected: i.findOptions.reverse, onSelectToggle: (e) => {
-    k(!1, !1);
-  }, touchRippleRef: V, label: "", shortcut: { key: "Enter", modifiers: [O.Shift] }, icon: m(i.findOptions.orientation !== y.Orientation.Column ? t.jsx(Re, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
-    k(!0, !1);
-  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== y.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(Q, { in: f, timeout: Z, onExit: () => {
-    a.current?.focus();
-  }, children: t.jsxs(b, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#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: i.replaceText ?? "", onChange: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.replaceText = e.target.value, s;
-    });
-  }, onKeyDown: (e) => G(e, !0), onContextMenu: (e) => {
-    e.stopPropagation();
-  } }), t.jsx(g, { onSelectToggle: (e) => {
-    k(!0, !0);
-  }, touchRippleRef: B, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
-    k(!0, !0, !0);
-  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [O.Ctrl, O.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Q, { in: D, timeout: Z, onExit: () => {
-    a.current?.focus();
-  }, children: t.jsxs(b, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(be, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(b, { sx: { display: "flex", flexDirection: _ >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: Y, onSelect: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.scope = e, s;
-    });
-  } }), t.jsx(K, { label: "Search", value: i.findOptions.orientation !== y.Orientation.Column, options: Se, onSelect: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findOptions.orientation = e ? y.Orientation.Row : y.Orientation.Column, s;
-    });
-  } }), t.jsx(K, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
-    r((n) => {
-      const s = { ...n };
-      return s.findOptions.fields = [e], s;
-    });
-  } })] })] }) })] }) });
-});
-export {
-  Fe as FindReplaceWindow,
-  Y as ScopeOptions,
-  Fe as default
-};