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

package/browser/esm/D_zNx76HGunFi7xJ.mjs

@@ -1,509 +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 { Xt as r, h as i, t as a, tt as o } from "./DFdU1DsC1lXOrejZ.mjs";
-import { H as s, N as c, P as l, _t as u, ct as d, ut as f } from "./Bl6bX86tSq8hfyb2.mjs";
-import { d as p, f as m, h, p as g, t as _ } from "./DzDwSOBdJh_lx_NM.mjs";
-import { n as v, t as y } from "./fJ1McMt7xzRA_lUX.mjs";
-import { t as b } from "./CZWIS7FuqNjbheSw.mjs";
-import { t as x } from "./BUCKq_2lHPd1ndvw.mjs";
-import { n as S, r as C, t as w } from "./CsufM5aF6VTLKDWM.mjs";
-import { t as T } from "./D3G3tI3DVCUF3Gdk.mjs";
-import { O as E } from "./At60x9FEPePwPP_J.mjs";
-var D = e(t(), 1), O = e(n(), 1), k = f("div", {
-	name: "MuiListItemText",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			{ [`& .${C.primary}`]: t.primary },
-			{ [`& .${C.secondary}`]: t.secondary },
-			t.root,
-			n.inset && t.inset,
-			n.primary && n.secondary && t.multiline,
-			n.dense && t.dense
-		];
-	}
-})({
-	flex: "1 1 auto",
-	minWidth: 0,
-	marginTop: 4,
-	marginBottom: 4,
-	[`.${l.root}:where(& .${C.primary})`]: { display: "block" },
-	[`.${l.root}:where(& .${C.secondary})`]: { display: "block" },
-	variants: [{
-		props: ({ ownerState: e }) => e.primary && e.secondary,
-		style: {
-			marginTop: 6,
-			marginBottom: 6
-		}
-	}, {
-		props: ({ ownerState: e }) => e.inset,
-		style: { paddingLeft: 56 }
-	}]
-}), A = D.forwardRef(function(e, t) {
-	let n = d({
-		props: e,
-		name: "MuiListItemText"
-	}), { children: r, className: a, disableTypography: o = !1, inset: l = !1, primary: f, secondary: p, slots: h = {}, slotProps: g = {}, ..._ } = n, { dense: v } = D.useContext(m), y = f ?? r, b = p, x = {
-		...n,
-		disableTypography: o,
-		inset: l,
-		primary: !!y,
-		secondary: !!b,
-		dense: v
-	}, C = ((e) => {
-		let { classes: t, inset: n, primary: r, secondary: i, dense: a } = e;
-		return u({
-			root: [
-				"root",
-				n && "inset",
-				a && "dense",
-				r && i && "multiline"
-			],
-			primary: ["primary"],
-			secondary: ["secondary"]
-		}, S, t);
-	})(x), w = {
-		slots: h,
-		slotProps: g
-	}, [T, E] = s("root", {
-		className: i(C.root, a),
-		elementType: k,
-		externalForwardedProps: {
-			...w,
-			..._
-		},
-		ownerState: x,
-		ref: t
-	}), [A, j] = s("primary", {
-		className: C.primary,
-		elementType: c,
-		externalForwardedProps: w,
-		ownerState: x
-	}), [M, N] = s("secondary", {
-		className: C.secondary,
-		elementType: c,
-		externalForwardedProps: w,
-		ownerState: x
-	});
-	return y == null || y.type === c || o || (y = (0, O.jsx)(A, {
-		variant: v ? "body2" : "body1",
-		component: j?.variant ? void 0 : "span",
-		...j,
-		children: y
-	})), b == null || b.type === c || o || (b = (0, O.jsx)(M, {
-		variant: "body2",
-		color: "textSecondary",
-		...N,
-		children: b
-	})), (0, O.jsxs)(T, {
-		...E,
-		children: [y, b]
-	});
-});
-function j(e, t) {
-	if (typeof e == "function") return e(t);
-	e && (e.current = t);
-}
-var M = parseInt(D.version.split(".")[0], 10) >= 19 ? function(e) {
-	return (t) => {
-		let n = [];
-		for (let r of e) {
-			let e = j(r, t), i = typeof e == "function";
-			n.push(i ? e : () => j(r, null));
-		}
-		return () => {
-			for (let e of n) e();
-		};
-	};
-} : function(e) {
-	return (t) => {
-		for (let n of e) j(n, t);
-	};
-}, { Builder: N } = E, P = {
-	py: "2px",
-	px: 1,
-	minHeight: 0,
-	"& .MuiListItemText-root": { my: 0 },
-	"& .MuiListItemText-primary": {
-		fontSize: "0.8125rem",
-		lineHeight: 1.5
-	},
-	"& .MuiListItemText-secondary": {
-		fontSize: "0.7rem",
-		lineHeight: 1.3
-	}
-}, F = {
-	border: (e) => `1px solid ${e.palette.divider}`,
-	borderRadius: (e) => `${e.shape.borderRadius}px`,
-	overflow: "auto"
-};
-function I(e, t, n) {
-	switch (t) {
-		case "minus": return e("numberFormat.negMinus");
-		case "red": return e("numberFormat.negRed");
-		case "parens": return e("numberFormat.negParens");
-		case "redParens": return e("numberFormat.negRedParens");
-		default: return n;
-	}
-}
-function L(e, t) {
-	switch (t) {
-		case "General": return e("numberFormat.catGeneral");
-		case "Number": return e("numberFormat.catNumber");
-		case "Currency": return e("numberFormat.catCurrency");
-		case "Accounting": return e("numberFormat.catAccounting");
-		case "Date": return e("numberFormat.catDate");
-		case "Time": return e("numberFormat.catTime");
-		case "Percentage": return e("numberFormat.catPercentage");
-		case "Fraction": return e("numberFormat.catFraction");
-		case "Scientific": return e("numberFormat.catScientific");
-		case "Text": return e("numberFormat.catText");
-		case "Special": return e("numberFormat.catSpecial");
-		case "Custom": return e("numberFormat.catCustom");
-		default: return t;
-	}
-}
-function R(e, t, n) {
-	try {
-		return n ? n.createCell({
-			value: t,
-			style: { numberFormat: e }
-		}).getNumberFormat().displayText || "" : E.getEngine().format(e, t, {}).text ?? "";
-	} catch {
-		return "";
-	}
-}
-var z = (0, D.memo)((0, D.forwardRef)((e, t) => {
-	let { value: n, onChange: i, context: s, onCommit: l, disabled: u = !1, className: d, onKeyDown: f, ...m } = e, S = r(), [C, k] = (0, D.useState)(() => N.parse(n));
-	(0, D.useEffect)(() => {
-		N.build(C) !== n && k(N.parse(n));
-	}, [n]);
-	let j, z = s?.() ?? null, B = o((e) => {
-		k(e), i(N.build(e));
-	}, [i]), V = o((e) => {
-		B({
-			...C,
-			...e
-		});
-	}, [C, B]), H = o((e) => {
-		if (e === C.category) return;
-		let t = N.defaultCodeForCategory(e), n = N.isParametricCategory(e) ? N.parse(t) : {
-			category: e,
-			code: t
-		};
-		B(n);
-	}, [C.category, B]), U = o((e) => {
-		if (f?.(e), e.key === "Enter") {
-			if (e.target.closest("[role=\"combobox\"]")) return;
-			e.preventDefault(), e.stopPropagation(), l?.();
-		}
-	}, [f, l]), W = (e, t, n) => (r) => {
-		let i = t;
-		switch (r.key) {
-			case "ArrowDown":
-				i = Math.min(e - 1, t + 1);
-				break;
-			case "ArrowUp":
-				i = Math.max(0, t - 1);
-				break;
-			case "Home":
-				i = 0;
-				break;
-			case "End":
-				i = e - 1;
-				break;
-			default: return;
-		}
-		r.preventDefault(), i !== t && i >= 0 && n(i), r.currentTarget.querySelectorAll(".MuiListItemButton-root")[i]?.focus();
-	}, G = C.category, K = function(e, t, n) {
-		let r = t?.getValue();
-		return e === "Text" ? typeof r == "string" ? r : n : e === "Date" || e === "Time" ? typeof r == "number" ? r : 45658.625 : typeof r == "number" ? r : 1234.56;
-	}(G, z, S("numberFormat.sampleText")), q = R(n, K, z), J = (0, O.jsx)(b, {
-		label: S("numberFormat.decimalPlaces"),
-		type: "number",
-		size: "small",
-		disabled: u,
-		value: C.decimalPlaces ?? 0,
-		onChange: (e) => {
-			let t = Math.max(0, Math.min(30, parseInt(e.target.value, 10) || 0));
-			V({ decimalPlaces: t });
-		},
-		slotProps: {
-			htmlInput: {
-				min: 0,
-				max: 30
-			},
-			inputLabel: { shrink: !0 }
-		},
-		sx: { width: 140 }
-	}), Y = (0, O.jsxs)(h, {
-		size: "small",
-		sx: { width: 140 },
-		children: [(0, O.jsx)(g, {
-			shrink: !0,
-			children: S("numberFormat.symbol")
-		}), (0, O.jsx)(_, {
-			label: S("numberFormat.symbol"),
-			notched: !0,
-			disabled: u,
-			value: C.currencySymbol ?? "$",
-			onChange: (e) => V({ currencySymbol: e.target.value }),
-			children: N.CURRENCY_SYMBOLS.map((e) => (0, O.jsx)(w, {
-				value: e,
-				children: e
-			}, e))
-		})]
-	}), ee = (0, O.jsx)(y, {
-		sx: { alignSelf: "center" },
-		control: (0, O.jsx)(v, {
-			size: "small",
-			disabled: u,
-			checked: !!C.useSeparator,
-			onChange: (e) => V({ useSeparator: e.target.checked })
-		}),
-		label: S("numberFormat.useSeparator")
-	}), X = (0, O.jsxs)(a, {
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			minHeight: 0,
-			flex: "1 1 auto"
-		},
-		children: [(0, O.jsx)(c, {
-			variant: "caption",
-			component: "div",
-			sx: { mb: .5 },
-			children: S("numberFormat.negativeNumbers")
-		}), (0, O.jsx)(p, {
-			dense: !0,
-			disablePadding: !0,
-			sx: {
-				...F,
-				flex: "1 1 auto"
-			},
-			onKeyDown: W(N.NEGATIVE_STYLES.length, C.negativeStyle ?? 0, (e) => V({ negativeStyle: e })),
-			children: N.NEGATIVE_STYLES.map((e, t) => {
-				let n = R(N.build({
-					...C,
-					negativeStyle: t
-				}), -function(e) {
-					return typeof e == "number" ? Math.abs(e) : 1234.56;
-				}(K), z);
-				return (0, O.jsx)(x, {
-					disabled: u,
-					selected: (C.negativeStyle ?? 0) === t,
-					onClick: () => V({ negativeStyle: t }),
-					sx: P,
-					children: (0, O.jsx)(A, {
-						primary: n || I(S, e.key, e.label),
-						slotProps: { primary: {
-							noWrap: !0,
-							sx: {
-								color: e.red ? "error.main" : void 0,
-								fontVariantNumeric: "tabular-nums"
-							}
-						} }
-					})
-				}, e.key);
-			})
-		})]
-	}), Z = (e, t) => (0, O.jsx)(p, {
-		dense: !0,
-		disablePadding: !0,
-		sx: {
-			...F,
-			flex: "1 1 auto"
-		},
-		onKeyDown: W(e.length, e.indexOf(n), (t) => B({
-			category: G,
-			code: e[t]
-		})),
-		children: e.map((e) => (0, O.jsx)(x, {
-			disabled: u,
-			selected: n === e,
-			onClick: () => B({
-				category: G,
-				code: e
-			}),
-			sx: P,
-			children: (0, O.jsx)(A, {
-				primary: t?.[e] ?? R(e, K, z) ?? e,
-				secondary: t ? e : void 0,
-				slotProps: {
-					primary: { noWrap: !0 },
-					secondary: { noWrap: !0 }
-				}
-			})
-		}, e))
-	}), te = (0, O.jsx)(b, {
-		label: S("numberFormat.typeCode"),
-		size: "small",
-		fullWidth: !0,
-		disabled: u,
-		value: n,
-		error: !!n && !E.Parser.isValidFormat(n),
-		helperText: n && !E.Parser.isValidFormat(n) ? S("numberFormat.invalidCode") : " ",
-		onChange: (e) => B({
-			category: "Custom",
-			code: e.target.value
-		}),
-		slotProps: {
-			inputLabel: { shrink: !0 },
-			htmlInput: {
-				spellCheck: !1,
-				autoComplete: "off"
-			}
-		}
-	}), Q = (e) => (0, O.jsx)(a, {
-		sx: {
-			display: "flex",
-			flexWrap: "wrap",
-			gap: 1.5,
-			alignItems: "flex-start"
-		},
-		children: e
-	});
-	switch (G) {
-		case "General":
-			j = (0, O.jsx)(c, {
-				variant: "body2",
-				children: S("numberFormat.generalInfo")
-			});
-			break;
-		case "Number":
-			j = (0, O.jsxs)(O.Fragment, { children: [Q((0, O.jsxs)(O.Fragment, { children: [J, ee] })), X] });
-			break;
-		case "Currency":
-			j = (0, O.jsxs)(O.Fragment, { children: [Q((0, O.jsxs)(O.Fragment, { children: [J, Y] })), X] });
-			break;
-		case "Accounting":
-			j = (0, O.jsxs)(O.Fragment, { children: [Q((0, O.jsxs)(O.Fragment, { children: [J, Y] })), (0, O.jsx)(c, {
-				variant: "caption",
-				color: "text.secondary",
-				children: S("numberFormat.accountingInfo")
-			})] });
-			break;
-		case "Percentage":
-		case "Scientific":
-			j = J;
-			break;
-		case "Date":
-			j = Z(N.DATE_PRESETS);
-			break;
-		case "Time":
-			j = Z(N.TIME_PRESETS);
-			break;
-		case "Fraction":
-			j = Z(N.FRACTION_PRESETS, {
-				"# ?/?": ($ = S)("numberFormat.fractionOneDigit"),
-				"# ??/??": $("numberFormat.fractionTwoDigits"),
-				"# ???/???": $("numberFormat.fractionThreeDigits"),
-				"# ?/2": $("numberFormat.fractionHalves"),
-				"# ?/4": $("numberFormat.fractionQuarters"),
-				"# ?/8": $("numberFormat.fractionEighths"),
-				"# ??/16": $("numberFormat.fractionSixteenths"),
-				"# ?/10": $("numberFormat.fractionTenths"),
-				"# ??/100": $("numberFormat.fractionHundredths")
-			});
-			break;
-		case "Special":
-			j = Z(N.SPECIAL_PRESETS, ((e) => ({
-				"00000": e("numberFormat.specialZip"),
-				"00000-0000": e("numberFormat.specialZip4"),
-				"[<=9999999]###-####;(###) ###-####": e("numberFormat.specialPhone"),
-				"000-00-0000": e("numberFormat.specialSsn")
-			}))(S));
-			break;
-		case "Text":
-			j = (0, O.jsx)(c, {
-				variant: "body2",
-				children: S("numberFormat.textInfo")
-			});
-			break;
-		case "Custom":
-			j = (0, O.jsxs)(O.Fragment, { children: [te, Z(N.DATE_PRESETS.concat(N.TIME_PRESETS))] });
-			break;
-		default: j = null;
-	}
-	var $;
-	return (0, O.jsxs)(a, {
-		ref: M([t]),
-		className: T("sxl-number-format-panel", d),
-		onKeyDown: U,
-		sx: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 1.25
-		},
-		...m,
-		children: [(0, O.jsxs)(a, { children: [(0, O.jsx)(c, {
-			variant: "caption",
-			component: "div",
-			sx: { pl: .5 },
-			children: S("numberFormat.sample")
-		}), (0, O.jsx)(c, {
-			variant: "body1",
-			component: "div",
-			sx: {
-				borderRadius: (e) => `${e.shape.borderRadius}px`,
-				padding: (e) => e.spacing(1),
-				border: (e) => `1px solid ${e.palette.divider}`,
-				minHeight: "1.6em",
-				fontVariantNumeric: "tabular-nums",
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			},
-			children: q || " "
-		})] }), (0, O.jsxs)(a, {
-			sx: {
-				display: "flex",
-				gap: 1.5,
-				height: 296
-			},
-			children: [(0, O.jsx)(p, {
-				dense: !0,
-				disablePadding: !0,
-				sx: {
-					...F,
-					width: 112,
-					flex: "0 0 auto"
-				},
-				onKeyDown: W(N.CATEGORIES.length, N.CATEGORIES.indexOf(G), (e) => H(N.CATEGORIES[e])),
-				children: N.CATEGORIES.map((e) => (0, O.jsx)(x, {
-					className: T("sxl-nf-cat", { "sxl-nf-cat-active": G === e }),
-					disabled: u,
-					selected: G === e,
-					onClick: () => H(e),
-					sx: P,
-					children: (0, O.jsx)(A, {
-						primary: L(S, e),
-						slotProps: { primary: { noWrap: !0 } }
-					})
-				}, e))
-			}), (0, O.jsx)(a, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 1.25,
-					flex: "1 1 auto",
-					minWidth: 0,
-					border: (e) => `1px solid ${e.palette.divider}`,
-					borderRadius: (e) => `${e.shape.borderRadius}px`,
-					padding: (e) => e.spacing(1.5),
-					overflow: "auto"
-				},
-				children: j
-			})]
-		})]
-	});
-}));
-z.displayName = "NumberFormatPanel";
-export { M as n, z as t };