@plumile/backoffice-react 0.1.206 → 0.2.2

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

@@ -8,43 +8,41 @@ import { EntityFilterValue as o, EntityFilterValueText as s } from "../filters/E
 import { BACKOFFICE_LIST_BODY_SCROLL_MODE as c } from "./backofficeListScrollMode.js";
 import { useBackofficeInfiniteScrollSentinel as l } from "../../../hooks/useBackofficeInfiniteScrollSentinel.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 de } from "@plumile/ui/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
+import { useCallback as ae, useEffect as oe, useMemo as p, useState as se } from "react";
+import { InlineBanner as ce } from "@plumile/ui/components/feedback/InlineBanner.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useTranslation as le } 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 ue } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as y } 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 b, setWhereValue as x } from "@plumile/backoffice-core/filters/where.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";
+import { BackofficeTableSkeleton as he } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeListFilterToolbar as ge } from "@plumile/ui/backoffice/organisms/backoffice_list_filter_toolbar/BackofficeListFilterToolbar.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 be } from "@plumile/ui/shared/backofficeTableDensity.css.js";
+import { resolveBackofficeListRuntimeConfig as xe } from "@plumile/backoffice-core/config/listRuntime.js";
+import { isDevEnv as Se } from "@plumile/relay/envHelpers.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
-var C = (e, t) => e(t), we = (e, t) => {
+var S = (e, t) => e(t), Ce = (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) => {
+	return b(t, n, e.path);
+}, we = (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) : [], Ee = (e, t, n) => {
+}).filter((e) => e != null) : [], Te = (e, t, n) => {
 	if (t == null) return null;
 	if (Array.isArray(t)) {
-		let n = Te(t);
-		return n.length === 0 ? null : e.kind === "entityIdList" ? /* @__PURE__ */ _(g, { children: n.map((t, r) => /* @__PURE__ */ v("span", { children: [/* @__PURE__ */ _(o, {
+		let n = we(t);
+		return n.length === 0 ? null : e.kind === "entityIdList" ? /* @__PURE__ */ h(m, { children: n.map((t, r) => /* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h(o, {
 			entityId: e.entity,
 			id: t
 		}), r < n.length - 1 ? ", " : null] }, t)) }) : n.join(", ");
@@ -52,22 +50,22 @@ 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__ */ _(o, {
+	return r === "" ? null : e.kind === "entityId" ? /* @__PURE__ */ h(o, {
 		entityId: e.entity,
 		id: r
 	}) : e.kind === "enum" ? n.enumLabel(r) : r;
-}, De = (e) => {
+}, Ee = (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);
-}, Oe = (e) => {
+}, De = (e) => {
 	let t = e.trim();
 	if (t === "") return "";
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
-}, w = (x) => {
-	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) => {
+}, C = (b) => {
+	let { t: C } = le(), { t: w } = e(), { config: T, state: E, pushState: D, rows: O, getRowId: k, columns: A, gridTemplateColumns: j, hasNextPage: M, isLoadingMore: N, incrementalError: P = null, isRefreshing: F = !1, onLoadMore: I, onRetryLoadMore: L, onRefresh: R, totalCount: z, loadedCountLabel: B, emptyState: Oe, statusBanner: ke, header: Ae, headerActions: je, isLoadingInitial: V = !1, variant: Me = "page", showFilters: Ne = !0 } = b, H = T.list, { listDefaults: Pe } = T, U = p(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,
@@ -77,32 +75,32 @@ var C = (e, t) => e(t), we = (e, t) => {
 			...e,
 			header: n
 		};
-	}), [A]), H = m(() => {
+	}), [A]), W = p(() => {
 		let e = [];
-		for (let t of z.filters) {
-			let n = we(t, D.where), r = Ee(t, n, {
+		for (let t of H.filters) {
+			let n = Ce(t, E.where), r = Te(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, w);
+					return n == null ? e : S(n.label, C);
 				},
 				booleanLabel: (e) => {
 					if (t.kind === "boolean") {
-						if (e && t.trueLabel != null) return C(t.trueLabel, w);
-						if (!e && t.falseLabel != null) return C(t.falseLabel, w);
+						if (e && t.trueLabel != null) return S(t.trueLabel, C);
+						if (!e && t.falseLabel != null) return S(t.falseLabel, C);
 					}
-					return T(e ? "filters.boolean.yes" : "filters.boolean.no");
+					return w(e ? "filters.boolean.yes" : "filters.boolean.no");
 				},
 				fallbackBooleanLabels: {
-					yes: T("filters.boolean.yes"),
-					no: T("filters.boolean.no")
+					yes: w("filters.boolean.yes"),
+					no: w("filters.boolean.no")
 				}
 			});
 			if (r != null) {
 				let i = String(n);
 				Array.isArray(n) && (i = n.join(","));
-				let a = /* @__PURE__ */ v("span", { children: [
-					C(t.label, w),
+				let a = /* @__PURE__ */ g("span", { children: [
+					S(t.label, C),
 					": ",
 					r
 				] });
@@ -110,9 +108,9 @@ var C = (e, t) => e(t), we = (e, t) => {
 					id: `${t.id}:${i}`,
 					label: a,
 					onRemove: () => {
-						let e = t.whereKey ?? t.id, n = S(D.where, e, null, t.path);
-						O({
-							...D,
+						let e = t.whereKey ?? t.id, n = x(E.where, e, null, t.path);
+						D({
+							...E,
 							where: n
 						});
 					}
@@ -121,33 +119,25 @@ var C = (e, t) => e(t), we = (e, t) => {
 		}
 		return e;
 	}, [
-		z.filters,
-		O,
+		H.filters,
 		D,
-		T,
-		w
-	]), U = p(() => {
-		O({ ...B });
-	}, [B, O]), [ze, Be] = h(!1), [Ve, He] = h(""), W = x.filterDrawerState ?? {
-		isOpen: ze,
-		search: Ve,
-		setOpen: Be,
-		setSearch: He,
-		reset: () => {
-			Be(!1), He("");
-		}
-	}, 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 = "";
+		E,
+		w,
+		C
+	]), G = ae(() => {
+		D({ ...Pe });
+	}, [Pe, D]), [K, q] = se(null), J = ae((e) => {
+		let n = e.whereKey ?? e.id, r = Ce(e, E.where), i = "";
 		typeof r == "string" && (i = r), typeof r == "number" && Number.isFinite(r) && (i = String(r));
-		let c = C(e.label, w);
+		let c = S(e.label, C);
 		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__ */ _(a, {
+			let t = e.placeholderLabel == null ? c : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
+			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ h(a, {
 				value: i,
 				onApply: (t) => {
-					let r = S(D.where, n, t, e.path);
-					O({
-						...D,
+					let r = x(E.where, n, t, e.path);
+					D({
+						...E,
 						where: r
 					});
 				},
@@ -157,13 +147,13 @@ 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__ */ _(a, {
-				value: De(i),
+			let t = e.placeholderLabel == null ? c : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
+			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ h(a, {
+				value: Ee(i),
 				onApply: (t) => {
-					let r = Oe(t), i = S(D.where, n, r, e.path);
-					O({
-						...D,
+					let r = De(t), i = x(E.where, n, r, e.path);
+					D({
+						...E,
 						where: i
 					});
 				},
@@ -174,13 +164,13 @@ 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__ */ _(a, {
+			let t = e.placeholderLabel == null ? c : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
+			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ h(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);
-					O({
-						...D,
+					let r = t.trim(), i = r === "" ? null : Number(r), a = x(E.where, n, Number.isFinite(i) ? i : null, e.path);
+					D({
+						...E,
 						where: a
 					});
 				},
@@ -195,21 +185,21 @@ var C = (e, t) => e(t), we = (e, t) => {
 			let t = [{
 				id: "any",
 				value: "",
-				label: T("filters.all", { label: c })
+				label: w("filters.all", { label: c })
 			}, ...e.options.map((e) => ({
 				id: e.value,
 				value: e.value,
-				label: C(e.label, w)
+				label: S(e.label, C)
 			}))];
-			return /* @__PURE__ */ _(b, {
+			return /* @__PURE__ */ h(v, {
 				options: t,
 				value: i,
 				size: "small",
 				ariaLabel: c,
 				onChange: (t) => {
-					let r = S(D.where, n, t, e.path);
-					O({
-						...D,
+					let r = x(E.where, n, t, e.path);
+					D({
+						...E,
 						where: r
 					});
 				}
@@ -220,11 +210,11 @@ var C = (e, t) => e(t), we = (e, t) => {
 			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, w), o = e.falseLabel == null ? T("filters.boolean.no") : C(e.falseLabel, w), s = [
+			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), s = [
 				{
 					id: "any",
 					value: "",
-					label: T("filters.all", { label: c })
+					label: w("filters.all", { label: c })
 				},
 				{
 					id: "true",
@@ -237,7 +227,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 					label: o
 				}
 			];
-			return /* @__PURE__ */ _(b, {
+			return /* @__PURE__ */ h(v, {
 				options: s,
 				value: i,
 				size: "small",
@@ -245,34 +235,34 @@ var C = (e, t) => e(t), we = (e, t) => {
 				onChange: (t) => {
 					let r = null;
 					t === "true" && (r = !0), t === "false" && (r = !1);
-					let i = S(D.where, n, r, e.path);
-					O({
-						...D,
+					let i = x(E.where, n, r, e.path);
+					D({
+						...E,
 						where: i
 					});
 				}
 			});
 		}
 		let l = (() => {
-			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(D.where) : e.pickerScope;
+			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(E.where) : e.pickerScope;
 		})();
 		if (e.kind === "entityIdList") {
-			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,
+			let i = we(r), a = i.length, s = a === 0 ? null : w("filters.selectedEntities", { count: a }), u = (t) => {
+				let r = i.filter((e) => e !== t), a = x(E.where, n, r.length === 0 ? null : r, e.path);
+				D({
+					...E,
 					where: a
 				});
 			};
-			return /* @__PURE__ */ v("div", {
+			return /* @__PURE__ */ g("div", {
 				className: te,
-				children: [/* @__PURE__ */ _(t, {
+				children: [/* @__PURE__ */ h(t, {
 					label: c,
 					value: a === 0 ? null : i.join(","),
 					displayValue: s,
-					placeholder: T("filters.placeholders.anyEntity", { label: c }),
+					placeholder: w("filters.placeholders.anyEntity", { label: c }),
 					onPick: () => {
-						J({
+						q({
 							entity: e.entity,
 							whereKey: n,
 							label: c,
@@ -283,20 +273,20 @@ var C = (e, t) => e(t), we = (e, t) => {
 						});
 					},
 					onClear: () => {
-						let t = S(D.where, n, null, e.path);
-						O({
-							...D,
+						let t = x(E.where, n, null, e.path);
+						D({
+							...E,
 							where: t
 						});
 					}
-				}), i.length > 0 ? /* @__PURE__ */ _("div", {
+				}), i.length > 0 ? /* @__PURE__ */ h("div", {
 					className: ne,
-					children: i.map((t) => /* @__PURE__ */ _(ue, {
-						removeLabel: T("filters.actions.removeFilterValue", { label: c }),
+					children: i.map((t) => /* @__PURE__ */ h(de, {
+						removeLabel: w("filters.actions.removeFilterValue", { label: c }),
 						onRemove: () => {
 							u(t);
 						},
-						children: /* @__PURE__ */ _(o, {
+						children: /* @__PURE__ */ h(o, {
 							entityId: e.entity,
 							id: t
 						})
@@ -305,13 +295,13 @@ 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__ */ _(a, {
+			let t = e.placeholderLabel == null ? c : S(e.placeholderLabel, C), r = w("filters.placeholders.search", { label: t });
+			return e.placeholderText != null && (r = S(e.placeholderText, C)), /* @__PURE__ */ h(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);
-					O({
-						...D,
+					let r = t.split(/[\n,]+/u).map((e) => e.trim()).filter((e) => e !== ""), i = x(E.where, n, r, e.path);
+					D({
+						...E,
 						where: i
 					});
 				},
@@ -324,14 +314,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__ */ _(t, {
+			return /* @__PURE__ */ h(t, {
 				label: c,
 				value: u,
 				displayValue: a,
 				isResolving: i,
-				placeholder: T("filters.placeholders.anyEntity", { label: c }),
+				placeholder: w("filters.placeholders.anyEntity", { label: c }),
 				onPick: () => {
-					J({
+					q({
 						entity: e.entity,
 						whereKey: n,
 						label: c,
@@ -341,350 +331,320 @@ var C = (e, t) => e(t), we = (e, t) => {
 					});
 				},
 				onClear: () => {
-					let t = S(D.where, n, null, e.path);
-					O({
-						...D,
+					let t = x(E.where, n, null, e.path);
+					D({
+						...E,
 						where: t
 					});
 				}
 			});
 		};
-		return u == null || u.trim() === "" ? d() : /* @__PURE__ */ _(s, {
+		return u == null || u.trim() === "" ? d() : /* @__PURE__ */ h(s, {
 			entityId: e.entity,
 			id: u,
 			children: (e, t) => {
 				let n = t?.status === "loading";
-				return d(n ? T("common.loading") : e, n);
+				return d(n ? w("common.loading") : e, n);
 			}
 		});
 	}, [
-		O,
 		D,
-		T,
-		w
-	]), 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);
+		E,
+		w,
+		C
+	]), Fe = p(() => H.filters.some((e) => e.placement != null), [H.filters]), Y = p(() => {
+		if (H.filters.length === 0) return [];
+		let e = H.ui?.toolbar?.maxPromotedFilters ?? 3;
+		return Fe ? H.filters.filter((e) => e.placement === "quick" || e.placement === "both") : H.filters.slice(0, e);
 	}, [
-		z.filters,
-		z.ui?.toolbar,
-		Ke
-	]), 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", {
+		H.filters,
+		H.ui?.toolbar,
+		Fe
+	]), X = p(() => H.filters.filter((e) => e.placement == null || e.placement === "drawer" || e.placement === "both"), [H.filters]), Z = p(() => Y.find((e) => e.kind === "text"), [Y]), Ie = p(() => {
+		let e = Y.filter((e) => e !== Z);
+		return e.length === 0 ? null : /* @__PURE__ */ h("div", {
 			className: u,
-			children: e.map((e) => /* @__PURE__ */ _("span", { children: Y(e) }, e.id))
+			children: e.map((e) => /* @__PURE__ */ h("span", { children: J(e) }, e.id))
 		});
 	}, [
-		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];
+		J,
+		Z
+	]), Le = p(() => Z == null ? null : J(Z), [J, Z]), Re = p(() => {
+		if (H.sorts.length === 0) return null;
+		let e = H.sorts[0];
 		if (e == null) return null;
-		let t = z.sorts.map((e) => ({
+		let t = H.sorts.map((e) => ({
 			id: e.id,
 			value: e.id,
-			label: C(e.label, w)
+			label: S(e.label, C)
 		}));
-		return /* @__PURE__ */ _(b, {
+		return /* @__PURE__ */ h(v, {
 			options: t,
-			value: D.sort ?? e.id,
+			value: E.sort ?? e.id,
 			size: "small",
-			ariaLabel: T("list.sort.label"),
+			ariaLabel: w("list.sort.label"),
 			onChange: (e) => {
-				O({
-					...D,
+				D({
+					...E,
 					sort: e
 				});
 			}
 		});
 	}, [
-		z.sorts,
-		O,
+		H.sorts,
 		D,
-		T,
-		w
-	]), 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__ */ _(fe, {
-					label: r,
-					children: Y(n)
+		E,
+		w,
+		C
+	]), ze = p(() => {
+		if (X.length === 0) return [];
+		let e = [];
+		for (let t of X) {
+			let n = S(t.label, C);
+			e.push({
+				id: t.id,
+				searchText: n,
+				node: /* @__PURE__ */ h(fe, {
+					label: n,
+					children: J(t)
 				})
 			});
 		}
-		return t.length === 0 ? [] : [{
+		return e.length === 0 ? [] : [{
 			id: "backoffice.filters.sections.default",
-			title: T("filters.sections.default"),
-			items: t
+			title: w("filters.sections.default"),
+			items: e
 		}];
 	}, [
-		Z,
-		G,
-		Y,
-		T,
-		w
-	]), 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: () => {
-				K(!0);
-			},
-			children: t
-		});
-	}, [
-		H.length,
-		Z.length,
-		K,
-		T
-	]), $e = G.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults"), et = /* @__PURE__ */ _(de, {
-		isOpen: Ue,
-		onClose: () => {
-			Ge();
-		},
-		sections: Ze,
-		searchValue: G,
-		onSearchChange: (e) => {
-			We(e);
-		},
-		onReset: U,
-		emptyLabel: $e
-	}), tt = m(() => Ne ?? (R ? /* @__PURE__ */ _(ge, {
+		X,
+		J,
+		w,
+		C
+	]), Be = p(() => Oe ?? (V ? /* @__PURE__ */ h(he, {
 		variant: "embedded",
-		ariaLabel: T("common.loading")
-	}) : H.length > 0 ? /* @__PURE__ */ _(le, {
-		title: T("emptyState.listEmpty.title"),
-		description: T("emptyState.listEmptyFiltered.description"),
-		actions: /* @__PURE__ */ _(y, {
+		ariaLabel: w("common.loading")
+	}) : W.length > 0 ? /* @__PURE__ */ h(y, {
+		title: w("emptyState.listEmpty.title"),
+		description: w("emptyState.listEmptyFiltered.description"),
+		actions: /* @__PURE__ */ h(_, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			onClick: U,
-			children: T("emptyState.listEmptyFiltered.actions.reset")
+			onClick: G,
+			children: w("emptyState.listEmptyFiltered.actions.reset")
 		})
-	}) : /* @__PURE__ */ _(le, {
-		title: T("emptyState.listEmpty.title"),
-		description: T("emptyState.listEmpty.description")
+	}) : /* @__PURE__ */ h(y, {
+		title: w("emptyState.listEmpty.title"),
+		description: w("emptyState.listEmpty.description")
 	})), [
-		H.length,
-		Ne,
-		U,
-		R,
-		T
-	]), nt = m(() => Me ?? (typeof L == "number" ? /* @__PURE__ */ _("span", { children: T("list.showing", {
-		shown: k.length,
-		total: L
-	}) }) : k.length === 0 ? null : /* @__PURE__ */ _("span", { children: T("list.loaded", { count: k.length }) })), [
-		Me,
-		k.length,
-		T,
-		L
-	]), $ = m(() => {
-		let e = z.ui?.displayMode ?? z.responsive?.mode ?? "auto";
-		return Se({
-			kind: z.kind,
+		W.length,
+		Oe,
+		G,
+		V,
+		w
+	]), Ve = p(() => B ?? (typeof z == "number" ? /* @__PURE__ */ h("span", { children: w("list.showing", {
+		shown: O.length,
+		total: z
+	}) }) : O.length === 0 ? null : /* @__PURE__ */ h("span", { children: w("list.loaded", { count: O.length }) })), [
+		B,
+		O.length,
+		w,
+		z
+	]), Q = p(() => {
+		let e = H.ui?.displayMode ?? H.responsive?.mode ?? "auto";
+		return xe({
+			kind: H.kind,
 			displayMode: e,
-			ui: z.ui
+			ui: H.ui
 		});
 	}, [
-		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: L
+		H.kind,
+		H.responsive?.mode,
+		H.ui
+	]), He = typeof z == "number" && O.length < z && !M;
+	oe(() => {
+		!He || !Q.infiniteScroll.showInconsistentPageInfo || !Se() || console.warn("Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.", {
+			entityId: T.id,
+			loadedCount: O.length,
+			totalCount: z
 		});
 	}, [
-		E.id,
-		rt,
-		k.length,
-		$.infiniteScroll.showInconsistentPageInfo,
-		L
+		T.id,
+		He,
+		O.length,
+		Q.infiniteScroll.showInconsistentPageInfo,
+		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: ke,
-		emptyState: tt,
-		className: xe,
-		gridTemplateColumns: Ae,
-		virtualization: $.virtualization,
+	let Ue = b.virtualize === !0 || Q.virtualization.enabled, { sentinelRef: We } = l({
+		enabled: !Ue && Q.infiniteScroll.enabled && P == null,
+		hasNextPage: M,
+		isLoading: N,
+		onIntersect: I,
+		rootMargin: Q.infiniteScroll.rootMargin,
+		threshold: Q.infiniteScroll.threshold
+	}), Ge = Ae?.title ?? S(H.title, C), Ke = Ae?.subtitle, qe = U.find((e) => e.mobileRole === "action" || e.id === "actions"), Je = H.ui?.displayMode ?? H.responsive?.mode ?? "auto", Ye = H.ui?.density ?? H.responsive?.density ?? "compact", Xe = Ue ? /* @__PURE__ */ h(ye, {
+		columns: U,
+		rows: O,
+		getRowId: k,
+		emptyState: Be,
+		className: be,
+		gridTemplateColumns: j,
+		virtualization: Q.virtualization,
 		infiniteScroll: {
-			enabled: $.infiniteScroll.enabled,
-			thresholdPx: $.infiniteScroll.thresholdPx,
-			autoLoad: $.infiniteScroll.autoLoad
+			enabled: Q.infiniteScroll.enabled,
+			thresholdPx: Q.infiniteScroll.thresholdPx,
+			autoLoad: Q.infiniteScroll.autoLoad
 		},
-		hasNextPage: j,
-		isLoadingMore: M,
-		onLoadMore: N == null ? F : () => {},
+		hasNextPage: M,
+		isLoadingMore: N,
+		onLoadMore: P == null ? I : () => {},
 		bodyScrollMode: c
-	}) : /* @__PURE__ */ _(ye, {
-		columns: V,
-		rows: k,
-		getRowId: ke,
-		emptyState: tt,
-		className: xe,
-		gridTemplateColumns: Ae,
-		mode: lt,
-		density: ut,
+	}) : /* @__PURE__ */ h(ve, {
+		columns: U,
+		rows: O,
+		getRowId: k,
+		emptyState: Be,
+		className: be,
+		gridTemplateColumns: j,
+		mode: Je,
+		density: Ye,
 		bodyScrollMode: c,
-		bodyFooterNode: $.infiniteScroll.enabled ? /* @__PURE__ */ _("div", {
-			ref: at,
+		bodyFooterNode: Q.infiniteScroll.enabled ? /* @__PURE__ */ h("div", {
+			ref: We,
 			"aria-hidden": "true"
 		}) : null,
-		renderAction: (e) => ct?.cell(e) ?? null
-	}), ft = /* @__PURE__ */ _(n, {
+		renderAction: (e) => qe?.cell(e) ?? null
+	}), Ze = /* @__PURE__ */ h(n, {
 		fallback: (e) => {
 			let { reset: t } = e;
-			return /* @__PURE__ */ _(oe, {
+			return /* @__PURE__ */ h(ce, {
 				tone: "danger",
-				title: T("list.errors.title"),
-				actions: /* @__PURE__ */ _(y, {
+				title: w("list.errors.title"),
+				actions: /* @__PURE__ */ h(_, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
 					onClick: () => {
-						t(), I?.();
+						t(), R?.();
 					},
-					children: T("list.actions.retry")
+					children: w("list.actions.retry")
 				}),
-				children: T("list.errors.tableFailed")
+				children: w("list.errors.tableFailed")
 			});
 		},
-		children: dt
-	}), pt = Re ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(he, {
-		search: Je,
-		primaryFilters: qe,
-		filterDrawerTrigger: Qe,
-		sort: Ye,
-		utilityActions: I == null ? null : /* @__PURE__ */ _(y, {
+		children: Xe
+	}), Qe = Ne ? /* @__PURE__ */ h(ge, {
+		stateKey: `backoffice:entity:${T.id}`,
+		sections: ze,
+		activeFilters: W,
+		onResetFilters: G,
+		search: Le,
+		primaryFilters: Ie,
+		sort: Re,
+		utilityActions: R == null ? null : /* @__PURE__ */ h(_, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
-			isLoading: P,
-			loadingLabel: T("list.actions.refreshing"),
+			isLoading: F,
+			loadingLabel: w("list.actions.refreshing"),
 			onClick: () => {
-				I();
+				R();
 			},
-			children: T("list.actions.refresh")
+			children: w("list.actions.refresh")
 		}),
-		chips: Xe,
 		density: "compact"
-	}), et] }) : null, mt = /* @__PURE__ */ v("div", {
+	}) : null, $e = /* @__PURE__ */ g("div", {
 		className: ie,
-		"aria-busy": P ? "true" : void 0,
+		"aria-busy": F ? "true" : void 0,
 		children: [
-			P && !R ? /* @__PURE__ */ v("div", {
+			F && !V ? /* @__PURE__ */ g("div", {
 				className: re,
 				role: "status",
-				children: [/* @__PURE__ */ _(ce, {
+				children: [/* @__PURE__ */ h(ue, {
 					size: 14,
-					ariaLabel: T("list.refreshingRows")
-				}), /* @__PURE__ */ _("span", { children: T("list.refreshingRows") })]
+					ariaLabel: w("list.refreshingRows")
+				}), /* @__PURE__ */ h("span", { children: w("list.refreshingRows") })]
 			}) : null,
-			ft,
-			/* @__PURE__ */ _(r, {
-				isOpen: q != null,
-				entity: q?.entity ?? E.id,
-				title: q?.label ?? T("picker.title"),
-				scope: q?.scope,
+			Ze,
+			/* @__PURE__ */ h(r, {
+				isOpen: K != null,
+				entity: K?.entity ?? T.id,
+				title: K?.label ?? w("picker.title"),
+				scope: K?.scope,
 				onClose: () => {
-					J(null);
+					q(null);
 				},
 				onSelectId: (e) => {
-					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,
+					if (K == null) return;
+					if (K.mode === "list") {
+						let t = K.currentIds ?? [], n = t.includes(e) ? t : [...t, e], r = x(E.where, K.whereKey, n, K.path);
+						D({
+							...E,
 							where: r
 						});
 						return;
 					}
-					let t = S(D.where, q.whereKey, e, q.path);
-					K(!0), O({
-						...D,
+					let t = x(E.where, K.whereKey, e, K.path);
+					D({
+						...E,
 						where: t
 					});
 				}
 			})
 		]
-	}), ht = k.length > 0 || M || j ? /* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(pe, {
-		state: N != null && je != null ? {
+	}), $ = O.length > 0 || N || M ? /* @__PURE__ */ h(m, { children: /* @__PURE__ */ h(pe, {
+		state: P != null && L != null ? {
 			kind: "error",
-			message: N.message,
-			onRetry: je
-		} : M ? { kind: "loading" } : j ? { kind: "idle" } : { kind: "end" },
-		loadedCount: k.length,
-		totalCount: L,
+			message: P.message,
+			onRetry: L
+		} : N ? { kind: "loading" } : M ? { kind: "idle" } : { kind: "end" },
+		loadedCount: O.length,
+		totalCount: z,
 		labels: {
-			loaded: nt,
-			loading: T("list.loadMore.loading"),
-			end: T("list.loadMore.end"),
-			retry: T("list.actions.retry")
+			loaded: Ve,
+			loading: w("list.loadMore.loading"),
+			end: w("list.loadMore.end"),
+			retry: w("list.actions.retry")
 		}
 	}) }) : null;
-	return Le === "embedded" ? /* @__PURE__ */ _(i, {
-		config: E,
-		state: D,
-		pushState: O,
-		children: /* @__PURE__ */ v("div", {
+	return Me === "embedded" ? /* @__PURE__ */ h(i, {
+		config: T,
+		state: E,
+		pushState: D,
+		children: /* @__PURE__ */ g("div", {
 			className: d,
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h("div", {
 					className: ee,
-					children: ot
+					children: Ge
 				}),
-				pt,
-				Pe,
-				mt,
-				ht
+				Qe,
+				ke,
+				$e,
+				$
 			]
 		})
-	}) : /* @__PURE__ */ _(i, {
-		config: E,
-		state: D,
-		pushState: O,
-		children: /* @__PURE__ */ _(ve, {
-			headerNode: /* @__PURE__ */ _(me, {
-				title: ot,
-				subtitle: st,
-				actions: Ie
+	}) : /* @__PURE__ */ h(i, {
+		config: T,
+		state: E,
+		pushState: D,
+		children: /* @__PURE__ */ h(_e, {
+			headerNode: /* @__PURE__ */ h(me, {
+				title: Ge,
+				subtitle: Ke,
+				actions: je
 			}),
-			toolbarNode: pt,
-			statusNode: Pe,
-			tableNode: mt,
-			tableFooterNode: ht,
+			toolbarNode: Qe,
+			statusNode: ke,
+			tableNode: $e,
+			tableFooterNode: $,
 			presentation: "flat",
 			bodyScrollMode: c
 		})
 	});
 };
 //#endregion
-export { w as BackofficeEntityListScaffold, w as default };
+export { C as BackofficeEntityListScaffold, C as default };
 
 //# sourceMappingURL=BackofficeEntityListScaffold.js.map