@plumile/backoffice-react 0.1.107 → 0.1.108

package/lib/esm/components/backoffice/detail/BackofficeDetailRelationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailRelationLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { Link, RoutingContext } from '@plumile/router';\n\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type { BackofficeRuntimeRelationFilterSpec } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\n\nimport * as styles from './backofficeDetailRelationLink.css.js';\n\nexport type BackofficeDetailRelationLinkProps = {\n  label: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string;\n  count?: number;\n};\n\nexport const BackofficeDetailRelationLink = ({\n  label,\n  relation,\n  value,\n  count,\n}: BackofficeDetailRelationLinkProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const { target, filterId, whereKey, path } = relation;\n  const entityManifest = entities[target];\n  if (entityManifest == null) {\n    return null;\n  }\n\n  const where = setWhereValue<Record<string, unknown>>(\n    null,\n    whereKey,\n    value,\n    path,\n  );\n\n  const loadedEntity = entityRegistry.getLoadedListEntity(target);\n  let filterKey = whereKey;\n  if (path != null) {\n    filterKey = `${whereKey}.${path.join('.')}`;\n  }\n  const resolvedFilterId = filterId ?? filterKey;\n\n  let to: string | { pathname: string; search: string };\n  if (loadedEntity == null) {\n    to = buildBackofficeFallbackListHref(entityManifest.routes.list, where, [\n      {\n        id: resolvedFilterId,\n        value,\n      },\n    ]);\n  } else {\n    to = buildBackofficeListHref(loadedEntity.config, { where });\n  }\n\n  const navigateToLazyList = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\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    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\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    navigateToLazyList(routing.history).catch(() => {\n      /* noop */\n    });\n  };\n\n  let labelText = label;\n  if (count != null) {\n    labelText = t('relations.labelWithCount', {\n      label,\n      count,\n    });\n  }\n\n  return (\n    <Link to={to} className={styles.link} onClick={handleClick}>\n      <span className={styles.label}>{labelText}</span>\n      <span className={styles.action}>\n        <span className={styles.meta}>{t('relations.viewList')}</span>\n        <span className={styles.chevron} aria-hidden=\"true\">\n          &gt;\n        </span>\n      </span>\n    </Link>\n  );\n};\n\nexport default BackofficeDetailRelationLink;\n"],"mappings":";;;;;;;;;AAuBA,IAAa,KAAgC,EAC3C,OAAA,GACA,aACA,UACA,eAC2D;CAC3D,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACpC,EAAE,WAAQ,aAAU,aAAU,YAAS,GACvC,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO;CAGT,IAAM,IAAQ,EACZ,MACA,GACA,GACA,EACD,EAEK,IAAe,EAAe,oBAAoB,EAAO,EAC3D,IAAY;CAChB,AAAI,KAAQ,SACV,IAAY,GAAG,EAAS,GAAG,EAAK,KAAK,IAAI;CAE3C,IAAM,IAAmB,KAAY,GAEjC;CACJ,AAQE,IARE,KAAgB,OACb,EAAgC,EAAe,OAAO,MAAM,GAAO,CACtE;EACE,IAAI;EACJ;EACD,CACF,CAAC,GAEG,EAAwB,EAAa,QAAQ,EAAE,UAAO,CAAC;CAG9D,IAAM,IAAqB,OACzB,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;IAGE,KAAe,MAAyC;EAE1D,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,aAKR,EAAM,gBAAgB,EACtB,EAAmB,EAAQ,QAAQ,CAAC,YAAY,GAE9C;IAGA,IAAY;CAQhB,OAPI,KAAS,SACX,IAAY,EAAE,4BAA4B;EACxC,OAAA;EACA;EACD,CAAC,GAIF,kBAAC,GAAD;EAAU;EAAI,WAAW;EAAa,SAAS;YAA/C,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAiB,CAAA,EACjD,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAc,EAAE,qBAAqB;IAAQ,CAAA,EAC9D,kBAAC,QAAD;IAAM,WAAW;IAAgB,eAAY;cAAO;IAE7C,CAAA,CACF;KACF"}
+{"version":3,"file":"BackofficeDetailRelationLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { RoutingContext } from '@plumile/router';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type { BackofficeRuntimeRelationFilterSpec } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nimport * as styles from './backofficeDetailRelationLink.css.js';\n\nexport type BackofficeDetailRelationLinkProps = {\n  label: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string;\n  count?: number;\n};\n\nexport const BackofficeDetailRelationLink = ({\n  label,\n  relation,\n  value,\n  count,\n}: BackofficeDetailRelationLinkProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const { target, filterId, whereKey, path } = relation;\n  const targetManifest = entities[target];\n  if (targetManifest == null) {\n    return null;\n  }\n\n  const where = setWhereValue<Record<string, unknown>>(\n    null,\n    whereKey,\n    value,\n    path,\n  );\n\n  const loadedEntity = entityRegistry.getLoadedListEntity(target);\n  let filterKey = whereKey;\n  if (path != null) {\n    filterKey = `${whereKey}.${path.join('.')}`;\n  }\n  const resolvedFilterId = filterId ?? filterKey;\n\n  const linkTarget = {\n    kind: 'entity-list',\n    entityId: target,\n    state: {\n      where,\n      filters: [\n        {\n          id: resolvedFilterId,\n          value,\n        },\n      ],\n    },\n  } as BackofficeLinkTarget;\n\n  const navigateToLazyList = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\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    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\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    navigateToLazyList(routing.history).catch(() => {\n      /* noop */\n    });\n  };\n\n  let labelText = label;\n  if (count != null) {\n    labelText = t('relations.labelWithCount', {\n      label,\n      count,\n    });\n  }\n\n  return (\n    <BackofficeInlineLink\n      target={linkTarget}\n      className={styles.link}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.action}>\n          <span className={styles.meta}>{t('relations.viewList')}</span>\n          <span className={styles.chevron} aria-hidden=\"true\">\n            &gt;\n          </span>\n        </span>\n      }\n    >\n      <span className={styles.label}>{labelText}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeDetailRelationLink;\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,KAAgC,EAC3C,OAAA,GACA,aACA,UACA,eAC2D;CAC3D,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACpC,EAAE,WAAQ,aAAU,aAAU,YAAS;CAE7C,IADuB,EAAS,MACV,MACpB,OAAO;CAGT,IAAM,IAAQ,EACZ,MACA,GACA,GACA,EACD,EAEK,IAAe,EAAe,oBAAoB,EAAO,EAC3D,IAAY;CAChB,AAAI,KAAQ,SACV,IAAY,GAAG,EAAS,GAAG,EAAK,KAAK,IAAI;CAI3C,IAAM,IAAa;EACjB,MAAM;EACN,UAAU;EACV,OAAO;GACL;GACA,SAAS,CACP;IACE,IATiB,KAAY;IAU7B;IACD,CACF;GACF;EACF,EAEK,IAAqB,OACzB,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;IAGE,KAAe,MAAyC;EAE1D,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,aAKR,EAAM,gBAAgB,EACtB,EAAmB,EAAQ,QAAQ,CAAC,YAAY,GAE9C;IAGA,IAAY;CAQhB,OAPI,KAAS,SACX,IAAY,EAAE,4BAA4B;EACxC,OAAA;EACA;EACD,CAAC,GAIF,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW;EACX,SAAS;EACT,cACE,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAc,EAAE,qBAAqB;IAAQ,CAAA,EAC9D,kBAAC,QAAD;IAAM,WAAW;IAAgB,eAAY;cAAO;IAE7C,CAAA,CACF;;YAGT,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAiB,CAAA;EAC5B,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeDetailRelationListBlock.js

@@ -1,123 +1,116 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { BackofficeErrorBoundary as n } from "../errors/BackofficeErrorBoundary.js";
-import { useBackofficeListEntitiesLoader as r } from "../../../provider/useBackofficeEntityLoader.js";
-import { buildDataTableColumns as i } from "../columns/buildDataTableColumns.js";
-import { useBackofficeLoadMore as a } from "../../../hooks/useBackofficeLoadMore.js";
-import { useBackofficeListRefetch as o } from "../../../hooks/useBackofficeListRefetch.js";
-import { BackofficeEntityListScaffold as s } from "../scaffolds/BackofficeEntityListScaffold.js";
-import { Suspense as c, useCallback as l, useMemo as u, useState as d } from "react";
-import { BackofficeTableSkeleton as f, InlineBanner as p } from "@plumile/ui";
-import { jsx as m } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import * as g from "react-relay";
-import { BACKOFFICE_LIST_REFETCH_POLICY as _, BACKOFFICE_RELATED_TAB_PAGE_SIZE as v } from "@plumile/backoffice-core/constants.js";
-import { setWhereValue as y } from "@plumile/backoffice-core/filters/where.js";
+import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
+import { useBackofficeListEntitiesLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
+import { buildDataTableColumns as r } from "../columns/buildDataTableColumns.js";
+import { useBackofficeLoadMore as i } from "../../../hooks/useBackofficeLoadMore.js";
+import { useBackofficeListRefetch as a } from "../../../hooks/useBackofficeListRefetch.js";
+import { BackofficeEntityListScaffold as o } from "../scaffolds/BackofficeEntityListScaffold.js";
+import { Suspense as s, useCallback as c, useMemo as l, useState as u } from "react";
+import { BackofficeTableSkeleton as d, InlineBanner as f } from "@plumile/ui";
+import { jsx as p } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import * as h from "react-relay";
+import { BACKOFFICE_LIST_REFETCH_POLICY as g, BACKOFFICE_RELATED_TAB_PAGE_SIZE as _ } from "@plumile/backoffice-core/constants.js";
+import { setWhereValue as v } from "@plumile/backoffice-core/filters/where.js";
 //#region src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx
-var { useLazyLoadQuery: b, usePaginationFragment: x } = g, S = () => {
+var { useLazyLoadQuery: y, usePaginationFragment: b } = h, x = () => {
 	let { t } = e();
-	return /* @__PURE__ */ m(f, {
+	return /* @__PURE__ */ p(d, {
 		rows: 6,
 		ariaLabel: t("common.loading")
 	});
-}, C = ({ title: t, config: n, entities: r, relation: c, value: f }) => {
-	let { t: p } = h(), { t: g } = e(), S = n.list, C = n.listDefaults ?? S.defaultState ?? {
+}, S = ({ title: t, config: n, relation: s, value: d }) => {
+	let { t: f } = m(), { t: h } = e(), x = n.list, S = n.listDefaults ?? x.defaultState ?? {
 		where: null,
 		sort: null
-	}, [w, T] = d({
-		where: C.where,
-		sort: C.sort ?? null
-	}), E = u(() => f == null || f.trim() === "" ? null : y(w.where, c.whereKey, f, c.path), [
-		c.path,
-		c.whereKey,
-		w.where,
-		f
-	]), D = E ?? w.where, O = w.sort ?? C.sort, k = u(() => ({
-		where: D,
-		sort: O,
-		count: v,
+	}, [C, w] = u({
+		where: S.where,
+		sort: S.sort ?? null
+	}), T = l(() => d == null || d.trim() === "" ? null : v(C.where, s.whereKey, d, s.path), [
+		s.path,
+		s.whereKey,
+		C.where,
+		d
+	]), E = T ?? C.where, D = C.sort ?? S.sort, O = l(() => ({
+		where: E,
+		sort: D,
+		count: _,
 		cursor: null
-	}), [D, O]), A = u(() => S.buildQueryVariables(k), [S, k]), j = b(S.query, A, { fetchPolicy: "store-or-network" }), { data: M, loadNext: N, hasNext: P, isLoadingNext: F, refetch: I } = x(S.fragment, j), L = S.getConnection(M), R = u(() => L.edges.map((e) => S.toRow(e.node)), [L.edges, S]), z = u(() => i(S.columns, {
-		tApp: p,
-		t: g,
-		resolveEntityHref: (e, t) => {
-			let n = r[e];
-			return n == null ? null : n.routes.detail(t);
-		}
+	}), [E, D]), k = l(() => x.buildQueryVariables(O), [x, O]), A = y(x.query, k, { fetchPolicy: "store-or-network" }), { data: j, loadNext: M, hasNext: N, isLoadingNext: P, refetch: F } = b(x.fragment, A), I = x.getConnection(j), L = l(() => I.edges.map((e) => x.toRow(e.node)), [I.edges, x]), R = l(() => r(x.columns, {
+		tApp: f,
+		t: h
 	}), [
-		r,
-		S.columns,
-		g,
-		p
-	]), B = l((e) => S.getRowId(e), [S]), { onRefresh: V } = o({
-		refetch: I,
-		variables: k,
-		defaults: u(() => ({
-			where: E ?? C.where,
-			sort: C.sort,
-			count: v,
+		x.columns,
+		h,
+		f
+	]), z = c((e) => x.getRowId(e), [x]), { onRefresh: B } = a({
+		refetch: F,
+		variables: O,
+		defaults: l(() => ({
+			where: T ?? S.where,
+			sort: S.sort,
+			count: _,
 			cursor: null
 		}), [
-			C.sort,
-			C.where,
-			E
+			S.sort,
+			S.where,
+			T
 		]),
-		fetchPolicy: _,
-		buildQueryVariables: S.buildQueryVariables
-	}), H = a({
-		hasNext: P,
-		isLoadingNext: F,
-		loadNext: N,
-		count: v
+		fetchPolicy: g,
+		buildQueryVariables: x.buildQueryVariables
+	}), V = i({
+		hasNext: N,
+		isLoadingNext: P,
+		loadNext: M,
+		count: _
 	});
-	return /* @__PURE__ */ m(s, {
+	return /* @__PURE__ */ p(o, {
 		config: n,
-		state: w,
+		state: C,
 		pushState: (e) => {
-			T(e);
+			w(e);
 		},
 		header: { title: t },
-		rows: R,
-		columns: z,
-		getRowId: B,
-		hasNextPage: P,
-		isLoadingMore: F,
-		onLoadMore: H,
-		onRefresh: V,
-		totalCount: L.totalCount ?? null,
+		rows: L,
+		columns: R,
+		getRowId: z,
+		hasNextPage: N,
+		isLoadingMore: P,
+		onLoadMore: V,
+		onRefresh: B,
+		totalCount: I.totalCount ?? null,
 		variant: "embedded"
 	});
-}, w = ({ title: n, relation: i, value: a }) => {
-	let { t: o } = e(), { entities: s } = t(), c = r(u(() => [i.target], [i.target]));
-	if (c.status === "loading") return /* @__PURE__ */ m(f, {
+}, C = ({ title: t, relation: r, value: i }) => {
+	let { t: a } = e(), o = n(l(() => [r.target], [r.target]));
+	if (o.status === "loading") return /* @__PURE__ */ p(d, {
 		rows: 6,
-		ariaLabel: o("common.loading")
+		ariaLabel: a("common.loading")
 	});
-	if (c.status === "error") return /* @__PURE__ */ m(p, {
+	if (o.status === "error") return /* @__PURE__ */ p(f, {
 		tone: "warning",
-		title: o("relations.unavailable.title"),
-		children: o("relations.unavailable.description")
+		title: a("relations.unavailable.title"),
+		children: a("relations.unavailable.description")
 	});
-	let l = c.modules[i.target]?.config;
-	return l == null || l.list.kind === "records" ? null : /* @__PURE__ */ m(C, {
-		title: n,
-		config: l,
-		entities: s,
-		relation: i,
-		value: a
+	let s = o.modules[r.target]?.config;
+	return s == null || s.list.kind === "records" ? null : /* @__PURE__ */ p(S, {
+		title: t,
+		config: s,
+		relation: r,
+		value: i
 	});
-}, T = ({ title: e, relation: t, value: r }) => /* @__PURE__ */ m(n, {
-	fallback: () => /* @__PURE__ */ m(S, {}),
-	children: /* @__PURE__ */ m(c, {
-		fallback: /* @__PURE__ */ m(S, {}),
-		children: /* @__PURE__ */ m(w, {
+}, w = ({ title: e, relation: n, value: r }) => /* @__PURE__ */ p(t, {
+	fallback: () => /* @__PURE__ */ p(x, {}),
+	children: /* @__PURE__ */ p(s, {
+		fallback: /* @__PURE__ */ p(x, {}),
+		children: /* @__PURE__ */ p(C, {
 			title: e,
-			relation: t,
+			relation: n,
 			value: r
 		})
 	})
 });
 //#endregion
-export { T as BackofficeDetailRelationListBlock, T as default };
+export { w as BackofficeDetailRelationListBlock, w as default };
 
 //# sourceMappingURL=BackofficeDetailRelationListBlock.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailRelationListBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailRelationListBlock.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"sourcesContent":["import { Suspense, useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport {\n  BACKOFFICE_LIST_REFETCH_POLICY,\n  BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n} from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeRelationFilterSpec,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeTableSkeleton, InlineBanner } from '@plumile/ui';\n\nimport { buildDataTableColumns } from '../columns/buildDataTableColumns.js';\nimport { useBackofficeLoadMore } from '../../../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../../../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeEntityListScaffold } from '../scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery, usePaginationFragment } = ReactRelay;\n\nexport type BackofficeDetailRelationListBlockProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListContentProps = {\n  title: string;\n  config: BackofficeRuntimeResolvedListFacetConfig & {\n    list: Exclude<\n      BackofficeRuntimeResolvedListFacetConfig['list'],\n      { kind: 'records' }\n    >;\n  };\n  entities: ReturnType<typeof useBackofficeConfig>['entities'];\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListBlockBodyProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\nconst RelationListSkeleton = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n};\n\nconst RelationListContent = ({\n  title,\n  config,\n  entities,\n  relation,\n  value,\n}: RelationListContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const [state, setState] = useState<BackofficeListState<unknown, string>>({\n    where: listDefaults.where as never,\n    sort: listDefaults.sort ?? null,\n  });\n\n  const relationWhere = useMemo(() => {\n    if (value == null || value.trim() === '') {\n      return null;\n    }\n    return setWhereValue(\n      state.where as Record<string, unknown> | null,\n      relation.whereKey as never,\n      value,\n      relation.path,\n    );\n  }, [relation.path, relation.whereKey, state.where, value]);\n\n  const effectiveWhere = relationWhere ?? (state.where as never);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const variablesBase = useMemo(() => {\n    return {\n      where: effectiveWhere as never,\n      sort: resolvedSort as never,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [effectiveWhere, resolvedSort]);\n\n  const variables = useMemo(() => {\n    return listConfig.buildQueryVariables(variablesBase);\n  }, [listConfig, variablesBase]);\n\n  const queryData = useLazyLoadQuery<OperationType>(\n    listConfig.query,\n    variables,\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const columns = useMemo(() => {\n    return buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityManifest = entities[entityId];\n        if (entityManifest == null) {\n          return null;\n        }\n        return entityManifest.routes.detail(refId);\n      },\n    });\n  }, [entities, listConfig.columns, t, tApp]);\n\n  const getRowId = useCallback(\n    (row: unknown) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const defaults = useMemo(() => {\n    const baseWhere = relationWhere ?? listDefaults.where;\n    return {\n      where: baseWhere,\n      sort: listDefaults.sort,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [listDefaults.sort, listDefaults.where, relationWhere]);\n\n  const { onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: variablesBase,\n    defaults,\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n  });\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config as never}\n      state={state as never}\n      pushState={(next) => {\n        setState(next);\n      }}\n      header={{ title }}\n      rows={rows}\n      columns={columns as never}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      onLoadMore={handleLoadMore}\n      onRefresh={onRefresh}\n      totalCount={connection.totalCount ?? null}\n      variant=\"embedded\"\n    />\n  );\n};\n\nconst RelationListBlockBody = ({\n  title,\n  relation,\n  value,\n}: RelationListBlockBodyProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const relatedEntityIds = useMemo(() => {\n    return [relation.target];\n  }, [relation.target]);\n  const relatedEntitiesState =\n    useBackofficeListEntitiesLoader(relatedEntityIds);\n\n  if (relatedEntitiesState.status === 'loading') {\n    return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n  }\n\n  if (relatedEntitiesState.status === 'error') {\n    return (\n      <InlineBanner tone=\"warning\" title={t('relations.unavailable.title')}>\n        {t('relations.unavailable.description')}\n      </InlineBanner>\n    );\n  }\n\n  const config = relatedEntitiesState.modules[relation.target]?.config;\n  if (config == null) {\n    return null;\n  }\n  if (config.list.kind === 'records') {\n    return null;\n  }\n  const connectionConfig = config as RelationListContentProps['config'];\n\n  return (\n    <RelationListContent\n      title={title}\n      config={connectionConfig}\n      entities={entities}\n      relation={relation}\n      value={value}\n    />\n  );\n};\n\nexport const BackofficeDetailRelationListBlock = ({\n  title,\n  relation,\n  value,\n}: BackofficeDetailRelationListBlockProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <RelationListSkeleton />;\n      }}\n    >\n      <Suspense fallback={<RelationListSkeleton />}>\n        <RelationListBlockBody\n          title={title}\n          relation={relation}\n          value={value}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeDetailRelationListBlock;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeDetailRelationListBlock.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"sourcesContent":["import { Suspense, useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport {\n  BACKOFFICE_LIST_REFETCH_POLICY,\n  BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n} from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeRelationFilterSpec,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeTableSkeleton, InlineBanner } from '@plumile/ui';\n\nimport { buildDataTableColumns } from '../columns/buildDataTableColumns.js';\nimport { useBackofficeLoadMore } from '../../../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../../../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeEntityListScaffold } from '../scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery, usePaginationFragment } = ReactRelay;\n\nexport type BackofficeDetailRelationListBlockProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListContentProps = {\n  title: string;\n  config: BackofficeRuntimeResolvedListFacetConfig & {\n    list: Exclude<\n      BackofficeRuntimeResolvedListFacetConfig['list'],\n      { kind: 'records' }\n    >;\n  };\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListBlockBodyProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\nconst RelationListSkeleton = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n};\n\nconst RelationListContent = ({\n  title,\n  config,\n  relation,\n  value,\n}: RelationListContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const [state, setState] = useState<BackofficeListState<unknown, string>>({\n    where: listDefaults.where as never,\n    sort: listDefaults.sort ?? null,\n  });\n\n  const relationWhere = useMemo(() => {\n    if (value == null || value.trim() === '') {\n      return null;\n    }\n    return setWhereValue(\n      state.where as Record<string, unknown> | null,\n      relation.whereKey as never,\n      value,\n      relation.path,\n    );\n  }, [relation.path, relation.whereKey, state.where, value]);\n\n  const effectiveWhere = relationWhere ?? (state.where as never);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const variablesBase = useMemo(() => {\n    return {\n      where: effectiveWhere as never,\n      sort: resolvedSort as never,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [effectiveWhere, resolvedSort]);\n\n  const variables = useMemo(() => {\n    return listConfig.buildQueryVariables(variablesBase);\n  }, [listConfig, variablesBase]);\n\n  const queryData = useLazyLoadQuery<OperationType>(\n    listConfig.query,\n    variables,\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const columns = useMemo(() => {\n    return buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n  }, [listConfig.columns, t, tApp]);\n\n  const getRowId = useCallback(\n    (row: unknown) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const defaults = useMemo(() => {\n    const baseWhere = relationWhere ?? listDefaults.where;\n    return {\n      where: baseWhere,\n      sort: listDefaults.sort,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [listDefaults.sort, listDefaults.where, relationWhere]);\n\n  const { onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: variablesBase,\n    defaults,\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n  });\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config as never}\n      state={state as never}\n      pushState={(next) => {\n        setState(next);\n      }}\n      header={{ title }}\n      rows={rows}\n      columns={columns as never}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      onLoadMore={handleLoadMore}\n      onRefresh={onRefresh}\n      totalCount={connection.totalCount ?? null}\n      variant=\"embedded\"\n    />\n  );\n};\n\nconst RelationListBlockBody = ({\n  title,\n  relation,\n  value,\n}: RelationListBlockBodyProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const relatedEntityIds = useMemo(() => {\n    return [relation.target];\n  }, [relation.target]);\n  const relatedEntitiesState =\n    useBackofficeListEntitiesLoader(relatedEntityIds);\n\n  if (relatedEntitiesState.status === 'loading') {\n    return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n  }\n\n  if (relatedEntitiesState.status === 'error') {\n    return (\n      <InlineBanner tone=\"warning\" title={t('relations.unavailable.title')}>\n        {t('relations.unavailable.description')}\n      </InlineBanner>\n    );\n  }\n\n  const config = relatedEntitiesState.modules[relation.target]?.config;\n  if (config == null) {\n    return null;\n  }\n  if (config.list.kind === 'records') {\n    return null;\n  }\n  const connectionConfig = config as RelationListContentProps['config'];\n\n  return (\n    <RelationListContent\n      title={title}\n      config={connectionConfig}\n      relation={relation}\n      value={value}\n    />\n  );\n};\n\nexport const BackofficeDetailRelationListBlock = ({\n  title,\n  relation,\n  value,\n}: BackofficeDetailRelationListBlockProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <RelationListSkeleton />;\n      }}\n    >\n      <Suspense fallback={<RelationListSkeleton />}>\n        <RelationListBlockBody\n          title={title}\n          relation={relation}\n          value={value}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeDetailRelationListBlock;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/detail/BackofficeDetailTable.js

@@ -0,0 +1,8 @@
+import { DataTable as e } from "@plumile/ui";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeDetailTable.tsx
+var n = (n) => /* @__PURE__ */ t(e, { ...n });
+//#endregion
+export { n as BackofficeDetailTable, n as default };
+
+//# sourceMappingURL=BackofficeDetailTable.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDetailTable.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailTable.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { DataTable, type DataTableProps } from '@plumile/ui';\n\nexport type BackofficeDetailTableProps<Row> = DataTableProps<Row>;\n\nexport const BackofficeDetailTable = <Row,>(\n  props: BackofficeDetailTableProps<Row>,\n): JSX.Element => {\n  return <DataTable {...props} />;\n};\n\nexport default BackofficeDetailTable;\n"],"mappings":";;;AAKA,IAAa,KACX,MAEO,kBAAC,GAAD,EAAW,GAAI,GAAS,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeEmptyValue.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeEmptyValue.tsx
+var t = ({ label: t }) => /* @__PURE__ */ e("span", { children: t });
+//#endregion
+export { t as BackofficeEmptyValue, t as default };
+
+//# sourceMappingURL=BackofficeEmptyValue.js.map

package/lib/esm/components/backoffice/detail/BackofficeEmptyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEmptyValue.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeEmptyValue.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nexport type BackofficeEmptyValueProps = {\n  readonly label: string;\n};\n\nexport const BackofficeEmptyValue = ({\n  label,\n}: BackofficeEmptyValueProps): JSX.Element => {\n  return <span>{label}</span>;\n};\n\nexport default BackofficeEmptyValue;\n"],"mappings":";;AAMA,IAAa,KAAwB,EACnC,eAEO,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeStatusGroup.js

@@ -0,0 +1,8 @@
+import { BackofficeStatusMetaBadge as e } from "./BackofficeStatusMetaBadge.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeStatusGroup.tsx
+var r = ({ statuses: r }) => /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, { status: t }, t.label)) });
+//#endregion
+export { r as BackofficeStatusGroup, r as default };
+
+//# sourceMappingURL=BackofficeStatusGroup.js.map

package/lib/esm/components/backoffice/detail/BackofficeStatusGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeStatusGroup.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeStatusGroup.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport {\n  BackofficeStatusMetaBadge,\n  type BackofficeStatusMeta,\n} from './BackofficeStatusMetaBadge.js';\n\nexport type BackofficeStatusGroupProps = {\n  readonly statuses: readonly BackofficeStatusMeta[];\n};\n\nexport const BackofficeStatusGroup = ({\n  statuses,\n}: BackofficeStatusGroupProps): JSX.Element => {\n  return (\n    <>\n      {statuses.map((status) => {\n        return <BackofficeStatusMetaBadge key={status.label} status={status} />;\n      })}\n    </>\n  );\n};\n\nexport default BackofficeStatusGroup;\n"],"mappings":";;;AAWA,IAAa,KAAyB,EACpC,kBAGE,kBAAA,GAAA,EAAA,UACG,EAAS,KAAK,MACN,kBAAC,GAAD,EAAsD,WAAU,EAAhC,EAAO,MAAyB,CACvE,EACD,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeTechnicalFacts.js

@@ -0,0 +1,2 @@
+import { BackofficeDetailSection as e } from "./BackofficeDetailSection.js";
+export { e as BackofficeTechnicalFacts };

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js

@@ -1,69 +1,74 @@
 import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeTopbarPortalContext as t } from "./BackofficeTopbarPortalContext.js";
-import { current as n, homeLabel as r, item as i, link as a, list as o, nav as s, separator as c } from "./backofficeTopbarBreadcrumb.css.js";
-import { SidebarHomeSvg as l } from "@plumile/ui";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Link as p } from "@plumile/router";
+import { BackofficeLink as n } from "../../links/BackofficeLink.js";
+import { BackofficeLinkLabel as r } from "../../links/BackofficeLinkLabel.js";
+import { current as i, homeLabel as a, item as o, link as s, list as c, nav as l, separator as u } from "./backofficeTopbarBreadcrumb.css.js";
+import { SidebarHomeSvg as d } from "@plumile/ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Link as h } from "@plumile/router";
 //#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx
-var m = ({ items: m }) => {
-	let { t: h } = e(), { dashboardHref: g, dashboardLabel: _ } = t(), v = !1, y = m[0];
-	m.length === 1 && y != null && (v = y.id === "dashboard" && y.isCurrent === !0);
-	let b = m;
-	v && (b = []);
-	let x = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, {
+var g = (e) => {
+	let { target: t } = e;
+	return t.kind === "dashboard" ? `${e.kind}-dashboard` : t.kind === "entity-list" ? `${e.kind}-entity-list-${t.entityId}` : t.kind === "entity-detail" ? `${e.kind}-entity-detail-${t.entityId}-${t.id}` : t.kind === "entity-detail-page" ? `${e.kind}-entity-detail-page-${t.entityId}-${t.id}-${t.pageId}` : t.kind === "tool" ? `${e.kind}-tool-${t.toolId}` : t.kind === "hub" ? `${e.kind}-hub-${t.hubId}` : `${e.kind}-href-${t.href}`;
+}, _ = ({ items: _ }) => {
+	let { t: v } = e(), { dashboardHref: y, dashboardLabel: b } = t(), x = !1, [S] = _;
+	_.length === 1 && S != null && (x = S.target.kind === "dashboard" && S.kind === "current");
+	let C = _;
+	x && (C = []);
+	let w = /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
 		width: 16,
 		height: 16,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ d("span", {
-		className: r,
-		children: _
+	}), /* @__PURE__ */ p("span", {
+		className: a,
+		children: b
 	})] });
-	return /* @__PURE__ */ d("nav", {
-		className: s,
-		"aria-label": h("common.breadcrumb"),
-		children: /* @__PURE__ */ f("ol", {
-			className: o,
-			children: [/* @__PURE__ */ f("li", {
-				className: i,
-				children: [v && /* @__PURE__ */ d("span", {
+	return /* @__PURE__ */ p("nav", {
+		className: l,
+		"aria-label": v("common.breadcrumb"),
+		children: /* @__PURE__ */ m("ol", {
+			className: c,
+			children: [/* @__PURE__ */ m("li", {
+				className: o,
+				children: [x && /* @__PURE__ */ p("span", {
 					className: "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z",
 					"aria-current": "page",
-					title: _,
-					children: x
-				}), !v && /* @__PURE__ */ d(p, {
-					to: g,
+					title: b,
+					children: w
+				}), !x && /* @__PURE__ */ p(h, {
+					to: y,
 					className: "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k",
-					"aria-label": _,
-					title: _,
-					children: x
+					"aria-label": b,
+					title: b,
+					children: w
 				})]
-			}), b.map((e) => {
-				let t = e.isCurrent === !0, r = e.id, o = e.to != null && !t, s;
-				if (o) s = /* @__PURE__ */ d(p, {
-					to: e.to,
-					className: a,
-					children: e.label
-				});
-				else {
-					let r = a;
-					t && (r = n), s = /* @__PURE__ */ d("span", {
-						className: r,
-						children: e.label
-					});
-				}
-				return /* @__PURE__ */ f("li", {
+			}), C.map((e, t) => {
+				let a = e.kind === "current", c = g(e), l = "none";
+				t === 0 && (l = "auto");
+				let d;
+				return d = a ? /* @__PURE__ */ p(r, {
+					target: e.target,
+					label: e.label,
 					className: i,
-					children: [/* @__PURE__ */ d("span", {
-						className: c,
+					icon: l
+				}) : /* @__PURE__ */ p(n, {
+					target: e.target,
+					label: e.label,
+					className: s,
+					icon: l
+				}), /* @__PURE__ */ m("li", {
+					className: o,
+					children: [/* @__PURE__ */ p("span", {
+						className: u,
 						"aria-hidden": "true",
 						children: "/"
-					}), s]
-				}, r);
+					}), d]
+				}, c);
 			})]
 		})
 	});
 };
 //#endregion
-export { m as BackofficeTopbarBreadcrumb, m as default };
+export { _ as BackofficeTopbarBreadcrumb, _ as default };
 
 //# sourceMappingURL=BackofficeTopbarBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopbarBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\nimport * as styles from './backofficeTopbarBreadcrumb.css.js';\n\nexport type BackofficeTopbarBreadcrumbProps = {\n  items: readonly BackofficeTopbarBreadcrumbItem[];\n};\n\nexport const BackofficeTopbarBreadcrumb = ({\n  items,\n}: BackofficeTopbarBreadcrumbProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { dashboardHref, dashboardLabel } = useBackofficeTopbarPortalContext();\n  let isDashboardCurrent = false;\n  const firstItem = items[0];\n  if (items.length === 1 && firstItem != null) {\n    isDashboardCurrent =\n      firstItem.id === 'dashboard' && firstItem.isCurrent === true;\n  }\n  let visibleItems: readonly BackofficeTopbarBreadcrumbItem[] = items;\n  if (isDashboardCurrent) {\n    visibleItems = [];\n  }\n\n  const homeContent = (\n    <>\n      <SidebarHomeSvg width={16} height={16} aria-hidden=\"true\" />\n      <span className={styles.homeLabel}>{dashboardLabel}</span>\n    </>\n  );\n\n  return (\n    <nav className={styles.nav} aria-label={t('common.breadcrumb')}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {isDashboardCurrent && (\n            <span\n              className={styles.homeCurrent}\n              aria-current=\"page\"\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </span>\n          )}\n          {!isDashboardCurrent && (\n            <Link\n              to={dashboardHref}\n              className={styles.homeLink}\n              aria-label={dashboardLabel}\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </Link>\n          )}\n        </li>\n        {visibleItems.map((item) => {\n          const isCurrent = item.isCurrent === true;\n          const key = item.id;\n          const shouldRenderLink = item.to != null && !isCurrent;\n          let content: JSX.Element;\n\n          if (shouldRenderLink) {\n            content = (\n              <Link to={item.to} className={styles.link}>\n                {item.label}\n              </Link>\n            );\n          } else {\n            let className = styles.link;\n            if (isCurrent) {\n              className = styles.current;\n            }\n            content = <span className={className}>{item.label}</span>;\n          }\n\n          return (\n            <li key={key} className={styles.item}>\n              <span className={styles.separator} aria-hidden=\"true\">\n                /\n              </span>\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;;;;AAaA,IAAa,KAA8B,EACzC,eACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,kBAAe,sBAAmB,GAAkC,EACxE,IAAqB,IACnB,IAAY,EAAM;CACxB,AAAI,EAAM,WAAW,KAAK,KAAa,SACrC,IACE,EAAU,OAAO,eAAe,EAAU,cAAc;CAE5D,IAAI,IAA0D;CAC9D,AAAI,MACF,IAAe,EAAE;CAGnB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,eAAY;EAAS,CAAA,EAC5D,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAAsB,CAAA,CACzD,EAAA,CAAA;CAGL,OACE,kBAAC,OAAD;EAAK,WAAW;EAAY,cAAY,EAAE,oBAAoB;YAC5D,kBAAC,MAAD;GAAI,WAAW;aAAf,CACE,kBAAC,MAAD;IAAI,WAAW;cAAf,CACG,KACC,kBAAC,QAAD;KACE,WAAW;KACX,gBAAa;KACb,OAAO;eAEN;KACI,CAAA,EAER,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;KACJ,WAAW;KACX,cAAY;KACZ,OAAO;eAEN;KACI,CAAA,CAEN;OACJ,EAAa,KAAK,MAAS;IAC1B,IAAM,IAAY,EAAK,cAAc,IAC/B,IAAM,EAAK,IACX,IAAmB,EAAK,MAAM,QAAQ,CAAC,GACzC;IAEJ,IAAI,GACF,IACE,kBAAC,GAAD;KAAM,IAAI,EAAK;KAAI,WAAW;eAC3B,EAAK;KACD,CAAA;SAEJ;KACL,IAAI,IAAY;KAIhB,AAHI,MACF,IAAY,IAEd,IAAU,kBAAC,QAAD;MAAiB;gBAAY,EAAK;MAAa,CAAA;;IAG3D,OACE,kBAAC,MAAD;KAAc,WAAW;eAAzB,CACE,kBAAC,QAAD;MAAM,WAAW;MAAkB,eAAY;gBAAO;MAE/C,CAAA,EACN,EACE;OALI,EAKJ;KAEP,CACC;;EACD,CAAA"}
+{"version":3,"file":"BackofficeTopbarBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '@plumile/ui';\n\nimport { BackofficeLink } from '../../links/BackofficeLink.js';\nimport { BackofficeLinkLabel } from '../../links/BackofficeLinkLabel.js';\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\nimport * as styles from './backofficeTopbarBreadcrumb.css.js';\n\nexport type BackofficeTopbarBreadcrumbProps = {\n  items: readonly BackofficeTopbarBreadcrumbItem[];\n};\n\nconst getBreadcrumbItemKey = (item: BackofficeTopbarBreadcrumbItem): string => {\n  const { target } = item;\n  if (target.kind === 'dashboard') {\n    return `${item.kind}-dashboard`;\n  }\n  if (target.kind === 'entity-list') {\n    return `${item.kind}-entity-list-${target.entityId}`;\n  }\n  if (target.kind === 'entity-detail') {\n    return `${item.kind}-entity-detail-${target.entityId}-${target.id}`;\n  }\n  if (target.kind === 'entity-detail-page') {\n    return `${item.kind}-entity-detail-page-${target.entityId}-${target.id}-${target.pageId}`;\n  }\n  if (target.kind === 'tool') {\n    return `${item.kind}-tool-${target.toolId}`;\n  }\n  if (target.kind === 'hub') {\n    return `${item.kind}-hub-${target.hubId}`;\n  }\n  return `${item.kind}-href-${target.href}`;\n};\n\nexport const BackofficeTopbarBreadcrumb = ({\n  items,\n}: BackofficeTopbarBreadcrumbProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { dashboardHref, dashboardLabel } = useBackofficeTopbarPortalContext();\n  let isDashboardCurrent = false;\n  const [firstItem] = items;\n  if (items.length === 1 && firstItem != null) {\n    isDashboardCurrent =\n      firstItem.target.kind === 'dashboard' && firstItem.kind === 'current';\n  }\n  let visibleItems: readonly BackofficeTopbarBreadcrumbItem[] = items;\n  if (isDashboardCurrent) {\n    visibleItems = [];\n  }\n\n  const homeContent = (\n    <>\n      <SidebarHomeSvg width={16} height={16} aria-hidden=\"true\" />\n      <span className={styles.homeLabel}>{dashboardLabel}</span>\n    </>\n  );\n\n  return (\n    <nav className={styles.nav} aria-label={t('common.breadcrumb')}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {isDashboardCurrent && (\n            <span\n              className={styles.homeCurrent}\n              aria-current=\"page\"\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </span>\n          )}\n          {!isDashboardCurrent && (\n            <Link\n              to={dashboardHref}\n              className={styles.homeLink}\n              aria-label={dashboardLabel}\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </Link>\n          )}\n        </li>\n        {visibleItems.map((item, index) => {\n          const isCurrent = item.kind === 'current';\n          const key = getBreadcrumbItemKey(item);\n          let icon: 'auto' | 'none' = 'none';\n          if (index === 0) {\n            icon = 'auto';\n          }\n          let content: JSX.Element;\n\n          if (!isCurrent) {\n            content = (\n              <BackofficeLink\n                target={item.target}\n                label={item.label}\n                className={styles.link}\n                icon={icon}\n              />\n            );\n          } else {\n            content = (\n              <BackofficeLinkLabel\n                target={item.target}\n                label={item.label}\n                className={styles.current}\n                icon={icon}\n              />\n            );\n          }\n\n          return (\n            <li key={key} className={styles.item}>\n              <span className={styles.separator} aria-hidden=\"true\">\n                /\n              </span>\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;;;;;;AAeA,IAAM,KAAwB,MAAiD;CAC7E,IAAM,EAAE,cAAW;CAmBnB,OAlBI,EAAO,SAAS,cACX,GAAG,EAAK,KAAK,cAElB,EAAO,SAAS,gBACX,GAAG,EAAK,KAAK,eAAe,EAAO,aAExC,EAAO,SAAS,kBACX,GAAG,EAAK,KAAK,iBAAiB,EAAO,SAAS,GAAG,EAAO,OAE7D,EAAO,SAAS,uBACX,GAAG,EAAK,KAAK,sBAAsB,EAAO,SAAS,GAAG,EAAO,GAAG,GAAG,EAAO,WAE/E,EAAO,SAAS,SACX,GAAG,EAAK,KAAK,QAAQ,EAAO,WAEjC,EAAO,SAAS,QACX,GAAG,EAAK,KAAK,OAAO,EAAO,UAE7B,GAAG,EAAK,KAAK,QAAQ,EAAO;GAGxB,KAA8B,EACzC,eACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,kBAAe,sBAAmB,GAAkC,EACxE,IAAqB,IACnB,CAAC,KAAa;CACpB,AAAI,EAAM,WAAW,KAAK,KAAa,SACrC,IACE,EAAU,OAAO,SAAS,eAAe,EAAU,SAAS;CAEhE,IAAI,IAA0D;CAC9D,AAAI,MACF,IAAe,EAAE;CAGnB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,eAAY;EAAS,CAAA,EAC5D,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAAsB,CAAA,CACzD,EAAA,CAAA;CAGL,OACE,kBAAC,OAAD;EAAK,WAAW;EAAY,cAAY,EAAE,oBAAoB;YAC5D,kBAAC,MAAD;GAAI,WAAW;aAAf,CACE,kBAAC,MAAD;IAAI,WAAW;cAAf,CACG,KACC,kBAAC,QAAD;KACE,WAAW;KACX,gBAAa;KACb,OAAO;eAEN;KACI,CAAA,EAER,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;KACJ,WAAW;KACX,cAAY;KACZ,OAAO;eAEN;KACI,CAAA,CAEN;OACJ,EAAa,KAAK,GAAM,MAAU;IACjC,IAAM,IAAY,EAAK,SAAS,WAC1B,IAAM,EAAqB,EAAK,EAClC,IAAwB;IAC5B,AAAI,MAAU,MACZ,IAAO;IAET,IAAI;IAsBJ,OApBA,AACE,IADG,IAWD,kBAAC,GAAD;KACE,QAAQ,EAAK;KACb,OAAO,EAAK;KACZ,WAAW;KACL;KACN,CAAA,GAdF,kBAAC,GAAD;KACE,QAAQ,EAAK;KACb,OAAO,EAAK;KACZ,WAAW;KACL;KACN,CAAA,EAcJ,kBAAC,MAAD;KAAc,WAAW;eAAzB,CACE,kBAAC,QAAD;MAAM,WAAW;MAAkB,eAAY;gBAAO;MAE/C,CAAA,EACN,EACE;OALI,EAKJ;KAEP,CACC;;EACD,CAAA"}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js

@@ -1,11 +1,11 @@
 import { createContext as e, useContext as t } from "react";
 //#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx
-var n = e(null), r = n.Provider, i = () => {
+var n = e(null), r = n.Provider, i = () => t(n), a = () => {
 	let e = t(n);
 	if (e == null) throw Error("BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.");
 	return e;
 };
 //#endregion
-export { r as BackofficeTopbarPortalContextProvider, i as useBackofficeTopbarPortalContext };
+export { r as BackofficeTopbarPortalContextProvider, a as useBackofficeTopbarPortalContext, i as useOptionalBackofficeTopbarPortalContext };
 
 //# sourceMappingURL=BackofficeTopbarPortalContext.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopbarPortalContext.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeTopbarPortalContextValue = {\n  target: HTMLDivElement | null;\n  dashboardHref: string;\n  dashboardLabel: string;\n};\n\nconst BackofficeTopbarPortalContext =\n  createContext<BackofficeTopbarPortalContextValue | null>(null);\n\nexport const BackofficeTopbarPortalContextProvider =\n  BackofficeTopbarPortalContext.Provider;\n\nexport const useBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue => {\n    const context = useContext(BackofficeTopbarPortalContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAQA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;CACzD,IAAI,KAAW,MACb,MAAU,MACR,kGACD;CAEH,OAAO"}
+{"version":3,"file":"BackofficeTopbarPortalContext.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeTopbarPortalContextValue = {\n  target: HTMLDivElement | null;\n  dashboardHref: string;\n  dashboardLabel: string;\n};\n\nconst BackofficeTopbarPortalContext =\n  createContext<BackofficeTopbarPortalContextValue | null>(null);\n\nexport const BackofficeTopbarPortalContextProvider =\n  BackofficeTopbarPortalContext.Provider;\n\nexport const useOptionalBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue | null => {\n    return useContext(BackofficeTopbarPortalContext);\n  };\n\nexport const useBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue => {\n    const context = useContext(BackofficeTopbarPortalContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAQA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAEF,EAAW,EAA8B,EAGvC,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;CACzD,IAAI,KAAW,MACb,MAAU,MACR,kGACD;CAEH,OAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js

@@ -1,16 +1,20 @@
 //#region src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts
-var e = (e, t) => Error(t == null ? `Invalid breadcrumb contract: ${e}` : `Invalid breadcrumb contract: ${e} (${t})`), t = (t) => {
-	if (t == null) throw e("MISSING_BREADCRUMB");
-	if (t.length === 0) throw e("EMPTY_BREADCRUMB");
-	let n = /* @__PURE__ */ new Set();
-	if (t.forEach((t, r) => {
-		if (typeof t.id != "string" || t.id.trim() === "") throw e("INVALID_SEGMENT_ID", `index=${r}`);
-		if (n.has(t.id)) throw e("INVALID_SEGMENT_ID", `duplicate id="${t.id}"`);
-		n.add(t.id);
-	}), t[t.length - 1]?.isCurrent !== !0) throw e("MISSING_CURRENT_SEGMENT");
-	return t;
+var e = (e, t) => Error(t == null ? `Invalid breadcrumb contract: ${e}` : `Invalid breadcrumb contract: ${e} (${t})`), t = (e) => {
+	let { target: t } = e;
+	return t == null ? "" : t.kind === "dashboard" ? "dashboard" : t.kind === "entity-list" ? `${t.entityId}-list` : t.kind === "entity-detail" ? `${t.entityId}-entity-${t.id}` : t.kind === "entity-detail-page" ? `${t.entityId}-page-${t.id}-${t.pageId}` : t.kind === "tool" ? `tool-${t.toolId}` : t.kind === "hub" ? `hub-${t.hubId}` : `href-${t.href}`;
+}, n = (n) => {
+	if (n == null) throw e("MISSING_BREADCRUMB");
+	if (n.length === 0) throw e("EMPTY_BREADCRUMB");
+	let r = /* @__PURE__ */ new Set();
+	if (n.forEach((n, i) => {
+		let a = t(n);
+		if (a.trim() === "") throw e("INVALID_SEGMENT_ID", `index=${i}`);
+		if (r.has(a)) throw e("INVALID_SEGMENT_ID", `duplicate id="${a}"`);
+		r.add(a);
+	}), n[n.length - 1]?.kind !== "current") throw e("MISSING_CURRENT_SEGMENT");
+	return n;
 };
 //#endregion
-export { t as assertValidBreadcrumb };
+export { n as assertValidBreadcrumb };
 
 //# sourceMappingURL=assertValidBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"assertValidBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts"],"sourcesContent":["import type {\n  BackofficeTopbarBreadcrumbItem,\n  BreadcrumbContractErrorCode,\n} from './types.js';\n\nconst formatContractError = (\n  code: BreadcrumbContractErrorCode,\n  details?: string,\n): Error => {\n  if (details == null) {\n    return new Error(`Invalid breadcrumb contract: ${code}`);\n  }\n  return new Error(`Invalid breadcrumb contract: ${code} (${details})`);\n};\n\nexport const assertValidBreadcrumb = (\n  items: readonly BackofficeTopbarBreadcrumbItem[] | null | undefined,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  if (items == null) {\n    throw formatContractError('MISSING_BREADCRUMB');\n  }\n  if (items.length === 0) {\n    throw formatContractError('EMPTY_BREADCRUMB');\n  }\n\n  const seen = new Set<string>();\n  items.forEach((item, index) => {\n    if (typeof item.id !== 'string' || item.id.trim() === '') {\n      throw formatContractError('INVALID_SEGMENT_ID', `index=${index}`);\n    }\n\n    if (seen.has(item.id)) {\n      throw formatContractError(\n        'INVALID_SEGMENT_ID',\n        `duplicate id=\"${item.id}\"`,\n      );\n    }\n    seen.add(item.id);\n  });\n\n  const last = items[items.length - 1];\n  if (last?.isCurrent !== true) {\n    throw formatContractError('MISSING_CURRENT_SEGMENT');\n  }\n\n  return items;\n};\n"],"mappings":";AAKA,IAAM,KACJ,GACA,MAGa,MADT,KAAW,OACI,gCAAgC,MAElC,gCAAgC,EAAK,IAAI,EAAQ,GAFR,EAK/C,KACX,MAC8C;CAC9C,IAAI,KAAS,MACX,MAAM,EAAoB,qBAAqB;CAEjD,IAAI,EAAM,WAAW,GACnB,MAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;CAgB9B,IAfA,EAAM,SAAS,GAAM,MAAU;EAC7B,IAAI,OAAO,EAAK,MAAO,YAAY,EAAK,GAAG,MAAM,KAAK,IACpD,MAAM,EAAoB,sBAAsB,SAAS,IAAQ;EAGnE,IAAI,EAAK,IAAI,EAAK,GAAG,EACnB,MAAM,EACJ,sBACA,iBAAiB,EAAK,GAAG,GAC1B;EAEH,EAAK,IAAI,EAAK,GAAG;GACjB,EAEW,EAAM,EAAM,SAAS,IACxB,cAAc,IACtB,MAAM,EAAoB,0BAA0B;CAGtD,OAAO"}
+{"version":3,"file":"assertValidBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts"],"sourcesContent":["import type {\n  BackofficeTopbarBreadcrumbItem,\n  BreadcrumbContractErrorCode,\n} from './types.js';\n\nconst formatContractError = (\n  code: BreadcrumbContractErrorCode,\n  details?: string,\n): Error => {\n  if (details == null) {\n    return new Error(`Invalid breadcrumb contract: ${code}`);\n  }\n  return new Error(`Invalid breadcrumb contract: ${code} (${details})`);\n};\n\nconst getBreadcrumbItemId = (item: BackofficeTopbarBreadcrumbItem): string => {\n  const { target } = item as {\n    readonly target?: BackofficeTopbarBreadcrumbItem['target'];\n  };\n  if (target == null) {\n    return '';\n  }\n  if (target.kind === 'dashboard') {\n    return 'dashboard';\n  }\n  if (target.kind === 'entity-list') {\n    return `${target.entityId}-list`;\n  }\n  if (target.kind === 'entity-detail') {\n    return `${target.entityId}-entity-${target.id}`;\n  }\n  if (target.kind === 'entity-detail-page') {\n    return `${target.entityId}-page-${target.id}-${target.pageId}`;\n  }\n  if (target.kind === 'tool') {\n    return `tool-${target.toolId}`;\n  }\n  if (target.kind === 'hub') {\n    return `hub-${target.hubId}`;\n  }\n  return `href-${target.href}`;\n};\n\nexport const assertValidBreadcrumb = (\n  items: readonly BackofficeTopbarBreadcrumbItem[] | null | undefined,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  if (items == null) {\n    throw formatContractError('MISSING_BREADCRUMB');\n  }\n  if (items.length === 0) {\n    throw formatContractError('EMPTY_BREADCRUMB');\n  }\n\n  const seen = new Set<string>();\n  items.forEach((item, index) => {\n    const id = getBreadcrumbItemId(item);\n    if (id.trim() === '') {\n      throw formatContractError('INVALID_SEGMENT_ID', `index=${index}`);\n    }\n\n    if (seen.has(id)) {\n      throw formatContractError('INVALID_SEGMENT_ID', `duplicate id=\"${id}\"`);\n    }\n    seen.add(id);\n  });\n\n  const last = items[items.length - 1];\n  if (last?.kind !== 'current') {\n    throw formatContractError('MISSING_CURRENT_SEGMENT');\n  }\n\n  return items;\n};\n"],"mappings":";AAKA,IAAM,KACJ,GACA,MAGa,MADT,KAAW,OACI,gCAAgC,MAElC,gCAAgC,EAAK,IAAI,EAAQ,GAFR,EAKtD,KAAuB,MAAiD;CAC5E,IAAM,EAAE,cAAW;CAwBnB,OArBI,KAAU,OACL,KAEL,EAAO,SAAS,cACX,cAEL,EAAO,SAAS,gBACX,GAAG,EAAO,SAAS,SAExB,EAAO,SAAS,kBACX,GAAG,EAAO,SAAS,UAAU,EAAO,OAEzC,EAAO,SAAS,uBACX,GAAG,EAAO,SAAS,QAAQ,EAAO,GAAG,GAAG,EAAO,WAEpD,EAAO,SAAS,SACX,QAAQ,EAAO,WAEpB,EAAO,SAAS,QACX,OAAO,EAAO,UAEhB,QAAQ,EAAO;GAGX,KACX,MAC8C;CAC9C,IAAI,KAAS,MACX,MAAM,EAAoB,qBAAqB;CAEjD,IAAI,EAAM,WAAW,GACnB,MAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;CAc9B,IAbA,EAAM,SAAS,GAAM,MAAU;EAC7B,IAAM,IAAK,EAAoB,EAAK;EACpC,IAAI,EAAG,MAAM,KAAK,IAChB,MAAM,EAAoB,sBAAsB,SAAS,IAAQ;EAGnE,IAAI,EAAK,IAAI,EAAG,EACd,MAAM,EAAoB,sBAAsB,iBAAiB,EAAG,GAAG;EAEzE,EAAK,IAAI,EAAG;GACZ,EAEW,EAAM,EAAM,SAAS,IACxB,SAAS,WACjB,MAAM,EAAoB,0BAA0B;CAGtD,OAAO"}