@sheetxl/studio-vanilla 0.4.10 → 0.4.12

package/cdn/assets/B3kbBB6oxKBErwzn.js

@@ -0,0 +1,27 @@
+import { g as s } from "./phYz0vGgqIEQ2hco.js";
+import { r as f } from "./BoOefjrM4kZ-YXxa.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+function c(t, a) {
+  for (var o = 0; o < a.length; o++) {
+    const e = a[o];
+    if (typeof e != "string" && !Array.isArray(e)) {
+      for (const r in e) if (r !== "default" && !(r in t)) {
+        const n = Object.getOwnPropertyDescriptor(e, r);
+        n && Object.defineProperty(t, r, n.get ? n : { enumerable: !0, get: () => e[r] });
+      }
+    }
+  }
+  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
+}
+var i = f();
+const l = s(i), u = c({ __proto__: null, default: l }, [i]);
+export {
+  u as i,
+  i as r,
+  l as s
+};

package/cdn/assets/BB66NDz7S3ocEfRB.js

@@ -0,0 +1,150 @@
+import { a as t } from "./DDW1WJ2IM_9ZUfKm.js";
+import { r as o } from "./dk2teWHDODYNarJY.js";
+import { ICell as p, IRange as b } from "@sheetxl/sdk";
+import { a0 as E, S as V, o as le, a1 as ae, V as re, D as ce, B as O, a2 as g, a3 as m, a4 as pe, a5 as j, a6 as de, T as Q, a as R, I as ue, a7 as fe, a8 as xe, a9 as ge, v, aa as Y, ab as me, ac as he, ad as Oe, $ as je, F as Ce, W as ye, X as be } from "./Jhm2DAcrfAqiM-Y-.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (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"), ve = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), Te = 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((T) => {
+  const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = T, [I, y] = o.useState(() => ee(c, l));
+  o.useEffect(() => {
+    y(ee(c, l));
+  }, [c, l]);
+  const D = V((u) => {
+    y(u.target.value), d?.(l[u.target.value]);
+  }, [d, l]), a = o.useMemo(() => Object.keys(l).map((u) => t.jsx(je, { value: u, children: u }, u)), [l]);
+  return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: D, sx: { backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(5))})` }, ...F, children: a })] });
+}), Z = { Workbook: "workbook", Sheet: "sheet" }, _ = { 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 = (T, h) => {
+  const c = Object.keys(h);
+  for (let l = 0; l < c.length; l++) {
+    const d = c[l];
+    if (h[d] === T) return d;
+  }
+}, De = o.memo((T) => {
+  const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...D } = T, a = o.useRef(null), u = o.useRef(null), M = o.useRef(null), $ = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = (e, n) => {
+    n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
+  }, [W, w] = o.useState(!1), [L, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, X] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: Z.Sheet }), k = V(async (e, n, s, S) => {
+    if (!y) 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 y({ autoFocus: S, ...x });
+    A(oe === 0);
+  }, [i, y]);
+  o.useEffect(() => {
+    A(!1);
+  }, [i, L, f]);
+  const G = V((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), H(e, S ? B.current : z.current)) : H(e, s ? $.current : M.current), k(s, n, S, !1);
+    }
+  }, [i]), q = 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 }), C && (n.replaceOptions = { ...n.replaceOptions, ...C }), i.findOptions.fields?.[0] || (i.findOptions.fields = [p.Content.Formulas]);
+      const s = !(!C && l === void 0);
+      return s && P(s), n;
+    }), U || q.current?.focus();
+  }, [c, l, d, C]), 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: J }] = ae();
+  return t.jsx(re, { ref: q, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => X(!0), onBlur: () => {
+    X(!1), A(!1);
+  }, PaperProps: { elevation: U ? 3 : 1 }, ...D, 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(O, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "start", gap: (e) => e.spacing(0.25), paddingTop: "3px" }, children: [t.jsx(g, { selected: L, 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: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Q, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: J > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(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(O, { 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: [j.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: [j.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: [j.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: M, label: "", shortcut: { key: "Enter", modifiers: [j.Shift] }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Re, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
+    k(!0, !1);
+  }, touchRippleRef: $, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Te, {}) : t.jsx(ve, {})), disabled: !i.findText })] }), t.jsx(Y, { in: f, timeout: _, onExit: () => {
+    a.current?.focus();
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Q, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", v(5))}, ${R("#fff", v(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: z, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
+    k(!0, !0, !0);
+  }, touchRippleRef: B, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Y, { in: L, timeout: _, onExit: () => {
+    a.current?.focus();
+  }, children: t.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: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: J >= 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: Z, onSelect: (e) => {
+    r((n) => {
+      const s = { ...n };
+      return s.scope = e, s;
+    });
+  } }), t.jsx(K, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
+    r((n) => {
+      const s = { ...n };
+      return s.findOptions.orientation = e ? b.Orientation.Row : b.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 {
+  De as FindReplaceWindow,
+  Z as ScopeOptions,
+  De as default
+};

package/cdn/assets/BCK7yhx9JfzU2rF0.js

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

package/{browser/esm/DIGFi66CQPMV3HsL.mjs → cdn/assets/BSAH88RG1oubICau.js}

@@ -1,6 +1,6 @@
 import { Workbook as J } from "@sheetxl/sdk";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -9,57 +9,57 @@ const k = async (w, l) => {
   const u = await w.toJSON(), b = l?.whiteSpace ?? 0;
   let g;
   l?.beforeWrite?.(w, u), g = b === 0 ? JSON.stringify(u) : function(f, r = 2) {
-    const n = [];
+    const t = [];
     function i(o) {
       const e = r * o;
-      return n[e] === void 0 && (n[e] = " ".repeat(e)), n[e];
+      return t[e] === void 0 && (t[e] = " ".repeat(e)), t[e];
     }
     return function o(e, a, s, m) {
       if (e == null || typeof e != "object") return JSON.stringify(e);
-      const d = i(a), O = i(a + 1);
+      const A = i(a), O = i(a + 1);
       if (Array.isArray(e)) {
         const c = e.length;
         if (c === 0) return "[]";
         if (s !== 0) return JSON.stringify(e);
         let y = `[
 `;
-        for (let h = 0; h < c; h++) y += O + o(e[h], a + 1, s + 1, !0), h < c - 1 && (y += `,
+        for (let d = 0; d < c; d++) y += O + o(e[d], a + 1, s + 1, !0), d < c - 1 && (y += `,
 `);
         return y += `
-` + d + "]", y;
+` + A + "]", y;
       }
-      const B = Object.keys(e), A = B.length;
-      if (A === 0) return "{}";
+      const B = Object.keys(e), h = B.length;
+      if (h === 0) return "{}";
       if (!(s < 2)) return JSON.stringify(e);
       let S = `{
 `;
       m || (s = 0);
-      for (let c = 0; c < A; c++) {
+      for (let c = 0; c < h; c++) {
         const y = B[c];
-        S += O + JSON.stringify(y) + ": " + o(e[y], a + 1, s, !1), c < A - 1 && (S += `,
+        S += O + JSON.stringify(y) + ": " + o(e[y], a + 1, s, !1), c < h - 1 && (S += `,
 `);
       }
       return S += `
-` + d + "}", S;
+` + A + "}", S;
     }(f, 0, 0, !1);
   }(u, b);
   let p = new TextEncoder().encode(g).buffer;
-  const t = l?.compress ?? !0;
-  return t && (p = await async function(f, r = "gzip") {
-    let n;
-    typeof SharedArrayBuffer < "u" && f instanceof SharedArrayBuffer ? (n = new ArrayBuffer(f.byteLength), new Uint8Array(n).set(new Uint8Array(f))) : n = f;
+  const n = l?.compress ?? !0;
+  return n && (p = await async function(f, r = "gzip") {
+    let t;
+    typeof SharedArrayBuffer < "u" && f instanceof SharedArrayBuffer ? (t = new ArrayBuffer(f.byteLength), new Uint8Array(t).set(new Uint8Array(f))) : t = f;
     const i = new ReadableStream({ start(a) {
-      a.enqueue(n), a.close();
+      a.enqueue(t), a.close();
     } }), o = new CompressionStream(r), e = i.pipeThrough(o);
     return (await new Response(e).blob()).arrayBuffer();
-  }(p, typeof t == "string" ? t : void 0)), p;
+  }(p, typeof n == "string" ? n : void 0)), p;
 }, z = async (w, l) => {
   let u = w;
-  (function(t) {
-    if (t.byteLength < 4) return !1;
-    const f = new Uint8Array(t), r = { gzip: [31, 139], zip: [80, 75, 3, 4], bz2: [66, 90, 104], br: [206, 178, 207, 129] }, n = Object.keys(r);
-    for (let i = 0; i < n.length; i++) {
-      const o = n[i], e = r[o];
+  (function(n) {
+    if (n.byteLength < 4) return !1;
+    const f = new Uint8Array(n), r = { gzip: [31, 139], zip: [80, 75, 3, 4], bz2: [66, 90, 104], br: [206, 178, 207, 129] }, t = Object.keys(r);
+    for (let i = 0; i < t.length; i++) {
+      const o = t[i], e = r[o];
       let a = !0;
       for (let s = 0; s < e.length; s++) if (f[s] !== e[s]) {
         a = !1;
@@ -68,10 +68,10 @@ const k = async (w, l) => {
       if (a) return o;
     }
     return !1;
-  })(u) && (u = await async function(t, f = "gzip") {
+  })(u) && (u = await async function(n, f = "gzip") {
     let r;
-    typeof SharedArrayBuffer < "u" && t instanceof SharedArrayBuffer ? (r = new ArrayBuffer(t.byteLength), new Uint8Array(r).set(new Uint8Array(t))) : r = t;
-    const n = new Blob([r]).stream(), i = new DecompressionStream(f), o = n.pipeThrough(i);
+    typeof SharedArrayBuffer < "u" && n instanceof SharedArrayBuffer ? (r = new ArrayBuffer(n.byteLength), new Uint8Array(r).set(new Uint8Array(n))) : r = n;
+    const t = new Blob([r]).stream(), i = new DecompressionStream(f), o = t.pipeThrough(i);
     return (await new Response(o).blob()).arrayBuffer();
   }(u));
   let b = new TextDecoder().decode(u);