@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.12

package/cdn/assets/C3xbTjAw1VI9Lxza.js

@@ -0,0 +1,516 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { l as r } from "./B8-nLKLPjZ7pIJdE.js";
+import { yt as i } from "./CZG3fjfebhJvUipF.js";
+import { r as a } from "./DdWtfDWDB6Yst5LZ.js";
+import { I as o, Tt as s, ct as c, dt as l, z as u } from "./OABpLvY7siKUyNIa.js";
+import { T as d } from "./Cc-jOsunTu0-Mla_.js";
+import { t as f } from "./DWcAYH0eBaOj-dU4.js";
+import { S as ee, i as te } from "./DX-iRDnwn8uZZIqp.js";
+import { m as ne, t as p, y as m } from "./BqM-W_oFdjeyu8N4.js";
+import { t as h } from "./CwPsCkeHan5zXDyX.js";
+import { l as re, z as g } from "./nQBuuL7ZHzDHpWHk.js";
+import { t as ie } from "./B5znT6l0E-uRlPxA.js";
+import { t as _ } from "./4F0v3wQNJ-MSB1Z9.js";
+import { t as ae } from "./DkZqI9EyJ9BaBNL_.js";
+var v = e(t(), 1), y = n(), b = {
+	width: "1.5rem",
+	height: "1.5rem"
+}, x = (0, v.memo)((e) => {
+	let { label: t, value: n, options: r, onSelect: i, tabIndex: a = 0, ...o } = e, [s, c] = (0, v.useState)(() => C(n, r));
+	(0, v.useEffect)(() => {
+		c(C(n, r));
+	}, [n, r]);
+	let l = u((e) => {
+		let t = e.target.value;
+		c(t), i?.(r[t]);
+	}, [i, r]), d = (0, v.useMemo)(() => Object.keys(r).map((e) => (0, y.jsx)(ie, {
+		value: e,
+		children: e
+	}, e)), [r]);
+	return (0, y.jsxs)(m, {
+		sx: { minWidth: 135 },
+		size: "small",
+		children: [(0, y.jsx)(ne, { children: t }), (0, y.jsx)(p, {
+			inputProps: { tabIndex: a },
+			value: s,
+			label: t,
+			onChange: l,
+			...o,
+			children: d
+		})]
+	});
+}), S = {
+	enter: 140,
+	exit: 140
+}, C = (e, t) => {
+	let n = Object.keys(t);
+	for (let r = 0; r < n.length; r++) {
+		let i = n[r];
+		if (t[i] === e) return i;
+	}
+	return "";
+}, w = (0, v.memo)((e) => {
+	let { initialValue: t, context: n, onInput: ne, title: p, onHide: m, autoFocus: ie, ...C } = e, w = l(), T = (0, v.useMemo)(() => ({
+		[w("findReplace.fieldFormulas")]: i.Content.Formulas,
+		[w("findReplace.fieldValues")]: i.Content.Values,
+		[w("findReplace.fieldNotes")]: i.Content.Notes,
+		[w("findReplace.fieldComments")]: i.Content.Comments
+	}), [w]), oe = (0, v.useMemo)(() => {
+		let e = { ...T };
+		return delete e[w("findReplace.fieldValues")], e;
+	}, [T, w]), se = (0, v.useMemo)(() => ({
+		[w("findReplace.byRows")]: !0,
+		[w("findReplace.byColumns")]: !1
+	}), [w]), ce = (0, v.useMemo)(() => ({
+		[w("findReplace.scopeWorkbook")]: d.FindScopeOptions.Workbook,
+		[w("findReplace.scopeSheet")]: d.FindScopeOptions.Sheet
+	}), [w]), E = t?.replace ?? !1, D = t?.findOptions, O = D?.text ?? null, k = t?.replaceOptions, A = t?.replaceText ?? null, j = n?.(), M = (0, v.useRef)(null), N = (0, v.useRef)(null), P = (0, v.useRef)(null), F = (0, v.useRef)(null), I = (0, v.useRef)(null), L = (0, v.useRef)(null), R = (e, t) => {
+		t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
+	}, [z, B] = (0, v.useState)(!1), [V, le] = (0, v.useState)(!1), [H, U] = (0, v.useState)(E), [W, G] = (0, v.useState)(!1), [K, q] = (0, v.useState)(!1), [J, Y] = (0, v.useState)({
+		replaceText: null,
+		replace: E,
+		replaceOptions: null,
+		findOptions: {
+			text: null,
+			matchCase: !1,
+			matchEntireCell: !1,
+			useRegex: !1,
+			axis: r.Axis.Row,
+			fields: [i.Content.Formulas]
+		},
+		scope: d.FindScopeOptions.Sheet
+	}), X = u(async (e, t, n, r) => {
+		if (!j) return;
+		let a = { ...J };
+		a.replaceOptions = { ...a.replaceOptions }, a.findOptions = { ...a.findOptions }, a.replaceOptions.maxCount = n ? void 0 : 1, a.replace = t, t && J.findOptions.fields?.[0] === i.Content.Values && (a.findOptions.fields = [i.Content.Formulas]), a.findOptions.reverse = !e;
+		let o = await j({
+			autoFocus: r,
+			...a,
+			findOptions: {
+				...a.findOptions,
+				text: a.findOptions.text ?? ""
+			}
+		});
+		G(o === 0);
+	}, [J, j]);
+	(0, v.useEffect)(() => {
+		G(!1);
+	}, [
+		J,
+		V,
+		H
+	]);
+	let Z = u((e, t) => {
+		if (e.keyCode === s.Enter) {
+			if (!J.findOptions.text) return;
+			let n = !0, r = !1;
+			e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (r = !0), R(e, r ? L.current : I.current)) : R(e, n ? F.current : P.current), X(n, t, r, !1);
+		}
+	}, [J]), Q = (0, v.useRef)(null);
+	(0, v.useLayoutEffect)(() => {
+		Y((e) => {
+			let t = { ...e };
+			t.findOptions.text = O && O.length > 0 ? O : e.findOptions.text ?? "", B(!0), A !== null && (t.replaceText = A ?? ""), D && (t.findOptions = {
+				...t.findOptions,
+				...D
+			}), t.replaceText ||= "", t.replaceOptions &&= { ...t.replaceOptions }, k && (t.replaceOptions = {
+				...t.replaceOptions,
+				...k
+			}), J.findOptions.fields?.[0] || (J.findOptions.fields = [i.Content.Formulas]);
+			let n = !(!E && !k && A === null);
+			return n && U(n), t;
+		}), K || Q.current?.focus();
+	}, [
+		t,
+		E,
+		O,
+		A,
+		D,
+		k
+	]), (0, v.useEffect)(() => {
+		H ? (J.findOptions.fields, i.Content.Values) : B(!0);
+	}, [H]), (0, v.useEffect)(() => {
+		if (z && M.current && J.findOptions.text === M.current.value) return M.current === document.activeElement || M.current.contains(document.activeElement) ? (M.current?.select(), void B(!1)) : void M.current.addEventListener("focus", () => {
+			M.current?.select(), B(!1);
+		}, { once: !0 });
+	}, [z, J]);
+	let [ue, { width: $ }] = o();
+	return (0, y.jsx)(te, {
+		ref: Q,
+		title: p ?? w(H ? "findReplace.titleFindReplace" : "findReplace.titleFind"),
+		initialPosition: { y: "35" },
+		autoFocusSel: ".input",
+		onHide: m,
+		onFocus: () => q(!0),
+		onBlur: () => {
+			q(!1), G(!1);
+		},
+		slotProps: { paper: { elevation: K ? 3 : 1 } },
+		...C,
+		children: (0, y.jsxs)(ee, {
+			dividers: !0,
+			ref: ue,
+			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) U(!0), M.current?.contains(document.activeElement) && N.current?.focus();
+				else if (e.key === "f" && e.ctrlKey) M.current?.focus();
+				else if (e.key === "c" && e.altKey) Y((e) => {
+					let t = { ...e };
+					return t.findOptions.matchCase = !e.findOptions.matchCase, t;
+				});
+				else if (e.key === "e" && e.altKey) Y((e) => {
+					let t = { ...e };
+					return t.findOptions.matchEntireCell = !e.findOptions.matchEntireCell, t;
+				});
+				else {
+					if (e.key !== "r" || !e.altKey) return;
+					Y((e) => {
+						let t = { ...e };
+						return t.findOptions.useRegex = !e.findOptions.useRegex, t;
+					});
+				}
+				e.preventDefault();
+			},
+			children: [(0, y.jsxs)(f, {
+				sx: {
+					display: "flex",
+					flexDirection: "row",
+					gap: (e) => e.spacing(1)
+				},
+				children: [(0, y.jsxs)(f, {
+					sx: {
+						display: "flex",
+						flexDirection: "row",
+						alignItems: "start",
+						gap: (e) => e.spacing(.25),
+						paddingTop: "3px"
+					},
+					children: [(0, y.jsx)(g, {
+						selected: V,
+						onSelectToggle: (e) => {
+							le(e);
+						},
+						preventFocus: !0,
+						label: w("findReplace.toggleOptions"),
+						icon: (0, y.jsx)(a, { iconKey: "FindOptions" })
+					}), (0, y.jsx)(g, {
+						selected: H,
+						onSelectToggle: (e) => {
+							U(e);
+						},
+						preventFocus: !0,
+						label: w("findReplace.toggleReplace"),
+						icon: (0, y.jsx)(a, { iconKey: "FindReplaceToggle" }),
+						shortcut: {
+							key: H ? "F" : "H",
+							modifiers: [c.Ctrl]
+						}
+					})]
+				}), (0, y.jsxs)(f, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						maxWidth: "100%",
+						boxSizing: "border-box"
+					},
+					children: [(0, y.jsxs)(f, {
+						sx: {
+							display: "flex",
+							flexDirection: "row",
+							alignItems: "center"
+						},
+						children: [
+							(0, y.jsx)(h, {
+								label: w("findReplace.find"),
+								slotProps: {
+									input: {
+										sx: {
+											paddingRight: (e) => e.spacing(1),
+											minWidth: $ > 460 ? "20em" : void 0
+										},
+										endAdornment: (0, y.jsx)(ae, {
+											position: "end",
+											children: (0, y.jsxs)(f, {
+												sx: {
+													display: "flex",
+													alignItems: "center",
+													flexDirection: "row",
+													gap: "2px"
+												},
+												children: [
+													(0, y.jsx)(g, {
+														style: b,
+														selected: J.findOptions.matchCase,
+														onBlur: () => {},
+														onSelectToggle: (e) => {
+															Y((t) => {
+																let n = { ...t };
+																return n.findOptions.matchCase = e, n;
+															});
+														},
+														label: w("findReplace.matchCase"),
+														shortcut: {
+															key: "C",
+															modifiers: [c.Alt]
+														},
+														icon: (0, y.jsx)(a, {
+															iconKey: "FindCaseSensitive",
+															size: "1rem"
+														})
+													}),
+													(0, y.jsx)(g, {
+														style: b,
+														selected: J.findOptions.matchEntireCell,
+														onSelectToggle: (e) => {
+															Y((t) => {
+																let n = { ...t };
+																return n.findOptions.matchEntireCell = e, n;
+															});
+														},
+														label: w("findReplace.matchEntireCell"),
+														shortcut: {
+															key: "E",
+															modifiers: [c.Alt]
+														},
+														icon: (0, y.jsx)(a, {
+															iconKey: "FindWholeWord",
+															size: "1rem"
+														})
+													}),
+													(0, y.jsx)(g, {
+														style: b,
+														selected: J.findOptions.useRegex,
+														onSelectToggle: (e) => {
+															Y((t) => {
+																let n = { ...t };
+																return n.findOptions.useRegex = e, n;
+															});
+														},
+														label: w("findReplace.useRegex"),
+														shortcut: {
+															key: "R",
+															modifiers: [c.Alt]
+														},
+														icon: (0, y.jsx)(a, {
+															iconKey: "FindRegEx",
+															size: "1rem"
+														})
+													})
+												]
+											})
+										})
+									},
+									inputLabel: { shrink: !0 },
+									htmlInput: {
+										draggable: !1,
+										ref: M,
+										className: "input",
+										autoFocus: !0,
+										spellCheck: !1,
+										autoComplete: "off",
+										sx: {
+											paddingTop: (e) => e.spacing(1.25),
+											paddingBottom: (e) => e.spacing(.75)
+										}
+									}
+								},
+								sx: {
+									flex: "1 1 100%",
+									marginRight: (e) => e.spacing(1),
+									"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => W ? `${e.palette.error.main} !important` : void 0 },
+									"& .MuiInputLabel-outlined": { color: (e) => W ? `${e.palette.error.main} !important` : void 0 }
+								},
+								value: J.findOptions.text ?? "",
+								onChange: (e) => {
+									Y((t) => {
+										let n = { ...t };
+										return n.findOptions.text = e.target.value, n;
+									});
+								},
+								onKeyDown: (e) => Z(e, !1),
+								onContextMenu: (e) => {
+									e.stopPropagation();
+								}
+							}),
+							(0, y.jsx)(g, {
+								selected: J.findOptions.reverse,
+								onSelectToggle: (e) => {
+									X(!1, !1);
+								},
+								touchRippleRef: P,
+								label: "",
+								shortcut: {
+									key: "Enter",
+									modifiers: [c.Shift]
+								},
+								icon: (0, y.jsx)(a, { iconKey: J.findOptions.axis === r.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
+								disabled: !J.findOptions.text
+							}),
+							(0, y.jsx)(g, {
+								selected: !J.findOptions.reverse,
+								onSelectToggle: (e) => {
+									X(!0, !1);
+								},
+								touchRippleRef: F,
+								label: w("findReplace.nextMatch"),
+								shortcut: { key: "Enter" },
+								icon: (0, y.jsx)(a, { iconKey: J.findOptions.axis === r.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
+								disabled: !J.findOptions.text
+							})
+						]
+					}), (0, y.jsx)(_, {
+						in: H,
+						timeout: S,
+						onExit: () => {
+							M.current?.focus();
+						},
+						children: (0, y.jsxs)(f, {
+							sx: {
+								display: "flex",
+								flexDirection: "row",
+								alignItems: "center",
+								marginTop: (e) => e.spacing(2)
+							},
+							children: [
+								(0, y.jsx)(h, {
+									label: w("findReplace.replace"),
+									slotProps: {
+										input: { sx: { paddingRight: (e) => e.spacing(1) } },
+										inputLabel: { shrink: !0 },
+										htmlInput: {
+											ref: N,
+											className: "input",
+											spellCheck: !1,
+											autoComplete: "off",
+											sx: {
+												paddingTop: (e) => e.spacing(1.25),
+												paddingBottom: (e) => e.spacing(.75)
+											}
+										}
+									},
+									sx: {
+										flex: "1 1 100%",
+										marginRight: (e) => e.spacing(1)
+									},
+									value: J.replaceText ?? "",
+									onChange: (e) => {
+										Y((t) => {
+											let n = { ...t };
+											return n.replaceText = e.target.value, n;
+										});
+									},
+									onKeyDown: (e) => Z(e, !0),
+									onContextMenu: (e) => {
+										e.stopPropagation();
+									}
+								}),
+								(0, y.jsx)(g, {
+									onSelectToggle: (e) => {
+										X(!0, !0);
+									},
+									touchRippleRef: I,
+									label: w("findReplace.replace"),
+									shortcut: { key: "Enter" },
+									icon: (0, y.jsx)(a, { iconKey: "FindReplace" }),
+									disabled: !J.findOptions.text
+								}),
+								(0, y.jsx)(g, {
+									onSelectToggle: (e) => {
+										X(!0, !0, !0);
+									},
+									touchRippleRef: L,
+									label: w("findReplace.replaceAll"),
+									shortcut: {
+										key: "Enter",
+										modifiers: [c.Ctrl, c.Alt]
+									},
+									icon: (0, y.jsx)(a, { iconKey: "FindReplaceAll" }),
+									disabled: !J.findOptions.text
+								})
+							]
+						})
+					})]
+				})]
+			}), (0, y.jsx)(_, {
+				in: V,
+				timeout: S,
+				onExit: () => {
+					M.current?.focus();
+				},
+				children: (0, y.jsxs)(f, {
+					sx: {
+						minHeight: "10px",
+						flex: "1 1 100%",
+						display: "flex",
+						flexDirection: "column",
+						gap: (e) => e.spacing(1.5),
+						marginTop: (e) => e.spacing(1)
+					},
+					children: [(0, y.jsx)(re, {
+						orientation: "horizontal",
+						sx: { marginBottom: (e) => e.spacing(1.5) }
+					}), (0, y.jsxs)(f, {
+						sx: {
+							display: "flex",
+							flexDirection: $ >= 383 ? "row" : "column",
+							justifyContent: "space-evenly",
+							alignItems: "center",
+							gap: (e) => e.spacing(1),
+							rowGap: (e) => e.spacing(2)
+						},
+						tabIndex: -1,
+						children: [
+							(0, y.jsx)(x, {
+								label: w("findReplace.within"),
+								value: J.scope,
+								options: ce,
+								onSelect: (e) => {
+									Y((t) => {
+										let n = { ...t };
+										return n.scope = e, n;
+									});
+								}
+							}),
+							(0, y.jsx)(x, {
+								label: w("findReplace.searchOrder"),
+								value: J.findOptions.axis !== r.Axis.Column,
+								options: se,
+								onSelect: (e) => {
+									Y((t) => {
+										let n = { ...t };
+										return n.findOptions.axis = e ? r.Axis.Row : r.Axis.Column, n;
+									});
+								}
+							}),
+							(0, y.jsx)(x, {
+								label: w("findReplace.lookIn"),
+								value: H && J.findOptions.fields?.[0] === i.Content.Values ? i.Content.Formulas : J.findOptions.fields?.[0],
+								options: H ? oe : T,
+								onSelect: (e) => {
+									Y((t) => {
+										let n = { ...t };
+										return n.findOptions.fields = [e], n;
+									});
+								}
+							})
+						]
+					})]
+				})
+			})]
+		})
+	});
+});
+export { w as FindReplaceWindow, w as default };