@plumile/backoffice-react 0.1.201 → 0.1.205

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js

@@ -7,30 +7,30 @@ import { DeferredFilterSearchInput as a } from "../filters/DeferredFilterSearchI
 import { EntityFilterValue as o, EntityFilterValueText as s } from "../filters/EntityFilterValue.js";
 import { BACKOFFICE_LIST_BODY_SCROLL_MODE as c } from "./backofficeListScrollMode.js";
 import { useBackofficeInfiniteScrollSentinel as l } from "../../../hooks/useBackofficeInfiniteScrollSentinel.js";
-import { isDevEnv as u } from "../../../relay/envHelpers.js";
-import { controlsRow as d, embeddedContainer as ee, embeddedHeader as te, entityIdListFilter as ne, entityIdListTags as re, filterInput as f, refreshingIndicator as ie, tableHost as ae } from "./backofficeEntityListScaffold.css.js";
-import { useCallback as oe, useEffect as se, useMemo as p, useState as m } from "react";
-import { InlineBanner as ce } from "@plumile/ui/components/feedback/InlineBanner.js";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useTranslation as le } from "react-i18next";
-import { Button as v } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { SimpleSelect as y } from "@plumile/ui/components/select/SimpleSelect.js";
-import { Spinner as ue } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BackofficeEmptyState as b } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { Tag as de } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { controlsRow as u, embeddedContainer as d, embeddedHeader as ee, entityIdListFilter as te, entityIdListTags as ne, filterInput as f, refreshingIndicator as re, tableHost as ie } from "./backofficeEntityListScaffold.css.js";
+import { useCallback as p, useEffect as ae, useMemo as m, useState as h } from "react";
+import { InlineBanner as oe } from "@plumile/ui/components/feedback/InlineBanner.js";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useTranslation as se } from "react-i18next";
+import { Button as y } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { SimpleSelect as b } from "@plumile/ui/components/select/SimpleSelect.js";
+import { Spinner as ce } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as le } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { Tag as ue } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
 import { readWhereValue as x, setWhereValue as S } from "@plumile/backoffice-core/filters/where.js";
-import { BackofficeFilterDrawer as fe } from "@plumile/ui/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
-import { BackofficeFilterField as pe } from "@plumile/ui/backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
-import { BackofficeListFooter as me } from "@plumile/ui/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.js";
-import { BackofficePageHeader as he } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import { BackofficeToolbar as ge } from "@plumile/ui/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.js";
-import { BackofficeTableSkeleton as _e } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
-import { FilterChipRow as ve } from "@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js";
-import { ListPageTemplate as ye } from "@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js";
-import { ResponsiveRecordList as be } from "@plumile/ui/components/data-table/ResponsiveRecordList.js";
-import { VirtualizedConnectionTable as xe } from "@plumile/ui/components/data-table/VirtualizedConnectionTable.js";
-import { denseTableClass as Se } from "@plumile/ui/shared/backofficeTableDensity.css.js";
-import { resolveBackofficeListRuntimeConfig as Ce } from "@plumile/backoffice-core/config/listRuntime.js";
+import { BackofficeFilterDrawer as de } from "@plumile/ui/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
+import { BackofficeFilterField as fe } from "@plumile/ui/backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
+import { BackofficeListFooter as pe } from "@plumile/ui/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.js";
+import { BackofficePageHeader as me } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import { BackofficeToolbar as he } from "@plumile/ui/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.js";
+import { BackofficeTableSkeleton as ge } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { FilterChipRow as _e } from "@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js";
+import { ListPageTemplate as ve } from "@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js";
+import { ResponsiveRecordList as ye } from "@plumile/ui/components/data-table/ResponsiveRecordList.js";
+import { VirtualizedConnectionTable as be } from "@plumile/ui/components/data-table/VirtualizedConnectionTable.js";
+import { denseTableClass as xe } from "@plumile/ui/shared/backofficeTableDensity.css.js";
+import { resolveBackofficeListRuntimeConfig as Se } from "@plumile/backoffice-core/config/listRuntime.js";
+import { isDevEnv as Ce } from "@plumile/relay/envHelpers.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
 var C = (e, t) => e(t), we = (e, t) => {
 	if (e.fromGraphQL != null && t != null) return e.fromGraphQL(t);
@@ -44,7 +44,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 	if (t == null) return null;
 	if (Array.isArray(t)) {
 		let n = Te(t);
-		return n.length === 0 ? null : e.kind === "entityIdList" ? /* @__PURE__ */ g(h, { children: n.map((t, r) => /* @__PURE__ */ _("span", { children: [/* @__PURE__ */ g(o, {
+		return n.length === 0 ? null : e.kind === "entityIdList" ? /* @__PURE__ */ _(g, { children: n.map((t, r) => /* @__PURE__ */ v("span", { children: [/* @__PURE__ */ _(o, {
 			entityId: e.entity,
 			id: t
 		}), r < n.length - 1 ? ", " : null] }, t)) }) : n.join(", ");
@@ -52,7 +52,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 	if (typeof t == "boolean") return e.kind === "boolean" ? n.booleanLabel(t) : t ? n.fallbackBooleanLabels.yes : n.fallbackBooleanLabels.no;
 	if (typeof t != "string" && typeof t != "number") return null;
 	let r = String(t).trim();
-	return r === "" ? null : e.kind === "entityId" ? /* @__PURE__ */ g(o, {
+	return r === "" ? null : e.kind === "entityId" ? /* @__PURE__ */ _(o, {
 		entityId: e.entity,
 		id: r
 	}) : e.kind === "enum" ? n.enumLabel(r) : r;
@@ -67,7 +67,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
 }, w = (x) => {
-	let { t: w } = le(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: A, columns: j, gridTemplateColumns: ke, hasNextPage: M, isLoadingMore: N, isRefreshing: P = !1, onLoadMore: Ae, onRefresh: F, totalCount: I, loadedCountLabel: je, emptyState: Me, statusBanner: Ne, header: Pe, headerActions: Fe, isLoadingInitial: L = !1, variant: Ie = "page", showFilters: Le = !0 } = x, R = E.list, { listDefaults: Re } = E, z = p(() => j.some((e) => e.isPrimary === !0) || j.length === 0 ? j : j.map((e, t) => {
+	let { t: w } = se(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: ke, columns: A, gridTemplateColumns: Ae, hasNextPage: j, isLoadingMore: M, isRefreshing: N = !1, onLoadMore: P, onRefresh: F, totalCount: I, loadedCountLabel: je, emptyState: Me, statusBanner: Ne, header: Pe, headerActions: Fe, isLoadingInitial: L = !1, variant: Ie = "page", showFilters: Le = !0 } = x, R = E.list, { listDefaults: Re } = E, z = m(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,
@@ -77,7 +77,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 			...e,
 			header: n
 		};
-	}), [j]), B = p(() => {
+	}), [A]), B = m(() => {
 		let e = [];
 		for (let t of R.filters) {
 			let n = we(t, D.where), r = Ee(t, n, {
@@ -101,7 +101,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 			if (r != null) {
 				let i = String(n);
 				Array.isArray(n) && (i = n.join(","));
-				let a = /* @__PURE__ */ _("span", { children: [
+				let a = /* @__PURE__ */ v("span", { children: [
 					C(t.label, w),
 					": ",
 					r
@@ -126,23 +126,23 @@ var C = (e, t) => e(t), we = (e, t) => {
 		D,
 		T,
 		w
-	]), V = oe(() => {
+	]), V = p(() => {
 		O({ ...Re });
-	}, [Re, O]), [ze, Be] = m(!1), [Ve, He] = m(""), H = x.filterDrawerState ?? {
+	}, [Re, O]), [ze, H] = h(!1), [Be, Ve] = h(""), U = x.filterDrawerState ?? {
 		isOpen: ze,
-		search: Ve,
-		setOpen: Be,
-		setSearch: He,
+		search: Be,
+		setOpen: H,
+		setSearch: Ve,
 		reset: () => {
-			Be(!1), He("");
+			H(!1), Ve("");
 		}
-	}, Ue = H.isOpen, U = H.search, W = H.setOpen, We = H.setSearch, Ge = H.reset, [G, K] = m(null), q = oe((e) => {
+	}, He = U.isOpen, W = U.search, G = U.setOpen, Ue = U.setSearch, We = U.reset, [K, q] = h(null), J = p((e) => {
 		let n = e.whereKey ?? e.id, r = we(e, D.where), i = "";
 		typeof r == "string" && (i = r), typeof r == "number" && Number.isFinite(r) && (i = String(r));
 		let c = C(e.label, w);
 		if (e.kind === "text") {
 			let t = e.placeholderLabel == null ? c : C(e.placeholderLabel, w), r = T("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ g(a, {
+			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ _(a, {
 				value: i,
 				onApply: (t) => {
 					let r = S(D.where, n, t, e.path);
@@ -158,7 +158,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 		}
 		if (e.kind === "datetime") {
 			let t = e.placeholderLabel == null ? c : C(e.placeholderLabel, w), r = T("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ g(a, {
+			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ _(a, {
 				value: De(i),
 				onApply: (t) => {
 					let r = Oe(t), i = S(D.where, n, r, e.path);
@@ -175,7 +175,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 		}
 		if (e.kind === "number") {
 			let t = e.placeholderLabel == null ? c : C(e.placeholderLabel, w), r = T("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ g(a, {
+			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ _(a, {
 				value: i,
 				onApply: (t) => {
 					let r = t.trim(), i = r === "" ? null : Number(r), a = S(D.where, n, Number.isFinite(i) ? i : null, e.path);
@@ -201,7 +201,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 				value: e.value,
 				label: C(e.label, w)
 			}))];
-			return /* @__PURE__ */ g(y, {
+			return /* @__PURE__ */ _(b, {
 				options: t,
 				value: i,
 				size: "small",
@@ -237,7 +237,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 					label: o
 				}
 			];
-			return /* @__PURE__ */ g(y, {
+			return /* @__PURE__ */ _(b, {
 				options: s,
 				value: i,
 				size: "small",
@@ -264,15 +264,15 @@ var C = (e, t) => e(t), we = (e, t) => {
 					where: a
 				});
 			};
-			return /* @__PURE__ */ _("div", {
-				className: ne,
-				children: [/* @__PURE__ */ g(t, {
+			return /* @__PURE__ */ v("div", {
+				className: te,
+				children: [/* @__PURE__ */ _(t, {
 					label: c,
 					value: a === 0 ? null : i.join(","),
 					displayValue: s,
 					placeholder: T("filters.placeholders.anyEntity", { label: c }),
 					onPick: () => {
-						K({
+						q({
 							entity: e.entity,
 							whereKey: n,
 							label: c,
@@ -289,14 +289,14 @@ var C = (e, t) => e(t), we = (e, t) => {
 							where: t
 						});
 					}
-				}), i.length > 0 ? /* @__PURE__ */ g("div", {
-					className: re,
-					children: i.map((t) => /* @__PURE__ */ g(de, {
+				}), i.length > 0 ? /* @__PURE__ */ _("div", {
+					className: ne,
+					children: i.map((t) => /* @__PURE__ */ _(ue, {
 						removeLabel: T("filters.actions.removeFilterValue", { label: c }),
 						onRemove: () => {
 							u(t);
 						},
-						children: /* @__PURE__ */ g(o, {
+						children: /* @__PURE__ */ _(o, {
 							entityId: e.entity,
 							id: t
 						})
@@ -306,7 +306,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 		}
 		if (e.kind === "stringList") {
 			let t = e.placeholderLabel == null ? c : C(e.placeholderLabel, w), r = T("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ g(a, {
+			return e.placeholderText != null && (r = C(e.placeholderText, w)), /* @__PURE__ */ _(a, {
 				value: i,
 				onApply: (t) => {
 					let r = t.split(/[\n,]+/u).map((e) => e.trim()).filter((e) => e !== ""), i = S(D.where, n, r, e.path);
@@ -324,14 +324,14 @@ var C = (e, t) => e(t), we = (e, t) => {
 		typeof r == "string" && (u = r);
 		let d = (r = null, i = !1) => {
 			let a = r?.trim() ?? "";
-			return /* @__PURE__ */ g(t, {
+			return /* @__PURE__ */ _(t, {
 				label: c,
 				value: u,
 				displayValue: a,
 				isResolving: i,
 				placeholder: T("filters.placeholders.anyEntity", { label: c }),
 				onPick: () => {
-					K({
+					q({
 						entity: e.entity,
 						whereKey: n,
 						label: c,
@@ -349,7 +349,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 				}
 			});
 		};
-		return u == null || u.trim() === "" ? d() : /* @__PURE__ */ g(s, {
+		return u == null || u.trim() === "" ? d() : /* @__PURE__ */ _(s, {
 			entityId: e.entity,
 			id: u,
 			children: (e, t) => {
@@ -362,25 +362,25 @@ var C = (e, t) => e(t), we = (e, t) => {
 		D,
 		T,
 		w
-	]), Ke = p(() => R.filters.some((e) => e.placement != null), [R.filters]), J = p(() => {
+	]), Ge = m(() => R.filters.some((e) => e.placement != null), [R.filters]), Y = m(() => {
 		if (R.filters.length === 0) return [];
 		let e = R.ui?.toolbar?.maxPromotedFilters ?? 3;
-		return Ke ? R.filters.filter((e) => e.placement === "quick" || e.placement === "both") : R.filters.slice(0, e);
+		return Ge ? R.filters.filter((e) => e.placement === "quick" || e.placement === "both") : R.filters.slice(0, e);
 	}, [
 		R.filters,
 		R.ui?.toolbar,
-		Ke
-	]), Y = p(() => R.filters.filter((e) => e.placement == null || e.placement === "drawer" || e.placement === "both"), [R.filters]), X = p(() => J.find((e) => e.kind === "text"), [J]), qe = p(() => {
-		let e = J.filter((e) => e !== X);
-		return e.length === 0 ? null : /* @__PURE__ */ g("div", {
-			className: d,
-			children: e.map((e) => /* @__PURE__ */ g("span", { children: q(e) }, e.id))
+		Ge
+	]), X = m(() => R.filters.filter((e) => e.placement == null || e.placement === "drawer" || e.placement === "both"), [R.filters]), Z = m(() => Y.find((e) => e.kind === "text"), [Y]), Ke = m(() => {
+		let e = Y.filter((e) => e !== Z);
+		return e.length === 0 ? null : /* @__PURE__ */ _("div", {
+			className: u,
+			children: e.map((e) => /* @__PURE__ */ _("span", { children: J(e) }, e.id))
 		});
 	}, [
+		Y,
 		J,
-		q,
-		X
-	]), Je = p(() => X == null ? null : q(X), [q, X]), Ye = p(() => {
+		Z
+	]), qe = m(() => Z == null ? null : J(Z), [J, Z]), Je = m(() => {
 		if (R.sorts.length === 0) return null;
 		let e = R.sorts[0];
 		if (e == null) return null;
@@ -389,7 +389,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 			value: e.id,
 			label: C(e.label, w)
 		}));
-		return /* @__PURE__ */ g(y, {
+		return /* @__PURE__ */ _(b, {
 			options: t,
 			value: D.sort ?? e.id,
 			size: "small",
@@ -407,19 +407,19 @@ var C = (e, t) => e(t), we = (e, t) => {
 		D,
 		T,
 		w
-	]), Xe = p(() => B.length === 0 ? null : /* @__PURE__ */ g(ve, {
+	]), Ye = m(() => B.length === 0 ? null : /* @__PURE__ */ _(_e, {
 		chips: B,
 		onClearAll: V
-	}), [B, V]), Ze = p(() => {
-		if (Y.length === 0) return [];
-		let e = U.trim().toLowerCase(), t = [];
-		for (let n of Y) {
+	}), [B, V]), Xe = m(() => {
+		if (X.length === 0) return [];
+		let e = W.trim().toLowerCase(), t = [];
+		for (let n of X) {
 			let r = C(n.label, w);
 			(e === "" || r.toLowerCase().includes(e)) && t.push({
 				id: n.id,
-				node: /* @__PURE__ */ g(pe, {
+				node: /* @__PURE__ */ _(fe, {
 					label: r,
-					children: q(n)
+					children: J(n)
 				})
 			});
 		}
@@ -429,54 +429,54 @@ var C = (e, t) => e(t), we = (e, t) => {
 			items: t
 		}];
 	}, [
-		Y,
-		U,
-		q,
+		X,
+		W,
+		J,
 		T,
 		w
-	]), Qe = p(() => {
-		if (Y.length === 0) return null;
+	]), Ze = m(() => {
+		if (X.length === 0) return null;
 		let e = B.length, t = T("filters.trigger");
-		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ g(v, {
+		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ _(y, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: () => {
-				W(!0);
+				G(!0);
 			},
 			children: t
 		});
 	}, [
 		B.length,
-		Y.length,
-		W,
+		X.length,
+		G,
 		T
-	]), $e = U.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), et = /* @__PURE__ */ g(fe, {
-		isOpen: Ue,
+	]), Qe = W.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), $e = /* @__PURE__ */ _(de, {
+		isOpen: He,
 		onClose: () => {
-			Ge();
+			We();
 		},
-		sections: Ze,
-		searchValue: U,
+		sections: Xe,
+		searchValue: W,
 		onSearchChange: (e) => {
-			We(e);
+			Ue(e);
 		},
 		onReset: V,
-		emptyLabel: $e
-	}), tt = p(() => Me ?? (L ? /* @__PURE__ */ g(_e, {
+		emptyLabel: Qe
+	}), et = m(() => Me ?? (L ? /* @__PURE__ */ _(ge, {
 		variant: "embedded",
 		ariaLabel: T("common.loading")
-	}) : B.length > 0 ? /* @__PURE__ */ g(b, {
+	}) : B.length > 0 ? /* @__PURE__ */ _(le, {
 		title: T("emptyState.listEmpty.title"),
 		description: T("emptyState.listEmptyFiltered.description"),
-		actions: /* @__PURE__ */ g(v, {
+		actions: /* @__PURE__ */ _(y, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: V,
 			children: T("emptyState.listEmptyFiltered.actions.reset")
 		})
-	}) : /* @__PURE__ */ g(b, {
+	}) : /* @__PURE__ */ _(le, {
 		title: T("emptyState.listEmpty.title"),
 		description: T("emptyState.listEmpty.description")
 	})), [
@@ -485,17 +485,17 @@ var C = (e, t) => e(t), we = (e, t) => {
 		V,
 		L,
 		T
-	]), nt = p(() => je ?? (typeof I == "number" ? /* @__PURE__ */ g("span", { children: T("list.showing", {
+	]), tt = m(() => je ?? (typeof I == "number" ? /* @__PURE__ */ _("span", { children: T("list.showing", {
 		shown: k.length,
 		total: I
-	}) }) : k.length === 0 ? null : /* @__PURE__ */ g("span", { children: T("list.loaded", { count: k.length }) })), [
+	}) }) : k.length === 0 ? null : /* @__PURE__ */ _("span", { children: T("list.loaded", { count: k.length }) })), [
 		je,
 		k.length,
 		T,
 		I
-	]), Z = p(() => {
+	]), Q = m(() => {
 		let e = R.ui?.displayMode ?? R.responsive?.mode ?? "auto";
-		return Ce({
+		return Se({
 			kind: R.kind,
 			displayMode: e,
 			ui: R.ui
@@ -504,66 +504,66 @@ var C = (e, t) => e(t), we = (e, t) => {
 		R.kind,
 		R.responsive?.mode,
 		R.ui
-	]), Q = typeof I == "number" && k.length < I && !M;
-	se(() => {
-		!Q || !Z.infiniteScroll.showInconsistentPageInfo || !u() || console.warn("Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.", {
+	]), $ = typeof I == "number" && k.length < I && !j;
+	ae(() => {
+		!$ || !Q.infiniteScroll.showInconsistentPageInfo || !Ce() || console.warn("Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.", {
 			entityId: E.id,
 			loadedCount: k.length,
 			totalCount: I
 		});
 	}, [
 		E.id,
-		Q,
+		$,
 		k.length,
-		Z.infiniteScroll.showInconsistentPageInfo,
+		Q.infiniteScroll.showInconsistentPageInfo,
 		I
 	]);
-	let rt = x.virtualize === !0 || Z.virtualization.enabled, { sentinelRef: it } = l({
-		enabled: !rt && Z.infiniteScroll.enabled,
-		hasNextPage: M,
-		isLoading: N,
-		onIntersect: Ae,
-		rootMargin: Z.infiniteScroll.rootMargin,
-		threshold: Z.infiniteScroll.threshold
-	}), at = Pe?.title ?? C(R.title, w), ot = Pe?.subtitle, st = z.find((e) => e.mobileRole === "action" || e.id === "actions"), ct = R.ui?.displayMode ?? R.responsive?.mode ?? "auto", lt = R.ui?.density ?? R.responsive?.density ?? "compact", ut = rt ? /* @__PURE__ */ g(xe, {
+	let nt = x.virtualize === !0 || Q.virtualization.enabled, { sentinelRef: rt } = l({
+		enabled: !nt && Q.infiniteScroll.enabled,
+		hasNextPage: j,
+		isLoading: M,
+		onIntersect: P,
+		rootMargin: Q.infiniteScroll.rootMargin,
+		threshold: Q.infiniteScroll.threshold
+	}), it = Pe?.title ?? C(R.title, w), at = Pe?.subtitle, ot = z.find((e) => e.mobileRole === "action" || e.id === "actions"), st = R.ui?.displayMode ?? R.responsive?.mode ?? "auto", ct = R.ui?.density ?? R.responsive?.density ?? "compact", lt = nt ? /* @__PURE__ */ _(be, {
 		columns: z,
 		rows: k,
-		getRowId: A,
-		emptyState: tt,
-		className: Se,
-		gridTemplateColumns: ke,
-		virtualization: Z.virtualization,
+		getRowId: ke,
+		emptyState: et,
+		className: xe,
+		gridTemplateColumns: Ae,
+		virtualization: Q.virtualization,
 		infiniteScroll: {
-			enabled: Z.infiniteScroll.enabled,
-			thresholdPx: Z.infiniteScroll.thresholdPx,
-			autoLoad: Z.infiniteScroll.autoLoad
+			enabled: Q.infiniteScroll.enabled,
+			thresholdPx: Q.infiniteScroll.thresholdPx,
+			autoLoad: Q.infiniteScroll.autoLoad
 		},
-		hasNextPage: M,
-		isLoadingMore: N,
-		onLoadMore: Ae,
+		hasNextPage: j,
+		isLoadingMore: M,
+		onLoadMore: P,
 		bodyScrollMode: c
-	}) : /* @__PURE__ */ g(be, {
+	}) : /* @__PURE__ */ _(ye, {
 		columns: z,
 		rows: k,
-		getRowId: A,
-		emptyState: tt,
-		className: Se,
-		gridTemplateColumns: ke,
-		mode: ct,
-		density: lt,
+		getRowId: ke,
+		emptyState: et,
+		className: xe,
+		gridTemplateColumns: Ae,
+		mode: st,
+		density: ct,
 		bodyScrollMode: c,
-		bodyFooterNode: Z.infiniteScroll.enabled ? /* @__PURE__ */ g("div", {
-			ref: it,
+		bodyFooterNode: Q.infiniteScroll.enabled ? /* @__PURE__ */ _("div", {
+			ref: rt,
 			"aria-hidden": "true"
 		}) : null,
-		renderAction: (e) => st?.cell(e) ?? null
-	}), dt = /* @__PURE__ */ g(n, {
+		renderAction: (e) => ot?.cell(e) ?? null
+	}), ut = /* @__PURE__ */ _(n, {
 		fallback: (e) => {
 			let { reset: t } = e;
-			return /* @__PURE__ */ g(ce, {
+			return /* @__PURE__ */ _(oe, {
 				tone: "danger",
 				title: T("list.errors.title"),
-				actions: /* @__PURE__ */ g(v, {
+				actions: /* @__PURE__ */ _(y, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
@@ -575,108 +575,108 @@ var C = (e, t) => e(t), we = (e, t) => {
 				children: T("list.errors.tableFailed")
 			});
 		},
-		children: ut
-	}), ft = Le ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ge, {
-		search: Je,
-		primaryFilters: qe,
-		filterDrawerTrigger: Qe,
-		sort: Ye,
-		utilityActions: F == null ? null : /* @__PURE__ */ g(v, {
+		children: lt
+	}), dt = Le ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(he, {
+		search: qe,
+		primaryFilters: Ke,
+		filterDrawerTrigger: Ze,
+		sort: Je,
+		utilityActions: F == null ? null : /* @__PURE__ */ _(y, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			isLoading: P,
+			isLoading: N,
 			loadingLabel: T("list.actions.refreshing"),
 			onClick: () => {
 				F();
 			},
 			children: T("list.actions.refresh")
 		}),
-		chips: Xe,
+		chips: Ye,
 		density: "compact"
-	}), et] }) : null, pt = /* @__PURE__ */ _("div", {
-		className: ae,
-		"aria-busy": P ? "true" : void 0,
+	}), $e] }) : null, ft = /* @__PURE__ */ v("div", {
+		className: ie,
+		"aria-busy": N ? "true" : void 0,
 		children: [
-			P && !L ? /* @__PURE__ */ _("div", {
-				className: ie,
+			N && !L ? /* @__PURE__ */ v("div", {
+				className: re,
 				role: "status",
-				children: [/* @__PURE__ */ g(ue, {
+				children: [/* @__PURE__ */ _(ce, {
 					size: 14,
 					ariaLabel: T("list.refreshingRows")
-				}), /* @__PURE__ */ g("span", { children: T("list.refreshingRows") })]
+				}), /* @__PURE__ */ _("span", { children: T("list.refreshingRows") })]
 			}) : null,
-			dt,
-			/* @__PURE__ */ g(r, {
-				isOpen: G != null,
-				entity: G?.entity ?? E.id,
-				title: G?.label ?? T("picker.title"),
-				scope: G?.scope,
+			ut,
+			/* @__PURE__ */ _(r, {
+				isOpen: K != null,
+				entity: K?.entity ?? E.id,
+				title: K?.label ?? T("picker.title"),
+				scope: K?.scope,
 				onClose: () => {
-					K(null);
+					q(null);
 				},
 				onSelectId: (e) => {
-					if (G == null) return;
-					if (G.mode === "list") {
-						let t = G.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = S(D.where, G.whereKey, n, G.path);
-						W(!0), O({
+					if (K == null) return;
+					if (K.mode === "list") {
+						let t = K.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = S(D.where, K.whereKey, n, K.path);
+						G(!0), O({
 							...D,
 							where: r
 						});
 						return;
 					}
-					let t = S(D.where, G.whereKey, e, G.path);
-					W(!0), O({
+					let t = S(D.where, K.whereKey, e, K.path);
+					G(!0), O({
 						...D,
 						where: t
 					});
 				}
 			})
 		]
-	}), $ = k.length > 0 || N || M ? /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(me, {
+	}), pt = k.length > 0 || M || j ? /* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(pe, {
 		mode: "status",
 		loadedCount: k.length,
 		totalCount: I,
-		hasNextPage: M,
-		isLoading: N,
-		pageInfoState: Q ? "inconsistent" : N ? "loading" : M ? "ready" : "complete",
+		hasNextPage: j,
+		isLoading: M,
+		pageInfoState: $ ? "inconsistent" : M ? "loading" : j ? "ready" : "complete",
 		labels: {
-			loaded: nt,
+			loaded: tt,
 			loading: T("list.loadMore.loading"),
 			end: T("list.loadMore.end")
 		}
 	}) }) : null;
-	return Ie === "embedded" ? /* @__PURE__ */ g(i, {
+	return Ie === "embedded" ? /* @__PURE__ */ _(i, {
 		config: E,
 		state: D,
 		pushState: O,
-		children: /* @__PURE__ */ _("div", {
-			className: ee,
+		children: /* @__PURE__ */ v("div", {
+			className: d,
 			children: [
-				/* @__PURE__ */ g("div", {
-					className: te,
-					children: at
+				/* @__PURE__ */ _("div", {
+					className: ee,
+					children: it
 				}),
-				ft,
+				dt,
 				Ne,
-				pt,
-				$
+				ft,
+				pt
 			]
 		})
-	}) : /* @__PURE__ */ g(i, {
+	}) : /* @__PURE__ */ _(i, {
 		config: E,
 		state: D,
 		pushState: O,
-		children: /* @__PURE__ */ g(ye, {
-			headerNode: /* @__PURE__ */ g(he, {
-				title: at,
-				subtitle: ot,
+		children: /* @__PURE__ */ _(ve, {
+			headerNode: /* @__PURE__ */ _(me, {
+				title: it,
+				subtitle: at,
 				actions: Fe
 			}),
-			toolbarNode: ft,
+			toolbarNode: dt,
 			statusNode: Ne,
-			tableNode: pt,
-			tableFooterNode: $,
+			tableNode: ft,
+			tableFooterNode: pt,
 			presentation: "flat",
 			bodyScrollMode: c
 		})