@plumile/backoffice-react 0.1.167 → 0.1.169

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

@@ -1 +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 { 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 { resolveLabel } from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type BackofficeDashboardWidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n};\n\ntype WidgetContentBodyProps = BackofficeDashboardWidgetContentProps & {\n  data?: OperationType['response'];\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  data,\n}: WidgetContentBodyProps): 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 = (): unknown => {\n    if (widget.dataSource === 'query' && data != 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() 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() 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() 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() 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() 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: Extract<BackofficeDashboardWidget, { dataSource: 'query' }>;\n}): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(widget.query, widget.variables, {\n    fetchPolicy: 'store-or-network',\n  });\n\n  return <WidgetContentBody widget={widget} data={data} />;\n};\n\nexport const BackofficeDashboardWidgetContent = ({\n  widget,\n}: BackofficeDashboardWidgetContentProps): JSX.Element | null => {\n  if (widget.dataSource === 'query') {\n    return <WidgetWithQuery widget={widget} />;\n  }\n\n  return <WidgetContentBody widget={widget} />;\n};\n\nexport default BackofficeDashboardWidgetContent;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeDashboardWidgetContent.js","names":[],"sources":["../../../src/pages/BackofficeDashboardWidgetContent.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { useEffect, useMemo, useState, type JSX } from 'react';\nimport type {\n  BackofficeColumnSpec,\n  BackofficeDashboardBreakdownListResult,\n  BackofficeDashboardContext,\n  BackofficeDashboardEntitySpotlightResult,\n  BackofficeDashboardHealthMatrixResult,\n  BackofficeDashboardLinkTarget,\n  BackofficeDashboardRiskQueueResult,\n  BackofficeDashboardSlaGaugeResult,\n  BackofficeDashboardTimelineChartResult,\n  BackofficeDashboardTrendMetricResult,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWindowPreset,\n  BackofficeDashboardWindowState,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n} from '@plumile/backoffice-core/state/buildListHref.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 { DashboardBreakdownList } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardBreakdownList.js';\nimport { DashboardEntitySpotlight } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardEntitySpotlight.js';\nimport { DashboardHealthMatrix } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardHealthMatrix.js';\nimport { DashboardRiskQueue } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardRiskQueue.js';\nimport { DashboardSlaGauge } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardSlaGauge.js';\nimport { DashboardTimelineChart } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardTimelineChart.js';\nimport { DashboardTrendMetric } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardTrendMetric.js';\nimport { DashboardWindowControl } from '@plumile/ui/components/dashboard/dashboard_operational/DashboardWindowControl.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { 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 { resolveLabel } from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type BackofficeDashboardWidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  context?: BackofficeDashboardContext;\n  windowPresets?: readonly BackofficeDashboardWindowPreset[];\n  activeWindowPresetId?: string;\n  onWindowPresetChange?: (presetId: string) => void;\n};\n\ntype WidgetContentBodyProps = BackofficeDashboardWidgetContentProps & {\n  data?: OperationType['response'];\n};\n\ntype BackofficeDashboardQueryWidget = Extract<\n  BackofficeDashboardWidget,\n  { dataSource: 'query' }\n>;\n\nconst fallbackWindowLabel: I18nLabel = (t) => {\n  return t('common.time.lastDay', '24 h');\n};\n\nconst fallbackDashboardWindowState: BackofficeDashboardWindowState = {\n  id: '24h',\n  label: fallbackWindowLabel,\n  from: new Date(0).toISOString(),\n  to: new Date(0).toISOString(),\n};\n\nconst fallbackDashboardContext: BackofficeDashboardContext = {\n  window: fallbackDashboardWindowState,\n};\n\nconst resolveWidgetVariables = (\n  widget: BackofficeDashboardQueryWidget,\n  context: BackofficeDashboardContext,\n): OperationType['variables'] => {\n  if (typeof widget.variables === 'function') {\n    return widget.variables(context);\n  }\n\n  return widget.variables;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst serializeDashboardTarget = (\n  target: BackofficeDashboardLinkTarget | undefined,\n): string => {\n  if (target == null) {\n    return '';\n  }\n  if (target.kind === 'href') {\n    return `href:${target.href}`;\n  }\n  return `entity-list:${target.entityId}:${JSON.stringify(\n    target.state ?? null,\n  )}`;\n};\n\nconst useDashboardTargetHrefResolver = (\n  targets: readonly (BackofficeDashboardLinkTarget | undefined)[],\n): ((\n  target: BackofficeDashboardLinkTarget | undefined,\n  fallbackHref: string | undefined,\n) => string | undefined) => {\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const [, setVersion] = useState(0);\n  const targetKey = targets.map(serializeDashboardTarget).join('|');\n\n  useEffect(() => {\n    const entityIds = new Set<string>();\n    for (const target of targets) {\n      if (\n        target?.kind === 'entity-list' &&\n        entities[target.entityId] != null &&\n        entityRegistry.getLoadedListEntity(target.entityId) == null\n      ) {\n        entityIds.add(target.entityId);\n      }\n    }\n\n    if (entityIds.size === 0) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    Promise.all(\n      Array.from(entityIds).map(async (entityId) => {\n        try {\n          await entityRegistry.loadListEntity(entityId);\n        } catch {\n          return null;\n        }\n        return entityId;\n      }),\n    ).then(\n      () => {\n        if (cancelled) {\n          return;\n        }\n        setVersion((current) => {\n          return current + 1;\n        });\n      },\n      () => {\n        return undefined;\n      },\n    );\n\n    return () => {\n      cancelled = true;\n    };\n  }, [entities, entityRegistry, targetKey, targets]);\n\n  return useMemo(() => {\n    return (\n      target: BackofficeDashboardLinkTarget | undefined,\n      fallbackHref: string | undefined,\n    ): string | undefined => {\n      if (target == null) {\n        return fallbackHref;\n      }\n      if (target.kind === 'href') {\n        return target.href;\n      }\n\n      const entity = entities[target.entityId];\n      if (entity == null) {\n        return fallbackHref;\n      }\n\n      const loadedEntity = entityRegistry.getLoadedListEntity(target.entityId);\n      if (loadedEntity != null) {\n        return buildBackofficeListHref(loadedEntity.config, {\n          where: target.state?.where,\n          sort: target.state?.sort,\n        });\n      }\n\n      return buildBackofficeFallbackListHref(\n        entity.routes.list,\n        target.state?.where ?? null,\n        target.state?.filters,\n      );\n    };\n  }, [entities, entityRegistry]);\n};\n\ntype DashboardMetricResult = {\n  id: string;\n  label: I18nLabel;\n  value: string | number | null;\n  meta?: I18nLabel;\n  href?: string;\n  target?: BackofficeDashboardLinkTarget;\n};\n\nconst DashboardMetricGroupContent = ({\n  metrics,\n}: {\n  metrics: readonly DashboardMetricResult[];\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(\n    metrics.map((metric) => {\n      return metric.target;\n    }),\n  );\n\n  return (\n    <DashboardMetricGroup\n      emptyState={<DashboardUnavailableState />}\n      metrics={metrics.map((metric) => {\n        return {\n          id: metric.id,\n          href: resolveHref(metric.target, 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\ntype DashboardStatusResult = {\n  id: string;\n  label: I18nLabel;\n  value: string | number | null;\n  href?: string;\n  target?: BackofficeDashboardLinkTarget;\n};\n\nconst DashboardStatusSummaryContent = ({\n  items,\n}: {\n  items: readonly DashboardStatusResult[];\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(\n    items.map((item) => {\n      return item.target;\n    }),\n  );\n\n  return (\n    <DashboardStatusList\n      emptyState={<DashboardUnavailableState />}\n      items={items.map((item) => {\n        return {\n          id: item.id,\n          href: resolveHref(item.target, item.href),\n          label: resolveLabel(item.label, tApp),\n          value: item.value ?? t('common.notAvailable'),\n        };\n      })}\n    />\n  );\n};\n\ntype DashboardQuickActionResult = {\n  id: string;\n  label: I18nLabel | string;\n  href?: string;\n  target?: BackofficeDashboardLinkTarget;\n};\n\nconst DashboardQuickActionsContent = ({\n  actions,\n  layout,\n}: {\n  actions: readonly DashboardQuickActionResult[];\n  layout?: 'grid' | 'stack';\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(\n    actions.map((action) => {\n      return action.target;\n    }),\n  );\n\n  return (\n    <DashboardQuickActions\n      layout={layout}\n      emptyState={<DashboardUnavailableState />}\n      actions={actions.map((action) => {\n        let label: string;\n        if (typeof action.label === 'string') {\n          label = action.label;\n        } else {\n          label = resolveLabel(action.label, tApp);\n        }\n\n        return {\n          id: action.id,\n          href: resolveHref(action.target, action.href) ?? '#',\n          label,\n        };\n      })}\n    />\n  );\n};\n\nconst collectTargets = (\n  values: readonly {\n    target?: BackofficeDashboardLinkTarget;\n  }[],\n): readonly (BackofficeDashboardLinkTarget | undefined)[] => {\n  return values.map((value) => {\n    return value.target;\n  });\n};\n\nconst DashboardTrendMetricContent = ({\n  metric,\n}: {\n  metric: BackofficeDashboardTrendMetricResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver([metric.target]);\n\n  return (\n    <DashboardTrendMetric\n      label={resolveLabel(metric.label, tApp)}\n      value={metric.value ?? t('common.notAvailable')}\n      unit={metric.unit}\n      href={resolveHref(metric.target, metric.href)}\n      tone={metric.tone}\n      delta={\n        metric.delta != null\n          ? {\n              ...metric.delta,\n              label:\n                metric.delta.label != null\n                  ? resolveLabel(metric.delta.label, tApp)\n                  : undefined,\n            }\n          : undefined\n      }\n      sparkline={metric.sparkline}\n      sparklineLabel={resolveLabel(metric.label, tApp)}\n    />\n  );\n};\n\nconst DashboardSlaGaugeContent = ({\n  gauge,\n}: {\n  gauge: BackofficeDashboardSlaGaugeResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver([gauge.target]);\n\n  if (gauge.value == null) {\n    return <BackofficeEmptyState title={t('common.notAvailable')} />;\n  }\n\n  return (\n    <DashboardSlaGauge\n      label={resolveLabel(gauge.label, tApp)}\n      value={gauge.value}\n      max={gauge.max}\n      threshold={gauge.threshold}\n      unit={gauge.unit}\n      tone={gauge.tone}\n      href={resolveHref(gauge.target, gauge.href)}\n    />\n  );\n};\n\nconst DashboardBreakdownListContent = ({\n  items,\n}: {\n  items: BackofficeDashboardBreakdownListResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(collectTargets(items));\n\n  return (\n    <DashboardBreakdownList\n      emptyState={<DashboardUnavailableState />}\n      items={items.map((item) => {\n        return {\n          id: item.id,\n          href: resolveHref(item.target, item.href),\n          label: resolveLabel(item.label, tApp),\n          meta: item.meta != null ? resolveLabel(item.meta, tApp) : undefined,\n          tone: item.tone,\n          value: item.value ?? t('common.notAvailable'),\n        };\n      })}\n    />\n  );\n};\n\nconst DashboardTimelineChartContent = ({\n  ariaLabel,\n  chart,\n  result,\n}: {\n  ariaLabel: I18nLabel;\n  chart?: 'line' | 'bar';\n  result: BackofficeDashboardTimelineChartResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n\n  return (\n    <DashboardTimelineChart\n      ariaLabel={resolveLabel(ariaLabel, tApp)}\n      chart={chart}\n      emptyMessage={\n        result.emptyLabel != null ? resolveLabel(result.emptyLabel, tApp) : ''\n      }\n      series={result.series.map((serie) => {\n        return {\n          ...serie,\n          label: resolveLabel(serie.label, tApp),\n        };\n      })}\n    />\n  );\n};\n\nconst DashboardRiskQueueContent = ({\n  items,\n}: {\n  items: BackofficeDashboardRiskQueueResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(collectTargets(items));\n\n  return (\n    <DashboardRiskQueue\n      emptyState={<DashboardUnavailableState />}\n      items={items.map((item) => {\n        return {\n          id: item.id,\n          href: resolveHref(item.target, item.href),\n          label: resolveLabel(item.label, tApp),\n          meta: item.meta != null ? resolveLabel(item.meta, tApp) : undefined,\n          severity: item.severity,\n          value: item.value ?? t('common.notAvailable'),\n        };\n      })}\n    />\n  );\n};\n\nconst DashboardEntitySpotlightContent = ({\n  item,\n}: {\n  item: BackofficeDashboardEntitySpotlightResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const resolveHref = useDashboardTargetHrefResolver([item?.target]);\n\n  if (item == null) {\n    return <DashboardUnavailableState />;\n  }\n\n  return (\n    <DashboardEntitySpotlight\n      href={resolveHref(item.target, item.href)}\n      label={resolveLabel(item.label, tApp)}\n      title={resolveLabel(item.title, tApp)}\n      tone={item.tone}\n      meta={item.meta?.map((meta) => {\n        return {\n          id: meta.id,\n          label: resolveLabel(meta.label, tApp),\n          value: meta.value,\n        };\n      })}\n    />\n  );\n};\n\nconst DashboardHealthMatrixContent = ({\n  rows,\n}: {\n  rows: BackofficeDashboardHealthMatrixResult;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const resolveHref = useDashboardTargetHrefResolver(\n    rows.flatMap((row) => {\n      return row.cells.map((cell) => {\n        return cell.target;\n      });\n    }),\n  );\n\n  return (\n    <DashboardHealthMatrix\n      emptyState={<DashboardUnavailableState />}\n      rows={rows.map((row) => {\n        return {\n          id: row.id,\n          label: resolveLabel(row.label, tApp),\n          cells: row.cells.map((cell) => {\n            return {\n              id: cell.id,\n              href: resolveHref(cell.target, cell.href),\n              label: resolveLabel(cell.label, tApp),\n              tone: cell.tone,\n              value: cell.value ?? t('common.notAvailable'),\n            };\n          }),\n        };\n      })}\n    />\n  );\n};\n\nconst WidgetContentBody = ({\n  activeWindowPresetId,\n  context = fallbackDashboardContext,\n  widget,\n  data,\n  onWindowPresetChange,\n  windowPresets = [],\n}: WidgetContentBodyProps): 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 = (): unknown => {\n    if (widget.dataSource === 'query' && data != null) {\n      return widget.resolve(data, context);\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() as {\n      columns: readonly BackofficeColumnSpec[];\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, {\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() as readonly DashboardMetricResult[] | null;\n    if (resolved == null) {\n      return <DashboardUnavailableState />;\n    }\n    return <DashboardMetricGroupContent metrics={resolved} />;\n  }\n\n  if (widget.kind === 'trendMetric') {\n    const resolved =\n      resolveData() as BackofficeDashboardTrendMetricResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardTrendMetricContent metric={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'slaGauge') {\n    const resolved = resolveData() as BackofficeDashboardSlaGaugeResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardSlaGaugeContent gauge={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'breakdownList') {\n    const resolved =\n      resolveData() as BackofficeDashboardBreakdownListResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardBreakdownListContent items={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'timelineChart') {\n    const resolved =\n      resolveData() as BackofficeDashboardTimelineChartResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardTimelineChartContent\n          ariaLabel={widget.ariaLabel}\n          chart={widget.chart}\n          result={resolved}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'riskQueue') {\n    const resolved = resolveData() as BackofficeDashboardRiskQueueResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardRiskQueueContent items={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'entitySpotlight') {\n    const resolved =\n      resolveData() as BackofficeDashboardEntitySpotlightResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardEntitySpotlightContent item={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'healthMatrix') {\n    const resolved =\n      resolveData() as BackofficeDashboardHealthMatrixResult | null;\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    if (resolved == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardHealthMatrixContent rows={resolved} />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'billingUsageChart') {\n    const resolved = resolveData() 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        <DashboardQuickActionsContent\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          actions={widget.actions}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'windowControl') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.title, tApp)}\n        subtitle={description}\n      >\n        <DashboardWindowControl\n          activePresetId={activeWindowPresetId ?? context.window.id}\n          onChange={(presetId) => {\n            onWindowPresetChange?.(presetId);\n          }}\n          presets={windowPresets.map((preset) => {\n            return {\n              id: preset.id,\n              label: resolveLabel(preset.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData() as readonly DashboardStatusResult[] | 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        <DashboardStatusSummaryContent items={resolved} />\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() as {\n    count: number | null;\n    href?: string;\n    target?: BackofficeDashboardLinkTarget;\n  } | 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        <DashboardQuickActionsContent\n          actions={[\n            {\n              id: entityManifest.id,\n              href: resolved?.href ?? entityManifest.routes.list,\n              target: resolved?.target,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\nconst WidgetWithQuery = ({\n  activeWindowPresetId,\n  context = fallbackDashboardContext,\n  onWindowPresetChange,\n  widget,\n  windowPresets,\n}: BackofficeDashboardWidgetContentProps & {\n  widget: BackofficeDashboardQueryWidget;\n}): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    resolveWidgetVariables(widget, context),\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return (\n    <WidgetContentBody\n      activeWindowPresetId={activeWindowPresetId}\n      context={context}\n      data={data}\n      onWindowPresetChange={onWindowPresetChange}\n      widget={widget}\n      windowPresets={windowPresets}\n    />\n  );\n};\n\nexport const BackofficeDashboardWidgetContent = (\n  props: BackofficeDashboardWidgetContentProps,\n): JSX.Element | null => {\n  const { widget } = props;\n  if (widget.dataSource === 'query') {\n    return <WidgetWithQuery {...props} widget={widget} />;\n  }\n\n  return <WidgetContentBody {...props} />;\n};\n\nexport default BackofficeDashboardWidgetContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,IAAM,EAAE,kBAAA,MAAqB,GA8BvB,IAAuD,EAC3D,QAAQ;CAPR,IAAI;CACJ,QANsC,MAC/B,EAAE,uBAAuB,MAAM;CAMtC,uBAAM,IAAI,KAAK,CAAC,GAAE,YAAY;CAC9B,qBAAI,IAAI,KAAK,CAAC,GAAE,YAAY;AAIpB,EACV,GAEM,KACJ,GACA,MAEI,OAAO,EAAO,aAAc,aACvB,EAAO,UAAU,CAAO,IAG1B,EAAO,WAGV,UAA+C;CACnD,IAAM,EAAE,MAAM,EAA8B;CAE5C,OAAO,kBAAC,GAAD,EAAsB,OAAO,EAAE,qBAAqB,EAAI,CAAA;AACjE,GAEM,KACJ,MAEI,KAAU,OACL,KAEL,EAAO,SAAS,SACX,QAAQ,EAAO,SAEjB,eAAe,EAAO,SAAS,GAAG,KAAK,UAC5C,EAAO,SAAS,IAClB,KAGI,KACJ,MAI0B;CAC1B,IAAM,EAAE,aAAU,sBAAmB,EAAoB,GACnD,GAAG,KAAc,EAAS,CAAC;CAgDjC,OA7CA,QAAgB;EACd,IAAM,oBAAY,IAAI,IAAY;EAClC,KAAK,IAAM,KAAU,GACnB,AACE,GAAQ,SAAS,iBACjB,EAAS,EAAO,aAAa,QAC7B,EAAe,oBAAoB,EAAO,QAAQ,KAAK,QAEvD,EAAU,IAAI,EAAO,QAAQ;EAIjC,IAAI,EAAU,SAAS,GACrB;EAGF,IAAI,IAAY;EAwBhB,OAvBA,QAAQ,IACN,MAAM,KAAK,CAAS,EAAE,IAAI,OAAO,MAAa;GAC5C,IAAI;IACF,MAAM,EAAe,eAAe,CAAQ;GAC9C,QAAQ;IACN,OAAO;GACT;GACA,OAAO;EACT,CAAC,CACH,EAAE,WACM;GACA,KAGJ,GAAY,MACH,IAAU,CAClB;EACH,SACM,CAEN,CACF,SAEa;GACX,IAAY;EACd;CACF,GAAG;EAAC;EAAU;EA7CI,EAAQ,IAAI,CAAwB,EAAE,KAAK,GA6C/B;EAAW;CAAO,CAAC,GAE1C,SAEH,GACA,MACuB;EACvB,IAAI,KAAU,MACZ,OAAO;EAET,IAAI,EAAO,SAAS,QAClB,OAAO,EAAO;EAGhB,IAAM,IAAS,EAAS,EAAO;EAC/B,IAAI,KAAU,MACZ,OAAO;EAGT,IAAM,IAAe,EAAe,oBAAoB,EAAO,QAAQ;EAQvE,OAPI,KAAgB,OAOb,EACL,EAAO,OAAO,MACd,EAAO,OAAO,SAAS,MACvB,EAAO,OAAO,OAChB,IAVS,EAAwB,EAAa,QAAQ;GAClD,OAAO,EAAO,OAAO;GACrB,MAAM,EAAO,OAAO;EACtB,CAAC;CAQL,GACC,CAAC,GAAU,CAAc,CAAC;AAC/B,GAWM,KAA+B,EACnC,iBAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAClB,EAAQ,KAAK,MACJ,EAAO,MACf,CACH;CAEA,OACE,kBAAC,GAAD;EACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,SAAS,EAAQ,KAAK,OACb;GACL,IAAI,EAAO;GACX,MAAM,EAAY,EAAO,QAAQ,EAAO,IAAI;GAC5C,OAAO,EAAa,EAAO,OAAO,CAAI;GACtC,OAAO,EAAO,SAAS,EAAE,qBAAqB;GAC9C,MACE,EAAO,QAAQ,OAAyC,KAAA,IAAlC,EAAa,EAAO,MAAM,CAAI;EACxD,EACD;CACF,CAAA;AAEL,GAUM,KAAiC,EACrC,eAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAClB,EAAM,KAAK,MACF,EAAK,MACb,CACH;CAEA,OACE,kBAAC,GAAD;EACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,MAAM,EAAY,EAAK,QAAQ,EAAK,IAAI;GACxC,OAAO,EAAa,EAAK,OAAO,CAAI;GACpC,OAAO,EAAK,SAAS,EAAE,qBAAqB;EAC9C,EACD;CACF,CAAA;AAEL,GASM,KAAgC,EACpC,YACA,gBAIiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,IAAc,EAClB,EAAQ,KAAK,MACJ,EAAO,MACf,CACH;CAEA,OACE,kBAAC,GAAD;EACU;EACR,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,SAAS,EAAQ,KAAK,MAAW;GAC/B,IAAI;GAOJ,OANA,AAGE,IAHE,OAAO,EAAO,SAAU,WAClB,EAAO,QAEP,EAAa,EAAO,OAAO,CAAI,GAGlC;IACL,IAAI,EAAO;IACX,MAAM,EAAY,EAAO,QAAQ,EAAO,IAAI,KAAK;IACjD;GACF;EACF,CAAC;CACF,CAAA;AAEL,GAEM,KACJ,MAIO,EAAO,KAAK,MACV,EAAM,MACd,GAGG,KAA+B,EACnC,gBAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAA+B,CAAC,EAAO,MAAM,CAAC;CAElE,OACE,kBAAC,GAAD;EACE,OAAO,EAAa,EAAO,OAAO,CAAI;EACtC,OAAO,EAAO,SAAS,EAAE,qBAAqB;EAC9C,MAAM,EAAO;EACb,MAAM,EAAY,EAAO,QAAQ,EAAO,IAAI;EAC5C,MAAM,EAAO;EACb,OACE,EAAO,SAAS,OAQZ,KAAA,IAPA;GACE,GAAG,EAAO;GACV,OACE,EAAO,MAAM,SAAS,OAElB,KAAA,IADA,EAAa,EAAO,MAAM,OAAO,CAAI;EAE7C;EAGN,WAAW,EAAO;EAClB,gBAAgB,EAAa,EAAO,OAAO,CAAI;CAChD,CAAA;AAEL,GAEM,KAA4B,EAChC,eAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAA+B,CAAC,EAAM,MAAM,CAAC;CAMjE,OAJI,EAAM,SAAS,OACV,kBAAC,GAAD,EAAsB,OAAO,EAAE,qBAAqB,EAAI,CAAA,IAI/D,kBAAC,GAAD;EACE,OAAO,EAAa,EAAM,OAAO,CAAI;EACrC,OAAO,EAAM;EACb,KAAK,EAAM;EACX,WAAW,EAAM;EACjB,MAAM,EAAM;EACZ,MAAM,EAAM;EACZ,MAAM,EAAY,EAAM,QAAQ,EAAM,IAAI;CAC3C,CAAA;AAEL,GAEM,KAAiC,EACrC,eAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAA+B,EAAe,CAAK,CAAC;CAExE,OACE,kBAAC,GAAD;EACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,MAAM,EAAY,EAAK,QAAQ,EAAK,IAAI;GACxC,OAAO,EAAa,EAAK,OAAO,CAAI;GACpC,MAAM,EAAK,QAAQ,OAAuC,KAAA,IAAhC,EAAa,EAAK,MAAM,CAAI;GACtD,MAAM,EAAK;GACX,OAAO,EAAK,SAAS,EAAE,qBAAqB;EAC9C,EACD;CACF,CAAA;AAEL,GAEM,KAAiC,EACrC,cACA,UACA,gBAKiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe;CAEnC,OACE,kBAAC,GAAD;EACE,WAAW,EAAa,GAAW,CAAI;EAChC;EACP,cACE,EAAO,cAAc,OAA+C,KAAxC,EAAa,EAAO,YAAY,CAAI;EAElE,QAAQ,EAAO,OAAO,KAAK,OAClB;GACL,GAAG;GACH,OAAO,EAAa,EAAM,OAAO,CAAI;EACvC,EACD;CACF,CAAA;AAEL,GAEM,KAA6B,EACjC,eAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAA+B,EAAe,CAAK,CAAC;CAExE,OACE,kBAAC,GAAD;EACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,MAAM,EAAY,EAAK,QAAQ,EAAK,IAAI;GACxC,OAAO,EAAa,EAAK,OAAO,CAAI;GACpC,MAAM,EAAK,QAAQ,OAAuC,KAAA,IAAhC,EAAa,EAAK,MAAM,CAAI;GACtD,UAAU,EAAK;GACf,OAAO,EAAK,SAAS,EAAE,qBAAqB;EAC9C,EACD;CACF,CAAA;AAEL,GAEM,KAAmC,EACvC,cAGiB;CACjB,IAAM,EAAK,MAAS,EAAe,GAC7B,IAAc,EAA+B,CAAC,GAAM,MAAM,CAAC;CAMjE,OAJI,KAAQ,OACH,kBAAC,GAAD,CAA4B,CAAA,IAInC,kBAAC,GAAD;EACE,MAAM,EAAY,EAAK,QAAQ,EAAK,IAAI;EACxC,OAAO,EAAa,EAAK,OAAO,CAAI;EACpC,OAAO,EAAa,EAAK,OAAO,CAAI;EACpC,MAAM,EAAK;EACX,MAAM,EAAK,MAAM,KAAK,OACb;GACL,IAAI,EAAK;GACT,OAAO,EAAa,EAAK,OAAO,CAAI;GACpC,OAAO,EAAK;EACd,EACD;CACF,CAAA;AAEL,GAEM,KAAgC,EACpC,cAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAc,EAClB,EAAK,SAAS,MACL,EAAI,MAAM,KAAK,MACb,EAAK,MACb,CACF,CACH;CAEA,OACE,kBAAC,GAAD;EACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;EACxC,MAAM,EAAK,KAAK,OACP;GACL,IAAI,EAAI;GACR,OAAO,EAAa,EAAI,OAAO,CAAI;GACnC,OAAO,EAAI,MAAM,KAAK,OACb;IACL,IAAI,EAAK;IACT,MAAM,EAAY,EAAK,QAAQ,EAAK,IAAI;IACxC,OAAO,EAAa,EAAK,OAAO,CAAI;IACpC,MAAM,EAAK;IACX,OAAO,EAAK,SAAS,EAAE,qBAAqB;GAC9C,EACD;EACH,EACD;CACF,CAAA;AAEL,GAEM,KAAqB,EACzB,yBACA,aAAU,GACV,WACA,SACA,yBACA,mBAAgB,CAAC,QAC+B;CAChD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAoB,GACnC,IACJ,EAAO,eAAe,OAElB,KAAA,IADA,EAAa,EAAO,aAAa,CAAI,GAGrC,UACA,EAAO,eAAe,WAAW,KAAQ,OACpC,EAAO,QAAQ,GAAM,CAAO,IAE9B;CAGT,IAAI,EAAO,SAAS,aAGlB,OACE,kBAAC,GAAD;EAAuB,OAHX,EAAa,EAAO,OAAO,CAGhB;EAAO,UAAU;YACtC,kBAAC,OAAD;GAAK,WAAW;aAHP,EAAa,EAAO,MAAM,CAGD;EAAU,CAAA;CAC9B,CAAA;CAIpB,IAAI,EAAO,SAAS,YAAY;EAC9B,IAAM,IAAS,EAAS,EAAO,WACzB,IAAQ,EAAa,EAAO,OAAO,CAAI;EAuB7C,OAtBI,KAAU,OAEV,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAGhB,EAAO,SAAS,SAEhB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EACE,SAAS,CACP;IACE,IAAI,EAAO;IACX,MAAM,EAAO,OAAO;IACpB,OAAO,EAAE,4BAA4B;GACvC,CACF,EACD,CAAA;EACa,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EACE,SAAS,CACP;IACE,IAAI,EAAO;IACX,MAAM,EAAO,OAAO;IACpB,OAAO,EAAE,4BAA4B;GACvC,CACF,EACD,CAAA;EACa,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,gBAAgB;EAClC,IAAM,IAAW,EAAY;EAI7B,IAAI,KAAY,MACd,OACE,kBAAC,GAAD;GACE,OAAO,EAAa,EAAO,OAAO,CAAI;GACtC,UAAU;aAEV,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA;EAGpB,IAAM,IAAU,EAAsB,EAAS,SAAS;GACtD;GACA;EACF,CAAC;EAED,OACE,kBAAC,GAAD;GAAuB,OAFX,EAAa,EAAO,OAAO,CAEhB;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,KAAK,MAAM,IAC1C,OAAO;KAEX;KACA,OAAO,OAAO,CAAK;IACrB;GACD,CAAA;EACa,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,eAAe;EACjC,IAAM,IAAW,EAAY;EAI7B,OAHI,KAAY,OACP,kBAAC,GAAD,CAA4B,CAAA,IAE9B,kBAAC,GAAD,EAA6B,SAAS,EAAW,CAAA;CAC1D;CAEA,IAAI,EAAO,SAAS,eAAe;EACjC,IAAM,IACJ,EAAY,GACR,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA6B,QAAQ,EAAW,CAAA;EAClC,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,YAAY;EAC9B,IAAM,IAAW,EAAY,GACvB,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA0B,OAAO,EAAW,CAAA;EAC9B,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,iBAAiB;EACnC,IAAM,IACJ,EAAY,GACR,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA+B,OAAO,EAAW,CAAA;EACnC,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,iBAAiB;EACnC,IAAM,IACJ,EAAY,GACR,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,OAAO,EAAO;IACd,QAAQ;GACT,CAAA;EACa,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,aAAa;EAC/B,IAAM,IAAW,EAAY,GACvB,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA2B,OAAO,EAAW,CAAA;EAC/B,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,mBAAmB;EACrC,IAAM,IACJ,EAAY;EAGd,OACE,kBAAC,GAAD;GAAuB,OAFvB,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;GAExB,UAAU;aACtC,kBAAC,GAAD,EAAiC,MAAM,EAAW,CAAA;EACpC,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,gBAAgB;EAClC,IAAM,IACJ,EAAY,GACR,IACJ,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;EAQxD,OAPI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAIlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,EAA8B,MAAM,EAAW,CAAA;EACjC,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,qBAAqB;EACvC,IAAM,IAAW,EAAY,GAWvB,IAAQ,EAAa,EAAO,OAAO,CAAI;EAS7C,OARI,KAAY,OAEZ,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAKlB,kBAAC,GAAD;GAAuB;GAAO,UAAU;aACtC,kBAAC,GAAD;IACE,WAAW,EAAa,EAAO,WAAW,CAAI;IAC9C,SAAS,EAAS;IAClB,YAAY,EAAO,WAAW,KAAK,OAC1B;KACL,IAAI,EAAS;KACb,OAAO,EAAa,EAAS,OAAO,CAAI;KACxC,OAAO,EAAS;IAClB,EACD;IACD,UAAU,EAAS;IACnB,YAAY,EAAa,EAAO,YAAY,CAAI;IAChD,MAAM,EAAS;IACf,aAAa,EAAa,EAAO,aAAa,CAAI;IAClD,IAAI,EAAS;IACb,aAAa,EAAS;GACvB,CAAA;EACa,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,gBAKlB,OACE,kBAAC,GAAD;EAAuB,OAJvB,EAAO,SAAS,OAEZ,EAAE,4BAA4B,IAD9B,EAAa,EAAO,OAAO,CAAI;EAGL,UAAU;YACtC,kBAAC,GAAD;GACE,QAAQ,EAAO,QAAQ,SAAS,UAAU,UAAU;GACpD,SAAS,EAAO;EACjB,CAAA;CACa,CAAA;CAIpB,IAAI,EAAO,SAAS,iBAClB,OACE,kBAAC,GAAD;EACE,OAAO,EAAa,EAAO,OAAO,CAAI;EACtC,UAAU;YAEV,kBAAC,GAAD;GACE,gBAAgB,KAAwB,EAAQ,OAAO;GACvD,WAAW,MAAa;IACtB,IAAuB,CAAQ;GACjC;GACA,SAAS,EAAc,KAAK,OACnB;IACL,IAAI,EAAO;IACX,OAAO,EAAa,EAAO,OAAO,CAAI;GACxC,EACD;EACF,CAAA;CACa,CAAA;CAIpB,IAAI,EAAO,SAAS,iBAAiB;EACnC,IAAM,IAAW,EAAY;EAY7B,OAXI,KAAY,OAIZ,kBAAC,GAAD;GAAuB,OAFvB,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;GAExB,UAAU;aACtC,kBAAC,GAAD,CAA4B,CAAA;EACd,CAAA,IAMlB,kBAAC,GAAD;GAAuB,OAFvB,EAAO,SAAS,OAA0C,KAAA,IAAnC,EAAa,EAAO,OAAO,CAAI;GAExB,UAAU;aACtC,kBAAC,GAAD,EAA+B,OAAO,EAAW,CAAA;EACnC,CAAA;CAEpB;CAEA,IAAI,EAAO,SAAS,eAKlB,OACE,kBAAC,GAAD;EAAuB,OAJvB,EAAO,SAAS,OAEZ,EAAE,iBAAiB,IADnB,EAAa,EAAO,OAAO,CAAI;EAGL,UAAU;YACtC,kBAAC,GAAD,CAA4B,CAAA;CACd,CAAA;CAIpB,IAAM,IAAiB,EAAS,EAAO;CACvC,IAAI,GAAgB,SAAS,eAC3B,OACE,kBAAC,GAAD;EACE,OAAO,EAAa,EAAO,OAAO,CAAI;EACtC,UAAU;YAEV,kBAAC,GAAD,CAA4B,CAAA;CACd,CAAA;CAGpB,IAAM,IAAW,EAAY,GAKzB,IAA8B,EAAE,qBAAqB;CAKzD,OAJI,OAAO,GAAU,SAAU,aAC7B,IAAa,EAAS,QAItB,kBAAC,GAAD;EAAuB,OAFX,EAAa,EAAO,OAAO,CAEhB;EAAO,UAAU;YACtC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,OAAD;IAAK,WAAW;cAAmB;GAAgB,CAAA,GACnD,kBAAC,GAAD,EACE,SAAS,CACP;IACE,IAAI,EAAe;IACnB,MAAM,GAAU,QAAQ,EAAe,OAAO;IAC9C,QAAQ,GAAU;IAClB,OAAO,EAAE,4BAA4B;GACvC,CACF,EACD,CAAA,CACE;;CACS,CAAA;AAEpB,GAEM,KAAmB,EACvB,yBACA,aAAU,GACV,yBACA,WACA,uBAaE,kBAAC,GAAD;CACwB;CACb;CACH,MAZG,EACX,EAAO,OACP,EAAuB,GAAQ,CAAO,GACtC,EACE,aAAa,mBACf,CAOQ;CACgB;CACd;CACO;AAChB,CAAA,GAIQ,KACX,MACuB;CACvB,IAAM,EAAE,cAAW;CAKnB,OAJI,EAAO,eAAe,UACjB,kBAAC,GAAD;EAAiB,GAAI;EAAe;CAAS,CAAA,IAG/C,kBAAC,GAAD,EAAmB,GAAI,EAAQ,CAAA;AACxC"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -1,120 +1,142 @@
 import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeConfig as t } from "../provider/BackofficeConfigContext.js";
-import { BackofficeDetailBadgeRow as n } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
-import { BackofficeRightPageLayout as r } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
-import { buildEntityDetailBreadcrumb as i } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
-import { BackofficeEntityDetailScaffold as a } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
-import { resolveVisibleDetailPages as o } from "./detail/pageResolution.js";
-import { headerBlock as s, headerMeta as c, headerMetaList as l } from "./backofficeEntityDetailPage.css.js";
-import { resolveHeaderItems as u } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { BackofficeEntityDetailLayoutContextProvider as d } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { buildTabsItems as f } from "./detail/buildTabsItems.js";
-import { BackofficeRedirect as p } from "./BackofficeRedirect.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useTranslation as _ } from "react-i18next";
-import * as v from "react-relay";
-import { FormattedDate as y } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
-import { BACKOFFICE_DATE_TIME_OPTIONS as b } from "@plumile/backoffice-core/constants.js";
-import x from "@plumile/router/routing/Link.js";
-import { Tag as S } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { BackofficePageHeader as C } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import w from "@plumile/router/routing/useLocation.js";
-import { Tabs as T } from "@plumile/ui/atomic/molecules/tabs/Tabs.js";
-import { DetailPageTemplate as E } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import { BackofficeKeyValueList as D } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { useBackofficeFragment as n } from "../relay/typedRelayHooks.js";
+import { BackofficeDetailBadgeRow as r } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
+import { BackofficeRightPageLayout as i } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
+import { buildEntityDetailBreadcrumb as a } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
+import { BackofficeEntityDetailNotFound as o } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
+import { resolveVisibleDetailPages as s } from "./detail/pageResolution.js";
+import { headerBlock as c, headerMeta as l, headerMetaList as u } from "./backofficeEntityDetailPage.css.js";
+import { resolveHeaderItems as d } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { BackofficeEntityDetailLayoutContextProvider as f } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { buildTabsItems as p } from "./detail/buildTabsItems.js";
+import { BackofficeRedirect as m } from "./BackofficeRedirect.js";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import * as y from "react-relay";
+import { FormattedDate as b } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as x } from "@plumile/backoffice-core/constants.js";
+import S from "@plumile/router/routing/Link.js";
+import { Tag as C } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { BackofficePageHeader as w } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import T from "@plumile/router/routing/useLocation.js";
+import { Tabs as E } from "@plumile/ui/atomic/molecules/tabs/Tabs.js";
+import { DetailPageTemplate as D } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { BackofficeKeyValueList as O } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
 //#region src/pages/BackofficeEntityDetailLayoutPage.tsx
-var { useFragment: O, usePreloadedQuery: k } = v, A = (e) => e.trim().replace(/^\/+|\/+$/g, ""), j = (e, t, n) => [n.pages.mainPage, ...n.pages.subPages ?? []].find((r) => e === n.routes.detailPage(t, r.id))?.path ?? "", M = ({ config: v, prepared: M, children: N }) => {
-	let { t: P } = _(), { t: F } = e(), { entities: I } = t(), { pathname: L } = w(), R = k(v.layoutPage.query, M.layoutQuery), z = v.layoutPage.resolveNode(R, { id: M.id }), B = O(v.layoutPage.fragment, z);
-	if (z == null) return /* @__PURE__ */ h(a, {
-		node: null,
-		render: () => null
+var { usePreloadedQuery: k } = y, A = (e) => e.trim().replace(/^\/+|\/+$/g, ""), j = (e, t, n) => [n.pages.mainPage, ...n.pages.subPages ?? []].find((r) => e === n.routes.detailPage(t, r.id))?.path ?? "", M = ({ config: o, prepared: y, layoutNodeRef: k, children: M }) => {
+	let { t: N } = v(), { t: P } = e(), { entities: F } = t(), { pathname: I } = T(), L = n(o.layoutPage.fragment, k), R = o.layoutPage.toView(L), z = j(I, y.id, o), B = s({
+		mainPage: o.pages.mainPage,
+		subPages: o.pages.subPages,
+		activePagePath: z,
+		node: R
 	});
-	let V = v.layoutPage.toView(B), H = j(L, M.id, v), U = o({
-		mainPage: v.pages.mainPage,
-		subPages: v.pages.subPages,
-		activePagePath: H,
-		node: V
-	});
-	if (!U.hasVisiblePages || U.activePage == null) return /* @__PURE__ */ h(p, { to: v.routes.list });
-	let { activePage: W } = U;
-	if (H !== "" && A(W.path) !== A(H)) return /* @__PURE__ */ h(p, { to: v.routes.detailPage(M.id, W.id) });
-	let G = f({
-		pages: U.pages,
-		id: M.id,
-		tApp: P,
-		detailPageHref: v.routes.detailPage
-	}), K = u(v.header, V, {
-		tApp: P,
-		t: F,
+	if (!B.hasVisiblePages || B.activePage == null) return /* @__PURE__ */ g(m, { to: o.routes.list });
+	let { activePage: V } = B;
+	if (z !== "" && A(V.path) !== A(z)) return /* @__PURE__ */ g(m, { to: o.routes.detailPage(y.id, V.id) });
+	let H = p({
+		pages: B.pages,
+		id: y.id,
+		tApp: N,
+		detailPageHref: o.routes.detailPage
+	}), U = d(o.header, R, {
+		tApp: N,
+		t: P,
 		resolveEntityHref: (e, t) => {
-			let n = I[e];
+			let n = F[e];
 			return n == null ? null : n.routes.detail(t);
 		},
-		renderLink: (e, t) => /* @__PURE__ */ h(x, {
+		renderLink: (e, t) => /* @__PURE__ */ g(S, {
 			to: e,
 			preloadOnMouseEnter: !0,
 			children: t
 		}),
-		renderDate: (e, t) => /* @__PURE__ */ h(y, {
+		renderDate: (e, t) => /* @__PURE__ */ g(b, {
 			value: e,
-			options: b,
+			options: x,
 			fallback: t
 		}),
-		renderTag: (e, t) => /* @__PURE__ */ h(S, {
+		renderTag: (e, t) => /* @__PURE__ */ g(C, {
 			tone: e,
 			children: t
 		}),
-		renderBadgeRow: (e) => /* @__PURE__ */ h(n, { items: e })
-	}), q = i({
-		config: v,
-		tApp: P,
-		entityId: M.id,
-		layoutView: V,
-		pageLabel: W.label(P),
-		pageId: W.id
-	}), J;
-	(K.status != null || K.badges != null) && (J = /* @__PURE__ */ g("div", {
-		className: c,
-		children: [K.status, K.badges]
-	}));
-	let Y = null;
-	K.items != null && K.items.length > 0 && (Y = /* @__PURE__ */ h("div", {
+		renderBadgeRow: (e) => /* @__PURE__ */ g(r, { items: e })
+	}), W = a({
+		config: o,
+		tApp: N,
+		entityId: y.id,
+		layoutView: R,
+		pageLabel: V.label(N),
+		pageId: V.id
+	}), G;
+	(U.status != null || U.badges != null) && (G = /* @__PURE__ */ _("div", {
 		className: l,
-		children: /* @__PURE__ */ h(D, { items: K.items })
+		children: [U.status, U.badges]
 	}));
-	let X = /* @__PURE__ */ g("div", {
-		className: s,
-		children: [/* @__PURE__ */ h(C, {
-			title: K.title,
-			subtitle: K.subtitle,
-			meta: J
-		}), Y]
-	}), Z = null;
-	return U.pages.length > 1 && (Z = /* @__PURE__ */ h(T, {
-		items: G,
-		activeId: W.id,
+	let K = null;
+	U.items != null && U.items.length > 0 && (K = /* @__PURE__ */ g("div", {
+		className: u,
+		children: /* @__PURE__ */ g(O, { items: U.items })
+	}));
+	let q = /* @__PURE__ */ _("div", {
+		className: c,
+		children: [/* @__PURE__ */ g(w, {
+			title: U.title,
+			subtitle: U.subtitle,
+			meta: G
+		}), K]
+	}), J = null;
+	return B.pages.length > 1 && (J = /* @__PURE__ */ g(E, {
+		items: H,
+		activeId: V.id,
 		variant: "underline"
-	})), /* @__PURE__ */ h(d, {
+	})), /* @__PURE__ */ g(f, {
 		value: {
-			activePage: W,
-			config: v,
-			entityId: M.id,
-			layoutView: V,
-			tabsItems: G,
-			visiblePages: U.pages
+			activePage: V,
+			config: o,
+			entityId: y.id,
+			layoutView: R,
+			tabsItems: H,
+			visiblePages: B.pages
 		},
-		children: /* @__PURE__ */ h(r, {
-			breadcrumb: q,
-			children: /* @__PURE__ */ h(E, {
-				headerNode: X,
-				tabsNode: Z,
+		children: /* @__PURE__ */ g(i, {
+			breadcrumb: W,
+			children: /* @__PURE__ */ g(D, {
+				headerNode: q,
+				tabsNode: J,
 				headerDensity: "compact",
-				children: /* @__PURE__ */ h(m, { children: N })
+				children: /* @__PURE__ */ g(h, { children: M })
 			})
 		})
 	});
+}, N = ({ config: t, prepared: n, children: r }) => {
+	let { t: a } = v(), { t: s } = e(), c = k(t.layoutPage.query, n.layoutQuery), l = t.layoutPage.resolveNode(c, { id: n.id });
+	return l == null ? /* @__PURE__ */ g(i, {
+		breadcrumb: [{
+			kind: "link",
+			target: {
+				kind: "entity-list",
+				entityId: t.id
+			},
+			label: t.label(a)
+		}, {
+			kind: "current",
+			target: {
+				kind: "entity-detail",
+				entityId: t.id,
+				id: n.id
+			},
+			label: s("detail.notFound")
+		}],
+		children: /* @__PURE__ */ g(o, { listHref: t.routes.list })
+	}) : /* @__PURE__ */ g(M, {
+		config: t,
+		prepared: n,
+		layoutNodeRef: l,
+		children: r
+	});
 };
 //#endregion
-export { M as BackofficeEntityDetailLayoutPage, M as default };
+export { N as BackofficeEntityDetailLayoutPage, N as default };
 
 //# sourceMappingURL=BackofficeEntityDetailLayoutPage.js.map

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 { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\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 { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const { pathname } = useLocation();\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 (\n      <BackofficeEntityDetailScaffold\n        node={null}\n        render={() => {\n          return null;\n        }}\n      />\n    );\n  }\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView as never,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnMouseEnter>\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <>{children}</>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeEntityDetailNotFound } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\ntype BackofficeEntityDetailLayoutPageContentProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  layoutNodeRef: unknown;\n  children?: ReactNode;\n};\n\nconst BackofficeEntityDetailLayoutPageContent = ({\n  config,\n  prepared,\n  layoutNodeRef,\n  children,\n}: BackofficeEntityDetailLayoutPageContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const layoutNode = useBackofficeFragment<unknown, unknown>(\n    config.layoutPage.fragment,\n    layoutNodeRef,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnMouseEnter>\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <>{children}</>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\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  if (layoutNodeRef == null) {\n    return (\n      <BackofficeRightPageLayout\n        breadcrumb={[\n          {\n            kind: 'link',\n            target: {\n              kind: 'entity-list',\n              entityId: config.id,\n            },\n            label: config.label(tApp),\n          },\n          {\n            kind: 'current',\n            target: {\n              kind: 'entity-detail',\n              entityId: config.id,\n              id: prepared.id,\n            },\n            label: t('detail.notFound'),\n          },\n        ]}\n      >\n        <BackofficeEntityDetailNotFound listHref={config.routes.list} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutPageContent\n      config={config}\n      prepared={prepared}\n      layoutNodeRef={layoutNodeRef}\n    >\n      {children}\n    </BackofficeEntityDetailLayoutPageContent>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}