@plumile/backoffice-react 0.1.201 → 0.1.206

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, incrementalError: N = null, isRefreshing: P = !1, onLoadMore: F, onRetryLoadMore: je, onRefresh: I, totalCount: L, loadedCountLabel: Me, emptyState: Ne, statusBanner: Pe, header: Fe, headerActions: Ie, isLoadingInitial: R = !1, variant: Le = "page", showFilters: Re = !0 } = x, z = E.list, { listDefaults: B } = E, V = m(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,
@@ -77,9 +77,9 @@ var C = (e, t) => e(t), we = (e, t) => {
 			...e,
 			header: n
 		};
-	}), [j]), B = p(() => {
+	}), [A]), H = m(() => {
 		let e = [];
-		for (let t of R.filters) {
+		for (let t of z.filters) {
 			let n = we(t, D.where), r = Ee(t, n, {
 				enumLabel: (e) => {
 					if (t.kind !== "enum") return e;
@@ -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
@@ -121,14 +121,14 @@ var C = (e, t) => e(t), we = (e, t) => {
 		}
 		return e;
 	}, [
-		R.filters,
+		z.filters,
 		O,
 		D,
 		T,
 		w
-	]), V = oe(() => {
-		O({ ...Re });
-	}, [Re, O]), [ze, Be] = m(!1), [Ve, He] = m(""), H = x.filterDrawerState ?? {
+	]), U = p(() => {
+		O({ ...B });
+	}, [B, O]), [ze, Be] = h(!1), [Ve, He] = h(""), W = x.filterDrawerState ?? {
 		isOpen: ze,
 		search: Ve,
 		setOpen: Be,
@@ -136,13 +136,13 @@ var C = (e, t) => e(t), we = (e, t) => {
 		reset: () => {
 			Be(!1), He("");
 		}
-	}, Ue = H.isOpen, U = H.search, W = H.setOpen, We = H.setSearch, Ge = H.reset, [G, K] = m(null), q = oe((e) => {
+	}, Ue = W.isOpen, G = W.search, K = W.setOpen, We = W.setSearch, Ge = W.reset, [q, J] = h(null), Y = 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({
+						J({
 							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({
+					J({
 						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,34 +362,34 @@ 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(() => {
-		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);
+	]), Ke = m(() => z.filters.some((e) => e.placement != null), [z.filters]), X = m(() => {
+		if (z.filters.length === 0) return [];
+		let e = z.ui?.toolbar?.maxPromotedFilters ?? 3;
+		return Ke ? z.filters.filter((e) => e.placement === "quick" || e.placement === "both") : z.filters.slice(0, e);
 	}, [
-		R.filters,
-		R.ui?.toolbar,
+		z.filters,
+		z.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))
+	]), Z = m(() => z.filters.filter((e) => e.placement == null || e.placement === "drawer" || e.placement === "both"), [z.filters]), Q = m(() => X.find((e) => e.kind === "text"), [X]), qe = m(() => {
+		let e = X.filter((e) => e !== Q);
+		return e.length === 0 ? null : /* @__PURE__ */ _("div", {
+			className: u,
+			children: e.map((e) => /* @__PURE__ */ _("span", { children: Y(e) }, e.id))
 		});
 	}, [
-		J,
-		q,
-		X
-	]), Je = p(() => X == null ? null : q(X), [q, X]), Ye = p(() => {
-		if (R.sorts.length === 0) return null;
-		let e = R.sorts[0];
+		X,
+		Y,
+		Q
+	]), Je = m(() => Q == null ? null : Y(Q), [Y, Q]), Ye = m(() => {
+		if (z.sorts.length === 0) return null;
+		let e = z.sorts[0];
 		if (e == null) return null;
-		let t = R.sorts.map((e) => ({
+		let t = z.sorts.map((e) => ({
 			id: e.id,
 			value: e.id,
 			label: C(e.label, w)
 		}));
-		return /* @__PURE__ */ g(y, {
+		return /* @__PURE__ */ _(b, {
 			options: t,
 			value: D.sort ?? e.id,
 			size: "small",
@@ -402,24 +402,24 @@ var C = (e, t) => e(t), we = (e, t) => {
 			}
 		});
 	}, [
-		R.sorts,
+		z.sorts,
 		O,
 		D,
 		T,
 		w
-	]), Xe = p(() => B.length === 0 ? null : /* @__PURE__ */ g(ve, {
-		chips: B,
-		onClearAll: V
-	}), [B, V]), Ze = p(() => {
-		if (Y.length === 0) return [];
-		let e = U.trim().toLowerCase(), t = [];
-		for (let n of Y) {
+	]), Xe = m(() => H.length === 0 ? null : /* @__PURE__ */ _(_e, {
+		chips: H,
+		onClearAll: U
+	}), [H, U]), Ze = m(() => {
+		if (Z.length === 0) return [];
+		let e = G.trim().toLowerCase(), t = [];
+		for (let n of Z) {
 			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: Y(n)
 				})
 			});
 		}
@@ -429,254 +429,256 @@ var C = (e, t) => e(t), we = (e, t) => {
 			items: t
 		}];
 	}, [
+		Z,
+		G,
 		Y,
-		U,
-		q,
 		T,
 		w
-	]), Qe = p(() => {
-		if (Y.length === 0) return null;
-		let e = B.length, t = T("filters.trigger");
-		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ g(v, {
+	]), Qe = m(() => {
+		if (Z.length === 0) return null;
+		let e = H.length, t = T("filters.trigger");
+		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ _(y, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: () => {
-				W(!0);
+				K(!0);
 			},
 			children: t
 		});
 	}, [
-		B.length,
-		Y.length,
-		W,
+		H.length,
+		Z.length,
+		K,
 		T
-	]), $e = U.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), et = /* @__PURE__ */ g(fe, {
+	]), $e = G.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), et = /* @__PURE__ */ _(de, {
 		isOpen: Ue,
 		onClose: () => {
 			Ge();
 		},
 		sections: Ze,
-		searchValue: U,
+		searchValue: G,
 		onSearchChange: (e) => {
 			We(e);
 		},
-		onReset: V,
+		onReset: U,
 		emptyLabel: $e
-	}), tt = p(() => Me ?? (L ? /* @__PURE__ */ g(_e, {
+	}), tt = m(() => Ne ?? (R ? /* @__PURE__ */ _(ge, {
 		variant: "embedded",
 		ariaLabel: T("common.loading")
-	}) : B.length > 0 ? /* @__PURE__ */ g(b, {
+	}) : H.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,
+			onClick: U,
 			children: T("emptyState.listEmptyFiltered.actions.reset")
 		})
-	}) : /* @__PURE__ */ g(b, {
+	}) : /* @__PURE__ */ _(le, {
 		title: T("emptyState.listEmpty.title"),
 		description: T("emptyState.listEmpty.description")
 	})), [
-		B.length,
-		Me,
-		V,
-		L,
+		H.length,
+		Ne,
+		U,
+		R,
 		T
-	]), nt = p(() => je ?? (typeof I == "number" ? /* @__PURE__ */ g("span", { children: T("list.showing", {
+	]), nt = m(() => Me ?? (typeof L == "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 }) })), [
-		je,
+		total: L
+	}) }) : k.length === 0 ? null : /* @__PURE__ */ _("span", { children: T("list.loaded", { count: k.length }) })), [
+		Me,
 		k.length,
 		T,
-		I
-	]), Z = p(() => {
-		let e = R.ui?.displayMode ?? R.responsive?.mode ?? "auto";
-		return Ce({
-			kind: R.kind,
+		L
+	]), $ = m(() => {
+		let e = z.ui?.displayMode ?? z.responsive?.mode ?? "auto";
+		return Se({
+			kind: z.kind,
 			displayMode: e,
-			ui: R.ui
+			ui: z.ui
 		});
 	}, [
-		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.", {
+		z.kind,
+		z.responsive?.mode,
+		z.ui
+	]), rt = typeof L == "number" && k.length < L && !j;
+	ae(() => {
+		!rt || !$.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
+			totalCount: L
 		});
 	}, [
 		E.id,
-		Q,
+		rt,
 		k.length,
-		Z.infiniteScroll.showInconsistentPageInfo,
-		I
+		$.infiniteScroll.showInconsistentPageInfo,
+		L
 	]);
-	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, {
-		columns: z,
+	let it = x.virtualize === !0 || $.virtualization.enabled, { sentinelRef: at } = l({
+		enabled: !it && $.infiniteScroll.enabled && N == null,
+		hasNextPage: j,
+		isLoading: M,
+		onIntersect: F,
+		rootMargin: $.infiniteScroll.rootMargin,
+		threshold: $.infiniteScroll.threshold
+	}), ot = Fe?.title ?? C(z.title, w), st = Fe?.subtitle, ct = V.find((e) => e.mobileRole === "action" || e.id === "actions"), lt = z.ui?.displayMode ?? z.responsive?.mode ?? "auto", ut = z.ui?.density ?? z.responsive?.density ?? "compact", dt = it ? /* @__PURE__ */ _(be, {
+		columns: V,
 		rows: k,
-		getRowId: A,
+		getRowId: ke,
 		emptyState: tt,
-		className: Se,
-		gridTemplateColumns: ke,
-		virtualization: Z.virtualization,
+		className: xe,
+		gridTemplateColumns: Ae,
+		virtualization: $.virtualization,
 		infiniteScroll: {
-			enabled: Z.infiniteScroll.enabled,
-			thresholdPx: Z.infiniteScroll.thresholdPx,
-			autoLoad: Z.infiniteScroll.autoLoad
+			enabled: $.infiniteScroll.enabled,
+			thresholdPx: $.infiniteScroll.thresholdPx,
+			autoLoad: $.infiniteScroll.autoLoad
 		},
-		hasNextPage: M,
-		isLoadingMore: N,
-		onLoadMore: Ae,
+		hasNextPage: j,
+		isLoadingMore: M,
+		onLoadMore: N == null ? F : () => {},
 		bodyScrollMode: c
-	}) : /* @__PURE__ */ g(be, {
-		columns: z,
+	}) : /* @__PURE__ */ _(ye, {
+		columns: V,
 		rows: k,
-		getRowId: A,
+		getRowId: ke,
 		emptyState: tt,
-		className: Se,
-		gridTemplateColumns: ke,
-		mode: ct,
-		density: lt,
+		className: xe,
+		gridTemplateColumns: Ae,
+		mode: lt,
+		density: ut,
 		bodyScrollMode: c,
-		bodyFooterNode: Z.infiniteScroll.enabled ? /* @__PURE__ */ g("div", {
-			ref: it,
+		bodyFooterNode: $.infiniteScroll.enabled ? /* @__PURE__ */ _("div", {
+			ref: at,
 			"aria-hidden": "true"
 		}) : null,
-		renderAction: (e) => st?.cell(e) ?? null
-	}), dt = /* @__PURE__ */ g(n, {
+		renderAction: (e) => ct?.cell(e) ?? null
+	}), ft = /* @__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",
 					onClick: () => {
-						t(), F?.();
+						t(), I?.();
 					},
 					children: T("list.actions.retry")
 				}),
 				children: T("list.errors.tableFailed")
 			});
 		},
-		children: ut
-	}), ft = Le ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ge, {
+		children: dt
+	}), pt = Re ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(he, {
 		search: Je,
 		primaryFilters: qe,
 		filterDrawerTrigger: Qe,
 		sort: Ye,
-		utilityActions: F == null ? null : /* @__PURE__ */ g(v, {
+		utilityActions: I == null ? null : /* @__PURE__ */ _(y, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			isLoading: P,
 			loadingLabel: T("list.actions.refreshing"),
 			onClick: () => {
-				F();
+				I();
 			},
 			children: T("list.actions.refresh")
 		}),
 		chips: Xe,
 		density: "compact"
-	}), et] }) : null, pt = /* @__PURE__ */ _("div", {
-		className: ae,
+	}), et] }) : null, mt = /* @__PURE__ */ v("div", {
+		className: ie,
 		"aria-busy": P ? "true" : void 0,
 		children: [
-			P && !L ? /* @__PURE__ */ _("div", {
-				className: ie,
+			P && !R ? /* @__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,
+			ft,
+			/* @__PURE__ */ _(r, {
+				isOpen: q != null,
+				entity: q?.entity ?? E.id,
+				title: q?.label ?? T("picker.title"),
+				scope: q?.scope,
 				onClose: () => {
-					K(null);
+					J(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 (q == null) return;
+					if (q.mode === "list") {
+						let t = q.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = S(D.where, q.whereKey, n, q.path);
+						K(!0), O({
 							...D,
 							where: r
 						});
 						return;
 					}
-					let t = S(D.where, G.whereKey, e, G.path);
-					W(!0), O({
+					let t = S(D.where, q.whereKey, e, q.path);
+					K(!0), O({
 						...D,
 						where: t
 					});
 				}
 			})
 		]
-	}), $ = k.length > 0 || N || M ? /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(me, {
-		mode: "status",
+	}), ht = k.length > 0 || M || j ? /* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(pe, {
+		state: N != null && je != null ? {
+			kind: "error",
+			message: N.message,
+			onRetry: je
+		} : M ? { kind: "loading" } : j ? { kind: "idle" } : { kind: "end" },
 		loadedCount: k.length,
-		totalCount: I,
-		hasNextPage: M,
-		isLoading: N,
-		pageInfoState: Q ? "inconsistent" : N ? "loading" : M ? "ready" : "complete",
+		totalCount: L,
 		labels: {
 			loaded: nt,
 			loading: T("list.loadMore.loading"),
-			end: T("list.loadMore.end")
+			end: T("list.loadMore.end"),
+			retry: T("list.actions.retry")
 		}
 	}) }) : null;
-	return Ie === "embedded" ? /* @__PURE__ */ g(i, {
+	return Le === "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: ot
 				}),
-				ft,
-				Ne,
 				pt,
-				$
+				Pe,
+				mt,
+				ht
 			]
 		})
-	}) : /* @__PURE__ */ g(i, {
+	}) : /* @__PURE__ */ _(i, {
 		config: E,
 		state: D,
 		pushState: O,
-		children: /* @__PURE__ */ g(ye, {
-			headerNode: /* @__PURE__ */ g(he, {
-				title: at,
-				subtitle: ot,
-				actions: Fe
+		children: /* @__PURE__ */ _(ve, {
+			headerNode: /* @__PURE__ */ _(me, {
+				title: ot,
+				subtitle: st,
+				actions: Ie
 			}),
-			toolbarNode: ft,
-			statusNode: Ne,
-			tableNode: pt,
-			tableFooterNode: $,
+			toolbarNode: pt,
+			statusNode: Pe,
+			tableNode: mt,
+			tableFooterNode: ht,
 			presentation: "flat",
 			bodyScrollMode: c
 		})