@plumile/backoffice-react 0.1.188 → 0.1.189

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

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