@plumile/backoffice-react 0.1.194 → 0.1.195

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

@@ -4,42 +4,46 @@ 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 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 u, embeddedContainer as te, embeddedHeader as ne, entityIdListFilter as re, entityIdListTags as ie, filterInput as d, refreshingIndicator as ae, tableHost as oe } from "./backofficeEntityListScaffold.css.js";
-import { useCallback as f, useEffect as se, useMemo as p, useState as m } from "react";
+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 de } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { Tag as fe } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { readWhereValue as b, setWhereValue as x } from "@plumile/backoffice-core/filters/where.js";
-import { BackofficeFilterDrawer as pe } from "@plumile/ui/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
-import { BackofficeFilterField as me } from "@plumile/ui/backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
-import { BackofficeListFooter as he } from "@plumile/ui/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.js";
-import { BackofficePageHeader as ge } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import { BackofficeToolbar as _e } from "@plumile/ui/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.js";
-import { BackofficeTableSkeleton as ve } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
-import { FilterChipRow as ye } from "@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js";
-import { ListPageTemplate as be } from "@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js";
-import { ResponsiveRecordList as xe } from "@plumile/ui/components/data-table/ResponsiveRecordList.js";
-import { VirtualizedConnectionTable as Se } from "@plumile/ui/components/data-table/VirtualizedConnectionTable.js";
-import { denseTableClass as Ce } from "@plumile/ui/shared/backofficeTableDensity.css.js";
-import { resolveBackofficeListRuntimeConfig as we } from "@plumile/backoffice-core/config/listRuntime.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 { 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";
 //#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
-var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : b(t, e.whereKey ?? e.id, e.path), Ee = (e) => Array.isArray(e) ? e.map((e) => {
+var C = (e, t) => e(t), we = (e, t) => {
+	if (e.fromGraphQL != null && t != null) return e.fromGraphQL(t);
+	let n = e.whereKey ?? e.id;
+	return x(t, n, e.path);
+}, Te = (e) => Array.isArray(e) ? e.map((e) => {
 	if (e == null) return null;
 	let t = String(e).trim();
 	return t === "" ? null : t;
-}).filter((e) => e != null) : [], De = (e, t, n) => {
+}).filter((e) => e != null) : [], Ee = (e, t, n) => {
 	if (t == null) return null;
 	if (Array.isArray(t)) {
-		let n = Ee(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, {
 			entityId: e.entity,
 			id: t
@@ -52,21 +56,21 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		entityId: e.entity,
 		id: r
 	}) : e.kind === "enum" ? n.enumLabel(r) : r;
-}, Oe = (e) => {
+}, De = (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);
-}, ke = (e) => {
+}, Oe = (e) => {
 	let t = e.trim();
 	if (t === "") return "";
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
-}, C = (b) => {
-	let { t: C } = le(), { t: w } = e(), { config: T, state: E, pushState: D, rows: O, getRowId: k, columns: A, gridTemplateColumns: Ae, hasNextPage: j, isLoadingMore: M, isRefreshing: N = !1, onLoadMore: je, onRefresh: P, totalCount: F, loadedCountLabel: Me, emptyState: Ne, statusBanner: Pe, header: I, headerActions: Fe, isLoadingInitial: L = !1, variant: Ie = "page", showFilters: Le = !0 } = b, R = T.list, Re = T.listDefaults ?? R.defaultState ?? {
+}, 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, Re = E.listDefaults ?? R.defaultState ?? {
 		where: null,
 		sort: null
-	}, z = p(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
+	}, z = p(() => j.some((e) => e.isPrimary === !0) || j.length === 0 ? j : j.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,
@@ -76,32 +80,32 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 			...e,
 			header: n
 		};
-	}), [A]), B = p(() => {
+	}), [j]), B = p(() => {
 		let e = [];
 		for (let t of R.filters) {
-			let n = Te(t, E.where), r = De(t, n, {
+			let n = we(t, D.where), r = Ee(t, n, {
 				enumLabel: (e) => {
 					if (t.kind !== "enum") return e;
 					let n = t.options.find((t) => t.value === e);
-					return n == null ? e : S(n.label, C);
+					return n == null ? e : C(n.label, w);
 				},
 				booleanLabel: (e) => {
 					if (t.kind === "boolean") {
-						if (e && t.trueLabel != null) return S(t.trueLabel, C);
-						if (!e && t.falseLabel != null) return S(t.falseLabel, C);
+						if (e && t.trueLabel != null) return C(t.trueLabel, w);
+						if (!e && t.falseLabel != null) return C(t.falseLabel, w);
 					}
-					return w(e ? "filters.boolean.yes" : "filters.boolean.no");
+					return T(e ? "filters.boolean.yes" : "filters.boolean.no");
 				},
 				fallbackBooleanLabels: {
-					yes: w("filters.boolean.yes"),
-					no: w("filters.boolean.no")
+					yes: T("filters.boolean.yes"),
+					no: T("filters.boolean.no")
 				}
 			});
 			if (r != null) {
 				let i = String(n);
 				Array.isArray(n) && (i = n.join(","));
 				let a = /* @__PURE__ */ _("span", { children: [
-					S(t.label, C),
+					C(t.label, w),
 					": ",
 					r
 				] });
@@ -109,9 +113,9 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 					id: `${t.id}:${i}`,
 					label: a,
 					onRemove: () => {
-						let e = t.whereKey ?? t.id, n = x(E.where, e, null, t.path);
-						D({
-							...E,
+						let e = t.whereKey ?? t.id, n = S(D.where, e, null, t.path);
+						O({
+							...D,
 							where: n
 						});
 					}
@@ -121,13 +125,13 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		return e;
 	}, [
 		R.filters,
+		O,
 		D,
-		E,
-		w,
-		C
-	]), V = f(() => {
-		D({ ...Re });
-	}, [Re, D]), [ze, Be] = m(!1), [Ve, He] = m(""), H = b.filterDrawerState ?? {
+		T,
+		w
+	]), V = oe(() => {
+		O({ ...Re });
+	}, [Re, O]), [ze, Be] = m(!1), [Ve, He] = m(""), H = x.filterDrawerState ?? {
 		isOpen: ze,
 		search: Ve,
 		setOpen: Be,
@@ -135,162 +139,165 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		reset: () => {
 			Be(!1), He("");
 		}
-	}, Ue = H.isOpen, U = H.search, W = H.setOpen, We = H.setSearch, Ge = H.reset, [G, K] = m(null), q = f((e) => {
-		let n = e.whereKey ?? e.id, r = Te(e, E.where), i = "";
+	}, Ue = H.isOpen, U = H.search, W = H.setOpen, We = H.setSearch, Ge = H.reset, [G, K] = m(null), q = oe((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 s = S(e.label, C);
+		let c = C(e.label, w);
 		if (e.kind === "text") {
-			let t = e.placeholderLabel == null ? s : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ g(a, {
+			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, {
 				value: i,
 				onApply: (t) => {
-					let r = x(E.where, n, t, e.path);
-					D({
-						...E,
+					let r = S(D.where, n, t, e.path);
+					O({
+						...D,
 						where: r
 					});
 				},
 				placeholder: r,
 				ariaLabel: r,
-				className: d
+				className: f
 			});
 		}
 		if (e.kind === "datetime") {
-			let t = e.placeholderLabel == null ? s : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ g(a, {
-				value: Oe(i),
+			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, {
+				value: De(i),
 				onApply: (t) => {
-					let r = ke(t), i = x(E.where, n, r, e.path);
-					D({
-						...E,
+					let r = Oe(t), i = S(D.where, n, r, e.path);
+					O({
+						...D,
 						where: i
 					});
 				},
 				placeholder: r,
 				ariaLabel: r,
-				className: d,
+				className: f,
 				type: "datetime-local"
 			});
 		}
 		if (e.kind === "number") {
-			let t = e.placeholderLabel == null ? s : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ g(a, {
+			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, {
 				value: i,
 				onApply: (t) => {
-					let r = t.trim(), i = r === "" ? null : Number(r), a = x(E.where, n, Number.isFinite(i) ? i : null, e.path);
-					D({
-						...E,
+					let r = t.trim(), i = r === "" ? null : Number(r), a = S(D.where, n, Number.isFinite(i) ? i : null, e.path);
+					O({
+						...D,
 						where: a
 					});
 				},
 				placeholder: r,
 				ariaLabel: r,
-				className: d,
+				className: f,
 				inputMode: e.inputMode ?? "numeric",
 				type: "text"
 			});
 		}
-		if (e.kind === "enum") return /* @__PURE__ */ g(y, {
-			options: [{
+		if (e.kind === "enum") {
+			let t = [{
 				id: "any",
 				value: "",
-				label: w("filters.all", { label: s })
+				label: T("filters.all", { label: c })
 			}, ...e.options.map((e) => ({
 				id: e.value,
 				value: e.value,
-				label: S(e.label, C)
-			}))],
-			value: i,
-			size: "small",
-			ariaLabel: s,
-			onChange: (t) => {
-				let r = x(E.where, n, t, e.path);
-				D({
-					...E,
-					where: r
-				});
-			}
-		});
+				label: C(e.label, w)
+			}))];
+			return /* @__PURE__ */ g(y, {
+				options: t,
+				value: i,
+				size: "small",
+				ariaLabel: c,
+				onChange: (t) => {
+					let r = S(D.where, n, t, e.path);
+					O({
+						...D,
+						where: r
+					});
+				}
+			});
+		}
 		if (e.kind === "boolean") {
 			let t = null;
 			typeof r == "boolean" && (t = r);
 			let i = "";
 			t === !0 && (i = "true"), t === !1 && (i = "false");
-			let a = e.trueLabel == null ? w("filters.boolean.yes") : S(e.trueLabel, C), o = e.falseLabel == null ? w("filters.boolean.no") : S(e.falseLabel, C);
+			let a = e.trueLabel == null ? T("filters.boolean.yes") : C(e.trueLabel, w), o = e.falseLabel == null ? T("filters.boolean.no") : C(e.falseLabel, w), s = [
+				{
+					id: "any",
+					value: "",
+					label: T("filters.all", { label: c })
+				},
+				{
+					id: "true",
+					value: "true",
+					label: a
+				},
+				{
+					id: "false",
+					value: "false",
+					label: o
+				}
+			];
 			return /* @__PURE__ */ g(y, {
-				options: [
-					{
-						id: "any",
-						value: "",
-						label: w("filters.all", { label: s })
-					},
-					{
-						id: "true",
-						value: "true",
-						label: a
-					},
-					{
-						id: "false",
-						value: "false",
-						label: o
-					}
-				],
+				options: s,
 				value: i,
 				size: "small",
-				ariaLabel: s,
+				ariaLabel: c,
 				onChange: (t) => {
 					let r = null;
 					t === "true" && (r = !0), t === "false" && (r = !1);
-					let i = x(E.where, n, r, e.path);
-					D({
-						...E,
+					let i = S(D.where, n, r, e.path);
+					O({
+						...D,
 						where: i
 					});
 				}
 			});
 		}
-		let c = (() => {
-			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(E.where) : e.pickerScope;
+		let l = (() => {
+			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(D.where) : e.pickerScope;
 		})();
 		if (e.kind === "entityIdList") {
-			let i = Ee(r), a = i.length, ee = a === 0 ? null : w("filters.selectedEntities", { count: a }), l = (t) => {
-				let r = i.filter((e) => e !== t), a = x(E.where, n, r.length === 0 ? null : r, e.path);
-				D({
-					...E,
+			let i = Te(r), a = i.length, s = a === 0 ? null : T("filters.selectedEntities", { count: a }), u = (t) => {
+				let r = i.filter((e) => e !== t), a = S(D.where, n, r.length === 0 ? null : r, e.path);
+				O({
+					...D,
 					where: a
 				});
 			};
 			return /* @__PURE__ */ _("div", {
-				className: re,
+				className: ne,
 				children: [/* @__PURE__ */ g(t, {
-					label: s,
+					label: c,
 					value: a === 0 ? null : i.join(","),
-					displayValue: ee,
-					placeholder: w("filters.placeholders.anyEntity", { label: s }),
+					displayValue: s,
+					placeholder: T("filters.placeholders.anyEntity", { label: c }),
 					onPick: () => {
 						K({
 							entity: e.entity,
 							whereKey: n,
-							label: s,
+							label: c,
 							mode: "list",
 							currentIds: i,
 							path: e.path,
-							scope: c
+							scope: l
 						});
 					},
 					onClear: () => {
-						let t = x(E.where, n, null, e.path);
-						D({
-							...E,
+						let t = S(D.where, n, null, e.path);
+						O({
+							...D,
 							where: t
 						});
 					}
 				}), i.length > 0 ? /* @__PURE__ */ g("div", {
-					className: ie,
-					children: i.map((t) => /* @__PURE__ */ g(fe, {
-						removeLabel: w("filters.actions.removeFilterValue", { label: s }),
+					className: re,
+					children: i.map((t) => /* @__PURE__ */ g(de, {
+						removeLabel: T("filters.actions.removeFilterValue", { label: c }),
 						onRemove: () => {
-							l(t);
+							u(t);
 						},
 						children: /* @__PURE__ */ g(o, {
 							entityId: e.entity,
@@ -301,63 +308,63 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 			});
 		}
 		if (e.kind === "stringList") {
-			let t = e.placeholderLabel == null ? s : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
-			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ g(a, {
+			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, {
 				value: i,
 				onApply: (t) => {
-					let r = t.split(/[\n,]+/u).map((e) => e.trim()).filter((e) => e !== ""), i = x(E.where, n, r, e.path);
-					D({
-						...E,
+					let r = t.split(/[\n,]+/u).map((e) => e.trim()).filter((e) => e !== ""), i = S(D.where, n, r, e.path);
+					O({
+						...D,
 						where: i
 					});
 				},
 				placeholder: r,
 				ariaLabel: r,
-				className: d
+				className: f
 			});
 		}
-		let l = null;
-		typeof r == "string" && (l = r);
-		let u = (r = null, i = !1) => {
+		let u = null;
+		typeof r == "string" && (u = r);
+		let d = (r = null, i = !1) => {
 			let a = r?.trim() ?? "";
 			return /* @__PURE__ */ g(t, {
-				label: s,
-				value: l,
+				label: c,
+				value: u,
 				displayValue: a,
 				isResolving: i,
-				placeholder: w("filters.placeholders.anyEntity", { label: s }),
+				placeholder: T("filters.placeholders.anyEntity", { label: c }),
 				onPick: () => {
 					K({
 						entity: e.entity,
 						whereKey: n,
-						label: s,
+						label: c,
 						mode: "single",
 						path: e.path,
-						scope: c
+						scope: l
 					});
 				},
 				onClear: () => {
-					let t = x(E.where, n, null, e.path);
-					D({
-						...E,
+					let t = S(D.where, n, null, e.path);
+					O({
+						...D,
 						where: t
 					});
 				}
 			});
 		};
-		return l == null || l.trim() === "" ? u() : /* @__PURE__ */ g(ee, {
+		return u == null || u.trim() === "" ? d() : /* @__PURE__ */ g(s, {
 			entityId: e.entity,
-			id: l,
+			id: u,
 			children: (e, t) => {
 				let n = t?.status === "loading";
-				return u(n ? w("common.loading") : e, n);
+				return d(n ? T("common.loading") : e, n);
 			}
 		});
 	}, [
+		O,
 		D,
-		E,
-		w,
-		C
+		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;
@@ -369,7 +376,7 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 	]), 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: u,
+			className: d,
 			children: e.map((e) => /* @__PURE__ */ g("span", { children: q(e) }, e.id))
 		});
 	}, [
@@ -379,39 +386,41 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 	]), Je = p(() => X == null ? null : q(X), [q, X]), Ye = p(() => {
 		if (R.sorts.length === 0) return null;
 		let e = R.sorts[0];
-		return e == null ? null : /* @__PURE__ */ g(y, {
-			options: R.sorts.map((e) => ({
-				id: e.id,
-				value: e.id,
-				label: S(e.label, C)
-			})),
-			value: E.sort ?? e.id,
+		if (e == null) return null;
+		let t = R.sorts.map((e) => ({
+			id: e.id,
+			value: e.id,
+			label: C(e.label, w)
+		}));
+		return /* @__PURE__ */ g(y, {
+			options: t,
+			value: D.sort ?? e.id,
 			size: "small",
-			ariaLabel: w("list.sort.label"),
+			ariaLabel: T("list.sort.label"),
 			onChange: (e) => {
-				D({
-					...E,
+				O({
+					...D,
 					sort: e
 				});
 			}
 		});
 	}, [
 		R.sorts,
+		O,
 		D,
-		E,
-		w,
-		C
-	]), Xe = p(() => B.length === 0 ? null : /* @__PURE__ */ g(ye, {
+		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) {
-			let r = S(n.label, C);
+			let r = C(n.label, w);
 			(e === "" || r.toLowerCase().includes(e)) && t.push({
 				id: n.id,
-				node: /* @__PURE__ */ g(me, {
+				node: /* @__PURE__ */ g(pe, {
 					label: r,
 					children: q(n)
 				})
@@ -419,19 +428,19 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		}
 		return t.length === 0 ? [] : [{
 			id: "backoffice.filters.sections.default",
-			title: w("filters.sections.default"),
+			title: T("filters.sections.default"),
 			items: t
 		}];
 	}, [
 		Y,
 		U,
 		q,
-		w,
-		C
+		T,
+		w
 	]), Qe = p(() => {
 		if (Y.length === 0) return null;
-		let e = B.length, t = w("filters.trigger");
-		return e > 0 && (t = w("filters.triggerWithCount", { count: e })), /* @__PURE__ */ g(v, {
+		let e = B.length, t = T("filters.trigger");
+		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ g(v, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
@@ -444,8 +453,8 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		B.length,
 		Y.length,
 		W,
-		w
-	]), $e = /* @__PURE__ */ g(pe, {
+		T
+	]), $e = U.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), et = /* @__PURE__ */ g(fe, {
 		isOpen: Ue,
 		onClose: () => {
 			Ge();
@@ -456,40 +465,40 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 			We(e);
 		},
 		onReset: V,
-		emptyLabel: U.trim() === "" ? void 0 : w("filters.drawer.emptySearchResults")
-	}), et = p(() => Ne ?? (L ? /* @__PURE__ */ g(ve, {
+		emptyLabel: $e
+	}), tt = p(() => Me ?? (L ? /* @__PURE__ */ g(_e, {
 		variant: "embedded",
-		ariaLabel: w("common.loading")
-	}) : B.length > 0 ? /* @__PURE__ */ g(de, {
-		title: w("emptyState.listEmpty.title"),
-		description: w("emptyState.listEmptyFiltered.description"),
+		ariaLabel: T("common.loading")
+	}) : B.length > 0 ? /* @__PURE__ */ g(b, {
+		title: T("emptyState.listEmpty.title"),
+		description: T("emptyState.listEmptyFiltered.description"),
 		actions: /* @__PURE__ */ g(v, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: V,
-			children: w("emptyState.listEmptyFiltered.actions.reset")
+			children: T("emptyState.listEmptyFiltered.actions.reset")
 		})
-	}) : /* @__PURE__ */ g(de, {
-		title: w("emptyState.listEmpty.title"),
-		description: w("emptyState.listEmpty.description")
+	}) : /* @__PURE__ */ g(b, {
+		title: T("emptyState.listEmpty.title"),
+		description: T("emptyState.listEmpty.description")
 	})), [
 		B.length,
-		Ne,
+		Me,
 		V,
 		L,
-		w
-	]), tt = p(() => Me ?? (typeof F == "number" ? /* @__PURE__ */ g("span", { children: w("list.showing", {
-		shown: O.length,
-		total: F
-	}) }) : O.length === 0 ? null : /* @__PURE__ */ g("span", { children: w("list.loaded", { count: O.length }) })), [
-		Me,
-		O.length,
-		w,
-		F
+		T
+	]), nt = p(() => je ?? (typeof I == "number" ? /* @__PURE__ */ g("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,
+		k.length,
+		T,
+		I
 	]), Z = p(() => {
 		let e = R.ui?.displayMode ?? R.responsive?.mode ?? "auto";
-		return we({
+		return Ce({
 			kind: R.kind,
 			displayMode: e,
 			ui: R.ui
@@ -498,113 +507,113 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		R.kind,
 		R.responsive?.mode,
 		R.ui
-	]), Q = typeof F == "number" && O.length < F && !j;
+	]), Q = typeof I == "number" && k.length < I && !M;
 	se(() => {
-		!Q || !Z.infiniteScroll.showInconsistentPageInfo || !l() || console.warn("Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.", {
-			entityId: T.id,
-			loadedCount: O.length,
-			totalCount: F
+		!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: I
 		});
 	}, [
-		T.id,
+		E.id,
 		Q,
-		O.length,
+		k.length,
 		Z.infiniteScroll.showInconsistentPageInfo,
-		F
+		I
 	]);
-	let nt = b.virtualize === !0 || Z.virtualization.enabled, { sentinelRef: rt } = c({
-		enabled: !nt && Z.infiniteScroll.enabled,
-		hasNextPage: j,
-		isLoading: M,
-		onIntersect: je,
+	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
-	}), it = I?.title ?? S(R.title, C), at = I?.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 = /* @__PURE__ */ g(n, {
+	}), 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,
+		rows: k,
+		getRowId: A,
+		emptyState: tt,
+		className: Se,
+		gridTemplateColumns: ke,
+		virtualization: Z.virtualization,
+		infiniteScroll: {
+			enabled: Z.infiniteScroll.enabled,
+			thresholdPx: Z.infiniteScroll.thresholdPx,
+			autoLoad: Z.infiniteScroll.autoLoad
+		},
+		hasNextPage: M,
+		isLoadingMore: N,
+		onLoadMore: Ae,
+		bodyScrollMode: c
+	}) : /* @__PURE__ */ g(be, {
+		columns: z,
+		rows: k,
+		getRowId: A,
+		emptyState: tt,
+		className: Se,
+		gridTemplateColumns: ke,
+		mode: ct,
+		density: lt,
+		bodyScrollMode: c,
+		bodyFooterNode: Z.infiniteScroll.enabled ? /* @__PURE__ */ g("div", {
+			ref: it,
+			"aria-hidden": "true"
+		}) : null,
+		renderAction: (e) => st?.cell(e) ?? null
+	}), dt = /* @__PURE__ */ g(n, {
 		fallback: (e) => {
 			let { reset: t } = e;
 			return /* @__PURE__ */ g(ce, {
 				tone: "danger",
-				title: w("list.errors.title"),
+				title: T("list.errors.title"),
 				actions: /* @__PURE__ */ g(v, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
 					onClick: () => {
-						t(), P?.();
+						t(), F?.();
 					},
-					children: w("list.actions.retry")
+					children: T("list.actions.retry")
 				}),
-				children: w("list.errors.tableFailed")
+				children: T("list.errors.tableFailed")
 			});
 		},
-		children: nt ? /* @__PURE__ */ g(Se, {
-			columns: z,
-			rows: O,
-			getRowId: k,
-			emptyState: et,
-			className: Ce,
-			gridTemplateColumns: Ae,
-			virtualization: Z.virtualization,
-			infiniteScroll: {
-				enabled: Z.infiniteScroll.enabled,
-				thresholdPx: Z.infiniteScroll.thresholdPx,
-				autoLoad: Z.infiniteScroll.autoLoad
-			},
-			hasNextPage: j,
-			isLoadingMore: M,
-			onLoadMore: je,
-			bodyScrollMode: s
-		}) : /* @__PURE__ */ g(xe, {
-			columns: z,
-			rows: O,
-			getRowId: k,
-			emptyState: et,
-			className: Ce,
-			gridTemplateColumns: Ae,
-			mode: st,
-			density: ct,
-			bodyScrollMode: s,
-			bodyFooterNode: Z.infiniteScroll.enabled ? /* @__PURE__ */ g("div", {
-				ref: rt,
-				"aria-hidden": "true"
-			}) : null,
-			renderAction: (e) => ot?.cell(e) ?? null
-		})
-	}), ut = Le ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(_e, {
+		children: ut
+	}), ft = Le ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ge, {
 		search: Je,
 		primaryFilters: qe,
 		filterDrawerTrigger: Qe,
 		sort: Ye,
-		utilityActions: P == null ? null : /* @__PURE__ */ g(v, {
+		utilityActions: F == null ? null : /* @__PURE__ */ g(v, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			isLoading: N,
-			loadingLabel: w("list.actions.refreshing"),
+			isLoading: P,
+			loadingLabel: T("list.actions.refreshing"),
 			onClick: () => {
-				P();
+				F();
 			},
-			children: w("list.actions.refresh")
+			children: T("list.actions.refresh")
 		}),
 		chips: Xe,
 		density: "compact"
-	}), $e] }) : null, dt = /* @__PURE__ */ _("div", {
-		className: oe,
-		"aria-busy": N ? "true" : void 0,
+	}), et] }) : null, pt = /* @__PURE__ */ _("div", {
+		className: ae,
+		"aria-busy": P ? "true" : void 0,
 		children: [
-			N && !L ? /* @__PURE__ */ _("div", {
-				className: ae,
+			P && !L ? /* @__PURE__ */ _("div", {
+				className: ie,
 				role: "status",
 				children: [/* @__PURE__ */ g(ue, {
 					size: 14,
-					ariaLabel: w("list.refreshingRows")
-				}), /* @__PURE__ */ g("span", { children: w("list.refreshingRows") })]
+					ariaLabel: T("list.refreshingRows")
+				}), /* @__PURE__ */ g("span", { children: T("list.refreshingRows") })]
 			}) : null,
-			lt,
+			dt,
 			/* @__PURE__ */ g(r, {
 				isOpen: G != null,
-				entity: G?.entity ?? T.id,
-				title: G?.label ?? w("picker.title"),
+				entity: G?.entity ?? E.id,
+				title: G?.label ?? T("picker.title"),
 				scope: G?.scope,
 				onClose: () => {
 					K(null);
@@ -612,71 +621,71 @@ var S = (e, t) => e(t), Te = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 				onSelectId: (e) => {
 					if (G == null) return;
 					if (G.mode === "list") {
-						let t = G.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = x(E.where, G.whereKey, n, G.path);
-						W(!0), D({
-							...E,
+						let t = G.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = S(D.where, G.whereKey, n, G.path);
+						W(!0), O({
+							...D,
 							where: r
 						});
 						return;
 					}
-					let t = x(E.where, G.whereKey, e, G.path);
-					W(!0), D({
-						...E,
+					let t = S(D.where, G.whereKey, e, G.path);
+					W(!0), O({
+						...D,
 						where: t
 					});
 				}
 			})
 		]
-	}), $ = O.length > 0 || M || j ? /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(he, {
+	}), $ = k.length > 0 || N || M ? /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(me, {
 		mode: "status",
-		loadedCount: O.length,
-		totalCount: F,
-		hasNextPage: j,
-		isLoading: M,
-		pageInfoState: Q ? "inconsistent" : M ? "loading" : j ? "ready" : "complete",
+		loadedCount: k.length,
+		totalCount: I,
+		hasNextPage: M,
+		isLoading: N,
+		pageInfoState: Q ? "inconsistent" : N ? "loading" : M ? "ready" : "complete",
 		labels: {
-			loaded: tt,
-			loading: w("list.loadMore.loading"),
-			end: w("list.loadMore.end")
+			loaded: nt,
+			loading: T("list.loadMore.loading"),
+			end: T("list.loadMore.end")
 		}
 	}) }) : null;
 	return Ie === "embedded" ? /* @__PURE__ */ g(i, {
-		config: T,
-		state: E,
-		pushState: D,
+		config: E,
+		state: D,
+		pushState: O,
 		children: /* @__PURE__ */ _("div", {
-			className: te,
+			className: ee,
 			children: [
 				/* @__PURE__ */ g("div", {
-					className: ne,
-					children: it
+					className: te,
+					children: at
 				}),
-				ut,
-				Pe,
-				dt,
+				ft,
+				Ne,
+				pt,
 				$
 			]
 		})
 	}) : /* @__PURE__ */ g(i, {
-		config: T,
-		state: E,
-		pushState: D,
-		children: /* @__PURE__ */ g(be, {
-			headerNode: /* @__PURE__ */ g(ge, {
-				title: it,
-				subtitle: at,
+		config: E,
+		state: D,
+		pushState: O,
+		children: /* @__PURE__ */ g(ye, {
+			headerNode: /* @__PURE__ */ g(he, {
+				title: at,
+				subtitle: ot,
 				actions: Fe
 			}),
-			toolbarNode: ut,
-			statusNode: Pe,
-			tableNode: dt,
+			toolbarNode: ft,
+			statusNode: Ne,
+			tableNode: pt,
 			tableFooterNode: $,
 			presentation: "flat",
-			bodyScrollMode: s
+			bodyScrollMode: c
 		})
 	});
 };
 //#endregion
-export { C as BackofficeEntityListScaffold, C as default };
+export { w as BackofficeEntityListScaffold, w as default };
 
 //# sourceMappingURL=BackofficeEntityListScaffold.js.map