@plumile/backoffice-react 0.1.196 → 0.1.198

package/lib/esm/pages/BackofficeDashboardWidgetContent.js

@@ -4,113 +4,80 @@ import { BackofficeBillingUsageChart as n } from "../components/backoffice/billi
 import { buildDataTableColumns as r } from "../components/backoffice/columns/buildDataTableColumns.js";
 import { resolveLabel as i } from "./BackofficeDashboardPage.helpers.js";
 import { tileBody as a, tileCount as o } from "./backofficeDashboardPage.css.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import * as p from "react-relay";
-import { BackofficeEmptyState as m } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { buildBackofficeFallbackListHref as h, buildBackofficeListHref as g } from "@plumile/backoffice-core/state/buildListHref.js";
-import { DashboardPanel as _ } from "@plumile/ui/components/dashboard/dashboard_panel/DashboardPanel.js";
-import { DashboardQuickActions as v } from "@plumile/ui/components/dashboard/dashboard_quick_actions/DashboardQuickActions.js";
-import { DashboardMetricGroup as y } from "@plumile/ui/components/dashboard/dashboard_metric_group/DashboardMetricGroup.js";
-import { DashboardStatusList as b } from "@plumile/ui/components/dashboard/dashboard_status_list/DashboardStatusList.js";
-import { DashboardBreakdownList as x } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardBreakdownList.js";
-import { DashboardEntitySpotlight as S } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardEntitySpotlight.js";
-import { DashboardHealthMatrix as C } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardHealthMatrix.js";
-import { DashboardRiskQueue as w } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardRiskQueue.js";
-import { DashboardSlaGauge as T } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardSlaGauge.js";
-import { DashboardTimelineChart as E } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTimelineChart.js";
-import { DashboardTrendMetric as D } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTrendMetric.js";
-import { DashboardWindowControl as O } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardWindowControl.js";
-import { DataTable as k } from "@plumile/ui/components/data-table/DataTable.js";
+import s from "./resolveDashboardTargetDestination.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import * as d from "react-relay";
+import { BackofficeEmptyState as f } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { DashboardPanel as p } from "@plumile/ui/components/dashboard/dashboard_panel/DashboardPanel.js";
+import { DashboardQuickActions as m } from "@plumile/ui/components/dashboard/dashboard_quick_actions/DashboardQuickActions.js";
+import { DashboardMetricGroup as h } from "@plumile/ui/components/dashboard/dashboard_metric_group/DashboardMetricGroup.js";
+import { DashboardStatusList as g } from "@plumile/ui/components/dashboard/dashboard_status_list/DashboardStatusList.js";
+import { DashboardBreakdownList as _ } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardBreakdownList.js";
+import { DashboardEntitySpotlight as v } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardEntitySpotlight.js";
+import { DashboardHealthMatrix as y } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardHealthMatrix.js";
+import { DashboardRiskQueue as b } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardRiskQueue.js";
+import { DashboardSlaGauge as x } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardSlaGauge.js";
+import { DashboardTimelineChart as S } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTimelineChart.js";
+import { DashboardTrendMetric as C } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardTrendMetric.js";
+import { DashboardWindowControl as w } from "@plumile/ui/components/dashboard/dashboard_operational/DashboardWindowControl.js";
+import { DataTable as T } from "@plumile/ui/components/data-table/DataTable.js";
 //#region src/pages/BackofficeDashboardWidgetContent.tsx
-var { useLazyLoadQuery: A } = p, j = { window: {
+var { useLazyLoadQuery: E } = d, D = { window: {
 	id: "24h",
 	label: (e) => e("common.time.lastDay", "24 h"),
 	from: (/* @__PURE__ */ new Date(0)).toISOString(),
 	to: (/* @__PURE__ */ new Date(0)).toISOString()
-} }, M = (e, t) => typeof e.variables == "function" ? e.variables(t) : e.variables, N = () => {
+} }, O = (e, t) => typeof e.variables == "function" ? e.variables(t) : e.variables, k = () => {
 	let { t } = e();
-	return /* @__PURE__ */ u(m, { title: t("common.notAvailable") });
-}, P = (e) => e == null ? "" : e.kind === "href" ? `href:${e.href}` : `entity-list:${e.entityId}:${JSON.stringify(e.state ?? null)}`, F = (e) => {
-	let { entities: n, entityRegistry: r } = t(), [, i] = l(0), a = e.map(P).join("|");
-	return s(() => {
-		let t = /* @__PURE__ */ new Set();
-		for (let i of e) i?.kind === "entity-list" && n[i.entityId] != null && r.getLoadedListEntity(i.entityId) == null && t.add(i.entityId);
-		if (t.size === 0) return;
-		let a = !1;
-		return Promise.all(Array.from(t).map(async (e) => {
-			try {
-				await r.loadListEntity(e);
-			} catch {
-				return null;
-			}
-			return e;
-		})).then(() => {
-			a || i((e) => e + 1);
-		}, () => {}), () => {
-			a = !0;
-		};
-	}, [
-		n,
-		r,
-		a,
-		e
-	]), c(() => (e, t) => {
-		if (e == null) return t;
-		if (e.kind === "href") return e.href;
-		let i = n[e.entityId];
-		if (i == null) return t;
-		let a = r.getLoadedListEntity(e.entityId);
-		return a == null ? h(i.routes.list, e.state?.where ?? null, e.state?.filters) : g(a.config, {
-			where: e.state?.where,
-			sort: e.state?.sort
-		});
-	}, [n, r]);
-}, I = ({ metrics: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F(t.map((e) => e.target));
-	return /* @__PURE__ */ u(y, {
-		emptyState: /* @__PURE__ */ u(N, {}),
+	return /* @__PURE__ */ c(f, { title: t("common.notAvailable") });
+}, A = () => {
+	let { entities: e } = t();
+	return (t, n) => s(t, e, n);
+}, j = ({ metrics: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(h, {
+		emptyState: /* @__PURE__ */ c(k, {}),
 		metrics: t.map((e) => ({
 			id: e.id,
-			href: a(e.target, e.href),
+			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			value: e.value ?? r("common.notAvailable"),
 			hint: e.meta == null ? void 0 : i(e.meta, n)
 		}))
 	});
-}, L = ({ items: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F(t.map((e) => e.target));
-	return /* @__PURE__ */ u(b, {
-		emptyState: /* @__PURE__ */ u(N, {}),
+}, M = ({ items: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(g, {
+		emptyState: /* @__PURE__ */ c(k, {}),
 		items: t.map((e) => ({
 			id: e.id,
-			href: a(e.target, e.href),
+			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			value: e.value ?? r("common.notAvailable")
 		}))
 	});
-}, R = ({ actions: e, layout: t }) => {
-	let { t: n } = f(), r = F(e.map((e) => e.target));
-	return /* @__PURE__ */ u(v, {
+}, N = ({ actions: e, layout: t }) => {
+	let { t: n } = u(), r = A();
+	return /* @__PURE__ */ c(m, {
 		layout: t,
-		emptyState: /* @__PURE__ */ u(N, {}),
+		emptyState: /* @__PURE__ */ c(k, {}),
 		actions: e.map((e) => {
 			let t;
 			return t = typeof e.label == "string" ? e.label : i(e.label, n), {
 				id: e.id,
-				href: r(e.target, e.href) ?? "#",
+				destination: r(e.target, e.href) ?? { pathname: "#" },
 				label: t
 			};
 		})
 	});
-}, z = (e) => e.map((e) => e.target), B = ({ metric: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F([t.target]);
-	return /* @__PURE__ */ u(D, {
+}, P = ({ metric: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(C, {
 		label: i(t.label, n),
 		value: t.value ?? r("common.notAvailable"),
 		unit: t.unit,
-		href: a(t.target, t.href),
+		destination: a(t.target, t.href),
 		tone: t.tone,
 		delta: t.delta == null ? void 0 : {
 			...t.delta,
@@ -119,33 +86,33 @@ var { useLazyLoadQuery: A } = p, j = { window: {
 		sparkline: t.sparkline,
 		sparklineLabel: i(t.label, n)
 	});
-}, V = ({ gauge: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F([t.target]);
-	return t.value == null ? /* @__PURE__ */ u(m, { title: r("common.notAvailable") }) : /* @__PURE__ */ u(T, {
+}, F = ({ gauge: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return t.value == null ? /* @__PURE__ */ c(f, { title: r("common.notAvailable") }) : /* @__PURE__ */ c(x, {
 		label: i(t.label, n),
 		value: t.value,
 		max: t.max,
 		threshold: t.threshold,
 		unit: t.unit,
 		tone: t.tone,
-		href: a(t.target, t.href)
+		destination: a(t.target, t.href)
 	});
-}, H = ({ items: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F(z(t));
-	return /* @__PURE__ */ u(x, {
-		emptyState: /* @__PURE__ */ u(N, {}),
+}, I = ({ items: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(_, {
+		emptyState: /* @__PURE__ */ c(k, {}),
 		items: t.map((e) => ({
 			id: e.id,
-			href: a(e.target, e.href),
+			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			meta: e.meta == null ? void 0 : i(e.meta, n),
 			tone: e.tone,
 			value: e.value ?? r("common.notAvailable")
 		}))
 	});
-}, U = ({ ariaLabel: e, chart: t, result: n }) => {
-	let { t: r } = f();
-	return /* @__PURE__ */ u(E, {
+}, L = ({ ariaLabel: e, chart: t, result: n }) => {
+	let { t: r } = u();
+	return /* @__PURE__ */ c(S, {
 		ariaLabel: i(e, r),
 		chart: t,
 		emptyMessage: n.emptyLabel == null ? "" : i(n.emptyLabel, r),
@@ -154,23 +121,23 @@ var { useLazyLoadQuery: A } = p, j = { window: {
 			label: i(e.label, r)
 		}))
 	});
-}, W = ({ items: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F(z(t));
-	return /* @__PURE__ */ u(w, {
-		emptyState: /* @__PURE__ */ u(N, {}),
+}, R = ({ items: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(b, {
+		emptyState: /* @__PURE__ */ c(k, {}),
 		items: t.map((e) => ({
 			id: e.id,
-			href: a(e.target, e.href),
+			destination: a(e.target, e.href),
 			label: i(e.label, n),
 			meta: e.meta == null ? void 0 : i(e.meta, n),
 			severity: e.severity,
 			value: e.value ?? r("common.notAvailable")
 		}))
 	});
-}, G = ({ item: e }) => {
-	let { t } = f(), n = F([e?.target]);
-	return e == null ? /* @__PURE__ */ u(N, {}) : /* @__PURE__ */ u(S, {
-		href: n(e.target, e.href),
+}, z = ({ item: e }) => {
+	let { t } = u(), n = A();
+	return e == null ? /* @__PURE__ */ c(k, {}) : /* @__PURE__ */ c(v, {
+		destination: n(e.target, e.href),
 		label: i(e.label, t),
 		title: i(e.title, t),
 		tone: e.tone,
@@ -180,74 +147,74 @@ var { useLazyLoadQuery: A } = p, j = { window: {
 			value: e.value
 		}))
 	});
-}, K = ({ rows: t }) => {
-	let { t: n } = f(), { t: r } = e(), a = F(t.flatMap((e) => e.cells.map((e) => e.target)));
-	return /* @__PURE__ */ u(C, {
-		emptyState: /* @__PURE__ */ u(N, {}),
+}, B = ({ rows: t }) => {
+	let { t: n } = u(), { t: r } = e(), a = A();
+	return /* @__PURE__ */ c(y, {
+		emptyState: /* @__PURE__ */ c(k, {}),
 		rows: t.map((e) => ({
 			id: e.id,
 			label: i(e.label, n),
 			cells: e.cells.map((e) => ({
 				id: e.id,
-				href: a(e.target, e.href),
+				destination: a(e.target, e.href),
 				label: i(e.label, n),
 				tone: e.tone,
 				value: e.value ?? r("common.notAvailable")
 			}))
 		}))
 	});
-}, q = ({ activeWindowPresetId: s, context: c = j, widget: l, data: p, onWindowPresetChange: m, windowPresets: h = [] }) => {
-	let { t: g } = f(), { t: y } = e(), { entities: b } = t(), x = l.description == null ? void 0 : i(l.description, g), S = () => l.dataSource === "query" && p != null ? l.resolve(p, c) : null;
-	if (l.kind === "textBlock") {
-		let e = i(l.title, g), t = i(l.body, g);
-		return /* @__PURE__ */ u(_, {
+}, V = ({ activeWindowPresetId: s, context: d = D, widget: f, data: h, onWindowPresetChange: g, windowPresets: _ = [] }) => {
+	let { t: v } = u(), { t: y } = e(), { entities: b } = t(), x = f.description == null ? void 0 : i(f.description, v), S = () => f.dataSource === "query" && h != null ? f.resolve(h, d) : null;
+	if (f.kind === "textBlock") {
+		let e = i(f.title, v), t = i(f.body, v);
+		return /* @__PURE__ */ c(p, {
 			title: e,
 			subtitle: x,
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: a,
 				children: t
 			})
 		});
 	}
-	if (l.kind === "shortcut") {
-		let e = b[l.entityId], t = i(l.label, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "shortcut") {
+		let e = b[f.entityId], t = i(f.label, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : e.kind === "tool" ? /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : e.kind === "tool" ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(v, { actions: [{
+			children: /* @__PURE__ */ c(m, { actions: [{
 				id: e.id,
-				href: e.routes.list,
+				destination: { pathname: e.routes.list },
 				label: y("dashboard.actions.openTool")
 			}] })
-		}) : /* @__PURE__ */ u(_, {
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(v, { actions: [{
+			children: /* @__PURE__ */ c(m, { actions: [{
 				id: e.id,
-				href: e.routes.list,
+				destination: { pathname: e.routes.list },
 				label: y("dashboard.actions.openList")
 			}] })
 		});
 	}
-	if (l.kind === "tablePreview") {
+	if (f.kind === "tablePreview") {
 		let e = S();
-		if (e == null) return /* @__PURE__ */ u(_, {
-			title: i(l.title, g),
+		if (e == null) return /* @__PURE__ */ c(p, {
+			title: i(f.title, v),
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
+			children: /* @__PURE__ */ c(k, {})
 		});
 		let t = r(e.columns, {
-			tApp: g,
+			tApp: v,
 			t: y
-		}), n = i(l.title, g);
-		return /* @__PURE__ */ u(_, {
+		}), n = i(f.title, v);
+		return /* @__PURE__ */ c(p, {
 			title: n,
 			subtitle: x,
-			children: /* @__PURE__ */ u(k, {
+			children: /* @__PURE__ */ c(T, {
 				columns: t,
 				rows: e.rows,
 				getRowId: (e, t) => {
@@ -260,198 +227,198 @@ var { useLazyLoadQuery: A } = p, j = { window: {
 			})
 		});
 	}
-	if (l.kind === "metricGroup") {
+	if (f.kind === "metricGroup") {
 		let e = S();
-		return e == null ? /* @__PURE__ */ u(N, {}) : /* @__PURE__ */ u(I, { metrics: e });
+		return e == null ? /* @__PURE__ */ c(k, {}) : /* @__PURE__ */ c(j, { metrics: e });
 	}
-	if (l.kind === "trendMetric") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "trendMetric") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(B, { metric: e })
+			children: /* @__PURE__ */ c(P, { metric: e })
 		});
 	}
-	if (l.kind === "slaGauge") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "slaGauge") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(V, { gauge: e })
+			children: /* @__PURE__ */ c(F, { gauge: e })
 		});
 	}
-	if (l.kind === "breakdownList") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "breakdownList") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(H, { items: e })
+			children: /* @__PURE__ */ c(I, { items: e })
 		});
 	}
-	if (l.kind === "timelineChart") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "timelineChart") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(U, {
-				ariaLabel: l.ariaLabel,
-				chart: l.chart,
+			children: /* @__PURE__ */ c(L, {
+				ariaLabel: f.ariaLabel,
+				chart: f.chart,
 				result: e
 			})
 		});
 	}
-	if (l.kind === "riskQueue") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "riskQueue") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(W, { items: e })
+			children: /* @__PURE__ */ c(R, { items: e })
 		});
 	}
-	if (l.kind === "entitySpotlight") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return /* @__PURE__ */ u(_, {
+	if (f.kind === "entitySpotlight") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(G, { item: e })
+			children: /* @__PURE__ */ c(z, { item: e })
 		});
 	}
-	if (l.kind === "healthMatrix") {
-		let e = S(), t = l.title == null ? void 0 : i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "healthMatrix") {
+		let e = S(), t = f.title == null ? void 0 : i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(K, { rows: e })
+			children: /* @__PURE__ */ c(B, { rows: e })
 		});
 	}
-	if (l.kind === "billingUsageChart") {
-		let e = S(), t = i(l.title, g);
-		return e == null ? /* @__PURE__ */ u(_, {
+	if (f.kind === "billingUsageChart") {
+		let e = S(), t = i(f.title, v);
+		return e == null ? /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
-		}) : /* @__PURE__ */ u(_, {
+			children: /* @__PURE__ */ c(k, {})
+		}) : /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(n, {
-				ariaLabel: i(l.ariaLabel, g),
+			children: /* @__PURE__ */ c(n, {
+				ariaLabel: i(f.ariaLabel, v),
 				buckets: e.buckets,
-				categories: l.categories.map((e) => ({
+				categories: f.categories.map((e) => ({
 					id: e.id,
-					label: i(e.label, g),
+					label: i(e.label, v),
 					color: e.color
 				})),
 				currency: e.currency,
-				emptyLabel: i(l.emptyLabel, g),
+				emptyLabel: i(f.emptyLabel, v),
 				from: e.from,
-				rangePrefix: i(l.rangePrefix, g),
+				rangePrefix: i(f.rangePrefix, v),
 				to: e.to,
 				totalAmount: e.totalAmount
 			})
 		});
 	}
-	if (l.kind === "quickActions") {
-		let e = l.title == null ? y("dashboard.actions.openTool") : i(l.title, g);
-		return /* @__PURE__ */ u(_, {
+	if (f.kind === "quickActions") {
+		let e = f.title == null ? y("dashboard.actions.openTool") : i(f.title, v);
+		return /* @__PURE__ */ c(p, {
 			title: e,
 			subtitle: x,
-			children: /* @__PURE__ */ u(R, {
-				layout: l.layout?.zone === "aside" ? "stack" : "grid",
-				actions: l.actions
+			children: /* @__PURE__ */ c(N, {
+				layout: f.layout?.zone === "aside" ? "stack" : "grid",
+				actions: f.actions
 			})
 		});
 	}
-	if (l.kind === "windowControl") return /* @__PURE__ */ u(_, {
-		title: i(l.title, g),
+	if (f.kind === "windowControl") return /* @__PURE__ */ c(p, {
+		title: i(f.title, v),
 		subtitle: x,
-		children: /* @__PURE__ */ u(O, {
-			activePresetId: s ?? c.window.id,
+		children: /* @__PURE__ */ c(w, {
+			activePresetId: s ?? d.window.id,
 			onChange: (e) => {
-				m?.(e);
+				g?.(e);
 			},
-			presets: h.map((e) => ({
+			presets: _.map((e) => ({
 				id: e.id,
-				label: i(e.label, g)
+				label: i(e.label, v)
 			}))
 		})
 	});
-	if (l.kind === "statusSummary") {
+	if (f.kind === "statusSummary") {
 		let e = S();
 		if (e == null) {
-			let e = l.title == null ? void 0 : i(l.title, g);
-			return /* @__PURE__ */ u(_, {
+			let e = f.title == null ? void 0 : i(f.title, v);
+			return /* @__PURE__ */ c(p, {
 				title: e,
 				subtitle: x,
-				children: /* @__PURE__ */ u(N, {})
+				children: /* @__PURE__ */ c(k, {})
 			});
 		}
-		let t = l.title == null ? void 0 : i(l.title, g);
-		return /* @__PURE__ */ u(_, {
+		let t = f.title == null ? void 0 : i(f.title, v);
+		return /* @__PURE__ */ c(p, {
 			title: t,
 			subtitle: x,
-			children: /* @__PURE__ */ u(L, { items: e })
+			children: /* @__PURE__ */ c(M, { items: e })
 		});
 	}
-	if (l.kind === "recentItems") {
-		let e = l.title == null ? y("dashboard.title") : i(l.title, g);
-		return /* @__PURE__ */ u(_, {
+	if (f.kind === "recentItems") {
+		let e = f.title == null ? y("dashboard.title") : i(f.title, v);
+		return /* @__PURE__ */ c(p, {
 			title: e,
 			subtitle: x,
-			children: /* @__PURE__ */ u(N, {})
+			children: /* @__PURE__ */ c(k, {})
 		});
 	}
-	let C = b[l.entityId];
-	if (C?.kind !== "list-detail") return /* @__PURE__ */ u(_, {
-		title: i(l.label, g),
+	let C = b[f.entityId];
+	if (C?.kind !== "list-detail") return /* @__PURE__ */ c(p, {
+		title: i(f.label, v),
 		subtitle: x,
-		children: /* @__PURE__ */ u(N, {})
+		children: /* @__PURE__ */ c(k, {})
 	});
-	let w = S(), T = y("common.notAvailable");
-	typeof w?.count == "number" && (T = w.count);
-	let E = i(l.label, g);
-	return /* @__PURE__ */ u(_, {
-		title: E,
+	let E = S(), O = y("common.notAvailable");
+	typeof E?.count == "number" && (O = E.count);
+	let A = i(f.label, v);
+	return /* @__PURE__ */ c(p, {
+		title: A,
 		subtitle: x,
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: a,
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: o,
-				children: T
-			}), /* @__PURE__ */ u(R, { actions: [{
+				children: O
+			}), /* @__PURE__ */ c(N, { actions: [{
 				id: C.id,
-				href: w?.href ?? C.routes.list,
-				target: w?.target,
+				href: E?.href ?? C.routes.list,
+				target: E?.target,
 				label: y("dashboard.actions.openList")
 			}] })]
 		})
 	});
-}, J = ({ activeWindowPresetId: e, context: t = j, onWindowPresetChange: n, widget: r, windowPresets: i }) => {
-	let a = A(r.query, M(r, t), { fetchPolicy: "store-or-network" });
-	return /* @__PURE__ */ u(q, {
+}, H = ({ activeWindowPresetId: e, context: t = D, onWindowPresetChange: n, widget: r, windowPresets: i }) => {
+	let a = E(r.query, O(r, t), { fetchPolicy: "store-or-network" });
+	return /* @__PURE__ */ c(V, {
 		activeWindowPresetId: e,
 		context: t,
 		data: a,
@@ -459,14 +426,14 @@ var { useLazyLoadQuery: A } = p, j = { window: {
 		widget: r,
 		windowPresets: i
 	});
-}, Y = (e) => {
+}, U = (e) => {
 	let { widget: t } = e;
-	return t.dataSource === "query" ? /* @__PURE__ */ u(J, {
+	return t.dataSource === "query" ? /* @__PURE__ */ c(H, {
 		...e,
 		widget: t
-	}) : /* @__PURE__ */ u(q, { ...e });
+	}) : /* @__PURE__ */ c(V, { ...e });
 };
 //#endregion
-export { Y as BackofficeDashboardWidgetContent, Y as default };
+export { U as BackofficeDashboardWidgetContent, U as default };
 
 //# sourceMappingURL=BackofficeDashboardWidgetContent.js.map