@plumile/backoffice-react 0.1.171 → 0.1.173

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -4,114 +4,167 @@ 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";
+import { BackofficeLazyEntityCount as o } from "../components/backoffice/refs/BackofficeLazyEntityCount.js";
+import { BackofficeEntityDetailNotFound as s } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
+import { resolveVisibleDetailPages as c } from "./detail/pageResolution.js";
+import { headerBlock as l, headerMeta as u, headerMetaList as d, headerRelationGroup as ee, relationCountLoading as f } from "./backofficeEntityDetailPage.css.js";
+import { resolveLabel as p, resolveRelationValue as m } from "./BackofficeEntityDetailPage.helpers.js";
+import { resolveHeaderItems as h } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { BackofficeEntityDetailLayoutContextProvider as g } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { buildTabsItems as te } from "./detail/buildTabsItems.js";
+import { BackofficeRedirect as _ } from "./BackofficeRedirect.js";
+import { useContext as ne } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import * as S from "react-relay";
+import { Spinner as C } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import w from "@plumile/router/routing/RoutingContext.js";
+import { FormattedDate as T } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as E } from "@plumile/backoffice-core/constants.js";
+import D from "@plumile/router/routing/Link.js";
+import { Tag as re } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { buildBackofficeFallbackListHref as ie, buildBackofficeListHref as ae, buildBackofficeListLink as oe } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as se } from "@plumile/backoffice-core/filters/where.js";
+import ce from "@plumile/router/routing/useLocation.js";
+import { BackofficePageHeader as O } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import { Tabs as k } from "@plumile/ui/atomic/molecules/tabs/Tabs.js";
+import { DetailPageTemplate as A } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { BackofficeKeyValueList as j } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeRelationsMenu as M } from "@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
 //#region src/pages/BackofficeEntityDetailLayoutPage.tsx
-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
+var { usePreloadedQuery: N } = S, P = (e) => e.trim().replace(/^\/+|\/+$/g, ""), F = (e, t, n) => [n.pages.mainPage, ...n.pages.subPages ?? []].find((r) => e === n.routes.detailPage(t, r.id))?.path ?? "", I = () => /* @__PURE__ */ y("span", {
+	className: f,
+	children: /* @__PURE__ */ y(C, { size: 12 })
+}), L = ({ config: s, prepared: f, layoutNodeRef: S, children: C }) => {
+	let { t: N } = x(), { t: L } = e(), { entities: R, entityRegistry: z } = t(), { pathname: B } = ce(), V = ne(w), H = n(s.layoutPage.fragment, S), U = s.layoutPage.toView(H), W = F(B, f.id, s), G = c({
+		mainPage: s.pages.mainPage,
+		subPages: s.pages.subPages,
+		activePagePath: W,
+		node: U
 	});
-	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,
+	if (!G.hasVisiblePages || G.activePage == null) return /* @__PURE__ */ y(_, { to: s.routes.list });
+	let { activePage: K } = G;
+	if (W !== "" && P(K.path) !== P(W)) return /* @__PURE__ */ y(_, { to: s.routes.detailPage(f.id, K.id) });
+	let q = te({
+		pages: G.pages,
+		id: f.id,
 		tApp: N,
-		detailPageHref: o.routes.detailPage
-	}), U = d(o.header, R, {
+		detailPageHref: s.routes.detailPage
+	}), J = h(s.header, U, {
 		tApp: N,
-		t: P,
+		t: L,
 		resolveEntityHref: (e, t) => {
-			let n = F[e];
+			let n = R[e];
 			return n == null ? null : n.routes.detail(t);
 		},
-		renderLink: (e, t) => /* @__PURE__ */ g(S, {
+		renderLink: (e, t) => /* @__PURE__ */ y(D, {
 			to: e,
 			preloadOnMouseEnter: !0,
 			children: t
 		}),
-		renderDate: (e, t) => /* @__PURE__ */ g(b, {
+		renderDate: (e, t) => /* @__PURE__ */ y(T, {
 			value: e,
-			options: x,
+			options: E,
 			fallback: t
 		}),
-		renderTag: (e, t) => /* @__PURE__ */ g(C, {
+		renderTag: (e, t) => /* @__PURE__ */ y(re, {
 			tone: e,
 			children: t
 		}),
-		renderBadgeRow: (e) => /* @__PURE__ */ g(r, { items: e })
-	}), W = a({
-		config: o,
+		renderBadgeRow: (e) => /* @__PURE__ */ y(r, { items: e })
+	}), Y = (s.relations ?? []).flatMap((e) => {
+		let { filterId: t, path: n, target: r, whereKey: i } = e, a = m(e.value(U));
+		if (a == null) return [];
+		let s = R[r];
+		if (s?.hasList !== !0) return [];
+		let c = se(null, i, a, n);
+		if (c == null) return [];
+		let l = z.getLoadedListEntity(r), u = t;
+		u ?? (u = i, n != null && (u = `${i}.${n.join(".")}`));
+		let d;
+		return d = l == null ? ie(s.routes.list, c, [{
+			id: u,
+			value: a
+		}]) : ae(l.config, { where: c }), [{
+			id: e.id,
+			label: p(e.label, N),
+			count: /* @__PURE__ */ y(o, {
+				entity: r,
+				loadingFallback: /* @__PURE__ */ y(I, {}),
+				where: c
+			}),
+			href: d,
+			onClick: async (e) => {
+				if (V == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+				e.preventDefault();
+				let t = oe((await z.loadListEntity(r)).config, { where: c }), n = "";
+				t.search !== "" && (n = `?${t.search}`), V.history.push({
+					pathname: t.pathname,
+					search: n,
+					hash: ""
+				});
+			}
+		}];
+	}), le = a({
+		config: s,
 		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: [U.status, U.badges]
-	}));
-	let K = null;
-	U.items != null && U.items.length > 0 && (K = /* @__PURE__ */ g("div", {
+		entityId: f.id,
+		layoutView: U,
+		pageLabel: K.label(N),
+		pageId: K.id
+	}), X;
+	(J.status != null || J.badges != null) && (X = /* @__PURE__ */ b("div", {
 		className: u,
-		children: /* @__PURE__ */ g(O, { items: U.items })
+		children: [J.status, J.badges]
+	}));
+	let Z = null;
+	J.items != null && J.items.length > 0 && (Z = /* @__PURE__ */ y("div", {
+		className: d,
+		children: /* @__PURE__ */ y(j, { items: J.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,
+	let Q;
+	Y.length > 0 && (Q = /* @__PURE__ */ y("div", {
+		className: ee,
+		children: /* @__PURE__ */ y(M, {
+			label: L("relations.menu.label"),
+			items: Y
+		})
+	}));
+	let ue = /* @__PURE__ */ b("div", {
+		className: l,
+		children: [/* @__PURE__ */ y(O, {
+			title: J.title,
+			subtitle: J.subtitle,
+			meta: X,
+			actions: Q
+		}), Z]
+	}), $ = null;
+	return G.pages.length > 1 && ($ = /* @__PURE__ */ y(k, {
+		items: q,
+		activeId: K.id,
 		variant: "underline"
-	})), /* @__PURE__ */ g(f, {
+	})), /* @__PURE__ */ y(g, {
 		value: {
-			activePage: V,
-			config: o,
-			entityId: y.id,
-			layoutView: R,
-			tabsItems: H,
-			visiblePages: B.pages
+			activePage: K,
+			config: s,
+			entityId: f.id,
+			layoutView: U,
+			tabsItems: q,
+			visiblePages: G.pages
 		},
-		children: /* @__PURE__ */ g(i, {
-			breadcrumb: W,
-			children: /* @__PURE__ */ g(D, {
-				headerNode: q,
-				tabsNode: J,
+		children: /* @__PURE__ */ y(i, {
+			breadcrumb: le,
+			children: /* @__PURE__ */ y(A, {
+				headerNode: ue,
+				tabsNode: $,
 				headerDensity: "compact",
-				children: /* @__PURE__ */ g(h, { children: M })
+				children: /* @__PURE__ */ y(v, { children: C })
 			})
 		})
 	});
-}, 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, {
+}, R = ({ config: t, prepared: n, children: r }) => {
+	let { t: a } = x(), { t: o } = e(), c = N(t.layoutPage.query, n.layoutQuery), l = t.layoutPage.resolveNode(c, { id: n.id });
+	return l == null ? /* @__PURE__ */ y(i, {
 		breadcrumb: [{
 			kind: "link",
 			target: {
@@ -126,10 +179,10 @@ var { usePreloadedQuery: k } = y, A = (e) => e.trim().replace(/^\/+|\/+$/g, ""),
 				entityId: t.id,
 				id: n.id
 			},
-			label: s("detail.notFound")
+			label: o("detail.notFound")
 		}],
-		children: /* @__PURE__ */ g(o, { listHref: t.routes.list })
-	}) : /* @__PURE__ */ g(M, {
+		children: /* @__PURE__ */ y(s, { listHref: t.routes.list })
+	}) : /* @__PURE__ */ y(L, {
 		config: t,
 		prepared: n,
 		layoutNodeRef: l,
@@ -137,6 +190,6 @@ var { usePreloadedQuery: k } = y, A = (e) => e.trim().replace(/^\/+|\/+$/g, ""),
 	});
 };
 //#endregion
-export { N as BackofficeEntityDetailLayoutPage, N as default };
+export { R as BackofficeEntityDetailLayoutPage, R 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 { 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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"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.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 {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeLazyEntityCount } from '../components/backoffice/refs/BackofficeLazyEntityCount.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 {\n  resolveLabel,\n  resolveRelationValue,\n} from './BackofficeEntityDetailPage.helpers.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\nconst RelationCountLoading = (): JSX.Element => {\n  return (\n    <span className={pageStyles.relationCountLoading}>\n      <Spinner size={12} />\n    </span>\n  );\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, entityRegistry } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\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 relationMenuItems: BackofficeRelationsMenuItem[] = (\n    config.relations ?? []\n  ).flatMap((relation) => {\n    const { filterId: configuredFilterId, path, target, whereKey } = relation;\n    const value = resolveRelationValue(relation.value(layoutView));\n    if (value == null) {\n      return [];\n    }\n\n    const entityManifest = entities[target];\n    if (entityManifest?.hasList !== true) {\n      return [];\n    }\n\n    const where = setWhereValue(null, whereKey, value, path);\n    if (where == null) {\n      return [];\n    }\n\n    const loadedEntity = entityRegistry.getLoadedListEntity(target);\n    let filterId = configuredFilterId;\n    if (filterId == null) {\n      filterId = whereKey;\n      if (path != null) {\n        filterId = `${whereKey}.${path.join('.')}`;\n      }\n    }\n\n    let href: string;\n    if (loadedEntity == null) {\n      href = buildBackofficeFallbackListHref(\n        entityManifest.routes.list,\n        where,\n        [\n          {\n            id: filterId,\n            value,\n          },\n        ],\n      );\n    } else {\n      href = buildBackofficeListHref(loadedEntity.config, { where });\n    }\n\n    return [\n      {\n        id: relation.id,\n        label: resolveLabel(relation.label, tApp),\n        count: (\n          <BackofficeLazyEntityCount\n            entity={target}\n            loadingFallback={<RelationCountLoading />}\n            where={where}\n          />\n        ),\n        href,\n        onClick: async (event) => {\n          if (\n            routing == null ||\n            event.defaultPrevented ||\n            event.button !== 0 ||\n            event.metaKey ||\n            event.altKey ||\n            event.ctrlKey ||\n            event.shiftKey\n          ) {\n            return;\n          }\n\n          event.preventDefault();\n\n          const listEntity = await entityRegistry.loadListEntity(target);\n          const next = buildBackofficeListLink(listEntity.config, { where });\n\n          let search = '';\n          if (next.search !== '') {\n            search = `?${next.search}`;\n          }\n\n          routing.history.push({\n            pathname: next.pathname,\n            search,\n            hash: '',\n          });\n        },\n      },\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  let headerActionsNode: JSX.Element | undefined;\n  if (relationMenuItems.length > 0) {\n    headerActionsNode = (\n      <div className={pageStyles.headerRelationGroup}>\n        <BackofficeRelationsMenu\n          label={t('relations.menu.label')}\n          items={relationMenuItems}\n        />\n      </div>\n    );\n  }\n\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n        actions={headerActionsNode}\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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"}