@plumile/backoffice-react 0.1.151 → 0.1.153

package/lib/esm/pages/BackofficeDashboardWidgetContent.js

@@ -0,0 +1,193 @@
+import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../provider/BackofficeConfigContext.js";
+import { BackofficeBillingUsageChart as n } from "../components/backoffice/billing/BackofficeBillingUsageChart.js";
+import { buildDataTableColumns as r } from "../components/backoffice/columns/buildDataTableColumns.js";
+import { hasWidgetQuery as i, resolveLabel as a } from "./BackofficeDashboardPage.helpers.js";
+import { tileBody as o, tileCount as s } from "./backofficeDashboardPage.css.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 { DataTable as _ } from "@plumile/ui/components/data-table/DataTable.js";
+//#region src/pages/BackofficeDashboardWidgetContent.tsx
+var { useLazyLoadQuery: v } = d, y = () => {
+	let { t } = e();
+	return /* @__PURE__ */ c(f, { title: t("common.notAvailable") });
+}, b = ({ widget: i, globalData: d }) => {
+	let { t: f } = u(), { t: v } = e(), { entities: b } = t(), x = i.description == null ? void 0 : a(i.description, f), S = (e) => "resolve" in i && i.resolve != null ? i.resolve(e) : null;
+	if (i.kind === "textBlock") return /* @__PURE__ */ c(p, {
+		title: a(i.title, f),
+		subtitle: x,
+		children: /* @__PURE__ */ c("div", {
+			className: o,
+			children: a(i.body, f)
+		})
+	});
+	if (i.kind === "shortcut") {
+		let e = b[i.entityId], t = a(i.label, f);
+		return e == null ? /* @__PURE__ */ c(p, {
+			title: t,
+			subtitle: x,
+			children: /* @__PURE__ */ c(y, {})
+		}) : e.kind === "tool" ? /* @__PURE__ */ c(p, {
+			title: t,
+			subtitle: x,
+			children: /* @__PURE__ */ c(m, { actions: [{
+				id: e.id,
+				href: e.routes.list,
+				label: v("dashboard.actions.openTool")
+			}] })
+		}) : /* @__PURE__ */ c(p, {
+			title: t,
+			subtitle: x,
+			children: /* @__PURE__ */ c(m, { actions: [{
+				id: e.id,
+				href: e.routes.list,
+				label: v("dashboard.actions.openList")
+			}] })
+		});
+	}
+	if (i.kind === "tablePreview") {
+		let e = S(d);
+		if (e == null) return /* @__PURE__ */ c(p, {
+			title: a(i.title, f),
+			subtitle: x,
+			children: /* @__PURE__ */ c(y, {})
+		});
+		let t = r(e.columns, {
+			tApp: f,
+			t: v
+		});
+		return /* @__PURE__ */ c(p, {
+			title: a(i.title, f),
+			subtitle: x,
+			children: /* @__PURE__ */ c(_, {
+				columns: t,
+				rows: e.rows,
+				getRowId: (e, t) => {
+					if (typeof e == "object" && e) {
+						let { id: t } = e;
+						if (typeof t == "string" && t.trim() !== "") return t;
+					}
+					return String(t);
+				}
+			})
+		});
+	}
+	if (i.kind === "metricGroup") {
+		let e = S(d);
+		return e == null ? /* @__PURE__ */ c(y, {}) : /* @__PURE__ */ c(h, {
+			emptyState: /* @__PURE__ */ c(y, {}),
+			metrics: e.map((e) => ({
+				id: e.id,
+				href: e.href,
+				label: a(e.label, f),
+				value: e.value ?? v("common.notAvailable"),
+				hint: e.meta == null ? void 0 : a(e.meta, f)
+			}))
+		});
+	}
+	if (i.kind === "billingUsageChart") {
+		let e = S(d), t = a(i.title, f);
+		return e == null ? /* @__PURE__ */ c(p, {
+			title: t,
+			subtitle: x,
+			children: /* @__PURE__ */ c(y, {})
+		}) : /* @__PURE__ */ c(p, {
+			title: t,
+			subtitle: x,
+			children: /* @__PURE__ */ c(n, {
+				ariaLabel: a(i.ariaLabel, f),
+				buckets: e.buckets,
+				categories: i.categories.map((e) => ({
+					id: e.id,
+					label: a(e.label, f),
+					color: e.color
+				})),
+				currency: e.currency,
+				emptyLabel: a(i.emptyLabel, f),
+				from: e.from,
+				rangePrefix: a(i.rangePrefix, f),
+				to: e.to,
+				totalAmount: e.totalAmount
+			})
+		});
+	}
+	if (i.kind === "quickActions") return /* @__PURE__ */ c(p, {
+		title: i.title == null ? v("dashboard.actions.openTool") : a(i.title, f),
+		subtitle: x,
+		children: /* @__PURE__ */ c(m, {
+			layout: i.layout?.zone === "aside" ? "stack" : "grid",
+			emptyState: /* @__PURE__ */ c(y, {}),
+			actions: i.actions.map((e) => ({
+				id: e.id,
+				href: e.href,
+				label: a(e.label, f)
+			}))
+		})
+	});
+	if (i.kind === "statusSummary") {
+		let e = S(d);
+		return e == null ? /* @__PURE__ */ c(p, {
+			title: i.title == null ? void 0 : a(i.title, f),
+			subtitle: x,
+			children: /* @__PURE__ */ c(y, {})
+		}) : /* @__PURE__ */ c(p, {
+			title: i.title == null ? void 0 : a(i.title, f),
+			subtitle: x,
+			children: /* @__PURE__ */ c(g, {
+				emptyState: /* @__PURE__ */ c(y, {}),
+				items: e.map((e) => ({
+					id: e.id,
+					href: e.href,
+					label: a(e.label, f),
+					value: e.value ?? v("common.notAvailable")
+				}))
+			})
+		});
+	}
+	if (i.kind === "recentItems") return /* @__PURE__ */ c(p, {
+		title: i.title == null ? v("dashboard.title") : a(i.title, f),
+		subtitle: x,
+		children: /* @__PURE__ */ c(y, {})
+	});
+	let C = b[i.entityId];
+	if (C?.kind !== "list-detail") return /* @__PURE__ */ c(p, {
+		title: a(i.label, f),
+		subtitle: x,
+		children: /* @__PURE__ */ c(y, {})
+	});
+	let w = S(d), T = v("common.notAvailable");
+	return typeof w?.count == "number" && (T = w.count), /* @__PURE__ */ c(p, {
+		title: a(i.label, f),
+		subtitle: x,
+		children: /* @__PURE__ */ l("div", {
+			className: o,
+			children: [/* @__PURE__ */ c("div", {
+				className: s,
+				children: T
+			}), /* @__PURE__ */ c(m, {
+				emptyState: /* @__PURE__ */ c(y, {}),
+				actions: [{
+					id: C.id,
+					href: C.routes.list,
+					label: v("dashboard.actions.openList")
+				}]
+			})]
+		})
+	});
+}, x = ({ widget: e }) => /* @__PURE__ */ c(b, {
+	widget: e,
+	globalData: v(e.query, {}, { fetchPolicy: "store-or-network" })
+}), S = ({ widget: e, globalData: t }) => i(e) ? /* @__PURE__ */ c(x, { widget: e }) : /* @__PURE__ */ c(b, {
+	widget: e,
+	globalData: t
+});
+//#endregion
+export { S as BackofficeDashboardWidgetContent, S as default };
+
+//# sourceMappingURL=BackofficeDashboardWidgetContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDashboardWidgetContent.js","names":[],"sources":["../../../src/pages/BackofficeDashboardWidgetContent.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX } from 'react';\nimport type {\n  BackofficeDashboardWidget,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.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 { 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 { BackofficeBillingUsageChart } from '../components/backoffice/billing/BackofficeBillingUsageChart.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport {\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type BackofficeDashboardWidgetContentProps = {\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 WidgetContentBody = ({\n  widget,\n  globalData,\n}: BackofficeDashboardWidgetContentProps): 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\nconst WidgetWithQuery = ({\n  widget,\n}: {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n}): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContentBody widget={widget} globalData={data} />;\n};\n\nexport const BackofficeDashboardWidgetContent = ({\n  widget,\n  globalData,\n}: BackofficeDashboardWidgetContentProps): JSX.Element | null => {\n  if (hasWidgetQuery(widget)) {\n    return <WidgetWithQuery widget={widget} />;\n  }\n\n  return <WidgetContentBody widget={widget} globalData={globalData} />;\n};\n\nexport default BackofficeDashboardWidgetContent;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -1,15 +1,13 @@
 import { BackofficeEntityDetailLayoutContextProvider as e } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-import * as r from "react-relay";
-import i from "@plumile/router/errors/HttpRedirect.js";
+import { BackofficeRedirect as t } from "./BackofficeRedirect.js";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import * as i from "react-relay";
 //#region src/pages/BackofficeEntityDetailLayoutPage.tsx
-var { useFragment: a, usePreloadedQuery: o } = r, s = ({ config: r, prepared: s, children: c }) => {
-	let l = o(r.layoutPage.query, s.layoutQuery), u = r.layoutPage.resolveNode(l, { id: s.id });
-	if (u == null) throw new i(r.routes.list);
-	let d = a(r.layoutPage.fragment, u);
-	return /* @__PURE__ */ n(e, {
-		value: { layoutView: r.layoutPage.toView(d) },
-		children: /* @__PURE__ */ n(t, { children: c })
+var { useFragment: a, usePreloadedQuery: o } = i, s = ({ config: i, prepared: s, children: c }) => {
+	let l = o(i.layoutPage.query, s.layoutQuery), u = i.layoutPage.resolveNode(l, { id: s.id }), d = a(i.layoutPage.fragment, u);
+	return u == null ? /* @__PURE__ */ r(t, { to: i.routes.list }) : /* @__PURE__ */ r(e, {
+		value: { layoutView: i.layoutPage.toView(d) },
+		children: /* @__PURE__ */ r(n, { children: c })
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport HttpRedirect from '@plumile/router/errors/HttpRedirect.js';\nimport * as ReactRelay from 'react-relay';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n  if (layoutNodeRef == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  const layoutNode = useFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef as never,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        layoutView,\n      }}\n    >\n      <>{children}</>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":";;;;;AAWA,IAAM,EAAE,aAAA,GAAa,mBAAA,MAAsB,GAS9B,KAAoC,EAC/C,WACA,aACA,kBACwD;CACxD,IAAM,IAAkB,EACtB,EAAO,WAAW,OAClB,EAAS,WACX,GACM,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,GACf,CAAC;CACD,IAAI,KAAiB,MACnB,MAAM,IAAI,EAAa,EAAO,OAAO,IAAI;CAG3C,IAAM,IAAa,EACjB,EAAO,WAAW,UAClB,CACF;CAIA,OACE,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,CAKtC,EACF;YAEA,kBAAA,GAAA,EAAG,YAAW,CAAA;CAC6B,CAAA;AAEjD"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport * as ReactRelay from 'react-relay';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n\n  const layoutNode = useFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef as never,\n  );\n\n  if (layoutNodeRef == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        layoutView,\n      }}\n    >\n      <>{children}</>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":";;;;;AAWA,IAAM,EAAE,aAAA,GAAa,mBAAA,MAAsB,GAS9B,KAAoC,EAC/C,WACA,aACA,kBACwD;CACxD,IAAM,IAAkB,EACtB,EAAO,WAAW,OAClB,EAAS,WACX,GACM,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,GACf,CAAC,GAEK,IAAa,EACjB,EAAO,WAAW,UAClB,CACF;CAQA,OANI,KAAiB,OACZ,kBAAC,GAAD,EAAoB,IAAI,EAAO,OAAO,KAAO,CAAA,IAMpD,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,CAKtC,EACF;YAEA,kBAAA,GAAA,EAAG,YAAW,CAAA;CAC6B,CAAA;AAEjD"}