@plumile/backoffice-react 0.1.134 → 0.1.140

package/lib/esm/pages/BackofficeDashboardPage.js

@@ -7,62 +7,62 @@ import { BackofficeRightPageLayout as a } from "../components/backoffice/layout/
 import { buildDashboardBreadcrumb as o } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
 import { useBackofficeDashboardConfig as s } from "../provider/useBackofficeLazyValue.js";
 import { getWidgetLabel as c, hasWidgetQuery as l, resolveLabel as u } from "./BackofficeDashboardPage.helpers.js";
-import { DashboardMetricGroup as d } from "./dashboard/DashboardMetricGroup.js";
-import { DashboardPanel as f } from "./dashboard/DashboardPanel.js";
-import { DashboardQuickActions as p } from "./dashboard/DashboardQuickActions.js";
-import { DashboardStatusList as m } from "./dashboard/DashboardStatusList.js";
-import { loadingBody as h, tileBody as g, tileCount as _ } from "./backofficeDashboardPage.css.js";
-import { Suspense as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useTranslation as x } from "react-i18next";
-import * as S from "react-relay";
-import { Spinner as C } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BackofficeEmptyState as w } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { DetailPageTemplate as T } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import { DataTable as E } from "@plumile/ui/components/data-table/DataTable.js";
-import { DashboardGrid as D, DashboardGridItem as O } from "@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js";
+import { loadingBody as d, tileBody as f, tileCount as p } from "./backofficeDashboardPage.css.js";
+import { Suspense as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useTranslation as _ } from "react-i18next";
+import * as v from "react-relay";
+import { Spinner as y } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as b } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { DetailPageTemplate as x } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { DashboardMetricGroup as S } from "@plumile/ui/components/dashboard/dashboard_metric_group/DashboardMetricGroup.js";
+import { DashboardPanel as C } from "@plumile/ui/components/dashboard/dashboard_panel/DashboardPanel.js";
+import { DashboardQuickActions as w } from "@plumile/ui/components/dashboard/dashboard_quick_actions/DashboardQuickActions.js";
+import { DashboardStatusList as T } from "@plumile/ui/components/dashboard/dashboard_status_list/DashboardStatusList.js";
+import { DashboardGrid as E, DashboardGridItem as D } from "@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js";
+import { DataTable as O } from "@plumile/ui/components/data-table/DataTable.js";
 //#region src/pages/BackofficeDashboardPage.tsx
-var { useLazyLoadQuery: k } = S, A = () => {
+var { useLazyLoadQuery: k } = v, A = () => {
 	let { t } = e();
-	return /* @__PURE__ */ y(w, { title: t("common.notAvailable") });
+	return /* @__PURE__ */ h(b, { title: t("common.notAvailable") });
 }, j = () => {
 	let { t } = e();
-	return /* @__PURE__ */ b("div", {
-		className: h,
-		children: [/* @__PURE__ */ y(C, { ariaLabel: t("common.loading") }), /* @__PURE__ */ y("span", { children: t("common.loading") })]
+	return /* @__PURE__ */ g("div", {
+		className: d,
+		children: [/* @__PURE__ */ h(y, { ariaLabel: t("common.loading") }), /* @__PURE__ */ h("span", { children: t("common.loading") })]
 	});
 }, M = (e) => e ?? "m", N = (e) => {
 	if (e.layout?.span != null) return e.layout.span;
 	let t = M(e.size);
 	return t === "s" ? 3 : t === "m" ? 4 : t === "l" ? 6 : t === "xl" ? 8 : 12;
 }, P = (e) => e.layout?.tabletSpan, F = ({ widget: n, globalData: a }) => {
-	let { t: o } = x(), { t: s } = e(), { entities: c } = t(), l = n.description == null ? void 0 : u(n.description, o), h = (e) => "resolve" in n && n.resolve != null ? n.resolve(e) : null;
-	if (n.kind === "textBlock") return /* @__PURE__ */ y(f, {
+	let { t: o } = _(), { t: s } = e(), { entities: c } = t(), l = n.description == null ? void 0 : u(n.description, o), d = (e) => "resolve" in n && n.resolve != null ? n.resolve(e) : null;
+	if (n.kind === "textBlock") return /* @__PURE__ */ h(C, {
 		title: u(n.title, o),
 		subtitle: l,
-		children: /* @__PURE__ */ y("div", {
-			className: g,
+		children: /* @__PURE__ */ h("div", {
+			className: f,
 			children: u(n.body, o)
 		})
 	});
 	if (n.kind === "shortcut") {
 		let e = c[n.entityId], t = u(n.label, o);
-		return e == null ? /* @__PURE__ */ y(f, {
+		return e == null ? /* @__PURE__ */ h(C, {
 			title: t,
 			subtitle: l,
-			children: /* @__PURE__ */ y(A, {})
-		}) : e.kind === "tool" ? /* @__PURE__ */ y(f, {
+			children: /* @__PURE__ */ h(A, {})
+		}) : e.kind === "tool" ? /* @__PURE__ */ h(C, {
 			title: t,
 			subtitle: l,
-			children: /* @__PURE__ */ y(p, { actions: [{
+			children: /* @__PURE__ */ h(w, { actions: [{
 				id: e.id,
 				href: e.routes.list,
 				label: s("dashboard.actions.openTool")
 			}] })
-		}) : /* @__PURE__ */ y(f, {
+		}) : /* @__PURE__ */ h(C, {
 			title: t,
 			subtitle: l,
-			children: /* @__PURE__ */ y(p, { actions: [{
+			children: /* @__PURE__ */ h(w, { actions: [{
 				id: e.id,
 				href: e.routes.list,
 				label: s("dashboard.actions.openList")
@@ -70,20 +70,20 @@ var { useLazyLoadQuery: k } = S, A = () => {
 		});
 	}
 	if (n.kind === "tablePreview") {
-		let e = h(a);
-		if (e == null) return /* @__PURE__ */ y(f, {
+		let e = d(a);
+		if (e == null) return /* @__PURE__ */ h(C, {
 			title: u(n.title, o),
 			subtitle: l,
-			children: /* @__PURE__ */ y(A, {})
+			children: /* @__PURE__ */ h(A, {})
 		});
 		let t = i(e.columns, {
 			tApp: o,
 			t: s
 		});
-		return /* @__PURE__ */ y(f, {
+		return /* @__PURE__ */ h(C, {
 			title: u(n.title, o),
 			subtitle: l,
-			children: /* @__PURE__ */ y(E, {
+			children: /* @__PURE__ */ h(O, {
 				columns: t,
 				rows: e.rows,
 				getRowId: (e, t) => {
@@ -97,9 +97,9 @@ var { useLazyLoadQuery: k } = S, A = () => {
 		});
 	}
 	if (n.kind === "metricGroup") {
-		let e = h(a);
-		return e == null ? /* @__PURE__ */ y(A, {}) : /* @__PURE__ */ y(d, {
-			emptyState: /* @__PURE__ */ y(A, {}),
+		let e = d(a);
+		return e == null ? /* @__PURE__ */ h(A, {}) : /* @__PURE__ */ h(S, {
+			emptyState: /* @__PURE__ */ h(A, {}),
 			metrics: e.map((e) => ({
 				id: e.id,
 				href: e.href,
@@ -110,15 +110,15 @@ var { useLazyLoadQuery: k } = S, A = () => {
 		});
 	}
 	if (n.kind === "billingUsageChart") {
-		let e = h(a), t = u(n.title, o);
-		return e == null ? /* @__PURE__ */ y(f, {
+		let e = d(a), t = u(n.title, o);
+		return e == null ? /* @__PURE__ */ h(C, {
 			title: t,
 			subtitle: l,
-			children: /* @__PURE__ */ y(A, {})
-		}) : /* @__PURE__ */ y(f, {
+			children: /* @__PURE__ */ h(A, {})
+		}) : /* @__PURE__ */ h(C, {
 			title: t,
 			subtitle: l,
-			children: /* @__PURE__ */ y(r, {
+			children: /* @__PURE__ */ h(r, {
 				ariaLabel: u(n.ariaLabel, o),
 				buckets: e.buckets,
 				categories: n.categories.map((e) => ({
@@ -135,12 +135,12 @@ var { useLazyLoadQuery: k } = S, A = () => {
 			})
 		});
 	}
-	if (n.kind === "quickActions") return /* @__PURE__ */ y(f, {
+	if (n.kind === "quickActions") return /* @__PURE__ */ h(C, {
 		title: n.title == null ? s("dashboard.actions.openTool") : u(n.title, o),
 		subtitle: l,
-		children: /* @__PURE__ */ y(p, {
+		children: /* @__PURE__ */ h(w, {
 			layout: n.layout?.zone === "aside" ? "stack" : "grid",
-			emptyState: /* @__PURE__ */ y(A, {}),
+			emptyState: /* @__PURE__ */ h(A, {}),
 			actions: n.actions.map((e) => ({
 				id: e.id,
 				href: e.href,
@@ -149,16 +149,16 @@ var { useLazyLoadQuery: k } = S, A = () => {
 		})
 	});
 	if (n.kind === "statusSummary") {
-		let e = h(a);
-		return e == null ? /* @__PURE__ */ y(f, {
+		let e = d(a);
+		return e == null ? /* @__PURE__ */ h(C, {
 			title: n.title == null ? void 0 : u(n.title, o),
 			subtitle: l,
-			children: /* @__PURE__ */ y(A, {})
-		}) : /* @__PURE__ */ y(f, {
+			children: /* @__PURE__ */ h(A, {})
+		}) : /* @__PURE__ */ h(C, {
 			title: n.title == null ? void 0 : u(n.title, o),
 			subtitle: l,
-			children: /* @__PURE__ */ y(m, {
-				emptyState: /* @__PURE__ */ y(A, {}),
+			children: /* @__PURE__ */ h(T, {
+				emptyState: /* @__PURE__ */ h(A, {}),
 				items: e.map((e) => ({
 					id: e.id,
 					href: e.href,
@@ -168,66 +168,66 @@ var { useLazyLoadQuery: k } = S, A = () => {
 			})
 		});
 	}
-	if (n.kind === "recentItems") return /* @__PURE__ */ y(f, {
+	if (n.kind === "recentItems") return /* @__PURE__ */ h(C, {
 		title: n.title == null ? s("dashboard.title") : u(n.title, o),
 		subtitle: l,
-		children: /* @__PURE__ */ y(A, {})
+		children: /* @__PURE__ */ h(A, {})
 	});
-	let v = c[n.entityId];
-	if (v?.kind !== "list-detail") return /* @__PURE__ */ y(f, {
+	let m = c[n.entityId];
+	if (m?.kind !== "list-detail") return /* @__PURE__ */ h(C, {
 		title: u(n.label, o),
 		subtitle: l,
-		children: /* @__PURE__ */ y(A, {})
+		children: /* @__PURE__ */ h(A, {})
 	});
-	let S = h(a), C = s("common.notAvailable");
-	return typeof S?.count == "number" && (C = S.count), /* @__PURE__ */ y(f, {
+	let v = d(a), y = s("common.notAvailable");
+	return typeof v?.count == "number" && (y = v.count), /* @__PURE__ */ h(C, {
 		title: u(n.label, o),
 		subtitle: l,
-		children: /* @__PURE__ */ b("div", {
-			className: g,
-			children: [/* @__PURE__ */ y("div", {
-				className: _,
-				children: C
-			}), /* @__PURE__ */ y(p, {
-				emptyState: /* @__PURE__ */ y(A, {}),
+		children: /* @__PURE__ */ g("div", {
+			className: f,
+			children: [/* @__PURE__ */ h("div", {
+				className: p,
+				children: y
+			}), /* @__PURE__ */ h(w, {
+				emptyState: /* @__PURE__ */ h(A, {}),
 				actions: [{
-					id: v.id,
-					href: v.routes.list,
+					id: m.id,
+					href: m.routes.list,
 					label: s("dashboard.actions.openList")
 				}]
 			})]
 		})
 	});
-}, I = ({ widget: e }) => /* @__PURE__ */ y(F, {
+}, I = ({ widget: e }) => /* @__PURE__ */ h(F, {
 	widget: e,
 	globalData: k(e.query, {}, { fetchPolicy: "store-or-network" })
 }), L = ({ config: t, globalData: r }) => {
-	let { t: i } = x(), { t: a } = e();
-	return /* @__PURE__ */ y(T, {
+	let { t: i } = _(), { t: a } = e();
+	return /* @__PURE__ */ h(x, {
 		header: {
 			title: u(t.title, i),
 			subtitle: (t.subtitle == null ? void 0 : u(t.subtitle, i)) ?? a("dashboard.subtitle")
 		},
-		children: /* @__PURE__ */ y(D, {
+		children: /* @__PURE__ */ h(E, {
 			columns: 12,
 			children: t.widgets.map((e) => {
-				let a = u(c(e, t), i), o = l(e) ? /* @__PURE__ */ y(I, { widget: e }) : /* @__PURE__ */ y(F, {
+				let a = u(c(e, t), i), o = l(e) ? /* @__PURE__ */ h(I, { widget: e }) : /* @__PURE__ */ h(F, {
 					widget: e,
 					globalData: r
 				});
-				return /* @__PURE__ */ y(O, {
+				return /* @__PURE__ */ h(D, {
 					minHeight: e.minHeight ?? "auto",
 					span: N(e),
 					tabletSpan: P(e),
-					children: /* @__PURE__ */ y(n, {
-						fallback: () => /* @__PURE__ */ y(f, {
+					children: /* @__PURE__ */ h(n, {
+						fallback: () => /* @__PURE__ */ h(C, {
 							title: a,
-							children: /* @__PURE__ */ y(A, {})
+							children: /* @__PURE__ */ h(A, {})
 						}),
-						children: /* @__PURE__ */ y(v, {
-							fallback: /* @__PURE__ */ y(f, {
+						children: /* @__PURE__ */ h(m, {
+							fallback: /* @__PURE__ */ h(C, {
 								title: a,
-								children: /* @__PURE__ */ y(j, {})
+								children: /* @__PURE__ */ h(j, {})
 							}),
 							children: o
 						})
@@ -236,35 +236,35 @@ var { useLazyLoadQuery: k } = S, A = () => {
 			})
 		})
 	});
-}, R = ({ config: e }) => /* @__PURE__ */ y(L, {
+}, R = ({ config: e }) => /* @__PURE__ */ h(L, {
 	config: e,
 	globalData: k(e.query, {}, { fetchPolicy: "store-or-network" })
 }), z = ({ prepared: n }) => {
-	let { t: r } = x(), { t: i } = e(), { entities: c } = t(), l = s(), d = n?.config ?? l, m = o(i);
+	let { t: r } = _(), { t: i } = e(), { entities: c } = t(), l = s(), d = n?.config ?? l, m = o(i);
 	if (d == null) {
 		let e = Object.values(c).filter((e) => e.kind === "list-detail" && e.hasList).map((e) => ({
 			config: e,
 			label: u(e.label, r)
 		})).sort((e, t) => e.label.localeCompare(t.label));
-		return /* @__PURE__ */ y(a, {
+		return /* @__PURE__ */ h(a, {
 			breadcrumb: m,
-			children: /* @__PURE__ */ y(T, {
+			children: /* @__PURE__ */ h(x, {
 				header: {
 					title: i("dashboard.title"),
 					subtitle: i("dashboard.subtitle")
 				},
-				children: /* @__PURE__ */ y(D, {
+				children: /* @__PURE__ */ h(E, {
 					columns: 12,
-					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ y(O, {
+					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ h(D, {
 						span: 4,
-						children: /* @__PURE__ */ y(f, {
+						children: /* @__PURE__ */ h(C, {
 							title: t,
-							children: /* @__PURE__ */ b("div", {
-								className: g,
-								children: [/* @__PURE__ */ y("div", {
-									className: _,
+							children: /* @__PURE__ */ g("div", {
+								className: f,
+								children: [/* @__PURE__ */ h("div", {
+									className: p,
 									children: i("common.notAvailable")
-								}), /* @__PURE__ */ y(p, { actions: [{
+								}), /* @__PURE__ */ h(w, { actions: [{
 									id: e.id,
 									href: e.routes.list,
 									label: i("dashboard.actions.openList")
@@ -276,15 +276,15 @@ var { useLazyLoadQuery: k } = S, A = () => {
 			})
 		});
 	}
-	return d.query == null ? /* @__PURE__ */ y(a, {
+	return d.query == null ? /* @__PURE__ */ h(a, {
 		breadcrumb: m,
-		children: /* @__PURE__ */ y(L, {
+		children: /* @__PURE__ */ h(L, {
 			config: d,
 			globalData: null
 		})
-	}) : /* @__PURE__ */ y(a, {
+	}) : /* @__PURE__ */ h(a, {
 		breadcrumb: m,
-		children: /* @__PURE__ */ y(R, { config: d })
+		children: /* @__PURE__ */ h(R, { config: d })
 	});
 };
 //#endregion

package/lib/esm/pages/BackofficeDashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  DashboardGrid,\n  DashboardGridItem,\n} from '@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { BackofficeBillingUsageChart } from '../components/backoffice/billing/BackofficeBillingUsageChart.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport type { BackofficePreparedDashboardRoute } from '../router/createBackofficeRoutes.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\nimport { DashboardMetricGroup } from './dashboard/DashboardMetricGroup.js';\nimport { DashboardPanel } from './dashboard/DashboardPanel.js';\nimport { DashboardQuickActions } from './dashboard/DashboardQuickActions.js';\nimport { DashboardStatusList } from './dashboard/DashboardStatusList.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const description =\n    widget.description != null\n      ? resolveLabel(widget.description, tApp)\n      : undefined;\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <div className={styles.tileBody}>{body}</div>\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    const title = resolveLabel(widget.label, tApp);\n    if (entity == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    if (entity.kind === 'tool') {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardQuickActions\n            actions={[\n              {\n                id: entity.id,\n                href: entity.routes.list,\n                label: t('dashboard.actions.openTool'),\n              },\n            ]}\n          />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          actions={[\n            {\n              id: entity.id,\n              href: entity.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return (\n        <DashboardPanel\n          title={resolveLabel(widget.title, tApp)}\n          subtitle={description}\n        >\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n    });\n    const title = resolveLabel(widget.title, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DataTable\n          columns={columns}\n          rows={resolved.rows}\n          getRowId={(row, index) => {\n            if (row != null && typeof row === 'object') {\n              const record = row as Record<string, unknown>;\n              const { id } = record;\n              if (typeof id === 'string' && id.trim() !== '') {\n                return id;\n              }\n            }\n            return String(index);\n          }}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'metricGroup') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          meta?: I18nLabel;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return <DashboardUnavailableState />;\n    }\n    return (\n      <DashboardMetricGroup\n        emptyState={<DashboardUnavailableState />}\n        metrics={resolved.map((metric) => {\n          return {\n            id: metric.id,\n            href: metric.href,\n            label: resolveLabel(metric.label, tApp),\n            value: metric.value ?? t('common.notAvailable'),\n            hint:\n              metric.meta != null ? resolveLabel(metric.meta, tApp) : undefined,\n          };\n        })}\n      />\n    );\n  }\n\n  if (widget.kind === 'billingUsageChart') {\n    const resolved = resolveData(globalData) as {\n      currency: string;\n      totalAmount: number;\n      from: string | null;\n      to: string | null;\n      buckets: readonly {\n        day: string;\n        category: string;\n        value: number;\n      }[];\n    } | null;\n    const title = resolveLabel(widget.title, tApp);\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <BackofficeBillingUsageChart\n          ariaLabel={resolveLabel(widget.ariaLabel, tApp)}\n          buckets={resolved.buckets}\n          categories={widget.categories.map((category) => {\n            return {\n              id: category.id,\n              label: resolveLabel(category.label, tApp),\n              color: category.color,\n            };\n          })}\n          currency={resolved.currency}\n          emptyLabel={resolveLabel(widget.emptyLabel, tApp)}\n          from={resolved.from}\n          rangePrefix={resolveLabel(widget.rangePrefix, tApp)}\n          to={resolved.to}\n          totalAmount={resolved.totalAmount}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          emptyState={<DashboardUnavailableState />}\n          actions={widget.actions.map((action) => {\n            return {\n              id: action.id,\n              href: action.href,\n              label: resolveLabel(action.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      const title =\n        widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardStatusList\n          emptyState={<DashboardUnavailableState />}\n          items={resolved.map((item) => {\n            return {\n              id: item.id,\n              href: item.href,\n              label: resolveLabel(item.label, tApp),\n              value: item.value ?? t('common.notAvailable'),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.label, tApp)}\n        subtitle={description}\n      >\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <DashboardPanel title={title} subtitle={description}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <DashboardQuickActions\n          emptyState={<DashboardUnavailableState />}\n          actions={[\n            {\n              id: entityManifest.id,\n              href: entityManifest.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  {content}\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport type BackofficeDashboardPageProps = {\n  prepared?: BackofficePreparedDashboardRoute | null;\n};\n\nexport const BackofficeDashboardPage = ({\n  prepared,\n}: BackofficeDashboardPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const rootDashboard = useBackofficeDashboardConfig();\n  const dashboard = prepared?.config ?? rootDashboard;\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAM,EAAE,kBAAA,MAAqB,GAOvB,UAA+C;CACnD,IAAM,EAAE,MAAM,GAA+B;CAE7C,OAAO,kBAAC,GAAD,EAAsB,OAAO,EAAE,sBAAsB,EAAI,CAAA;GAG5D,UAA2C;CAC/C,IAAM,EAAE,MAAM,GAA+B;CAE7C,OACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,GAAD,EAAS,WAAW,EAAE,iBAAiB,EAAI,CAAA,EAC3C,kBAAC,QAAD,EAAA,UAAO,EAAE,iBAAiB,EAAQ,CAAA,CAC9B;;GAIJ,KACJ,MAEO,KAAQ,KAGX,KACJ,MACkC;CAClC,IAAI,EAAO,QAAQ,QAAQ,MACzB,OAAO,EAAO,OAAO;CAGvB,IAAM,IAAO,EAAkB,EAAO,KAAK;CAa3C,OAZI,MAAS,MACJ,IAEL,MAAS,MACJ,IAEL,MAAS,MACJ,IAEL,MAAS,OACJ,IAEF;GAGH,KACJ,MAEO,EAAO,QAAQ,YAGlB,KAAiB,EACrB,WACA,oBAC4C;CAC5C,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,gBAAa,GAAqB,EACpC,IACJ,EAAO,eAAe,OAElB,KAAA,IADA,EAAa,EAAO,aAAa,EAAK,EAGtC,KAAe,MACf,aAAa,KAAU,EAAO,WAAW,OACpC,EAAO,QAAQ,EAAK,GAEtB;CAGT,IAAI,EAAO,SAAS,aAGlB,OACE,kBAAC,GAAD;EAAuB,OAHX,EAAa,EAAO,OAAO,EAGhB;EAAO,UAAU;YACtC,kBAAC,OAAD;GAAK,WAAW;aAHP,EAAa,EAAO,MAAM,EAGD;GAAW,CAAA;EAC9B,CAAA;CAIrB,IAAI,EAAO,SAAS,YAAY;EAC9B,IAAM,IAAS,EAAS,EAAO,WACzB,IAAQ,EAAa,EAAO,OAAO,EAAK;EAuB9C,OAtBI,KAAU,OAEV,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA6B,CAAA;GACd,CAAA,GAGjB,EAAO,SAAS,SAEhB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EACE,SAAS,CACP;IACE,IAAI,EAAO;IACX,MAAM,EAAO,OAAO;IACpB,OAAO,EAAE,6BAA6B;IACvC,CACF,EACD,CAAA;GACa,CAAA,GAInB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EACE,SAAS,CACP;IACE,IAAI,EAAO;IACX,MAAM,EAAO,OAAO;IACpB,OAAO,EAAE,6BAA6B;IACvC,CACF,EACD,CAAA;GACa,CAAA;;CAIrB,IAAI,EAAO,SAAS,gBAAgB;EAClC,IAAM,IAAW,EAAY,EAAW;EAIxC,IAAI,KAAY,MACd,OACE,kBAAC,GAAD;GACE,OAAO,EAAa,EAAO,OAAO,EAAK;GACvC,UAAU;aAEV,kBAAC,GAAD,EAA6B,CAAA;GACd,CAAA;EAGrB,IAAM,IAAU,EAAsB,EAAS,SAAkB;GAC/D;GACA;GACD,CAAC;EAEF,OACE,kBAAC,GAAD;GAAuB,OAFX,EAAa,EAAO,OAAO,EAEhB;GAAO,UAAU;aACtC,kBAAC,GAAD;IACW;IACT,MAAM,EAAS;IACf,WAAW,GAAK,MAAU;KACxB,IAAmB,OAAO,KAAQ,YAA9B,GAAwC;MAE1C,IAAM,EAAE,UAAO;MACf,IAAI,OAAO,KAAO,YAAY,EAAG,MAAM,KAAK,IAC1C,OAAO;;KAGX,OAAO,OAAO,EAAM;;IAEtB,CAAA;GACa,CAAA;;CAIrB,IAAI,EAAO,SAAS,eAAe;EACjC,IAAM,IAAW,EAAY,EAAW;EAYxC,OAHI,KAAY,OACP,kBAAC,GAAD,EAA6B,CAAA,GAGpC,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,EAA6B,CAAA;GACzC,SAAS,EAAS,KAAK,OACd;IACL,IAAI,EAAO;IACX,MAAM,EAAO;IACb,OAAO,EAAa,EAAO,OAAO,EAAK;IACvC,OAAO,EAAO,SAAS,EAAE,sBAAsB;IAC/C,MACE,EAAO,QAAQ,OAAyC,KAAA,IAAlC,EAAa,EAAO,MAAM,EAAK;IACxD,EACD;GACF,CAAA;;CAIN,IAAI,EAAO,SAAS,qBAAqB;EACvC,IAAM,IAAW,EAAY,EAAW,EAWlC,IAAQ,EAAa,EAAO,OAAO,EAAK;EAS9C,OARI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA6B,CAAA;GACd,CAAA,GAKnB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD;IACE,WAAW,EAAa,EAAO,WAAW,EAAK;IAC/C,SAAS,EAAS;IAClB,YAAY,EAAO,WAAW,KAAK,OAC1B;KACL,IAAI,EAAS;KACb,OAAO,EAAa,EAAS,OAAO,EAAK;KACzC,OAAO,EAAS;KACjB,EACD;IACF,UAAU,EAAS;IACnB,YAAY,EAAa,EAAO,YAAY,EAAK;IACjD,MAAM,EAAS;IACf,aAAa,EAAa,EAAO,aAAa,EAAK;IACnD,IAAI,EAAS;IACb,aAAa,EAAS;IACtB,CAAA;GACa,CAAA;;CAIrB,IAAI,EAAO,SAAS,gBAKlB,OACE,kBAAC,GAAD;EAAuB,OAJvB,EAAO,SAAS,OAEZ,EAAE,6BAA6B,GAD/B,EAAa,EAAO,OAAO,EAAK;EAGN,UAAU;YACtC,kBAAC,GAAD;GACE,QAAQ,EAAO,QAAQ,SAAS,UAAU,UAAU;GACpD,YAAY,kBAAC,GAAD,EAA6B,CAAA;GACzC,SAAS,EAAO,QAAQ,KAAK,OACpB;IACL,IAAI,EAAO;IACX,MAAM,EAAO;IACb,OAAO,EAAa,EAAO,OAAO,EAAK;IACxC,EACD;GACF,CAAA;EACa,CAAA;CAIrB,IAAI,EAAO,SAAS,iBAAiB;EACnC,IAAM,IAAW,EAAY,EAAW;EAmBxC,OAXI,KAAY,OAIZ,kBAAC,GAAD;GAAuB,OAFvB,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,EAAK;GAEzB,UAAU;aACtC,kBAAC,GAAD,EAA6B,CAAA;GACd,CAAA,GAMnB,kBAAC,GAAD;GAAuB,OAFvB,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,EAAK;GAEzB,UAAU;aACtC,kBAAC,GAAD;IACE,YAAY,kBAAC,GAAD,EAA6B,CAAA;IACzC,OAAO,EAAS,KAAK,OACZ;KACL,IAAI,EAAK;KACT,MAAM,EAAK;KACX,OAAO,EAAa,EAAK,OAAO,EAAK;KACrC,OAAO,EAAK,SAAS,EAAE,sBAAsB;KAC9C,EACD;IACF,CAAA;GACa,CAAA;;CAIrB,IAAI,EAAO,SAAS,eAKlB,OACE,kBAAC,GAAD;EAAuB,OAJvB,EAAO,SAAS,OAEZ,EAAE,kBAAkB,GADpB,EAAa,EAAO,OAAO,EAAK;EAGN,UAAU;YACtC,kBAAC,GAAD,EAA6B,CAAA;EACd,CAAA;CAIrB,IAAM,IAAiB,EAAS,EAAO;CACvC,IAAI,GAAgB,SAAS,eAC3B,OACE,kBAAC,GAAD;EACE,OAAO,EAAa,EAAO,OAAO,EAAK;EACvC,UAAU;YAEV,kBAAC,GAAD,EAA6B,CAAA;EACd,CAAA;CAGrB,IAAM,IAAW,EAAY,EAAW,EACpC,IAA8B,EAAE,sBAAsB;CAK1D,OAJI,OAAO,GAAU,SAAU,aAC7B,IAAa,EAAS,QAItB,kBAAC,GAAD;EAAuB,OAFX,EAAa,EAAO,OAAO,EAEhB;EAAO,UAAU;YACtC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,OAAD;IAAK,WAAW;cAAmB;IAAiB,CAAA,EACpD,kBAAC,GAAD;IACE,YAAY,kBAAC,GAAD,EAA6B,CAAA;IACzC,SAAS,CACP;KACE,IAAI,EAAe;KACnB,MAAM,EAAe,OAAO;KAC5B,OAAO,EAAE,6BAA6B;KACvC,CACF;IACD,CAAA,CACE;;EACS,CAAA;GAQf,KAAmB,EAAE,gBASlB,kBAAC,GAAD;CAAuB;CAAQ,YARzB,EACX,EAAO,OACP,EAAE,EACF,EACE,aAAa,oBACd,CAG+C;CAAQ,CAAA,EAQtD,KAAoB,EACxB,WACA,oBACwC;CACxC,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B;CAM7C,OACE,kBAAC,GAAD;EACE,QAAQ;GACN,OAPQ,EAAa,EAAO,OAAO,EAOnC;GACA,WANJ,EAAO,YAAY,OAA6C,KAAA,IAAtC,EAAa,EAAO,UAAU,EAAK,KAMnC,EAAE,qBAAqB;GAC9C;YAED,kBAAC,GAAD;GAAe,SAAS;aACrB,EAAO,QAAQ,KAAK,MAAW;IAC9B,IAAM,IAAc,EAClB,EAAe,GAAQ,EAAO,EAC9B,EACD,EACK,IAAU,EAAe,EAAO,GACpC,kBAAC,GAAD,EAAyB,WAAU,CAAA,GAEnC,kBAAC,GAAD;KAAuB;KAAoB;KAAc,CAAA;IAG3D,OACE,kBAAC,GAAD;KAEE,WAAW,EAAO,aAAa;KAC/B,MAAM,EAAkB,EAAO;KAC/B,YAAY,EAAwB,EAAO;eAE3C,kBAAC,GAAD;MACE,gBAEI,kBAAC,GAAD;OAAgB,OAAO;iBACrB,kBAAC,GAAD,EAA6B,CAAA;OACd,CAAA;gBAIrB,kBAAC,GAAD;OACE,UACE,kBAAC,GAAD;QAAgB,OAAO;kBACrB,kBAAC,GAAD,EAAyB,CAAA;QACV,CAAA;iBAGlB;OACQ,CAAA;MACa,CAAA;KACR,EAxBb,EAAO,GAwBM;KAEtB;GACY,CAAA;EACG,CAAA;GAQnB,KAAsB,EAC1B,gBAQO,kBAAC,GAAD;CAA0B;CAAQ,YAN5B,EACX,EAAO,OACP,EAAE,EACF,EAAE,aAAa,oBAAoB,CAGgB;CAAQ,CAAA,EAOlD,KAA2B,EACtC,kBAC+C;CAC/C,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,gBAAa,GAAqB,EACpC,IAAgB,GAA8B,EAC9C,IAAY,GAAU,UAAU,GAChC,IAAa,EAAyB,EAAE;CAE9C,IAAI,KAAa,MAAM;EACrB,IAAM,IAAQ,OAAO,OAAO,EAAS,CAClC,QAAQ,MACA,EAAO,SAAS,iBAAiB,EAAO,QAC/C,CACD,KAAK,OACG;GACL;GACA,OAAO,EAAa,EAAO,OAAO,EAAK;GACxC,EACD,CACD,MAAM,GAAM,MACJ,EAAK,MAAM,cAAc,EAAM,MAAM,CAC5C;EAEJ,OACE,kBAAC,GAAD;GAAuC;aACrC,kBAAC,GAAD;IACE,QAAQ;KACN,OAAO,EAAE,kBAAkB;KAC3B,UAAU,EAAE,qBAAqB;KAClC;cAED,kBAAC,GAAD;KAAe,SAAS;eACrB,EAAM,KAAK,EAAE,WAAQ,eAElB,kBAAC,GAAD;MAAmC,MAAM;gBACvC,kBAAC,GAAD;OAAgB,OAAO;iBACrB,kBAAC,OAAD;QAAK,WAAW;kBAAhB,CACE,kBAAC,OAAD;SAAK,WAAW;mBACb,EAAE,sBAAsB;SACrB,CAAA,EACN,kBAAC,GAAD,EACE,SAAS,CACP;SACE,IAAI,EAAO;SACX,MAAM,EAAO,OAAO;SACpB,OAAO,EAAE,6BAA6B;SACvC,CACF,EACD,CAAA,CACE;;OACS,CAAA;MACC,EAjBI,EAAO,GAiBX,CAEtB;KACY,CAAA;IACG,CAAA;GACK,CAAA;;CAYhC,OARI,EAAU,SAAS,OASrB,kBAAC,GAAD;EAAuC;YACrC,kBAAC,GAAD;GAAkB,QAAQ;GAAW,YAAY;GAAQ,CAAA;EAC/B,CAAA,GAT1B,kBAAC,GAAD;EAAuC;YACrC,kBAAC,GAAD,EAAoB,QAAQ,GAAa,CAAA;EACf,CAAA"}
+{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { DashboardMetricGroup } from '@plumile/ui/components/dashboard/dashboard_metric_group/DashboardMetricGroup.js';\nimport { DashboardPanel } from '@plumile/ui/components/dashboard/dashboard_panel/DashboardPanel.js';\nimport { DashboardQuickActions } from '@plumile/ui/components/dashboard/dashboard_quick_actions/DashboardQuickActions.js';\nimport { DashboardStatusList } from '@plumile/ui/components/dashboard/dashboard_status_list/DashboardStatusList.js';\nimport {\n  DashboardGrid,\n  DashboardGridItem,\n} from '@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { BackofficeBillingUsageChart } from '../components/backoffice/billing/BackofficeBillingUsageChart.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport type { BackofficePreparedDashboardRoute } from '../router/createBackofficeRoutes.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const description =\n    widget.description != null\n      ? resolveLabel(widget.description, tApp)\n      : undefined;\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <div className={styles.tileBody}>{body}</div>\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    const title = resolveLabel(widget.label, tApp);\n    if (entity == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    if (entity.kind === 'tool') {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardQuickActions\n            actions={[\n              {\n                id: entity.id,\n                href: entity.routes.list,\n                label: t('dashboard.actions.openTool'),\n              },\n            ]}\n          />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          actions={[\n            {\n              id: entity.id,\n              href: entity.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return (\n        <DashboardPanel\n          title={resolveLabel(widget.title, tApp)}\n          subtitle={description}\n        >\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n    });\n    const title = resolveLabel(widget.title, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DataTable\n          columns={columns}\n          rows={resolved.rows}\n          getRowId={(row, index) => {\n            if (row != null && typeof row === 'object') {\n              const record = row as Record<string, unknown>;\n              const { id } = record;\n              if (typeof id === 'string' && id.trim() !== '') {\n                return id;\n              }\n            }\n            return String(index);\n          }}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'metricGroup') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          meta?: I18nLabel;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return <DashboardUnavailableState />;\n    }\n    return (\n      <DashboardMetricGroup\n        emptyState={<DashboardUnavailableState />}\n        metrics={resolved.map((metric) => {\n          return {\n            id: metric.id,\n            href: metric.href,\n            label: resolveLabel(metric.label, tApp),\n            value: metric.value ?? t('common.notAvailable'),\n            hint:\n              metric.meta != null ? resolveLabel(metric.meta, tApp) : undefined,\n          };\n        })}\n      />\n    );\n  }\n\n  if (widget.kind === 'billingUsageChart') {\n    const resolved = resolveData(globalData) as {\n      currency: string;\n      totalAmount: number;\n      from: string | null;\n      to: string | null;\n      buckets: readonly {\n        day: string;\n        category: string;\n        value: number;\n      }[];\n    } | null;\n    const title = resolveLabel(widget.title, tApp);\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <BackofficeBillingUsageChart\n          ariaLabel={resolveLabel(widget.ariaLabel, tApp)}\n          buckets={resolved.buckets}\n          categories={widget.categories.map((category) => {\n            return {\n              id: category.id,\n              label: resolveLabel(category.label, tApp),\n              color: category.color,\n            };\n          })}\n          currency={resolved.currency}\n          emptyLabel={resolveLabel(widget.emptyLabel, tApp)}\n          from={resolved.from}\n          rangePrefix={resolveLabel(widget.rangePrefix, tApp)}\n          to={resolved.to}\n          totalAmount={resolved.totalAmount}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          emptyState={<DashboardUnavailableState />}\n          actions={widget.actions.map((action) => {\n            return {\n              id: action.id,\n              href: action.href,\n              label: resolveLabel(action.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      const title =\n        widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardStatusList\n          emptyState={<DashboardUnavailableState />}\n          items={resolved.map((item) => {\n            return {\n              id: item.id,\n              href: item.href,\n              label: resolveLabel(item.label, tApp),\n              value: item.value ?? t('common.notAvailable'),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.label, tApp)}\n        subtitle={description}\n      >\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <DashboardPanel title={title} subtitle={description}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <DashboardQuickActions\n          emptyState={<DashboardUnavailableState />}\n          actions={[\n            {\n              id: entityManifest.id,\n              href: entityManifest.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  {content}\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport type BackofficeDashboardPageProps = {\n  prepared?: BackofficePreparedDashboardRoute | null;\n};\n\nexport const BackofficeDashboardPage = ({\n  prepared,\n}: BackofficeDashboardPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const rootDashboard = useBackofficeDashboardConfig();\n  const dashboard = prepared?.config ?? rootDashboard;\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":"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"}