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

package/browser/esm/BJ26E2DhS1Jz4nUY2.mjs

@@ -0,0 +1,514 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+*
+* (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 "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { r } from "./DlHJ7zkV6AMCtYPP.mjs";
+import { At as i, Wt as a, bt as o, en as s, t as c } from "./Dcpd3kkjvidrDQuN.mjs";
+import { a as l, t as u } from "./DevyWm6bXV7lW2dr.mjs";
+import { l as d } from "./BSWXx2rKOMPxLLs8.mjs";
+import { st as f } from "./BH_qL-oGqwG-7JKF.mjs";
+import { et as p } from "./74Ynqpv5NPbb_8vB.mjs";
+import { C as ee, i as te } from "./CDxmuF7Iay8T4cnU.mjs";
+import { _ as ne, m, t as h } from "./53nnk5W22gJW7Ddx.mjs";
+import { t as g } from "./2eBMkUK0-HxaCmDY.mjs";
+import { C as re, L as _ } from "./B-VKr_KwiWjDeAP5.mjs";
+import { t as ie } from "./VaST17rbOSkMsGyn.mjs";
+import { t as ae } from "./DnLi57ylUOd3DUek.mjs";
+var v = e(t(), 1), y = e(n(), 1), b = {
+	width: "1.5rem",
+	height: "1.5rem"
+}, x = (0, v.memo)((e) => {
+	let { label: t, value: n, options: r, onSelect: i, tabIndex: a = 0, ...s } = e, [c, l] = (0, v.useState)(() => C(n, r));
+	(0, v.useEffect)(() => {
+		l(C(n, r));
+	}, [n, r]);
+	let u = o((e) => {
+		let t = e.target.value;
+		l(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)(ne, {
+		sx: { minWidth: 135 },
+		size: "small",
+		children: [(0, y.jsx)(m, { children: t }), (0, y.jsx)(h, {
+			inputProps: { tabIndex: a },
+			value: c,
+			label: t,
+			onChange: u,
+			...s,
+			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: m, onHide: h, autoFocus: ie, ...C } = e, w = s(), T = (0, v.useMemo)(() => ({
+		[w("findReplace.fieldFormulas")]: f.Content.Formulas,
+		[w("findReplace.fieldValues")]: f.Content.Values,
+		[w("findReplace.fieldNotes")]: f.Content.Notes,
+		[w("findReplace.fieldComments")]: f.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")]: p.FindScopeOptions.Workbook,
+		[w("findReplace.scopeSheet")]: p.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: d.Axis.Row,
+			fields: [f.Content.Formulas]
+		},
+		scope: p.FindScopeOptions.Sheet
+	}), X = o(async (e, t, n, r) => {
+		if (!j) return;
+		let i = { ...J };
+		i.replaceOptions = { ...i.replaceOptions }, i.findOptions = { ...i.findOptions }, i.replaceOptions.maxCount = n ? void 0 : 1, i.replace = t, t && J.findOptions.fields?.[0] === f.Content.Values && (i.findOptions.fields = [f.Content.Formulas]), i.findOptions.reverse = !e;
+		let a = await j({
+			autoFocus: r,
+			...i,
+			findOptions: {
+				...i.findOptions,
+				text: i.findOptions.text ?? ""
+			}
+		});
+		G(a === 0);
+	}, [J, j]);
+	(0, v.useEffect)(() => {
+		G(!1);
+	}, [
+		J,
+		V,
+		H
+	]);
+	let Z = o((e, t) => {
+		if (e.keyCode === a.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 = [f.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, f.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: $ }] = l();
+	return (0, y.jsx)(te, {
+		ref: Q,
+		title: m ?? w(H ? "findReplace.titleFindReplace" : "findReplace.titleFind"),
+		initialPosition: { y: "35" },
+		autoFocusSel: ".input",
+		onHide: h,
+		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)(c, {
+				sx: {
+					display: "flex",
+					flexDirection: "row",
+					gap: (e) => e.spacing(1)
+				},
+				children: [(0, y.jsxs)(c, {
+					sx: {
+						display: "flex",
+						flexDirection: "row",
+						alignItems: "start",
+						gap: (e) => e.spacing(.25),
+						paddingTop: "3px"
+					},
+					children: [(0, y.jsx)(_, {
+						selected: V,
+						onSelectToggle: (e) => {
+							le(e);
+						},
+						preventFocus: !0,
+						label: w("findReplace.toggleOptions"),
+						icon: (0, y.jsx)(r, { iconKey: "FindOptions" })
+					}), (0, y.jsx)(_, {
+						selected: H,
+						onSelectToggle: (e) => {
+							U(e);
+						},
+						preventFocus: !0,
+						label: w("findReplace.toggleReplace"),
+						icon: (0, y.jsx)(r, { iconKey: "FindReplaceToggle" }),
+						shortcut: {
+							key: H ? "F" : "H",
+							modifiers: [i.Ctrl]
+						}
+					})]
+				}), (0, y.jsxs)(c, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						maxWidth: "100%",
+						boxSizing: "border-box"
+					},
+					children: [(0, y.jsxs)(c, {
+						sx: {
+							display: "flex",
+							flexDirection: "row",
+							alignItems: "center"
+						},
+						children: [
+							(0, y.jsx)(g, {
+								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)(c, {
+												sx: {
+													display: "flex",
+													alignItems: "center",
+													flexDirection: "row",
+													gap: "2px"
+												},
+												children: [
+													(0, y.jsx)(_, {
+														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: [i.Alt]
+														},
+														icon: (0, y.jsx)(r, {
+															iconKey: "FindCaseSensitive",
+															size: "1rem"
+														})
+													}),
+													(0, y.jsx)(_, {
+														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: [i.Alt]
+														},
+														icon: (0, y.jsx)(r, {
+															iconKey: "FindWholeWord",
+															size: "1rem"
+														})
+													}),
+													(0, y.jsx)(_, {
+														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: [i.Alt]
+														},
+														icon: (0, y.jsx)(r, {
+															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)(_, {
+								selected: J.findOptions.reverse,
+								onSelectToggle: (e) => {
+									X(!1, !1);
+								},
+								touchRippleRef: P,
+								label: "",
+								shortcut: {
+									key: "Enter",
+									modifiers: [i.Shift]
+								},
+								icon: (0, y.jsx)(r, { iconKey: J.findOptions.axis === d.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
+								disabled: !J.findOptions.text
+							}),
+							(0, y.jsx)(_, {
+								selected: !J.findOptions.reverse,
+								onSelectToggle: (e) => {
+									X(!0, !1);
+								},
+								touchRippleRef: F,
+								label: w("findReplace.nextMatch"),
+								shortcut: { key: "Enter" },
+								icon: (0, y.jsx)(r, { iconKey: J.findOptions.axis === d.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
+								disabled: !J.findOptions.text
+							})
+						]
+					}), (0, y.jsx)(u, {
+						in: H,
+						timeout: S,
+						onExit: () => {
+							M.current?.focus();
+						},
+						children: (0, y.jsxs)(c, {
+							sx: {
+								display: "flex",
+								flexDirection: "row",
+								alignItems: "center",
+								marginTop: (e) => e.spacing(2)
+							},
+							children: [
+								(0, y.jsx)(g, {
+									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)(_, {
+									onSelectToggle: (e) => {
+										X(!0, !0);
+									},
+									touchRippleRef: I,
+									label: w("findReplace.replace"),
+									shortcut: { key: "Enter" },
+									icon: (0, y.jsx)(r, { iconKey: "FindReplace" }),
+									disabled: !J.findOptions.text
+								}),
+								(0, y.jsx)(_, {
+									onSelectToggle: (e) => {
+										X(!0, !0, !0);
+									},
+									touchRippleRef: L,
+									label: w("findReplace.replaceAll"),
+									shortcut: {
+										key: "Enter",
+										modifiers: [i.Ctrl, i.Alt]
+									},
+									icon: (0, y.jsx)(r, { iconKey: "FindReplaceAll" }),
+									disabled: !J.findOptions.text
+								})
+							]
+						})
+					})]
+				})]
+			}), (0, y.jsx)(u, {
+				in: V,
+				timeout: S,
+				onExit: () => {
+					M.current?.focus();
+				},
+				children: (0, y.jsxs)(c, {
+					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)(c, {
+						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 !== d.Axis.Column,
+								options: se,
+								onSelect: (e) => {
+									Y((t) => {
+										let n = { ...t };
+										return n.findOptions.axis = e ? d.Axis.Row : d.Axis.Column, n;
+									});
+								}
+							}),
+							(0, y.jsx)(x, {
+								label: w("findReplace.lookIn"),
+								value: H && J.findOptions.fields?.[0] === f.Content.Values ? f.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 };

package/browser/esm/BJVcTpMN-u5XhMVE2.mjs

@@ -0,0 +1,47 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+var e = {
+	NPV: {
+		s: "Returns the net present value of an investment based on a discount rate and a series of future payments (negative values) and income (positive values).",
+		p: {
+			rate: { d: "is the rate of discount over the length of one period." },
+			value: { d: "are 1 to 254 payments and income, equally spaced in time and occurring at the end of each period." }
+		}
+	},
+	IRR: {
+		s: "Returns the internal rate of return for a series of cash flows.",
+		p: {
+			values: { d: "is an array or a reference to cells that contain numbers for which you want to calculate the internal rate of return." },
+			guess: { d: "is a number that you guess is close to the result of IRR." }
+		}
+	},
+	MIRR: {
+		s: "Returns the modified internal rate of return for a series of periodic cash flows.",
+		p: {
+			values: { d: "An array of cash flows; must contain at least one positive and one negative value." },
+			financeRate: { d: "The interest rate paid on negative cash flows (cost of capital)." },
+			reinvestRate: { d: "The interest rate received on positive cash flows (reinvestment rate)." }
+		}
+	},
+	XNPV: {
+		s: "Returns the net present value for a schedule of cash flows.",
+		p: {
+			rate: { d: "is the discount rate to apply to the cash flows." },
+			values: { d: "is a series of cash flows that correspond to a schedule of payments in dates." },
+			dates: { d: "is a schedule of payment dates that corresponds to the cash flow payments." }
+		}
+	},
+	XIRR: {
+		s: "Returns the internal rate of return for a schedule of cash flows.",
+		p: {
+			values: { d: "is a series of cash flows that correspond to a schedule of payments in dates." },
+			dates: { d: "is a schedule of payment dates that corresponds to the cash flow payments." },
+			guess: { d: "is a number that you guess is close to the result of XIRR." }
+		}
+	}
+};
+export { e as default };