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

package/cdn/assets/BTB79KyzSZf-h-lm2.js

@@ -0,0 +1,226 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
+*
+* (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 "./nBZATD4yR1W5D4Fi.js";
+import { t } from "./DoBxkE57H5PfH7Or.js";
+import { t as n } from "./C3KIo0iwLXhIIMG8.js";
+import { r } from "./I2Cn0c2NkX845WIx.js";
+import { en as ee, t as i } from "./UNtnFd2ssTtnrqRp.js";
+import { _ as a } from "./CqI09iUEId8rHfJ9.js";
+import { t as te } from "./DI4QTfUQPCjSn0kl.js";
+import { T as o } from "./CDijenaMI_dBIGU-.js";
+import { s as ne, w as re } from "./CCTYceFrydwG3Vyt2.js";
+import { t as ie } from "./2QsTDWiE6SMelbNU2.js";
+import { t as s } from "./B0FNPu0uhX_WW-aJ2.js";
+var c = e(t(), 1), l = n(), u = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+c.createContext(null).displayName = "HookFormControlContext", u ? c.useLayoutEffect : c.useEffect;
+var d = c.createContext(null);
+d.displayName = "HookFormContext";
+var f = () => c.useContext(d), p = (e) => {
+	e.button === 0 && e.preventDefault();
+}, m = "20px", h = "4px", g = `calc(${m} + ${h})`, _ = (0, c.memo)((0, c.forwardRef)((e, t) => {
+	let { grammar: n = "formula", formName: u, formOptions: d, disabled: g, className: _, sx: v, onKeyDown: y, onFocus: b, value: ae, onChangeInput: oe, onChangeText: se, onDone: x, changeOn: ce, apiRef: le, workbook: S, home: C, equals: ue, pickAs: de, pickSpills: fe, allowMulti: pe, allowCrossSheet: me, label: w, labelPlacement: T = "floating", placeholder: E, helperText: D, showError: O = !0, onChangeError: k, validationError: A, hideAdornment: j, classNameInput: M, argument: N, id: P, ...F } = e, I = ee(), L = T === "above", R = (0, c.useId)(), z = P ?? R, B = n === "formula", V = w === void 0 ? I(B ? "formulaInput.label" : "rangeInput.label") : w, he = E ?? I(B ? "formulaInput.placeholder" : "rangeInput.placeholder"), H = f(), U = u && H ? H.register(u, d) : null, W = re({
+		value: ae,
+		onChange: oe,
+		onChangeText: se,
+		onDone: x,
+		changeOn: ce,
+		workbook: S,
+		home: C,
+		equals: ue,
+		pickAs: de,
+		pickSpills: fe,
+		allowMulti: pe,
+		allowCrossSheet: me,
+		disabled: g
+	}, n);
+	(0, c.useImperativeHandle)(le, () => W, [W]);
+	let G = ne({
+		api: W,
+		grammar: n,
+		disabled: g,
+		workbook: S,
+		home: C,
+		argument: N
+	}), K = !!W.error && !G.inputExpected, q = K || !!A, ge = O && q ? I(K ? W.error : A) : D === void 0 ? " " : D, J = (0, c.useRef)(H);
+	J.current = H;
+	let Y = (0, c.useRef)(k);
+	Y.current = k;
+	let X = (0, c.useRef)(null), Z = K ? W.error : null, Q = (0, c.useRef)(null);
+	(0, c.useEffect)(() => {
+		Z !== Q.current && (Q.current = Z, Y.current?.(Z));
+	}, [Z]), (0, c.useEffect)(() => {
+		if (W.error === X.current || (X.current = W.error, !u)) return;
+		let e = J.current;
+		e && (W.error ? e.setError(u, { message: W.error }) : e.clearErrors(u));
+	}, [W.error, u]);
+	let $ = !!x, _e = (0, c.useMemo)(() => j ? void 0 : (0, l.jsx)(ie, {
+		tabIndex: -1,
+		onMouseDown: p,
+		sx: {
+			display: "flex",
+			position: "relative",
+			flex: "0"
+		},
+		position: "end",
+		children: W.engaged && $ ? (0, l.jsxs)(l.Fragment, { children: [(0, l.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			color: "primary",
+			"aria-label": "commit-reference",
+			icon: (0, l.jsx)(r, { iconKey: "CheckSuccess" }),
+			propsTooltip: {
+				label: I("referenceInput.commit"),
+				simple: !0
+			},
+			disabled: !!W.error,
+			tabIndex: -1,
+			onMouseDown: p,
+			onClick: () => {
+				W.commit();
+			}
+		}), (0, l.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			color: "warning",
+			"aria-label": "cancel-reference",
+			icon: (0, l.jsx)(r, { iconKey: "CloseError" }),
+			propsTooltip: {
+				label: I("referenceInput.cancel"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: p,
+			onClick: () => {
+				W.cancel();
+			}
+		})] }) : (0, l.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			disabled: g || !W.canSelectCurrent,
+			sx: { "&.Mui-disabled": { opacity: .35 } },
+			"aria-label": "select-current-range",
+			icon: (0, l.jsx)(r, { iconKey: "SelectRangeMode" }),
+			propsTooltip: {
+				label: I("referenceInput.selectCurrent"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: p,
+			onClick: () => {
+				W.engaged || W.togglePoint(), W.selectCurrent();
+			}
+		})
+	}), [
+		j,
+		g,
+		$,
+		W.engaged,
+		W.canSelectCurrent,
+		W.togglePoint,
+		W.selectCurrent,
+		W.commit,
+		W.cancel,
+		!!W.error
+	]);
+	return (0, l.jsxs)(a, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...v
+		},
+		size: "small",
+		ref: (e) => {
+			G.containerRef.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+		},
+		className: s("sxl-formula-field", _),
+		"data-grammar": n,
+		...F,
+		children: [
+			L ? (0, l.jsx)(i, {
+				component: "label",
+				htmlFor: z,
+				sx: {
+					lineHeight: m,
+					marginBottom: h,
+					paddingLeft: "14px",
+					display: "flex",
+					alignItems: "center",
+					gap: "4px",
+					overflow: "hidden",
+					whiteSpace: "nowrap",
+					fontSize: "0.8rem",
+					color: g ? "text.disabled" : "text.primary"
+				},
+				children: V
+			}) : null,
+			(0, l.jsx)(te, {
+				id: z,
+				label: L ? void 0 : V,
+				placeholder: he,
+				disabled: g,
+				error: q,
+				helperText: ge,
+				sx: { "& .MuiFormHelperText-root": {
+					marginTop: h,
+					...L ? { lineHeight: m } : null
+				} },
+				slotProps: {
+					input: { endAdornment: _e },
+					inputLabel: { shrink: !0 },
+					htmlInput: {
+						className: M,
+						spellCheck: !1,
+						autoComplete: "off",
+						readOnly: g || W.inputProps.readOnly,
+						name: u,
+						sx: {
+							paddingTop: (e) => e.spacing(L || V == null ? 1 : 1.25),
+							paddingBottom: (e) => e.spacing(L || V == null ? 1 : .75),
+							...G.overlayActive ? {
+								color: "transparent",
+								caretColor: (e) => e.palette.text.primary
+							} : null
+						},
+						onSelect: (e) => {
+							W.inputProps.onSelect(e), G.inputHandlers.onSelect(e);
+						},
+						onScroll: G.inputHandlers.onScroll,
+						onMouseMove: G.inputHandlers.onMouseMove,
+						onMouseLeave: G.inputHandlers.onMouseLeave,
+						onDragStart: G.inputHandlers.onDragStart
+					}
+				},
+				value: W.inputProps.value,
+				inputRef: (e) => {
+					G.inputElRef.current = e, W.inputProps.ref(e), U?.ref && U.ref(e);
+				},
+				onChange: (e) => {
+					W.inputProps.onChange(e), G.inputHandlers.onSelect(e), U?.onChange(e);
+				},
+				onKeyDown: (e) => {
+					G.handleKeyDown(e) || (W.inputProps.onKeyDown(e), e.defaultPrevented || y?.(e));
+				},
+				onPointerDown: G.inputHandlers.onPointerDown,
+				onMouseDown: W.inputProps.onMouseDown,
+				onFocus: (e) => {
+					W.inputProps.onFocus(e), b?.(e);
+				},
+				onBlur: (e) => {
+					W.inputProps.onBlur(e), U?.onBlur(e);
+				},
+				onContextMenu: (e) => {
+					e.stopPropagation();
+				}
+			}),
+			G.overlayElement,
+			G.tipElement,
+			G.hintElement
+		]
+	});
+}));
+_.displayName = "FormulaField";
+export { f as n, g as r, _ as t };