@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/saved-views-BueW-Lyb.js

@@ -1,446 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, n as i, t as a } from "./menu-parts-BQej6eU9.js";
-import { r as o } from "./i18n-DpW8lqJ1.js";
-import { n as s } from "./icon-button-TnvMhK4o.js";
-import { o as c, t as l, u } from "./field-BJh5HI7w.js";
-import { t as d } from "./text-field-BktZbmzD.js";
-import { a as f, d as p, f as ee, l as te } from "./popover-DE22lSpV.js";
-import { useCallback as m, useEffect as h, useId as ne, useImperativeHandle as re, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as ie, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { savedViewsMessages as ae } from "@slotted/core/i18n";
-import { getLiveAnnouncer as oe } from "@slotted/core/live-announcer";
-import { BUILT_IN_VIEW_ID as se, emptySavedViews as ce, isViewNameTaken as le, parseGridView as x, parseSavedViews as S, sameSavedView as ue, savedViewText as C, serializeSavedViews as w, withActiveView as T, withDefaultView as de, withViewCreated as fe, withViewDeleted as pe, withViewRenamed as me, withViewSaved as he } from "@slotted/core/grid";
-//#region src/saved-views/saved-views.tsx
-var E = 0;
-function D() {
-	let e = globalThis.crypto;
-	return typeof e?.randomUUID == "function" ? e.randomUUID() : (E += 1, `view-${Date.now().toString(36)}-${E}`);
-}
-var O = (e) => e?.detail === 0 ? "keyboard" : "pointer";
-function k({ builtIn: m, columns: g, current: S, defaultOpen: E, defaultState: k, messages: ge, onOpenChange: _e, onStateChange: ve, onViewApply: ye, open: be, ref: xe, state: Se, ...A }) {
-	let j = o(ae, ge), M = ne(), [Ce, we] = v(() => k ?? ce()), N = Se ?? Ce, [Te, Ee] = v(E ?? !1), P = be ?? Te, [F, I] = v(null), [L, R] = v(""), [z, B] = v(null), [V, H] = v(null), U = _(null), W = _(null), G = _(null), K = N.views.find((e) => e.id === N.activeId) ?? null, De = K ? x(K.view, g) : m, q = !ue(S, De, g), J = K?.name ?? j("builtIn"), Oe = `${M}-panel`;
-	function Y(e) {
-		oe(U.current?.ownerDocument).announce(e);
-	}
-	function X(e, t, n, r) {
-		let i = !1, a = {
-			value: e,
-			previous: N,
-			reason: n,
-			action: t,
-			source: r,
-			get cancelled() {
-				return i;
-			},
-			cancel() {
-				i = !0;
-			}
-		};
-		return w(e) === w(N) ? a : (ve?.(e, a), i ? null : (Se === void 0 && we(e), a));
-	}
-	function Z() {
-		I(null), R(""), B(null);
-	}
-	function Q(e, t, n) {
-		if (e === P) return;
-		let r = !1;
-		_e?.(e, {
-			value: e,
-			previous: P,
-			reason: t,
-			source: n,
-			get cancelled() {
-				return r;
-			},
-			cancel() {
-				r = !0;
-			}
-		}), !r && (be === void 0 && Ee(e), e || Z());
-	}
-	function ke(e, t, n) {
-		let r = e === null ? null : N.views.find((t) => t.id === e) ?? null;
-		if (e !== null && r === null) return;
-		let i = X(T(N, e), "apply", t, n);
-		i !== null && (ye?.(r ? x(r.view, g) : m, i), Y(j("applied", { name: r?.name ?? j("builtIn") })), Q(!1, t === "keyboard" ? "keyboard" : t === "pointer" ? "pointer" : "programmatic", n));
-	}
-	function Ae(e) {
-		let t = X(N, "revert", O(e), e);
-		t !== null && (ye?.(De, t), Y(j("applied", { name: J })), H({
-			id: null,
-			part: "trigger"
-		}));
-	}
-	function je(e) {
-		if (K === null || !q) return;
-		let t = O(e);
-		X(he(N, K.id, C(S, g)), "save", t, e) !== null && (Y(j("saved", { name: K.name })), Q(!1, t, e));
-	}
-	function Me(e, t, n) {
-		if (X(de(N, e), "default", t, n) === null) return;
-		let r = N.views.find((t) => t.id === e)?.name ?? j("builtIn");
-		Y(j("defaultChanged", { name: r }));
-	}
-	function Ne() {
-		I({ kind: "create" }), R(""), B(null), H({
-			id: null,
-			part: "input"
-		});
-	}
-	function Pe(e) {
-		I({
-			kind: "rename",
-			id: e.id
-		}), R(e.name), B(null), H({
-			id: e.id,
-			part: "input"
-		});
-	}
-	function Fe(e) {
-		I({
-			kind: "delete",
-			id: e.id
-		}), B(null), H({
-			id: e.id,
-			part: "cancel"
-		});
-	}
-	function $() {
-		let e = F;
-		Z(), e !== null && H(e.kind === "create" ? {
-			id: null,
-			part: "save-as"
-		} : {
-			id: e.id,
-			part: "actions"
-		});
-	}
-	function Ie(e) {
-		let t = L.trim();
-		if (t === "") return B("empty"), null;
-		let n = j("builtIn").trim().toLocaleLowerCase();
-		return le(N, t, e) || t.toLocaleLowerCase() === n ? (B("duplicate"), null) : t;
-	}
-	function Le(e) {
-		if (e.preventDefault(), F === null || F.kind === "delete") return;
-		let t = Ie(F.kind === "rename" ? F.id : null);
-		if (t === null) {
-			H(F.kind === "rename" ? {
-				id: F.id,
-				part: "input"
-			} : {
-				id: null,
-				part: "input"
-			});
-			return;
-		}
-		if (F.kind === "create") {
-			let n = D();
-			if (X(fe(N, t, C(S, g), n), "create", "submit", e) === null) return;
-			Y(j("saved", { name: t })), Z(), H({
-				id: n,
-				part: "apply"
-			});
-			return;
-		}
-		X(me(N, F.id, t), "rename", "submit", e) !== null && (Y(j("renamed", { name: t })), Z(), H({
-			id: F.id,
-			part: "apply"
-		}));
-	}
-	function Re(e, t) {
-		let n = N.views.findIndex((t) => t.id === e), r = N.views[n];
-		if (r === void 0 || X(pe(N, e), "delete", "remove", t) === null) return;
-		Y(j("deleted", { name: r.name })), Z();
-		let i = N.views[n - 1];
-		H({
-			id: i?.id ?? se,
-			part: "apply"
-		});
-	}
-	h(() => {
-		if (V === null) return;
-		if (H(null), V.part === "trigger") {
-			W.current?.focus();
-			return;
-		}
-		let e = G.current;
-		if (e === null) return;
-		let t = e;
-		V.id !== null && (t = [...e.querySelectorAll("[data-part=\"item\"]")].find((e) => e.dataset.view === V.id) ?? null);
-		let n = {
-			apply: "[data-part=\"apply\"]",
-			actions: "[data-part=\"actions\"]",
-			input: V.id === null ? ":scope > [data-part=\"form\"] input" : "input",
-			cancel: "[data-cancel]",
-			"save-as": "[data-save-as]"
-		}[V.part];
-		t?.querySelector(n)?.focus();
-	}), re(xe, () => ({
-		get element() {
-			return U.current;
-		},
-		focus: () => W.current?.focus(),
-		open: () => Q(!0, "programmatic"),
-		close: () => Q(!1, "programmatic"),
-		apply: (e) => ke(e, "programmatic")
-	}));
-	function ze(e, t) {
-		let n = z !== null;
-		return /* @__PURE__ */ b("form", {
-			"aria-label": e === "create" ? j("saveAs") : j("renameView", { name: t ?? "" }),
-			"data-part": "form",
-			noValidate: !0,
-			onSubmit: Le,
-			children: [/* @__PURE__ */ b(l, {
-				invalid: n,
-				size: "sm",
-				children: [
-					/* @__PURE__ */ y(u, { children: j("name") }),
-					/* @__PURE__ */ y(d, {
-						autoComplete: "off",
-						onValueChange: (e) => {
-							R(e), B(null);
-						},
-						size: "sm",
-						value: L
-					}),
-					n ? /* @__PURE__ */ y(c, { children: j(z === "empty" ? "empty" : "duplicate") }) : null
-				]
-			}), /* @__PURE__ */ b("div", {
-				"data-buttons": "",
-				children: [/* @__PURE__ */ y(s, {
-					"data-cancel": "",
-					onClick: $,
-					size: "sm",
-					tone: "secondary",
-					variant: "ghost",
-					children: j("cancel")
-				}), /* @__PURE__ */ y(s, {
-					size: "sm",
-					type: "submit",
-					children: j(e === "create" ? "create" : "rename")
-				})]
-			})]
-		});
-	}
-	function Be(o) {
-		let c = o?.id ?? null, l = c ?? se, u = o?.name ?? j("builtIn"), d = N.activeId === c, f = N.defaultId === c, p = F !== null && F.kind !== "create" && F.id === c ? F : null;
-		return /* @__PURE__ */ y("li", {
-			"data-part": "item",
-			"data-view": l,
-			...d ? { "data-current": "" } : {},
-			...f ? { "data-default": "" } : {},
-			...o === null ? { "data-built-in": "" } : {},
-			...p ? { "data-editing": "" } : {},
-			children: p?.kind === "rename" ? ze("rename", u) : p?.kind === "delete" && o !== null ? /* @__PURE__ */ b("div", {
-				"aria-labelledby": `${M}-confirm-${l}`,
-				"data-part": "confirm",
-				role: "group",
-				children: [/* @__PURE__ */ y("p", {
-					id: `${M}-confirm-${l}`,
-					children: j("confirmDelete", { name: u })
-				}), /* @__PURE__ */ b("div", {
-					"data-buttons": "",
-					children: [/* @__PURE__ */ y(s, {
-						"data-cancel": "",
-						onClick: $,
-						size: "sm",
-						tone: "secondary",
-						variant: "ghost",
-						children: j("cancel")
-					}), /* @__PURE__ */ y(s, {
-						onClick: (e) => Re(o.id, e),
-						size: "sm",
-						tone: "danger",
-						children: j("delete")
-					})]
-				})]
-			}) : /* @__PURE__ */ b(ie, { children: [/* @__PURE__ */ b("button", {
-				"data-part": "apply",
-				onClick: (e) => ke(c, O(e), e),
-				type: "button",
-				...d ? { "aria-current": "true" } : {},
-				children: [
-					d ? /* @__PURE__ */ y(t, {
-						size: "sm",
-						children: /* @__PURE__ */ y(e, { name: "check" })
-					}) : null,
-					/* @__PURE__ */ y("span", {
-						"data-label": "",
-						children: u
-					}),
-					f ? " " : null,
-					f ? /* @__PURE__ */ b("span", {
-						"data-part": "default-mark",
-						children: [/* @__PURE__ */ y(t, {
-							size: "sm",
-							children: /* @__PURE__ */ y(e, { name: "pin" })
-						}), /* @__PURE__ */ y("span", { children: j("isDefault") })]
-					}) : null
-				]
-			}), /* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(i, { render: (n) => /* @__PURE__ */ y("button", {
-				...n,
-				"aria-label": j("actions", { name: u }),
-				"data-part": "actions",
-				type: "button",
-				children: /* @__PURE__ */ y(t, {
-					size: "md",
-					children: /* @__PURE__ */ y(e, { name: "ellipsis" })
-				})
-			}) }), /* @__PURE__ */ b(a, { children: [
-				o === null ? null : /* @__PURE__ */ y(r, {
-					onSelect: () => Pe(o),
-					children: j("rename")
-				}),
-				/* @__PURE__ */ y(r, {
-					disabled: f,
-					onSelect: (e) => Me(c, e.reason, e.source),
-					children: j("setDefault")
-				}),
-				o === null ? null : /* @__PURE__ */ y(r, {
-					onSelect: () => Fe(o),
-					tone: "danger",
-					children: j("delete")
-				})
-			] })] })] })
-		}, l);
-	}
-	return /* @__PURE__ */ b("div", {
-		...A,
-		"aria-label": A["aria-label"] ?? j("label"),
-		"data-part": "root",
-		"data-ui": "saved-views",
-		ref: U,
-		role: A.role ?? "group",
-		...q ? { "data-modified": "" } : {},
-		...P ? { "data-open": "" } : {},
-		children: [/* @__PURE__ */ b(ee, {
-			initialFocus: "[aria-current='true']",
-			onOpenChange: (e, t) => {
-				if (!e && t.reason === "escape" && F !== null) {
-					t.cancel(), $();
-					return;
-				}
-				Q(e, t.reason, t.source);
-			},
-			open: P,
-			children: [/* @__PURE__ */ y(p, { render: ({ ref: n, ...r }) => /* @__PURE__ */ b("button", {
-				...r,
-				"data-part": "trigger",
-				ref: (e) => {
-					n?.(e), W.current = e;
-				},
-				title: J,
-				type: "button",
-				children: [
-					/* @__PURE__ */ y("span", {
-						"data-label": "",
-						children: J
-					}),
-					q ? /* @__PURE__ */ y("span", {
-						"data-part": "modified",
-						children: j("modified")
-					}) : null,
-					/* @__PURE__ */ y(t, {
-						size: "md",
-						children: /* @__PURE__ */ y(e, { name: "chevron-down" })
-					})
-				]
-			}) }), /* @__PURE__ */ y(te, { children: /* @__PURE__ */ y(f, {
-				"aria-label": A["aria-label"] ?? j("label"),
-				children: /* @__PURE__ */ b("div", {
-					"data-part": "panel",
-					"data-ui": "saved-views",
-					id: Oe,
-					ref: G,
-					children: [
-						/* @__PURE__ */ b("ul", {
-							"data-part": "list",
-							role: "list",
-							children: [Be(null), N.views.map((e) => Be(e))]
-						}),
-						F?.kind === "create" ? ze("create") : null,
-						/* @__PURE__ */ b("div", {
-							"data-part": "footer",
-							children: [/* @__PURE__ */ y(s, {
-								"data-save-as": "",
-								onClick: Ne,
-								size: "sm",
-								tone: "secondary",
-								variant: "ghost",
-								children: j("saveAs")
-							}), /* @__PURE__ */ y(s, {
-								disabled: K === null || !q,
-								onClick: je,
-								size: "sm",
-								children: j("save")
-							})]
-						})
-					]
-				})
-			}) })]
-		}), q ? /* @__PURE__ */ b("button", {
-			"data-part": "revert",
-			onClick: Ae,
-			type: "button",
-			children: [/* @__PURE__ */ y(t, {
-				directional: !0,
-				size: "sm",
-				children: /* @__PURE__ */ y(e, { name: "rotate-ccw" })
-			}), j("revert")]
-		}) : null]
-	});
-}
-//#endregion
-//#region src/saved-views/use-persisted-saved-views.ts
-function ge() {
-	try {
-		return typeof window > "u" ? null : window.localStorage;
-	} catch {
-		return null;
-	}
-}
-function _e({ key: e, storage: t, columns: n }) {
-	let r = g(() => t === void 0 ? ge() : t, [t]), [i] = v(() => {
-		let t;
-		try {
-			t = r?.getItem(e) ?? null;
-		} catch {
-			t = null;
-		}
-		let i = S(t);
-		if (i.activeId !== null || i.defaultId === null) return {
-			state: i,
-			openedDefault: null
-		};
-		let a = i.views.find((e) => e.id === i.defaultId);
-		return {
-			state: T(i, i.defaultId),
-			openedDefault: a ? x(a.view, n) : null
-		};
-	}), [a, o] = v(i.state), s = _({
-		key: e,
-		store: r
-	});
-	s.current = {
-		key: e,
-		store: r
-	};
-	let c = _(!1);
-	return h(() => {
-		if (!c.current) return;
-		c.current = !1;
-		let { key: e, store: t } = s.current;
-		if (t) try {
-			t.setItem(e, w(a));
-		} catch {}
-	}, [a]), {
-		state: a,
-		onStateChange: m((e) => {
-			c.current = !0, o(e);
-		}, []),
-		openedDefault: i.openedDefault
-	};
-}
-//#endregion
-export { k as n, D as r, _e as t };

package/dist/scroll-area-BriwmvYY.js

@@ -1,111 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { createContext as t, useCallback as n, useContext as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { NO_SCROLL_EDGES as c, createScrollEdges as l, scrollEdgeAttributes as u } from "@slotted/core/overflow";
-import { scrollAreaMessages as d } from "@slotted/core/i18n";
-//#region src/scroll-area/scroll-area-defaults.tsx
-var f = t({
-	axis: "block",
-	fade: "both",
-	gutter: "stable",
-	overscroll: "contain",
-	scrollbars: "auto"
-});
-function p() {
-	return r(f);
-}
-function m({ children: e, ...t }) {
-	let n = p();
-	return /* @__PURE__ */ s(f.Provider, {
-		value: {
-			axis: t.axis ?? n.axis,
-			fade: t.fade ?? n.fade,
-			gutter: t.gutter ?? n.gutter,
-			overscroll: t.overscroll ?? n.overscroll,
-			scrollbars: t.scrollbars ?? n.scrollbars
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/scroll-area/scroll-area.tsx
-function h(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function g({ axis: t, children: r, className: f, fade: m, gutter: g, labelledBy: _, maxBlockSize: v, maxInlineSize: y, messages: b, onOverflowChange: x, onScrollChange: S, overscroll: C, ref: w, render: T, scrollbars: E, style: D, tabbable: O = !0, viewportProps: k, ...A }) {
-	let j = p(), M = e(d, b), N = t ?? j.axis, P = E ?? j.scrollbars, F = g ?? j.gutter, I = m ?? j.fade, L = C ?? j.overscroll, R = a(null), [z, B] = o(null), V = a(null), [H, U] = o(c), [W, G] = o(!1), K = a(x);
-	K.current = x;
-	let q = n((e) => {
-		if (B(e), h(k?.ref, e), e === null) return;
-		let t = l(e, { onChange: (e) => {
-			U(e), V.current !== null && G(V.current.sideways()), K.current?.(e);
-		} });
-		return V.current = t, U(t.state()), G(t.sideways()), () => {
-			t.destroy(), V.current = null;
-		};
-	}, [k?.ref]);
-	i(w, () => ({
-		get root() {
-			return R.current;
-		},
-		get viewport() {
-			return z;
-		},
-		state: () => V.current?.state() ?? c,
-		position: () => V.current?.position() ?? {
-			block: 0,
-			inline: 0
-		},
-		scrollTo: (e) => V.current?.scrollTo(e),
-		scrollToEdge: (e) => V.current?.scrollToEdge(e),
-		reveal: (e) => V.current?.reveal(e),
-		refresh: () => V.current?.refresh(),
-		focus: () => z?.focus()
-	}), [z]);
-	let J = (e) => {
-		k?.onScroll?.(e), S !== void 0 && V.current !== null && S(V.current.position(), e);
-	}, Y = (H.block.overflowing || H.inline.overflowing) && O, X = { ...k };
-	delete X.onScroll, delete X.ref;
-	let Z = /* @__PURE__ */ s("div", {
-		...X,
-		"data-part": "viewport",
-		onScroll: J,
-		ref: q,
-		...Y ? {
-			role: "region",
-			tabIndex: 0,
-			..._ === void 0 ? { "aria-label": M("label") } : { "aria-labelledby": _ }
-		} : {},
-		children: r
-	}), Q = {
-		...A,
-		className: f,
-		"data-axis": N,
-		"data-fade": I,
-		"data-gutter": F,
-		"data-overscroll": L,
-		"data-part": "root",
-		"data-scrollbars": P,
-		"data-ui": "scroll-area",
-		...W ? { "data-sideways": "" } : {},
-		...u(H),
-		ref: R,
-		style: v === void 0 && y === void 0 ? D : {
-			...v === void 0 ? {} : { maxBlockSize: v },
-			...y === void 0 ? {} : { maxInlineSize: y },
-			...D
-		},
-		children: Z
-	};
-	return T === void 0 ? /* @__PURE__ */ s("div", { ...Q }) : T(Q);
-}
-function _({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "content"
-	};
-	return e === void 0 ? /* @__PURE__ */ s("div", { ...n }) : e(n);
-}
-g.Content = _;
-//#endregion
-export { m as n, p as r, g as t };