@plumile/backoffice-react 0.1.205 → 0.1.206

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

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