@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.2

package/browser/esm/DVQNQmjI2PKkwiOw2.mjs

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