@plumile/backoffice-react 0.1.107 → 0.1.108

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

@@ -7,14 +7,16 @@ import { DeferredFilterSearchInput as o } from "../filters/DeferredFilterSearchI
 import { BackofficeListToolbar as s } from "../lists/BackofficeListToolbar.js";
 import { BackofficeListFilterProvider as c } from "./BackofficeListFilterContext.js";
 import { useBackofficeInfiniteScrollSentinel as l } from "../../../hooks/useBackofficeInfiniteScrollSentinel.js";
-import { controlsRow as u, embeddedContainer as ee, embeddedHeader as te, filterInput as d } from "./backofficeEntityListScaffold.css.js";
-import { useCallback as f, useMemo as p, useState as m } from "react";
-import { BackofficeEmptyState as h, BackofficeFilterDrawer as ne, BackofficeFilterField as re, BackofficeInfiniteListStatus as ie, BackofficePageHeader as ae, BackofficeTableSkeleton as oe, Button as g, FilterChipRow as se, InlineBanner as ce, ListPageTemplate as le, ResponsiveRecordList as ue, SimpleSelect as _, denseTableClass as de } from "@plumile/ui";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useTranslation as fe } from "react-i18next";
-import { readWhereValue as x, setWhereValue as S } from "@plumile/backoffice-core/filters/where.js";
+import { isDevEnv as u } from "../../../relay/envHelpers.js";
+import { controlsRow as ee, embeddedContainer as te, embeddedHeader as ne, filterInput as d } from "./backofficeEntityListScaffold.css.js";
+import { useCallback as f, useEffect as re, useMemo as p, useState as m } from "react";
+import { BackofficeEmptyState as ie, BackofficeFilterDrawer as ae, BackofficeFilterField as oe, BackofficeInfiniteListStatus as se, BackofficePageHeader as ce, BackofficeTableSkeleton as le, BackofficeVirtualizedConnectionTable as ue, Button as h, FilterChipRow as de, InlineBanner as fe, ListPageTemplate as pe, ResponsiveRecordList as me, SimpleSelect as g, denseTableClass as he } from "@plumile/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTranslation as ge } from "react-i18next";
+import { readWhereValue as b, setWhereValue as x } from "@plumile/backoffice-core/filters/where.js";
+import { resolveBackofficeListRuntimeConfig as _e } from "@plumile/backoffice-core/config/listRuntime.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
-var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : x(t, e.whereKey ?? e.id, e.path), pe = (e, t, n) => {
+var S = (e, t) => e(t), ve = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : b(t, e.whereKey ?? e.id, e.path), ye = (e, t, n) => {
 	if (t == null) return null;
 	if (Array.isArray(t)) {
 		let e = t.map((e) => {
@@ -27,25 +29,25 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 	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__ */ y(i, {
+	return r === "" ? null : e.kind === "entityId" ? /* @__PURE__ */ v(i, {
 		entityId: e.entity,
 		id: r
 	}) : e.kind === "enum" ? n.enumLabel(r) : r;
-}, me = (e) => {
+}, be = (e) => {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return e;
 	let n = t.getTimezoneOffset() * 6e4;
 	return new Date(t.getTime() - n).toISOString().slice(0, 16);
-}, he = (e) => {
+}, xe = (e) => {
 	let t = e.trim();
 	if (t === "") return "";
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
-}, T = (i) => {
-	let { t: x } = fe(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: ge, columns: A, gridTemplateColumns: _e, hasNextPage: j, isLoadingMore: M, isRefreshing: ve = !1, onLoadMore: ye, onRefresh: N, totalCount: P, emptyState: F, statusBanner: I, header: L, headerActions: be, isLoadingInitial: R = !1, variant: xe = "page", showFilters: Se = !0 } = i, z = E.list, B = E.listDefaults ?? z.defaultState ?? {
+}, C = (i) => {
+	let { t: b } = ge(), { t: C } = e(), { config: w, state: T, pushState: E, rows: D, getRowId: O, columns: k, gridTemplateColumns: A, hasNextPage: j, isLoadingMore: M, isRefreshing: Se = !1, onLoadMore: N, onRefresh: P, totalCount: F, emptyState: I, statusBanner: L, header: R, headerActions: Ce, isLoadingInitial: we = !1, variant: Te = "page", showFilters: Ee = !0 } = i, z = w.list, De = w.listDefaults ?? z.defaultState ?? {
 		where: null,
 		sort: null
-	}, V = p(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
+	}, B = p(() => k.some((e) => e.isPrimary === !0) || k.length === 0 ? k : k.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,
@@ -55,32 +57,32 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			...e,
 			header: n
 		};
-	}), [A]), H = p(() => {
+	}), [k]), V = p(() => {
 		let e = [];
 		for (let t of z.filters) {
-			let n = w(t, D.where), r = pe(t, n, {
+			let n = ve(t, T.where), r = ye(t, n, {
 				enumLabel: (e) => {
 					if (t.kind !== "enum") return e;
 					let n = t.options.find((t) => t.value === e);
-					return n == null ? e : C(n.label, x);
+					return n == null ? e : S(n.label, b);
 				},
 				booleanLabel: (e) => {
 					if (t.kind === "boolean") {
-						if (e && t.trueLabel != null) return C(t.trueLabel, x);
-						if (!e && t.falseLabel != null) return C(t.falseLabel, x);
+						if (e && t.trueLabel != null) return S(t.trueLabel, b);
+						if (!e && t.falseLabel != null) return S(t.falseLabel, b);
 					}
-					return T(e ? "filters.boolean.yes" : "filters.boolean.no");
+					return C(e ? "filters.boolean.yes" : "filters.boolean.no");
 				},
 				fallbackBooleanLabels: {
-					yes: T("filters.boolean.yes"),
-					no: T("filters.boolean.no")
+					yes: C("filters.boolean.yes"),
+					no: C("filters.boolean.no")
 				}
 			});
 			if (r != null) {
 				let i = String(n);
 				Array.isArray(n) && (i = n.join(","));
-				let a = /* @__PURE__ */ b("span", { children: [
-					C(t.label, x),
+				let a = /* @__PURE__ */ y("span", { children: [
+					S(t.label, b),
 					": ",
 					r
 				] });
@@ -88,9 +90,9 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 					id: `${t.id}:${i}`,
 					label: a,
 					onRemove: () => {
-						let e = t.whereKey ?? t.id, n = S(D.where, e, null, t.path);
-						O({
-							...D,
+						let e = t.whereKey ?? t.id, n = x(T.where, e, null, t.path);
+						E({
+							...T,
 							where: n
 						});
 					}
@@ -100,24 +102,24 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		return e;
 	}, [
 		z.filters,
-		O,
-		D,
+		E,
 		T,
-		x
-	]), U = f(() => {
-		O({ ...B });
-	}, [B, O]), [Ce, W] = m(!1), [G, K] = m(""), [q, J] = m(null), Y = f((e) => {
-		let n = e.whereKey ?? e.id, r = w(e, D.where), i = "";
+		C,
+		b
+	]), H = f(() => {
+		E({ ...De });
+	}, [De, E]), [Oe, ke] = m(!1), [U, Ae] = m(""), [W, je] = m(null), G = f((e) => {
+		let n = e.whereKey ?? e.id, r = ve(e, T.where), i = "";
 		typeof r == "string" && (i = r), typeof r == "number" && Number.isFinite(r) && (i = String(r));
-		let s = C(e.label, x);
+		let s = S(e.label, b);
 		if (e.kind === "text") {
-			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
-			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
-				value: me(i),
+			let t = C("filters.placeholders.search", { label: e.placeholderLabel == null ? s : S(e.placeholderLabel, b) });
+			return e.placeholderText != null && (t = S(e.placeholderText, b)), /* @__PURE__ */ v(o, {
+				value: be(i),
 				onApply: (t) => {
-					let r = he(t), i = S(D.where, n, r, e.path);
-					O({
-						...D,
+					let r = xe(t), i = x(T.where, n, r, e.path);
+					E({
+						...T,
 						where: i
 					});
 				},
@@ -127,13 +129,13 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			});
 		}
 		if (e.kind === "datetime") {
-			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
-			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
+			let t = C("filters.placeholders.search", { label: e.placeholderLabel == null ? s : S(e.placeholderLabel, b) });
+			return e.placeholderText != null && (t = S(e.placeholderText, b)), /* @__PURE__ */ v(o, {
 				value: i,
 				onApply: (t) => {
-					let r = S(D.where, n, t, e.path);
-					O({
-						...D,
+					let r = x(T.where, n, t, e.path);
+					E({
+						...T,
 						where: r
 					});
 				},
@@ -144,13 +146,13 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			});
 		}
 		if (e.kind === "number") {
-			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
-			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
+			let t = C("filters.placeholders.search", { label: e.placeholderLabel == null ? s : S(e.placeholderLabel, b) });
+			return e.placeholderText != null && (t = S(e.placeholderText, b)), /* @__PURE__ */ v(o, {
 				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);
-					O({
-						...D,
+					let r = t.trim(), i = r === "" ? null : Number(r), a = x(T.where, n, Number.isFinite(i) ? i : null, e.path);
+					E({
+						...T,
 						where: a
 					});
 				},
@@ -161,23 +163,23 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 				type: "number"
 			});
 		}
-		if (e.kind === "enum") return /* @__PURE__ */ y(_, {
+		if (e.kind === "enum") return /* @__PURE__ */ v(g, {
 			options: [{
 				id: "any",
 				value: "",
-				label: T("filters.all", { label: s })
+				label: C("filters.all", { label: s })
 			}, ...e.options.map((e) => ({
 				id: e.value,
 				value: e.value,
-				label: C(e.label, x)
+				label: S(e.label, b)
 			}))],
 			value: i,
 			size: "small",
 			ariaLabel: s,
 			onChange: (t) => {
-				let r = S(D.where, n, t, e.path);
-				O({
-					...D,
+				let r = x(T.where, n, t, e.path);
+				E({
+					...T,
 					where: r
 				});
 			}
@@ -187,13 +189,13 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			typeof r == "boolean" && (t = r);
 			let i = "";
 			t === !0 && (i = "true"), t === !1 && (i = "false");
-			let a = e.trueLabel == null ? T("filters.boolean.yes") : C(e.trueLabel, x), o = e.falseLabel == null ? T("filters.boolean.no") : C(e.falseLabel, x);
-			return /* @__PURE__ */ y(_, {
+			let a = e.trueLabel == null ? C("filters.boolean.yes") : S(e.trueLabel, b), o = e.falseLabel == null ? C("filters.boolean.no") : S(e.falseLabel, b);
+			return /* @__PURE__ */ v(g, {
 				options: [
 					{
 						id: "any",
 						value: "",
-						label: T("filters.all", { label: s })
+						label: C("filters.all", { label: s })
 					},
 					{
 						id: "true",
@@ -212,27 +214,27 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 				onChange: (t) => {
 					let r = null;
 					t === "true" && (r = !0), t === "false" && (r = !1);
-					let i = S(D.where, n, r, e.path);
-					O({
-						...D,
+					let i = x(T.where, n, r, e.path);
+					E({
+						...T,
 						where: i
 					});
 				}
 			});
 		}
 		let c = (() => {
-			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(D.where) : e.pickerScope;
+			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(T.where) : e.pickerScope;
 		})(), l = null;
 		typeof r == "string" && (l = r);
 		let u = (r = null) => {
 			let i = r?.trim() ?? "";
-			return /* @__PURE__ */ y(t, {
+			return /* @__PURE__ */ v(t, {
 				label: s,
 				value: l,
 				displayValue: i,
-				placeholder: T("filters.placeholders.anyEntity", { label: s }),
+				placeholder: C("filters.placeholders.anyEntity", { label: s }),
 				onPick: () => {
-					J({
+					je({
 						entity: e.entity,
 						whereKey: n,
 						label: s,
@@ -241,266 +243,310 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 					});
 				},
 				onClear: () => {
-					let t = S(D.where, n, null, e.path);
-					O({
-						...D,
+					let t = x(T.where, n, null, e.path);
+					E({
+						...T,
 						where: t
 					});
 				}
 			});
 		};
-		return l == null || l.trim() === "" ? u() : /* @__PURE__ */ y(a, {
+		return l == null || l.trim() === "" ? u() : /* @__PURE__ */ v(a, {
 			entityId: e.entity,
 			id: l,
 			children: (e) => u(e)
 		});
 	}, [
-		O,
-		D,
+		E,
 		T,
-		x
-	]), X = p(() => z.filters.some((e) => e.placement != null), [z.filters]), Z = p(() => {
+		C,
+		b
+	]), Me = p(() => z.filters.some((e) => e.placement != null), [z.filters]), K = p(() => {
 		if (z.filters.length === 0) return [];
 		let e = z.ui?.toolbar?.maxPromotedFilters ?? 3;
-		return X ? z.filters.filter((e) => e.placement === "quick" || e.placement === "both") : z.filters.slice(0, e);
+		return Me ? z.filters.filter((e) => e.placement === "quick" || e.placement === "both") : z.filters.slice(0, e);
 	}, [
 		z.filters,
 		z.ui?.toolbar,
-		X
-	]), Q = p(() => z.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [z.filters]), $ = p(() => Z.find((e) => e.kind === "text"), [Z]), we = p(() => {
-		let e = Z.filter((e) => e !== $);
-		return e.length === 0 ? null : /* @__PURE__ */ y("div", {
-			className: u,
-			children: e.map((e) => /* @__PURE__ */ y("span", { children: Y(e) }, e.id))
+		Me
+	]), q = p(() => z.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [z.filters]), J = p(() => K.find((e) => e.kind === "text"), [K]), Ne = p(() => {
+		let e = K.filter((e) => e !== J);
+		return e.length === 0 ? null : /* @__PURE__ */ v("div", {
+			className: ee,
+			children: e.map((e) => /* @__PURE__ */ v("span", { children: G(e) }, e.id))
 		});
 	}, [
-		Z,
-		Y,
-		$
-	]), Te = p(() => $ == null ? null : Y($), [Y, $]), Ee = p(() => {
+		K,
+		G,
+		J
+	]), Pe = p(() => J == null ? null : G(J), [G, J]), Fe = p(() => {
 		if (z.sorts.length === 0) return null;
 		let e = z.sorts[0];
-		return e == null ? null : /* @__PURE__ */ y(_, {
+		return e == null ? null : /* @__PURE__ */ v(g, {
 			options: z.sorts.map((e) => ({
 				id: e.id,
 				value: e.id,
-				label: C(e.label, x)
+				label: S(e.label, b)
 			})),
-			value: D.sort ?? e.id,
+			value: T.sort ?? e.id,
 			size: "small",
-			ariaLabel: T("list.sort.label"),
+			ariaLabel: C("list.sort.label"),
 			onChange: (e) => {
-				O({
-					...D,
+				E({
+					...T,
 					sort: e
 				});
 			}
 		});
 	}, [
 		z.sorts,
-		O,
-		D,
+		E,
 		T,
-		x
-	]), De = p(() => H.length === 0 ? null : /* @__PURE__ */ y(se, {
-		chips: H,
-		onClearAll: U
-	}), [H, U]), Oe = p(() => {
-		if (Q.length === 0) return [];
-		let e = G.trim().toLowerCase(), t = [];
-		for (let n of Q) {
-			let r = C(n.label, x);
+		C,
+		b
+	]), Ie = p(() => V.length === 0 ? null : /* @__PURE__ */ v(de, {
+		chips: V,
+		onClearAll: H
+	}), [V, H]), Le = p(() => {
+		if (q.length === 0) return [];
+		let e = U.trim().toLowerCase(), t = [];
+		for (let n of q) {
+			let r = S(n.label, b);
 			(e === "" || r.toLowerCase().includes(e)) && t.push({
 				id: n.id,
-				node: /* @__PURE__ */ y(re, {
+				node: /* @__PURE__ */ v(oe, {
 					label: r,
-					children: Y(n)
+					children: G(n)
 				})
 			});
 		}
 		return t.length === 0 ? [] : [{
 			id: "backoffice.filters.sections.default",
-			title: T("filters.sections.default"),
+			title: C("filters.sections.default"),
 			items: t
 		}];
 	}, [
-		Q,
+		q,
+		U,
 		G,
-		Y,
-		T,
-		x
-	]), ke = p(() => {
-		if (Q.length === 0) return null;
-		let e = H.length, t = T("filters.trigger");
-		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ y(g, {
+		C,
+		b
+	]), Re = p(() => {
+		if (q.length === 0) return null;
+		let e = V.length, t = C("filters.trigger");
+		return e > 0 && (t = C("filters.triggerWithCount", { count: e })), /* @__PURE__ */ v(h, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: () => {
-				W(!0);
+				ke(!0);
 			},
 			children: t
 		});
 	}, [
-		H.length,
-		Q.length,
-		T
-	]), Ae = /* @__PURE__ */ y(ne, {
-		isOpen: Ce,
+		V.length,
+		q.length,
+		C
+	]), ze = /* @__PURE__ */ v(ae, {
+		isOpen: Oe,
 		onClose: () => {
-			W(!1), K("");
+			ke(!1), Ae("");
 		},
-		sections: Oe,
-		searchValue: G,
+		sections: Le,
+		searchValue: U,
 		onSearchChange: (e) => {
-			K(e);
+			Ae(e);
 		},
-		onReset: U,
-		emptyLabel: G.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults")
-	}), je = p(() => F ?? (R ? /* @__PURE__ */ y(oe, {
+		onReset: H,
+		emptyLabel: U.trim() === "" ? void 0 : C("filters.drawer.emptySearchResults")
+	}), Be = p(() => I ?? (we ? /* @__PURE__ */ v(le, {
 		variant: "embedded",
-		ariaLabel: T("common.loading")
-	}) : H.length > 0 ? /* @__PURE__ */ y(h, {
-		title: T("emptyState.listEmpty.title"),
-		description: T("emptyState.listEmptyFiltered.description"),
-		actions: /* @__PURE__ */ y(g, {
+		ariaLabel: C("common.loading")
+	}) : V.length > 0 ? /* @__PURE__ */ v(ie, {
+		title: C("emptyState.listEmpty.title"),
+		description: C("emptyState.listEmptyFiltered.description"),
+		actions: /* @__PURE__ */ v(h, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			onClick: U,
-			children: T("emptyState.listEmptyFiltered.actions.reset")
+			onClick: H,
+			children: C("emptyState.listEmptyFiltered.actions.reset")
 		})
-	}) : /* @__PURE__ */ y(h, {
-		title: T("emptyState.listEmpty.title"),
-		description: T("emptyState.listEmpty.description")
+	}) : /* @__PURE__ */ v(ie, {
+		title: C("emptyState.listEmpty.title"),
+		description: C("emptyState.listEmpty.description")
 	})), [
-		H.length,
-		F,
-		U,
-		R,
-		T
-	]), Me = p(() => typeof P == "number" ? /* @__PURE__ */ y("span", { children: T("list.showing", {
-		shown: k.length,
-		total: P
-	}) }) : k.length === 0 ? null : /* @__PURE__ */ y("span", { children: T("list.loaded", { count: k.length }) }), [
-		k.length,
-		T,
-		P
-	]), { sentinelRef: Ne } = l({
-		enabled: !0,
+		V.length,
+		I,
+		H,
+		we,
+		C
+	]), Ve = p(() => typeof F == "number" ? /* @__PURE__ */ v("span", { children: C("list.showing", {
+		shown: D.length,
+		total: F
+	}) }) : D.length === 0 ? null : /* @__PURE__ */ v("span", { children: C("list.loaded", { count: D.length }) }), [
+		D.length,
+		C,
+		F
+	]), Y = p(() => {
+		let e = z.ui?.displayMode ?? z.responsive?.mode ?? "auto";
+		return _e({
+			kind: z.kind,
+			displayMode: e,
+			ui: z.ui
+		});
+	}, [
+		z.kind,
+		z.responsive?.mode,
+		z.ui
+	]), X = typeof F == "number" && D.length < F && !j;
+	re(() => {
+		!X || !Y.infiniteScroll.showInconsistentPageInfo || !u() || console.warn("Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.", {
+			entityId: w.id,
+			loadedCount: D.length,
+			totalCount: F
+		});
+	}, [
+		w.id,
+		X,
+		D.length,
+		Y.infiniteScroll.showInconsistentPageInfo,
+		F
+	]);
+	let Z = i.virtualize === !0 || Y.virtualization.enabled, { sentinelRef: He } = l({
+		enabled: !Z && Y.infiniteScroll.enabled,
 		hasNextPage: j,
 		isLoading: M,
-		onIntersect: ye
-	}), Pe = L?.title ?? C(z.title, x), Fe = L?.subtitle, Ie = V.find((e) => e.mobileRole === "action" || e.id === "actions"), Le = /* @__PURE__ */ y(n, {
+		onIntersect: N,
+		rootMargin: Y.infiniteScroll.rootMargin,
+		threshold: Y.infiniteScroll.threshold
+	}), Q = R?.title ?? S(z.title, b), Ue = R?.subtitle, We = B.find((e) => e.mobileRole === "action" || e.id === "actions"), Ge = z.ui?.displayMode ?? z.responsive?.mode ?? "auto", Ke = z.ui?.density ?? z.responsive?.density ?? "compact", qe = /* @__PURE__ */ v(n, {
 		fallback: (e) => {
 			let { reset: t } = e;
-			return /* @__PURE__ */ y(ce, {
+			return /* @__PURE__ */ v(fe, {
 				tone: "danger",
-				title: T("list.errors.title"),
-				actions: /* @__PURE__ */ y(g, {
+				title: C("list.errors.title"),
+				actions: /* @__PURE__ */ v(h, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
 					onClick: () => {
-						t(), N?.();
+						t(), P?.();
 					},
-					children: T("list.actions.retry")
+					children: C("list.actions.retry")
 				}),
-				children: T("list.errors.tableFailed")
+				children: C("list.errors.tableFailed")
 			});
 		},
-		children: /* @__PURE__ */ y(ue, {
-			columns: V,
-			rows: k,
-			getRowId: ge,
-			emptyState: je,
-			className: de,
-			gridTemplateColumns: _e,
-			mode: z.ui?.displayMode ?? z.responsive?.mode ?? "auto",
-			density: z.ui?.density ?? z.responsive?.density ?? "compact",
-			renderAction: (e) => Ie?.cell(e) ?? null
+		children: Z ? /* @__PURE__ */ v(ue, {
+			columns: B,
+			rows: D,
+			getRowId: O,
+			emptyState: Be,
+			className: he,
+			gridTemplateColumns: A,
+			virtualization: Y.virtualization,
+			infiniteScroll: {
+				enabled: Y.infiniteScroll.enabled,
+				thresholdPx: Y.infiniteScroll.thresholdPx,
+				autoLoad: Y.infiniteScroll.autoLoad
+			},
+			hasNextPage: j,
+			isLoadingMore: M,
+			onLoadMore: N
+		}) : /* @__PURE__ */ v(me, {
+			columns: B,
+			rows: D,
+			getRowId: O,
+			emptyState: Be,
+			className: he,
+			gridTemplateColumns: A,
+			mode: Ge,
+			density: Ke,
+			renderAction: (e) => We?.cell(e) ?? null
 		})
-	}), Re = Se ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(s, {
-		primaryFilters: Te != null || we != null ? /* @__PURE__ */ b(v, { children: [Te, we] }) : null,
-		filterDrawerTrigger: ke,
-		sortControl: Ee,
-		utilityActions: N == null ? null : /* @__PURE__ */ y(g, {
+	}), Je = Ee ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(s, {
+		primaryFilters: Pe != null || Ne != null ? /* @__PURE__ */ y(_, { children: [Pe, Ne] }) : null,
+		filterDrawerTrigger: Re,
+		sortControl: Fe,
+		utilityActions: P == null ? null : /* @__PURE__ */ v(h, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			isLoading: ve,
-			loadingLabel: T("list.actions.refreshing"),
+			isLoading: Se,
+			loadingLabel: C("list.actions.refreshing"),
 			onClick: () => {
-				N();
+				P();
 			},
-			children: T("list.actions.refresh")
+			children: C("list.actions.refresh")
 		}),
-		activeFilters: De,
+		activeFilters: Ie,
 		density: "compact"
-	}), Ae] }) : null, ze = /* @__PURE__ */ b("div", { children: [Le, /* @__PURE__ */ y(r, {
-		isOpen: q != null,
-		entity: q?.entity ?? E.id,
-		title: q?.label ?? T("picker.title"),
-		scope: q?.scope,
+	}), ze] }) : null, Ye = /* @__PURE__ */ y("div", { children: [qe, /* @__PURE__ */ v(r, {
+		isOpen: W != null,
+		entity: W?.entity ?? w.id,
+		title: W?.label ?? C("picker.title"),
+		scope: W?.scope,
 		onClose: () => {
-			J(null);
+			je(null);
 		},
 		onSelectId: (e) => {
-			if (q == null) return;
-			let t = S(D.where, q.whereKey, e, q.path);
-			O({
-				...D,
+			if (W == null) return;
+			let t = x(T.where, W.whereKey, e, W.path);
+			E({
+				...T,
 				where: t
 			});
 		}
-	})] }), Be = k.length > 0 || M || j ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
-		ref: Ne,
+	})] }), $ = D.length > 0 || M || j ? /* @__PURE__ */ y(_, { children: [!Z && /* @__PURE__ */ v("div", {
+		ref: He,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ y(ie, {
-		loadedCount: k.length,
-		totalCount: P,
+	}), /* @__PURE__ */ v(se, {
+		loadedCount: D.length,
+		totalCount: F,
 		hasNextPage: j,
 		isLoading: M,
-		loadedLabel: Me,
-		loadingLabel: T("list.loadMore.loading"),
-		endLabel: T("list.loadMore.end")
+		pageInfoState: X ? "inconsistent" : M ? "loading" : j ? "ready" : "complete",
+		loadedLabel: Ve,
+		loadingLabel: C("list.loadMore.loading"),
+		endLabel: C("list.loadMore.end")
 	})] }) : null;
-	return xe === "embedded" ? /* @__PURE__ */ y(c, {
-		config: E,
-		state: D,
-		pushState: O,
-		children: /* @__PURE__ */ b("div", {
-			className: ee,
+	return Te === "embedded" ? /* @__PURE__ */ v(c, {
+		config: w,
+		state: T,
+		pushState: E,
+		children: /* @__PURE__ */ y("div", {
+			className: te,
 			children: [
-				/* @__PURE__ */ y("div", {
-					className: te,
-					children: Pe
+				/* @__PURE__ */ v("div", {
+					className: ne,
+					children: Q
 				}),
-				Re,
-				I,
-				ze,
-				Be
+				Je,
+				L,
+				Ye,
+				$
 			]
 		})
-	}) : /* @__PURE__ */ y(c, {
-		config: E,
-		state: D,
-		pushState: O,
-		children: /* @__PURE__ */ y(le, {
-			headerNode: /* @__PURE__ */ y(ae, {
-				title: Pe,
-				subtitle: Fe,
-				actions: be
+	}) : /* @__PURE__ */ v(c, {
+		config: w,
+		state: T,
+		pushState: E,
+		children: /* @__PURE__ */ v(pe, {
+			headerNode: /* @__PURE__ */ v(ce, {
+				title: Q,
+				subtitle: Ue,
+				actions: Ce
 			}),
-			toolbarNode: Re,
-			statusNode: I,
-			tableNode: ze,
-			tableFooterNode: Be,
+			toolbarNode: Je,
+			statusNode: L,
+			tableNode: Ye,
+			tableFooterNode: $,
 			presentation: "flat"
 		})
 	});
 };
 //#endregion
-export { T as BackofficeEntityListScaffold, T as default };
+export { C as BackofficeEntityListScaffold, C as default };
 
 //# sourceMappingURL=BackofficeEntityListScaffold.js.map