@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/pages/list/use-filter-value-labels.js

@@ -0,0 +1,115 @@
+import { coerceDisplayString as e } from "../../../lib/display-value.js";
+import { getPrimaryKeyFields as t, resolveRefRecordLabel as n } from "../../../types/schema.js";
+import { useText as r } from "../../../hooks/useText.js";
+import { listEntities as i } from "../../../api/data.js";
+import { flatFieldConditions as a } from "../../../lib/filters.js";
+import { useQueries as o } from "@tanstack/react-query";
+//#region src/components/pages/list/use-filter-value-labels.ts
+var s = 200;
+function c(t, a, c, u) {
+	let d = r(), f = new Map(t.map((e) => [e.code, e])), p = l(f, a, c, u), m = o({ queries: p.map((e) => {
+		let t = {
+			per_page: s,
+			filters: [{
+				field: e.lookupField,
+				op: "in",
+				value: e.values
+			}],
+			count: "window"
+		};
+		return {
+			queryKey: [
+				"entity-data",
+				e.entity,
+				t
+			],
+			queryFn: ({ signal: n }) => i(e.entity, t, { signal: n }),
+			staleTime: 6e4
+		};
+	}) }), h = {};
+	if (c) for (let [e, t] of Object.entries(c)) h[e] = { ...t };
+	let g = /* @__PURE__ */ new Set();
+	return m.forEach((t, n) => {
+		let r = p[n];
+		if (!r) return;
+		let i = t.data?.data;
+		if (i) {
+			let t = h[r.entity] ??= {};
+			for (let n of i) {
+				let i = e(n[r.lookupField]);
+				i && (t[i] = n);
+			}
+		}
+		if (t.isLoading) for (let e of r.values) h[r.entity]?.[e] || g.add(`${r.entity}::${e}`);
+	}), {
+		labelFor: (t, r) => {
+			let i = e(r), a = f.get(t);
+			if (!a) return {
+				status: "plain",
+				raw: i
+			};
+			let o = a.specialValues?.find((e) => e.code === i);
+			if (o) return {
+				status: "special",
+				label: d(o.label) || i,
+				raw: i
+			};
+			if (a.options) {
+				let e = a.options.find((e) => e.value === i);
+				if (e) return {
+					status: "resolved",
+					label: e.label,
+					raw: i
+				};
+			}
+			if (a.type === "ref" && a.ref?.entity) {
+				let e = a.ref.entity, t = h[e]?.[i];
+				if (t) {
+					let r = a.ref.display?.field ?? u?.[e]?.display?.display_field;
+					return {
+						status: "resolved",
+						label: n(d, t, r, i),
+						raw: i
+					};
+				}
+				return g.has(`${e}::${i}`) ? {
+					status: "loading",
+					raw: i
+				} : {
+					status: "unresolved",
+					raw: i
+				};
+			}
+			return {
+				status: "plain",
+				raw: i
+			};
+		},
+		refs: h
+	};
+}
+function l(n, r, i, o) {
+	let s = /* @__PURE__ */ new Map();
+	for (let c of a(r)) {
+		if (!c.field) continue;
+		let r = n.get(c.field);
+		if (!r || r.type !== "ref" || !r.ref?.entity) continue;
+		let a = r.ref.entity, l = o?.[a], u = r.ref.field || (l ? t(l)[0] : "id") || "id", d = Array.isArray(c.value) ? c.value : [c.value];
+		for (let t of d) {
+			let n = e(t);
+			if (!n || r.specialValues?.some((e) => e.code === n) || i?.[a]?.[n]) continue;
+			let o = `${a}::${u}`, c = s.get(o);
+			c || (c = {
+				key: o,
+				entity: a,
+				lookupField: u,
+				values: []
+			}, s.set(o, c)), c.values.includes(n) || c.values.push(n);
+		}
+	}
+	let c = [...s.values()];
+	for (let e of c) e.values.sort();
+	return c.sort((e, t) => e.key.localeCompare(t.key)), c;
+}
+//#endregion
+export { c as useFilterValueLabels };

package/dist-lib/components/pages/list/useActiveView.js

@@ -0,0 +1,98 @@
+import { EMBED_PARAM_KEYS as e } from "../../../embed/params.js";
+import { useViewById as t, useViewsQuery as n } from "../../../hooks/useViews.js";
+import { readableSort as r } from "../../../lib/field-classification.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+//#region src/components/pages/list/useActiveView.ts
+var c = [], l = [], u = [
+	"search",
+	"per_page",
+	"include_deleted"
+];
+function d(t) {
+	let n = new URLSearchParams();
+	for (let r of [...u, ...e]) {
+		let e = t.get(r);
+		e !== null && e !== "" && n.set(r, e);
+	}
+	return n.set("page", "1"), n;
+}
+function f(e, t, n) {
+	return `dcl:smartlist:default-view-cleared:${t ?? ""}:${n ?? ""}:${e}`;
+}
+function p(e) {
+	if (typeof window > "u") return !1;
+	try {
+		return window.sessionStorage?.getItem(e) === "1";
+	} catch {
+		return !1;
+	}
+}
+function m(e, t, n) {
+	return {
+		filters: t?.filters ?? c,
+		sort: r(e, t?.sort) ?? r(e, n?.sort_default)
+	};
+}
+function h({ screenCode: e, screen: r, entity: c, searchParams: u, setSearchParams: h, userId: g, tenantId: _, filterError: v }) {
+	let { views: y, isSettled: b, refetch: x } = n(e, g), S = u.get("view"), C = o(() => y.find((e) => e.id === S), [y, S]), w = t(b && !C ? S : null, g), T = C ?? w.view, E = !!S && !T && (!b || !w.isSettled), D = u.get("filters") !== null || u.get("columns") !== null || u.get("sort") !== null, O = `${e}|${S ?? ""}`, [k, A] = s(null), j = k === O, M = f(e, _, g), N = p(M), P = o(() => {
+		if (!(S || N || D)) return y.find((e) => e.source === "personal" && e.is_default) ?? (r?.default_view ? y.find((e) => e.source === "system" && e.id === r.default_view) : void 0);
+	}, [
+		S,
+		N,
+		D,
+		y,
+		r?.default_view
+	]);
+	a(() => {
+		if (j) return;
+		if (v || S || N || D) {
+			A(O);
+			return;
+		}
+		if (!b || (A(O), !P?.id)) return;
+		let e = d(u);
+		e.set("view", P.id), h(e, { replace: !0 });
+	}, [
+		j,
+		O,
+		v,
+		S,
+		N,
+		D,
+		b,
+		P,
+		u,
+		h
+	]);
+	let F = E, I = !S && !v && !N && !D && (!j || !!P);
+	return {
+		all: y,
+		activeId: S,
+		active: T,
+		defaults: o(() => ({
+			...m(c, T, r),
+			columns: T?.columns?.length ? T.columns : r?.default_columns ?? r?.columns ?? l
+		}), [
+			c,
+			T,
+			r
+		]),
+		clearedKey: M,
+		clearActiveView: i(() => {
+			if (typeof window < "u") try {
+				window.sessionStorage?.setItem(M, "1");
+			} catch {}
+			let e = new URLSearchParams(u);
+			e.delete("view"), e.set("page", "1"), h(e, { replace: !0 });
+		}, [
+			u,
+			h,
+			M
+		]),
+		retryViews: x,
+		isUnresolved: !!S && !T && !E,
+		isHeld: F || I
+	};
+}
+//#endregion
+export { d as baseViewSearchParams, f as defaultViewClearedKey, h as useActiveView, m as viewQuery };

package/dist-lib/components/pages/list/useHeaderReorder.js

@@ -0,0 +1,93 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/components/pages/list/useHeaderReorder.ts
+var i = 5, a = 48, o = 18;
+function s({ visibleCols: s, onReorder: c, scrollElRef: l, theadRef: u }) {
+	let [d, f] = r(null), [p, m] = r(null), [h, g] = r(!1), _ = n(null), v = n(!1), y = n(!1), b = n([]), x = n(null), S = n(0), C = n(null), w = n(0), T = e(() => {
+		C.current !== null && (cancelAnimationFrame(C.current), C.current = null);
+	}, []), E = e(() => {
+		_.current = null, v.current = !1, b.current = [], x.current = null, T(), f(null), m(null), g(!1);
+	}, [T]), D = e((e) => {
+		let t = b.current, n = e + ((l.current?.scrollLeft ?? 0) - w.current);
+		for (let e = 0; e < t.length; e++) if (n < (t[e].left + t[e].right) / 2) return e;
+		return t.length;
+	}, [l]), O = e(() => {
+		let e = l.current;
+		if (!v.current || !e) {
+			C.current = null;
+			return;
+		}
+		let t = e.getBoundingClientRect(), n = S.current, r = 0;
+		if (n < t.left + a ? r = -Math.ceil((t.left + a - n) / a * o) : n > t.right - a && (r = Math.ceil((n - (t.right - a)) / a * o)), r !== 0) {
+			e.scrollLeft += r;
+			let t = D(S.current);
+			x.current = t, m(t);
+		}
+		C.current = requestAnimationFrame(O);
+	}, [l, D]), k = e((e, t) => {
+		t.button === 0 && (_.current = {
+			colId: e,
+			x: t.clientX
+		}, v.current = !1, y.current = !1);
+	}, []), A = e(() => y.current ? (y.current = !1, !0) : !1, []);
+	return t(() => {
+		let e = (e) => {
+			let t = _.current;
+			if (!t) return;
+			if (S.current = e.clientX, !v.current) {
+				if (Math.abs(e.clientX - t.x) < i) return;
+				let n = u.current, r = [];
+				if (n) for (let e of s) {
+					let t = n.querySelector(`[data-col-id="${CSS.escape(e)}"]`);
+					if (t) {
+						let n = t.getBoundingClientRect();
+						r.push({
+							id: e,
+							left: n.left,
+							right: n.right
+						});
+					}
+				}
+				b.current = r, w.current = l.current?.scrollLeft ?? 0, v.current = !0, y.current = !0, f(t.colId), g(!0), C.current === null && (C.current = requestAnimationFrame(O));
+			}
+			let n = D(e.clientX);
+			x.current = n, m(n);
+		}, t = (e) => {
+			let t = _.current;
+			if (t && v.current && e) {
+				let e = s.indexOf(t.colId), n = x.current ?? e;
+				if (e !== -1) {
+					let r = s.filter((t, n) => n !== e);
+					n > e && --n, n = Math.max(0, Math.min(n, r.length));
+					let i = [
+						...r.slice(0, n),
+						t.colId,
+						...r.slice(n)
+					];
+					i.some((e, t) => e !== s[t]) && c(i);
+				}
+			}
+			E();
+		}, n = () => t(!0), r = (e) => {
+			e.key === "Escape" && v.current && t(!1);
+		};
+		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", n), window.addEventListener("keydown", r), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", n), window.removeEventListener("keydown", r);
+		};
+	}, [
+		s,
+		c,
+		u,
+		l,
+		D,
+		O,
+		E
+	]), t(() => E, [E]), {
+		dragColId: d,
+		dropIndex: p,
+		isDragging: h,
+		onHeaderMouseDown: k,
+		consumeDragSuppression: A
+	};
+}
+//#endregion
+export { s as useHeaderReorder };

package/dist-lib/components/pages/list/useListColumnLayout.js

@@ -0,0 +1,56 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { toast as t } from "../../../lib/toast.js";
+import { useListLayout as n } from "../../../stores/list-layout.js";
+import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+//#region src/components/pages/list/useListColumnLayout.ts
+function s({ screenCode: s, screen: c, searchParams: l, setSearchParams: u, defaultColumns: d }) {
+	let f = e(), p = a(() => {
+		let e = l.get("columns");
+		return e ? e.split(",").filter(Boolean) : d;
+	}, [l, d]), { widths: m, prune: h, setWidths: g, resetWidths: _, resizeEduShown: v, markResizeEduShown: y } = n(s), [b, x] = o(() => m);
+	i(() => {
+		x(m);
+	}, [m]);
+	let S = a(() => c?.columns ?? [], [c?.columns]);
+	i(() => {
+		S.length > 0 && h(S);
+	}, [S, h]);
+	let C = r((e) => {
+		if (e.length === 0) return;
+		let t = new URLSearchParams(l);
+		e.join(",") === d.join(",") ? t.delete("columns") : t.set("columns", e.join(",")), u(t);
+	}, [
+		l,
+		u,
+		d
+	]);
+	return {
+		visible: p,
+		sizing: b,
+		setSizing: x,
+		apply: C,
+		clear: r(() => {
+			let e = new URLSearchParams(l);
+			e.delete("columns"), u(e);
+		}, [l, u]),
+		move: r((e, t) => {
+			let n = p.indexOf(e);
+			if (n === -1) return;
+			let r = t === "up" ? n - 1 : n + 1;
+			if (r < 0 || r >= p.length) return;
+			let i = [...p];
+			[i[n], i[r]] = [i[r], i[n]], C(i);
+		}, [p, C]),
+		commitResize: r((e) => {
+			g(e), !v && (y(), t.info(f("list.columns.width_saved_title", "Column width saved on this device"), f("list.columns.width_saved_body", "Widths are personal and never shared. Column order, sort and filters can be saved into a view.")));
+		}, [
+			f,
+			g,
+			v,
+			y
+		]),
+		resetWidths: _
+	};
+}
+//#endregion
+export { s as useListColumnLayout };

package/dist-lib/components/pages/list/useListFilterPresentation.js

@@ -0,0 +1,34 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { useJsonSnapshot as t } from "../../../hooks/useJsonSnapshot.js";
+import { buildFilterDisplayMeta as n, buildFilterFieldMeta as r, filterFieldLabel as i } from "./filter-meta.js";
+import { visibleFilters as a } from "./visible-filters.js";
+import { useCallback as o, useMemo as s } from "react";
+//#region src/components/pages/list/useListFilterPresentation.ts
+function c(c, l, u, d) {
+	let f = e(), p = t(d);
+	return {
+		visibleFilterState: s(() => l ? a(p, l.filter_operators) : {
+			filters: p,
+			omitted: !1
+		}, [p, l]),
+		filterFieldMeta: s(() => r(f, c, l, u), [
+			f,
+			c,
+			l,
+			u
+		]),
+		allFilterFieldMeta: s(() => n(f, c, l, u), [
+			f,
+			c,
+			l,
+			u
+		]),
+		filterFieldName: o((e) => l ? i(f, l, u, e) : e, [
+			f,
+			l,
+			u
+		])
+	};
+}
+//#endregion
+export { c as useListFilterPresentation };

package/dist-lib/components/pages/list/useListQuery.js

@@ -0,0 +1,101 @@
+import { entityCountQueryKey as e, entityDataQueryKey as t, useEntityCount as n, useEntityData as r } from "../../../hooks/useEntityData.js";
+import { cursorEntityDataQueryKey as i, useCursorEntityData as a } from "../../../hooks/useCursorEntityData.js";
+import { useRegisterRetainedQuery as o } from "../../../hooks/usePageStateRuntime.js";
+import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { useQueryClient as d } from "@tanstack/react-query";
+//#region src/components/pages/list/useListQuery.ts
+var f = 1e4, p = [];
+function m(c) {
+	let u = d(), { entity: f, entityCode: m, screen: g, screenCode: _, page: v, perPage: y, sortForRequest: b, debouncedSearch: x, filters: S, isHeld: C, retryHeld: w, includeDeleted: T, expand: E, select: D, runCountQuery: O, urlKey: k } = c, A = S.length > 0 ? S : void 0, j = {
+		page: v,
+		per_page: y,
+		sort: b,
+		search: x || void 0,
+		filters: A,
+		include_deleted: T || void 0,
+		expand: E,
+		select: D,
+		preview: !0,
+		screen: g?.fixed_filters ? _ : void 0
+	}, M = {
+		sort: b,
+		filters: A,
+		search: x || void 0,
+		select: D,
+		expand: E,
+		includeDeleted: T || void 0,
+		screen: g?.fixed_filters ? _ : void 0,
+		preview: !0,
+		limit: y
+	}, N = f?.list_pagination === "cursor", P = r(m, j, !N && !C), F = n(m, j, O && !N && !C), I = a(m, M, N && !C);
+	o(t(m, j), !N && !C), o(i(m, M), N && !C);
+	let L = C || (N ? I.isLoading : P.isLoading), R = l(() => C ? p : N ? I.rows : P.data?.data ?? [], [
+		C,
+		N,
+		I.rows,
+		P.data?.data
+	]), z = N ? I.total : F.data?.meta?.total, B = l(() => {
+		if (!(N || z === void 0 || y <= 0)) return Math.max(1, Math.ceil(z / y));
+	}, [
+		N,
+		z,
+		y
+	]), V = h(L, k), H = N ? i(m, M) : t(m, j), U = e(m, j), W = O && !N, G = s(async () => {
+		C ? w() : m && (await Promise.all([u.cancelQueries({
+			queryKey: H,
+			exact: !0
+		}), W ? u.cancelQueries({
+			queryKey: U,
+			exact: !0
+		}) : void 0]), await Promise.all([N ? I.refetch() : P.refetch(), W ? F.refetch() : void 0]));
+	}, [
+		C,
+		w,
+		m,
+		u,
+		H,
+		U,
+		W,
+		N,
+		I,
+		P,
+		F
+	]), K = s(() => {
+		I.fetchNextPage();
+	}, [I]);
+	return {
+		rows: R,
+		meta: C ? void 0 : P.data?.meta,
+		refs: C ? void 0 : N ? I.refs : P.data?.$refs,
+		isLoading: L,
+		isFetching: C || (N ? I.isFetching : P.isFetching),
+		isShowingPreviousRows: !C && (N ? I.isPlaceholderData : P.isPlaceholderData),
+		isError: C ? !1 : N ? I.isError : P.isError,
+		error: C ? void 0 : N ? I.error : P.error,
+		isLoadingStale: V,
+		retry: G,
+		countTotal: C ? void 0 : z,
+		countStrategy: C ? void 0 : N ? I.countMode : F.data?.meta?.count_mode,
+		countLoading: C || (N ? I.isLoading : F.isLoading),
+		countError: !C && !N && F.isError,
+		totalPages: B,
+		hasMorePages: N ? I.hasMore : P.data?.meta?.has_more ?? (B !== void 0 && v < B),
+		isCursor: N,
+		fetchNextPage: K,
+		isFetchingNextPage: I.isFetchingNextPage
+	};
+}
+function h(e, t) {
+	let [n, r] = u(!1);
+	return c(() => {
+		if (!e) {
+			r(!1);
+			return;
+		}
+		r(!1);
+		let t = window.setTimeout(() => r(!0), f);
+		return () => window.clearTimeout(t);
+	}, [e, t]), n;
+}
+//#endregion
+export { m as useListQuery };

package/dist-lib/components/pages/list/useListRowInteraction.js

@@ -0,0 +1,120 @@
+import { coerceDisplayString as e } from "../../../lib/display-value.js";
+import { buildEntityDetailHref as t, extractPkValues as n, fieldDisplayName as r, getDisplayValue as i, pkValuesToDetailId as a } from "../../../types/schema.js";
+import { useText as o } from "../../../hooks/useText.js";
+import { buildActionBody as s, executeAction as c } from "../../../api/data.js";
+import { resolveSchemaFieldLabel as l } from "../../file-widgets/host.js";
+import { effectiveScreenForRecord as u } from "../../../lib/variants.js";
+import { setPeekDraft as d } from "../../list/peekDraftStore.js";
+import { resolveQuickPeekFieldNames as f } from "./cardProjection.js";
+import { rowSelectionKey as p } from "./useListSelection.js";
+import { classifyRowClick as m, isInteractiveRowTarget as h } from "../../../lib/rowClickGesture.js";
+import { useLongPress as g } from "../../../hooks/useLongPress.js";
+import { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+//#region src/components/pages/list/useListRowInteraction.ts
+function S({ entity: S, screen: C, screens: w, entities: T, searchParams: E, tabNavigate: D, commitScreenTabSearch: O, isPhone: k, canUpdate: A }) {
+	let j = o(), [M, N] = x(null), [P, F] = x(null), I = b(null), L = b(null);
+	v(() => () => {
+		L.current && clearTimeout(L.current.timer);
+	}, []);
+	let R = C?.on_row_click === "peek" && C.quick_peek?.enabled !== !1 && !k, z = _((e, r) => {
+		if (!S || !C) return;
+		let o = n(S, e), s = a(S, o), c = t(C, S, w, o);
+		if (!c) return;
+		if (r?.draft) {
+			d(s, r.draft);
+			let [e, t] = c.split("?", 2), n = new URLSearchParams(t ?? "");
+			n.set("edit", "true"), c = `${e}?${n.toString()}`;
+		}
+		let l = i(j, e, S) ?? j(S.display.name), u = C.display?.icon || S.display.icon;
+		O(E.toString()), D(c, {
+			title: l,
+			icon: u
+		});
+	}, [
+		j,
+		S,
+		C,
+		w,
+		E,
+		D,
+		O
+	]), B = g(_((e) => {
+		let t = I.current;
+		t && F({
+			x: e.x,
+			y: e.y,
+			row: t
+		});
+	}, [])), V = _((e, t) => {
+		if (B.consumePressFired() || h(e.target)) return;
+		if (!R || !S) {
+			z(t);
+			return;
+		}
+		let n = p(S, t);
+		if (m(L.current, n) === "double") {
+			clearTimeout(L.current.timer), L.current = null, N(null), z(t);
+			return;
+		}
+		L.current && clearTimeout(L.current.timer);
+		let r = setTimeout(() => {
+			L.current = null, N(t);
+		}, 250);
+		L.current = {
+			rowId: n,
+			timer: r
+		};
+	}, [
+		S,
+		R,
+		z,
+		B
+	]);
+	return {
+		peekAllowed: R,
+		peekRow: M,
+		setPeekRow: N,
+		peekFields: y(() => {
+			if (!R || !S || !M) return [];
+			let e = u(S, C, M);
+			return f(S, e, w).map((e) => {
+				if (S.files?.get(e)) return {
+					key: e,
+					label: l(j, S, e, T),
+					kind: "file",
+					readOnly: !A
+				};
+				let t = S.fields.get(e), n = A && !t.primary && !t.auto && !t.ref && t.files?.mode !== "rich_text_inline";
+				return {
+					key: e,
+					label: r(j, t, e, T),
+					kind: "field",
+					field: t,
+					readOnly: !n
+				};
+			});
+		}, [
+			j,
+			R,
+			M,
+			S,
+			C,
+			T,
+			w,
+			A
+		]),
+		peekActions: y(() => S?.actions ?? {}, [S?.actions]),
+		peekExecute: _(async (t, n, r) => {
+			let i = S?.fields.names().find((e) => S.fields.get(e)?.primary), a = i && M ? [e(M[i])] : void 0, o = n.entity ? `${n.entity}.${t}` : t;
+			return c(o, s(r, a));
+		}, [S, M]),
+		contextMenu: P,
+		setContextMenu: F,
+		pressedRow: I,
+		longPress: B,
+		onRowClick: V,
+		navigateToDetail: z
+	};
+}
+//#endregion
+export { S as useListRowInteraction };

package/dist-lib/components/pages/list/useListSelection.js

@@ -0,0 +1,53 @@
+import { coerceDisplayString as e } from "../../../lib/display-value.js";
+import { extractPkValues as t, pkValuesToDetailId as n } from "../../../types/schema.js";
+import { usePageState as r } from "../../../hooks/usePageState.js";
+import { useCallback as i, useEffect as a, useMemo as o } from "react";
+//#region src/components/pages/list/useListSelection.ts
+var s = {};
+function c(e, r) {
+	return n(e, t(e, r));
+}
+function l(e, n, r) {
+	if (!e || r.length === 0) return [];
+	let i = new Set(r);
+	return n.filter((t) => i.has(c(e, t))).map((n) => t(e, n));
+}
+function u(t, n, u) {
+	let [d, f] = r("selection", s, { scope: "path" }), p = o(() => t?.fields.names().find((e) => t.fields.get(e)?.primary) ?? "id", [t]), m = i((n) => t ? c(t, n) : e(n[p]), [t, p]), h = o(() => Object.keys(d).filter((e) => d[e]), [d]), g = o(() => l(t, n, h), [
+		t,
+		n,
+		h
+	]), _ = o(() => {
+		if (h.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n) e.set(m(t), t);
+		return h.map((t) => e.get(t)).filter((e) => e !== void 0);
+	}, [
+		h,
+		n,
+		m
+	]);
+	return a(() => {
+		u || f((e) => {
+			let t = Object.keys(e);
+			if (t.length === 0) return e;
+			let r = new Set(n.map((e) => m(e))), i = {}, a = !1;
+			for (let n of t) r.has(n) ? i[n] = e[n] : a = !0;
+			return a ? i : e;
+		});
+	}, [
+		n,
+		u,
+		m,
+		f
+	]), {
+		state: d,
+		setState: f,
+		ids: h,
+		pkValues: g,
+		rows: _,
+		keyOf: m
+	};
+}
+//#endregion
+export { c as rowSelectionKey, l as selectedRowPkValues, u as useListSelection };