@plumile/backoffice-react 0.1.105 → 0.1.107

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport {\n  BackofficeEmptyState,\n  DataTable,\n  DashboardGrid,\n  DashboardGridItem,\n  DetailPageTemplate,\n  Spinner,\n} from '@plumile/ui';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\nimport { DashboardMetricGroup } from './dashboard/DashboardMetricGroup.js';\nimport { DashboardPanel } from './dashboard/DashboardPanel.js';\nimport { DashboardQuickActions } from './dashboard/DashboardQuickActions.js';\nimport { DashboardStatusList } from './dashboard/DashboardStatusList.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const description =\n    widget.description != null\n      ? resolveLabel(widget.description, tApp)\n      : undefined;\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <div className={styles.tileBody}>{body}</div>\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    const title = resolveLabel(widget.label, tApp);\n    if (entity == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    if (entity.kind === 'tool') {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardQuickActions\n            actions={[\n              {\n                id: entity.id,\n                href: entity.routes.list,\n                label: t('dashboard.actions.openTool'),\n              },\n            ]}\n          />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          actions={[\n            {\n              id: entity.id,\n              href: entity.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return (\n        <DashboardPanel\n          title={resolveLabel(widget.title, tApp)}\n          subtitle={description}\n        >\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityConfig = entities[entityId];\n        if (entityConfig == null) {\n          return null;\n        }\n        return entityConfig.routes.detail(refId);\n      },\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 === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          emptyState={<DashboardUnavailableState />}\n          actions={widget.actions.map((action) => {\n            return {\n              id: action.id,\n              href: action.href,\n              label: resolveLabel(action.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      const title =\n        widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardStatusList\n          emptyState={<DashboardUnavailableState />}\n          items={resolved.map((item) => {\n            return {\n              id: item.id,\n              href: item.href,\n              label: resolveLabel(item.label, tApp),\n              value: item.value ?? t('common.notAvailable'),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.label, tApp)}\n        subtitle={description}\n      >\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <DashboardPanel title={title} subtitle={description}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <DashboardQuickActions\n          emptyState={<DashboardUnavailableState />}\n          actions={[\n            {\n              id: entityManifest.id,\n              href: entityManifest.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  {content}\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport const BackofficeDashboardPage = (): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const dashboard = useBackofficeDashboardConfig();\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -0,0 +1,18 @@
+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 { HttpRedirect as i } from "@plumile/router";
+//#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 })
+	});
+};
+//#endregion
+export { s as BackofficeEntityDetailLayoutPage, s as default };
+
+//# sourceMappingURL=BackofficeEntityDetailLayoutPage.js.map

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

@@ -0,0 +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';\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,YACV,EACK,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,IACd,CAAC;CACF,IAAI,KAAiB,MACnB,MAAM,IAAI,EAAa,EAAO,OAAO,KAAK;CAG5C,IAAM,IAAa,EACjB,EAAO,WAAW,UAClB,EACD;CAID,OACE,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,EAKtC,EACD;YAED,kBAAA,GAAA,EAAG,aAAY,CAAA;EAC6B,CAAA"}

package/lib/esm/pages/BackofficeEntityDetailPage.helpers.js

@@ -0,0 +1,14 @@
+//#region src/pages/BackofficeEntityDetailPage.helpers.ts
+var e = (e, t) => e(t), t = (e) => typeof e == "object" && !!e && !Array.isArray(e), n = (e) => {
+	if (!t(e)) return null;
+	for (let n of Object.values(e)) if (t(n) && ("status" in n || "result" in n)) return n;
+	return null;
+}, r = (e) => e.kind === "route", i = (e) => e.kind === "mutation", a = (e) => e.kind === "formMutation", o = (e, t) => typeof e == "function" ? e(t) : e ?? null, s = (e) => {
+	if (e == null) return null;
+	let t = e.trim();
+	return t === "" ? null : t;
+}, c = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, l = (e, t) => typeof e == "function" ? e(t) : e;
+//#endregion
+export { n as extractMutationPayload, c as isEmptyText, a as isFormMutationAction, i as isMutationAction, t as isPlainObject, r as isRouteAction, l as resolveBadgeTone, e as resolveLabel, s as resolveRelationValue, o as resolveValueLabel };
+
+//# sourceMappingURL=BackofficeEntityDetailPage.helpers.js.map

package/lib/esm/pages/BackofficeEntityDetailPage.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityDetailPage.helpers.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.helpers.ts"],"sourcesContent":["import type {\n  BackofficeBadgeTone,\n  BackofficeEntityActionSpec,\n  BackofficeEntityFormMutationActionSpec,\n  BackofficeEntityMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeValueLabel,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { MutationPayloadBase } from '../relay/mutationResult.js';\nimport type { TFunction } from 'i18next';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isPlainObject = (\n  value: unknown,\n): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nexport const extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\nexport const isRouteAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityRouteActionSpec<Node> => {\n  return action.kind === 'route';\n};\n\nexport const isMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityMutationActionSpec<Node> => {\n  return action.kind === 'mutation';\n};\n\nexport const isFormMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityFormMutationActionSpec<Node> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveValueLabel = (\n  value: BackofficeValueLabel | null | undefined,\n  tApp: TFunction,\n): string | number | null => {\n  if (typeof value === 'function') {\n    return value(tApp);\n  }\n  if (value == null) {\n    return null;\n  }\n  return value;\n};\n\nexport const resolveRelationValue = (value: string | null): string | null => {\n  if (value == null) {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport const isEmptyText = (\n  value: string | number | null | undefined,\n): boolean => {\n  if (value == null) {\n    return true;\n  }\n  if (typeof value === 'string') {\n    return value.trim() === '';\n  }\n  return false;\n};\n\nexport const resolveBadgeTone = <Node>(\n  tone: BackofficeBadgeTone | ((node: Node) => BackofficeBadgeTone) | undefined,\n  node: Node,\n): BackofficeBadgeTone | undefined => {\n  if (typeof tone === 'function') {\n    return tone(node);\n  }\n  return tone;\n};\n"],"mappings":";AAYA,IAAa,KAAgB,GAAkB,MACtC,EAAM,EAAK,EAGP,KACX,MAEO,OAAO,KAAU,cAAY,KAAiB,CAAC,MAAM,QAAQ,EAAM,EAG/D,KACX,MAC+B;CAC/B,IAAI,CAAC,EAAc,EAAS,EAC1B,OAAO;CAGT,KAAK,IAAM,KAAS,OAAO,OAAO,EAAS,EACzC,IAAI,EAAc,EAAM,KAAK,YAAY,KAAS,YAAY,IAC5D,OAAO;CAIX,OAAO;GAGI,KACX,MAEO,EAAO,SAAS,SAGZ,KACX,MAEO,EAAO,SAAS,YAGZ,KACX,MAEO,EAAO,SAAS,gBAGZ,KACX,GACA,MAEI,OAAO,KAAU,aACZ,EAAM,EAAK,GAEhB,KACK,MAKE,KAAwB,MAAwC;CAC3E,IAAI,KAAS,MACX,OAAO;CAET,IAAM,IAAU,EAAM,MAAM;CAI5B,OAHI,MAAY,KACP,OAEF;GAGI,KACX,MAEI,KAAS,OACJ,KAEL,OAAO,KAAU,WACZ,EAAM,MAAM,KAAK,KAEnB,IAGI,KACX,GACA,MAEI,OAAO,KAAS,aACX,EAAK,EAAK,GAEZ"}

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -0,0 +1,474 @@
+import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
+import { resolveMutationOutcome as t } from "../relay/mutationResult.js";
+import { useBackofficeConfig as n } from "../provider/BackofficeConfigContext.js";
+import { resolveToastSpec as r, resolveToastViewActions as i } from "../components/backoffice/actions/toastViewAction.js";
+import { LazyBackofficeEntityActionFormDialog as a } from "../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js";
+import { buildDataTableColumns as o } from "../components/backoffice/columns/buildDataTableColumns.js";
+import { BackofficeDetailSection as s } from "../components/backoffice/detail/BackofficeDetailSection.js";
+import { BackofficeDetailBadgeRow as c } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
+import { BackofficeDetailErrorList as l } from "../components/backoffice/detail/BackofficeDetailErrorList.js";
+import { BackofficeDetailFlagTag as u } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
+import { BackofficeDetailPayload as d } from "../components/backoffice/detail/BackofficeDetailPayload.js";
+import { BackofficeDetailRelationListBlock as ee } from "../components/backoffice/detail/BackofficeDetailRelationListBlock.js";
+import { BackofficeDetailTaggedValue as te } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
+import { BackofficeRightPageLayout as ne } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
+import { buildEntityDetailBreadcrumb as re } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
+import { BackofficeEntityDetailScaffold as ie } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeFormats as f } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as ae } from "../relay/useRelayEnvironment.js";
+import { resolveVisibleDetailPages as p } from "./detail/pageResolution.js";
+import { useBackofficeEntityDetailLayoutContext as m } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { extractMutationPayload as oe, isFormMutationAction as h, isMutationAction as se, isRouteAction as ce, resolveLabel as g } from "./BackofficeEntityDetailPage.helpers.js";
+import { headerActions as le, headerBlock as ue, headerMeta as de, headerMetaList as fe } from "./backofficeEntityDetailPage.css.js";
+import { buildTabsItems as pe } from "./detail/buildTabsItems.js";
+import { buildFieldItems as me, renderBlocks as he, resolveHeaderItems as ge } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { useContext as _, useMemo as v, useState as y } from "react";
+import { BackofficeKeyValueList as b, BackofficePageHeader as _e, BackofficeRelationsMenu as ve, BackofficeTabs as ye, Button as x, ChatCheckSvg as S, DataTable as be, DetailPageTemplate as xe, FormattedDate as C, HighlightCode as Se, KeyOffSvg as w, KeySvg as T, LazyBackofficeJsonViewer as Ce, LinkButton as we, LockOpenSvg as E, LockSvg as D, RobotCheckSvg as O, RobotXSvg as k, RocketOffSvg as A, RocketSvg as j, SettingsCheckSvg as M, SettingsXSvg as N, ShieldLockSvg as P, ShieldOffSvg as F, Tag as I, XBadgeSvg as L, useToast as R } from "@plumile/ui";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { useTranslation as H } from "react-i18next";
+import { commitMutation as Te, useFragment as U, usePreloadedQuery as W } from "react-relay";
+import { HttpRedirect as G, Link as K, RoutingContext as q } from "@plumile/router";
+import { BACKOFFICE_DATE_TIME_OPTIONS as Ee } from "@plumile/backoffice-core/constants.js";
+import { buildBackofficeFallbackListHref as De, buildBackofficeListHref as Oe, buildBackofficeListLink as ke } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as Ae } from "@plumile/backoffice-core/filters/where.js";
+//#region src/pages/BackofficeEntityDetailPage.tsx
+var je = (e) => {
+	switch (e) {
+		case "shield-lock": return /* @__PURE__ */ B(P, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "shield-off": return /* @__PURE__ */ B(F, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "settings-check": return /* @__PURE__ */ B(M, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "settings-x": return /* @__PURE__ */ B(N, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "x-badge": return /* @__PURE__ */ B(L, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "chat-check": return /* @__PURE__ */ B(S, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "key": return /* @__PURE__ */ B(T, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "key-off": return /* @__PURE__ */ B(w, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "lock": return /* @__PURE__ */ B(D, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "lock-open": return /* @__PURE__ */ B(E, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "robot-check": return /* @__PURE__ */ B(O, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "robot-x": return /* @__PURE__ */ B(k, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "rocket": return /* @__PURE__ */ B(j, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "rocket-off": return /* @__PURE__ */ B(A, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		default: throw Error(`Unsupported flag icon: ${String(e)}`);
+	}
+}, Me = (e) => {
+	if (e.presentation?.desktop === "secondary" || e.presentation?.group === "scope" || e.presentation?.group === "status") return "secondary";
+	let t = e.fields?.map((e) => e.presentation?.group) ?? [];
+	return t.length > 0 && t.every((e) => e === "scope" || e === "status") ? "secondary" : e.placement ?? "primary";
+}, J = ({ config: S, prepared: w }) => {
+	let { t: T } = H(), { t: E } = e(), { formatNumber: D, formatCurrency: O, formatPercent: k } = f(), { entities: A, entityRegistry: j } = n(), { layoutView: M } = m(), N = _(q), P = ae(), F = R(), [L, J] = y({}), [Y, Ne] = y(null), X = p({
+		mainPage: S.pages.mainPage,
+		subPages: S.pages.subPages,
+		activePagePath: w.pagePath,
+		node: M
+	}), Pe = X.activePage ?? S.pages.mainPage, Fe = X.pages.length > 0 ? X.pages : [S.pages.mainPage], Z = (e, t) => {
+		J((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, { page: Q } = S, Ie = W(Q.query, w.pageQuery), $ = Q.resolveNode(Ie, {
+		id: w.id,
+		detailId: w.detailId
+	}), Le = $ != null, Re = U(Q.fragment, $), ze = v(() => Object.fromEntries(Q.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
+		let t = A[e];
+		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
+	})), [A, Q.content]);
+	if (!Le) throw new G(S.routes.list);
+	return /* @__PURE__ */ B(ie, {
+		node: Re,
+		render: (e) => {
+			let n = Q.toView(e), ie = pe({
+				pages: Fe,
+				id: w.id,
+				tApp: T,
+				detailPageHref: S.routes.detailPage
+			}), f = (e, t) => {
+				let n = A[e];
+				return n == null ? null : n.routes.detail(t);
+			}, ae = ({ id: e, label: t, count: n, relation: r, listRoute: i, value: a, where: o }) => {
+				let { target: s, filterId: c, whereKey: l, path: u } = r, d = j.getLoadedListEntity(s);
+				return {
+					id: e,
+					label: t,
+					count: n,
+					href: d == null ? De(i, o, [{
+						id: c ?? (u == null ? l : `${l}.${u.join(".")}`),
+						value: a
+					}]) : Oe(d.config, { where: o }),
+					onClick: async (e) => {
+						if (N == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+						e.preventDefault();
+						let t = ke((await j.loadListEntity(s)).config, { where: o });
+						N.history.push({
+							pathname: t.pathname,
+							search: t.search === "" ? "" : `?${t.search}`,
+							hash: ""
+						});
+					}
+				};
+			}, p = ge(S.header, M, {
+				tApp: T,
+				t: E,
+				resolveEntityHref: f,
+				renderLink: (e, t) => /* @__PURE__ */ B(K, {
+					to: e,
+					children: t
+				}),
+				renderDate: (e, t) => /* @__PURE__ */ B(C, {
+					value: e,
+					options: Ee,
+					fallback: t
+				}),
+				renderTag: (e, t) => /* @__PURE__ */ B(I, {
+					tone: e,
+					children: t
+				}),
+				renderBadgeRow: (e) => /* @__PURE__ */ B(c, { items: e })
+			}), m = re({
+				config: S,
+				tApp: T,
+				entityId: w.id,
+				layoutView: M,
+				pageLabel: Pe.label(T)
+			}), _ = Q.actions ?? [], v = [];
+			if (_.length > 0) {
+				let e = _.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
+				e.length > 0 && (v = e.map((e) => {
+					let a = g(e.label, T), o = e.ariaLabel == null ? a : g(e.ariaLabel, T), s = e.variant ?? "secondary", c = e.size ?? "small", l = L[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					return ce(e) ? /* @__PURE__ */ B(we, {
+						to: e.to(n),
+						variant: s,
+						size: c,
+						isDisabled: u,
+						"aria-label": o,
+						children: a
+					}, e.id) : h(e) ? /* @__PURE__ */ B(x, {
+						type: "button",
+						variant: s,
+						size: c,
+						isLoading: !1,
+						disabled: u,
+						onClick: () => {
+							Ne(e.id);
+						},
+						"aria-label": o,
+						children: a
+					}, e.id) : se(e) ? /* @__PURE__ */ B(x, {
+						type: "button",
+						variant: s,
+						size: c,
+						isLoading: l,
+						disabled: u,
+						onClick: () => {
+							if (l) return;
+							let a = e.getVariables(n);
+							Z(e.id, !0), Te(P, {
+								mutation: e.mutation,
+								variables: a,
+								updater: (t) => {
+									e.updater?.(t, n);
+								},
+								onCompleted: (a) => {
+									Z(e.id, !1);
+									let o = oe(a);
+									if (o != null) {
+										let i = E("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (i = g(e.toasts.error.title, T)) : i = g(e.toasts.error.message, T);
+										let a = t(o, {
+											defaultErrorMessage: i,
+											mapReason: (t) => {
+												let r = e.mapErrorReason?.(t, n);
+												return r == null ? null : typeof r == "function" ? g(r, T) : String(r);
+											}
+										});
+										if (!a.ok) {
+											let t = Error(a.message);
+											if (e.onError?.(t, n), e.toasts?.error != null) {
+												let t = r(e.toasts.error, T);
+												F.error(t.title, t.message);
+											}
+											return;
+										}
+									}
+									if (e.onCompleted?.(a, n), e.toasts?.success != null) {
+										let t = r(e.toasts.success, T), o = i({
+											toast: e.toasts.success,
+											response: a,
+											node: n,
+											tApp: T,
+											entities: A,
+											defaultLabel: E("actions.view"),
+											navigateTo: (e) => {
+												N?.history.push({ pathname: e });
+											}
+										});
+										F.push({
+											kind: "info",
+											title: t.title,
+											message: t.message,
+											actions: o
+										});
+									}
+								},
+								onError: (t) => {
+									if (Z(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
+										let t = r(e.toasts.error, T);
+										F.error(t.title, t.message);
+									}
+								}
+							});
+						},
+						"aria-label": o,
+						children: a
+					}, e.id) : null;
+				}));
+			}
+			let y = _.find((e) => e.id === Y), { content: R } = Q, H = [], U = [], W = [];
+			R.forEach((e, t) => {
+				let r = Me(e) === "secondary" ? U : H;
+				if (e.kind === "section") {
+					let i = g(e.title, T), a = e.description == null ? void 0 : g(e.description, T), { items: o, relationItems: l, customNodes: d } = me(e.fields, n, {
+						tApp: T,
+						t: E,
+						resolveEntityHref: f,
+						formatNumber: D,
+						formatCurrency: O,
+						formatPercent: k,
+						relationEntityListRoutes: ze,
+						resolveRelationItem: ae,
+						setWhereValue: Ae,
+						renderTag: (e, t) => /* @__PURE__ */ B(I, {
+							tone: e,
+							children: t
+						}),
+						renderBadgeRow: (e) => /* @__PURE__ */ B(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ B(C, {
+							value: e,
+							options: Ee,
+							fallback: t
+						}),
+						renderFlagTag: (e) => /* @__PURE__ */ B(u, {
+							tone: e.tone,
+							icon: e.iconName == null ? void 0 : je(e.iconName),
+							label: e.label
+						}),
+						renderLink: (e, t) => /* @__PURE__ */ B(K, {
+							to: e,
+							children: t
+						}),
+						renderTaggedValue: (e, t) => /* @__PURE__ */ B(te, {
+							tag: e,
+							value: t
+						}),
+						wrapCustomNode: (e, t) => /* @__PURE__ */ B("div", { children: t }, e)
+					});
+					if (l.forEach((e) => {
+						W.some((t) => t.id === e.id) || W.push(e);
+					}), !(o.length > 0 || d.length > 0)) return;
+					r.push(/* @__PURE__ */ B(s, {
+						title: i,
+						description: a,
+						items: o.length > 0 ? o : void 0,
+						children: d
+					}, `${i}-${t}`));
+					return;
+				}
+				let i = he([e], n, {
+					tApp: T,
+					t: E,
+					resolveEntityHref: f,
+					keyPrefix: String(t),
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ B(s, {
+						title: t,
+						children: n
+					}, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ B("div", { children: t }, e),
+					renderRelationList: ({ key: e, title: t, relation: n, value: r }) => /* @__PURE__ */ B(ee, {
+						title: t,
+						relation: n,
+						value: r ?? null
+					}, e),
+					resolveTableColumns: (e) => o(e, {
+						tApp: T,
+						t: E,
+						resolveEntityHref: f
+					}),
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ B(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ B(be, {
+							columns: r,
+							rows: i,
+							getRowId: (e, t) => {
+								if (typeof e == "object" && e) {
+									let t = e.id;
+									if (typeof t == "string" && t.trim() !== "") return t;
+								}
+								return String(t);
+							}
+						})
+					}, e),
+					renderJson: ({ key: e, title: t, description: n, value: r, defaultCollapsed: i }) => {
+						let a = /* @__PURE__ */ B(s, {
+							title: t,
+							description: n,
+							children: /* @__PURE__ */ B(Ce, {
+								value: r,
+								title: t
+							})
+						}, e);
+						return i === !0 ? /* @__PURE__ */ V("details", { children: [/* @__PURE__ */ B("summary", { children: t }), a] }, e) : a;
+					},
+					renderCode: ({ key: e, title: t, description: n, value: r, outputLabel: i }) => /* @__PURE__ */ B(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ B(Se, {
+							badgeLabel: i,
+							copyCode: r,
+							fallbackCodeText: r
+						})
+					}, e),
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ B(d, {
+						title: t,
+						description: n,
+						content: r,
+						format: i
+					}, e),
+					renderErrorList: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ B(l, {
+						title: t,
+						description: n,
+						items: r
+					}, e),
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ B(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ B(b, { items: r })
+					}, e)
+				})[0];
+				i != null && r.push(i);
+			});
+			let G = W.length > 0 ? /* @__PURE__ */ B(ve, {
+				label: E("relations.menu.label"),
+				items: W
+			}) : null, q = v.length > 0 || G != null ? /* @__PURE__ */ V("div", {
+				className: le,
+				children: [v.length > 0 && /* @__PURE__ */ B("div", {
+					className: "txvbqb9ip txvbqbcp txvbqbdp7 txvbqbao7 txvbqbajy",
+					children: v
+				}), G != null && /* @__PURE__ */ B("div", {
+					className: "_1i6bm7z0 txvbqb9ip txvbqbcp",
+					children: G
+				})]
+			}) : void 0, J = p.status != null || p.badges != null ? /* @__PURE__ */ V("div", {
+				className: de,
+				children: [p.status, p.badges]
+			}) : void 0, X = p.items != null && p.items.length > 0 ? /* @__PURE__ */ B("div", {
+				className: fe,
+				children: /* @__PURE__ */ B(b, { items: p.items })
+			}) : null, Ie = U.length > 0, $ = null;
+			return Fe.length > 1 && ($ = /* @__PURE__ */ B(ye, {
+				items: ie,
+				activeId: Pe.id,
+				onChange: () => {},
+				variant: "underline"
+			})), /* @__PURE__ */ V(ne, {
+				breadcrumb: m,
+				children: [/* @__PURE__ */ B(xe, {
+					headerNode: /* @__PURE__ */ V("div", {
+						className: ue,
+						children: [/* @__PURE__ */ B(_e, {
+							title: p.title,
+							subtitle: p.subtitle,
+							actions: q,
+							meta: J
+						}), X]
+					}),
+					tabsNode: $,
+					sidePanel: Ie ? /* @__PURE__ */ B(z, { children: U }) : void 0,
+					sidePanelVariant: "plain",
+					headerDensity: "compact",
+					children: /* @__PURE__ */ B(z, { children: H })
+				}), y != null && h(y) && /* @__PURE__ */ B(a, {
+					isOpen: !0,
+					action: y,
+					node: n,
+					onClose: () => {
+						Ne(null);
+					}
+				})]
+			});
+		}
+	});
+}, Y = ({ config: e, prepared: t }) => {
+	let { layoutView: n } = m(), r = p({
+		mainPage: e.pages.mainPage,
+		subPages: e.pages.subPages,
+		activePagePath: t.pagePath,
+		node: n
+	});
+	if (!r.hasVisiblePages || r.activePage == null) throw new G(e.routes.list);
+	if (r.activePage.id !== t.pageId) throw new G(e.routes.detailPage(t.id, r.activePage.id));
+	return /* @__PURE__ */ B(J, {
+		config: t.pageConfig,
+		prepared: t
+	});
+};
+//#endregion
+export { Y as BackofficeEntityDetailPage, Y as default };
+
+//# sourceMappingURL=BackofficeEntityDetailPage.js.map