@plumile/backoffice-react 0.1.196 → 0.1.197

package/README.md

@@ -77,6 +77,13 @@ packages.
   time, reports per-file progress, preserves partial failures, and lets
   applications map descriptors into their own uploaded-file shape.
 
+List navigation is driven by the synchronous `listNavigation` contract from
+each entity manifest. Internal list targets keep `where` and `sort` structured;
+`BackofficeLink`, dashboard widgets, relation links, and list filter actions
+convert them to router `filters` and `query` only at the `Link` boundary. This
+keeps the rendered href, preload, modified click, and normal navigation aligned
+without loading the list facet.
+
 ### Relay and mutation helpers
 
 - `RelayProvider`

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js

@@ -6,42 +6,45 @@ import { action as o, icon as s } from "./backofficeFilterAction.css.js";
 import { jsx as c } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
 import u from "@plumile/router/routing/Link.js";
-import { buildBackofficeListLink as d } from "@plumile/backoffice-core/state/buildListHref.js";
-import { SidebarSearchSvg as f } from "@plumile/ui/icons/SidebarSearchSvg.js";
-import { setWhereValue as p } from "@plumile/backoffice-core/filters/where.js";
+import { SidebarSearchSvg as d } from "@plumile/ui/icons/SidebarSearchSvg.js";
+import { setWhereValue as f } from "@plumile/backoffice-core/filters/where.js";
 //#region src/components/backoffice/filters/BackofficeFilterAction.tsx
-var m = (e, t) => e(t), h = (h) => {
-	let { t: g } = l(), { t: _ } = e(), { filterColumnAliases: v } = t(), { whereKey: y, value: b, path: x, label: S, listConfig: C } = h, w = a(), T = null;
-	if (C == null ? w != null && (T = w.config) : T = C, T == null) return null;
-	let E = i(T, y, x);
-	if (E == null && x == null && (E = r(T, y, v)), E == null || !n(E, b)) return null;
-	let D = m(E.label, g), O = S ?? _("filters.actions.filterBy", { label: D }), k = /* @__PURE__ */ c(f, {
+var p = (e, t) => e(t), m = (m) => {
+	let { t: h } = l(), { t: g } = e(), { filterColumnAliases: _ } = t(), { whereKey: v, value: y, path: b, label: x, listConfig: S } = m, C = a(), w = null;
+	if (S == null ? C != null && (w = C.config) : w = S, w == null) return null;
+	let T = i(w, v, b);
+	if (T == null && b == null && (T = r(w, v, _)), T == null || !n(T, y)) return null;
+	let E = p(T.label, h), D = x ?? g("filters.actions.filterBy", { label: E }), O = /* @__PURE__ */ c(d, {
 		width: 14,
 		height: 14,
 		className: s,
 		"aria-hidden": "true"
 	});
-	if (w != null) return /* @__PURE__ */ c("button", {
+	if (C != null) return /* @__PURE__ */ c("button", {
 		type: "button",
 		className: o,
-		title: O,
-		"aria-label": O,
+		title: D,
+		"aria-label": D,
 		onClick: () => {
-			w.applyFilter(y, b, x);
+			C.applyFilter(v, y, b);
 		},
-		children: k
+		children: O
 	});
-	let A = T.listDefaults?.where ?? T.list.defaultState?.where ?? null, j = p(A, y, b, x), M = d(T, { where: j });
+	let k = w.listNavigation.defaults.where, A = f(k, v, y, b), j = w.listNavigation.encode({ where: A });
 	return /* @__PURE__ */ c(u, {
-		to: M,
+		to: {
+			pathname: w.routes.list,
+			filters: j.filters,
+			query: j.query
+		},
 		className: o,
-		title: O,
-		"aria-label": O,
+		title: D,
+		"aria-label": D,
 		preloadOnHover: "code",
-		children: k
+		children: O
 	});
 };
 //#endregion
-export { h as BackofficeFilterAction, h as default };
+export { m as BackofficeFilterAction, m as default };
 
 //# sourceMappingURL=BackofficeFilterAction.js.map

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeFilterAction.js","names":[],"sources":["../../../../../src/components/backoffice/filters/BackofficeFilterAction.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport { SidebarSearchSvg } from '@plumile/ui/icons/SidebarSearchSvg.js';\n\nimport type {\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport {\n  canFilterValue,\n  resolveFilterForColumn,\n  resolveFilterForWhereKey,\n} from '../../../filters/filterHelpers.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeListFilterContext } from '../scaffolds/BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeFilterAction.css.js';\n\nexport type BackofficeFilterActionProps = {\n  whereKey: string;\n  value: unknown;\n  path?: readonly string[];\n  label?: string;\n  listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\ntype ListFilterContext = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const BackofficeFilterAction = (\n  props: BackofficeFilterActionProps,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { filterColumnAliases } = useBackofficeConfig();\n  const { whereKey, value, path, label, listConfig } = props;\n\n  const getContext =\n    useBackofficeListFilterContext as () => ListFilterContext | null;\n  const context = getContext();\n  let config: BackofficeRuntimeResolvedListFacetConfig | null = null;\n\n  if (listConfig != null) {\n    config = listConfig;\n  } else if (context != null) {\n    config = context.config;\n  }\n\n  if (config == null) {\n    return null;\n  }\n\n  let filter = resolveFilterForWhereKey(config, whereKey, path);\n  if (filter == null && path == null) {\n    filter = resolveFilterForColumn(config, whereKey, filterColumnAliases);\n  }\n  if (filter == null || !canFilterValue(filter, value)) {\n    return null;\n  }\n\n  const filterLabel = resolveLabel(filter.label, tApp);\n  const actionLabel =\n    label ??\n    t('filters.actions.filterBy', {\n      label: filterLabel,\n    });\n  const icon = (\n    <SidebarSearchSvg\n      width={14}\n      height={14}\n      className={styles.icon}\n      aria-hidden=\"true\"\n    />\n  );\n\n  if (context != null) {\n    return (\n      <button\n        type=\"button\"\n        className={styles.action}\n        title={actionLabel}\n        aria-label={actionLabel}\n        onClick={() => {\n          context.applyFilter(whereKey, value, path);\n        }}\n      >\n        {icon}\n      </button>\n    );\n  }\n\n  const baseWhere =\n    config.listDefaults?.where ?? config.list.defaultState?.where ?? null;\n  const nextWhere = setWhereValue(baseWhere, whereKey, value, path);\n  const to = buildBackofficeListLink(config, { where: nextWhere });\n\n  return (\n    <Link\n      to={to}\n      className={styles.action}\n      title={actionLabel}\n      aria-label={actionLabel}\n      preloadOnHover=\"code\"\n    >\n      {icon}\n    </Link>\n  );\n};\n\nexport default BackofficeFilterAction;\n"],"mappings":";;;;;;;;;;;;AAyCA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KACX,MACuB;CACvB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,2BAAwB,EAAoB,GAC9C,EAAE,aAAU,UAAO,SAAM,UAAO,kBAAe,GAI/C,IAAU,EAAW,GACvB,IAA0D;CAQ9D,IANI,KAAc,OAEP,KAAW,SACpB,IAAS,EAAQ,UAFjB,IAAS,GAKP,KAAU,MACZ,OAAO;CAGT,IAAI,IAAS,EAAyB,GAAQ,GAAU,CAAI;CAI5D,IAHI,KAAU,QAAQ,KAAQ,SAC5B,IAAS,EAAuB,GAAQ,GAAU,CAAmB,IAEnE,KAAU,QAAQ,CAAC,EAAe,GAAQ,CAAK,GACjD,OAAO;CAGT,IAAM,IAAc,EAAa,EAAO,OAAO,CAAI,GAC7C,IACJ,KACA,EAAE,4BAA4B,EAC5B,OAAO,EACT,CAAC,GACG,IACJ,kBAAC,GAAD;EACE,OAAO;EACP,QAAQ;EACR,WAAW;EACX,eAAY;CACb,CAAA;CAGH,IAAI,KAAW,MACb,OACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,OAAO;EACP,cAAY;EACZ,eAAe;GACb,EAAQ,YAAY,GAAU,GAAO,CAAI;EAC3C;EAEC,UAAA;CACK,CAAA;CAIZ,IAAM,IACJ,EAAO,cAAc,SAAS,EAAO,KAAK,cAAc,SAAS,MAC7D,IAAY,EAAc,GAAW,GAAU,GAAO,CAAI,GAC1D,IAAK,EAAwB,GAAQ,EAAE,OAAO,EAAU,CAAC;CAE/D,OACE,kBAAC,GAAD;EACM;EACJ,WAAW;EACX,OAAO;EACP,cAAY;EACZ,gBAAe;EAEd,UAAA;CACG,CAAA;AAEV"}
+{"version":3,"file":"BackofficeFilterAction.js","names":[],"sources":["../../../../../src/components/backoffice/filters/BackofficeFilterAction.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport { SidebarSearchSvg } from '@plumile/ui/icons/SidebarSearchSvg.js';\n\nimport type {\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport {\n  canFilterValue,\n  resolveFilterForColumn,\n  resolveFilterForWhereKey,\n} from '../../../filters/filterHelpers.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeListFilterContext } from '../scaffolds/BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeFilterAction.css.js';\n\nexport type BackofficeFilterActionProps = {\n  whereKey: string;\n  value: unknown;\n  path?: readonly string[];\n  label?: string;\n  listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\ntype ListFilterContext = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const BackofficeFilterAction = (\n  props: BackofficeFilterActionProps,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { filterColumnAliases } = useBackofficeConfig();\n  const { whereKey, value, path, label, listConfig } = props;\n\n  const getContext =\n    useBackofficeListFilterContext as () => ListFilterContext | null;\n  const context = getContext();\n  let config: BackofficeRuntimeResolvedListFacetConfig | null = null;\n\n  if (listConfig != null) {\n    config = listConfig;\n  } else if (context != null) {\n    config = context.config;\n  }\n\n  if (config == null) {\n    return null;\n  }\n\n  let filter = resolveFilterForWhereKey(config, whereKey, path);\n  if (filter == null && path == null) {\n    filter = resolveFilterForColumn(config, whereKey, filterColumnAliases);\n  }\n  if (filter == null || !canFilterValue(filter, value)) {\n    return null;\n  }\n\n  const filterLabel = resolveLabel(filter.label, tApp);\n  const actionLabel =\n    label ??\n    t('filters.actions.filterBy', {\n      label: filterLabel,\n    });\n  const icon = (\n    <SidebarSearchSvg\n      width={14}\n      height={14}\n      className={styles.icon}\n      aria-hidden=\"true\"\n    />\n  );\n\n  if (context != null) {\n    return (\n      <button\n        type=\"button\"\n        className={styles.action}\n        title={actionLabel}\n        aria-label={actionLabel}\n        onClick={() => {\n          context.applyFilter(whereKey, value, path);\n        }}\n      >\n        {icon}\n      </button>\n    );\n  }\n\n  const baseWhere = config.listNavigation.defaults.where;\n  const nextWhere = setWhereValue(baseWhere, whereKey, value, path);\n  const destination = config.listNavigation.encode({ where: nextWhere });\n\n  return (\n    <Link\n      to={{\n        pathname: config.routes.list,\n        filters: destination.filters,\n        query: destination.query,\n      }}\n      className={styles.action}\n      title={actionLabel}\n      aria-label={actionLabel}\n      preloadOnHover=\"code\"\n    >\n      {icon}\n    </Link>\n  );\n};\n\nexport default BackofficeFilterAction;\n"],"mappings":";;;;;;;;;;;AAwCA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KACX,MACuB;CACvB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,2BAAwB,EAAoB,GAC9C,EAAE,aAAU,UAAO,SAAM,UAAO,kBAAe,GAI/C,IAAU,EAAW,GACvB,IAA0D;CAQ9D,IANI,KAAc,OAEP,KAAW,SACpB,IAAS,EAAQ,UAFjB,IAAS,GAKP,KAAU,MACZ,OAAO;CAGT,IAAI,IAAS,EAAyB,GAAQ,GAAU,CAAI;CAI5D,IAHI,KAAU,QAAQ,KAAQ,SAC5B,IAAS,EAAuB,GAAQ,GAAU,CAAmB,IAEnE,KAAU,QAAQ,CAAC,EAAe,GAAQ,CAAK,GACjD,OAAO;CAGT,IAAM,IAAc,EAAa,EAAO,OAAO,CAAI,GAC7C,IACJ,KACA,EAAE,4BAA4B,EAC5B,OAAO,EACT,CAAC,GACG,IACJ,kBAAC,GAAD;EACE,OAAO;EACP,QAAQ;EACR,WAAW;EACX,eAAY;CACb,CAAA;CAGH,IAAI,KAAW,MACb,OACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,OAAO;EACP,cAAY;EACZ,eAAe;GACb,EAAQ,YAAY,GAAU,GAAO,CAAI;EAC3C;EAEC,UAAA;CACK,CAAA;CAIZ,IAAM,IAAY,EAAO,eAAe,SAAS,OAC3C,IAAY,EAAc,GAAW,GAAU,GAAO,CAAI,GAC1D,IAAc,EAAO,eAAe,OAAO,EAAE,OAAO,EAAU,CAAC;CAErE,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU,EAAO,OAAO;GACxB,SAAS,EAAY;GACrB,OAAO,EAAY;EACrB;EACA,WAAW;EACX,OAAO;EACP,cAAY;EACZ,gBAAe;EAEd,UAAA;CACG,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  BackofficeManifestDetailEntityId,\n  BackofficeManifestListEntityId,\n  BackofficeManifestToolId,\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  let normalizedId: string | null = null;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    normalizedId = maybeId.trim();\n  }\n  if (\n    typeof titleValue === 'string' &&\n    titleValue.trim() !== '' &&\n    titleValue.trim() !== normalizedId\n  ) {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'dashboard' },\n      label: t('sidebar.items.dashboard'),\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'hub', hubId: input.id },\n      label: input.title,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: config.id as BackofficeManifestListEntityId<TManifest>,\n      },\n      label: resolveLabel(config.label, tApp),\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n  pageId?: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n  const currentTarget = {\n    kind: 'entity-detail-page',\n    entityId: input.config.id as BackofficeManifestDetailEntityId<TManifest>,\n    id: input.entityId,\n    pageId: input.pageId ?? input.pageLabel,\n  } as unknown as BackofficeTopbarBreadcrumbItem<TManifest>['target'];\n\n  return [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: input.config.id as BackofficeManifestListEntityId<TManifest>,\n      },\n      label: listLabel,\n    },\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-detail',\n        entityId: input.config\n          .id as BackofficeManifestDetailEntityId<TManifest>,\n        id: input.entityId,\n      },\n      label: entityTitle,\n    },\n    {\n      kind: 'current',\n      target: currentTarget,\n      label: input.pageLabel,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id?: BackofficeManifestToolId<TManifest> | string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  let target: BackofficeTopbarBreadcrumbItem<TManifest>['target'] = {\n    kind: 'href',\n    href: `/tools/${input.title}`,\n  };\n  if (input.id != null) {\n    target = {\n      kind: 'tool',\n      toolId: input.id as BackofficeManifestToolId<TManifest>,\n    };\n  }\n  return [\n    {\n      kind: 'current',\n      target,\n      label: input.title,\n    },\n  ];\n};\n"],"mappings":";AAeA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,IACR,GACM,IAAW,EAAM,WAAgC,IACnD,IAA8B;CAIlC,IAHI,OAAO,KAAY,YAAY,EAAQ,KAAK,MAAM,OACpD,IAAe,EAAQ,KAAK,IAG5B,OAAO,KAAe,YACtB,EAAW,KAAK,MAAM,MACtB,EAAW,KAAK,MAAM,GAEtB,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,IAAI;CAK/D,OAJI,EAAM,KAAK,MAAM,KAId,KAHE;AAIX,GAEa,KACX,MAEO,CACL;CACE,MAAM;CACN,QAAQ,EAAE,MAAM,YAAY;CAC5B,OAAO,EAAE,yBAAyB;AACpC,CACF,GAGW,KAEX,MAIO,CACL;CACE,MAAM;CACN,QAAQ;EAAE,MAAM;EAAO,OAAO,EAAM;CAAG;CACvC,OAAO,EAAM;AACf,CACF,GAGW,KAGX,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAO;CACnB;CACA,OAAO,EAAa,EAAO,OAAO,CAAI;AACxC,CACF,GAGW,KAEX,MAS0D;CAC1D,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,IAAI,GACvD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;CACd,CAAC,GACK,IAAgB;EACpB,MAAM;EACN,UAAU,EAAM,OAAO;EACvB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,EAAM;CAChC;CAEA,OAAO;EACL;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;GACzB;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OACb;IACH,IAAI,EAAM;GACZ;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;GACR,OAAO,EAAM;EACf;CACF;AACF,GAEa,KAEX,MAG0D;CAC1D,IAAI,IAA8D;EAChE,MAAM;EACN,MAAM,UAAU,EAAM;CACxB;CAOA,OANI,EAAM,MAAM,SACd,IAAS;EACP,MAAM;EACN,QAAQ,EAAM;CAChB,IAEK,CACL;EACE,MAAM;EACN;EACA,OAAO,EAAM;CACf,CACF;AACF"}
+{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  BackofficeManifestToolId,\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  let normalizedId: string | null = null;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    normalizedId = maybeId.trim();\n  }\n  if (\n    typeof titleValue === 'string' &&\n    titleValue.trim() !== '' &&\n    titleValue.trim() !== normalizedId\n  ) {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'dashboard' },\n      label: t('sidebar.items.dashboard'),\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'hub', hubId: input.id },\n      label: input.title,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: config.id,\n      },\n      label: resolveLabel(config.label, tApp),\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = (input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n  pageId?: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n  const currentTarget = {\n    kind: 'entity-detail-page',\n    entityId: input.config.id,\n    id: input.entityId,\n    pageId: input.pageId ?? input.pageLabel,\n  } as unknown as BackofficeTopbarBreadcrumbItem['target'];\n\n  return [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: input.config.id,\n      },\n      label: listLabel,\n    },\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-detail',\n        entityId: input.config.id,\n        id: input.entityId,\n      },\n      label: entityTitle,\n    },\n    {\n      kind: 'current',\n      target: currentTarget,\n      label: input.pageLabel,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id?: BackofficeManifestToolId<TManifest> | string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  let target: BackofficeTopbarBreadcrumbItem<TManifest>['target'] = {\n    kind: 'href',\n    href: `/tools/${input.title}`,\n  };\n  if (input.id != null) {\n    target = {\n      kind: 'tool',\n      toolId: input.id as BackofficeManifestToolId<TManifest>,\n    };\n  }\n  return [\n    {\n      kind: 'current',\n      target,\n      label: input.title,\n    },\n  ];\n};\n"],"mappings":";AAaA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,IACR,GACM,IAAW,EAAM,WAAgC,IACnD,IAA8B;CAIlC,IAHI,OAAO,KAAY,YAAY,EAAQ,KAAK,MAAM,OACpD,IAAe,EAAQ,KAAK,IAG5B,OAAO,KAAe,YACtB,EAAW,KAAK,MAAM,MACtB,EAAW,KAAK,MAAM,GAEtB,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,IAAI;CAK/D,OAJI,EAAM,KAAK,MAAM,KAId,KAHE;AAIX,GAEa,KACX,MAEO,CACL;CACE,MAAM;CACN,QAAQ,EAAE,MAAM,YAAY;CAC5B,OAAO,EAAE,yBAAyB;AACpC,CACF,GAGW,KAEX,MAIO,CACL;CACE,MAAM;CACN,QAAQ;EAAE,MAAM;EAAO,OAAO,EAAM;CAAG;CACvC,OAAO,EAAM;AACf,CACF,GAGW,KACX,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAO;CACnB;CACA,OAAO,EAAa,EAAO,OAAO,CAAI;AACxC,CACF,GAGW,KAA+B,MASK;CAC/C,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,IAAI,GACvD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;CACd,CAAC,GACK,IAAgB;EACpB,MAAM;EACN,UAAU,EAAM,OAAO;EACvB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,EAAM;CAChC;CAEA,OAAO;EACL;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;GACzB;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;IACvB,IAAI,EAAM;GACZ;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;GACR,OAAO,EAAM;EACf;CACF;AACF,GAEa,KAEX,MAG0D;CAC1D,IAAI,IAA8D;EAChE,MAAM;EACN,MAAM,UAAU,EAAM;CACxB;CAOA,OANI,EAAM,MAAM,SACd,IAAS;EACP,MAAM;EACN,QAAQ,EAAM;CAChB,IAEK,CACL;EACE,MAAM;EACN;EACA,OAAO,EAAM;CACf,CACF;AACF"}

package/lib/esm/components/backoffice/links/BackofficeInlineLink.js

@@ -5,23 +5,33 @@ import r from "@plumile/router/routing/Link.js";
 //#region src/components/backoffice/links/BackofficeInlineLink.tsx
 var i = (e, t, n) => t ?? (n || e.kind === "href" ? "none" : "code-and-data"), a = ({ target: a, label: o, className: s, title: c, ariaLabel: l, icon: u = "auto", openInNewTab: d = !1, preloadOnHover: f, endAdornment: p, onClick: m, children: h }) => {
 	let g = t(a, { label: h ?? o }), _ = {};
-	return d && (_ = {
+	d && (_ = {
 		target: "_blank",
 		rel: "noreferrer"
-	}), /* @__PURE__ */ n(r, {
-		to: g.href,
+	});
+	let v = /* @__PURE__ */ n(e, {
+		icon: g.icon,
+		label: g.label,
+		showIcon: u === "auto",
+		endAdornment: p
+	});
+	return g.kind === "external" ? /* @__PURE__ */ n("a", {
+		href: g.href,
+		className: s,
+		title: c,
+		"aria-label": l,
+		onClick: m,
+		..._,
+		children: v
+	}) : /* @__PURE__ */ n(r, {
+		to: g.destination,
 		className: s,
 		title: c,
 		"aria-label": l,
 		onClick: m,
 		preloadOnHover: i(a, f, d),
 		..._,
-		children: /* @__PURE__ */ n(e, {
-			icon: g.icon,
-			label: g.label,
-			showIcon: u === "auto",
-			endAdornment: p
-		})
+		children: v
 	});
 };
 //#endregion

package/lib/esm/components/backoffice/links/BackofficeInlineLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeInlineLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/BackofficeInlineLink.tsx"],"sourcesContent":["import { type JSX, type MouseEventHandler, type ReactNode } from 'react';\nimport Link, { type LinkHoverPreload } from '@plumile/router/routing/Link.js';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeLinkContent } from './BackofficeLinkContent.js';\nimport type { BackofficeLinkTarget } from './types.js';\nimport { useBackofficeLink } from './useBackofficeLink.js';\n\nexport type BackofficeInlineLinkProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  className?: string;\n  title?: string;\n  ariaLabel?: string;\n  icon?: 'auto' | 'none';\n  openInNewTab?: boolean;\n  preloadOnHover?: LinkHoverPreload;\n  endAdornment?: ReactNode;\n  onClick?: MouseEventHandler<HTMLAnchorElement>;\n  children?: ReactNode;\n};\n\nconst shouldPreloadBackofficeTarget = (\n  target: BackofficeLinkTarget,\n  preloadOnHover: LinkHoverPreload | undefined,\n  openInNewTab: boolean,\n): LinkHoverPreload => {\n  if (preloadOnHover != null) {\n    return preloadOnHover;\n  }\n  if (openInNewTab) {\n    return 'none';\n  }\n  if (target.kind === 'href') {\n    return 'none';\n  }\n  return 'code-and-data';\n};\n\nexport const BackofficeInlineLink = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>({\n  target,\n  label,\n  className,\n  title,\n  ariaLabel,\n  icon = 'auto',\n  openInNewTab = false,\n  preloadOnHover,\n  endAdornment,\n  onClick,\n  children,\n}: BackofficeInlineLinkProps<TManifest>): JSX.Element => {\n  const link = useBackofficeLink(target, {\n    label: children ?? label,\n  });\n\n  let linkProps: { target?: '_blank'; rel?: 'noreferrer' } = {};\n  if (openInNewTab) {\n    linkProps = { target: '_blank', rel: 'noreferrer' };\n  }\n\n  return (\n    <Link\n      to={link.href}\n      className={className}\n      title={title}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      preloadOnHover={shouldPreloadBackofficeTarget(\n        target,\n        preloadOnHover,\n        openInNewTab,\n      )}\n      {...linkProps}\n    >\n      <BackofficeLinkContent\n        icon={link.icon}\n        label={link.label}\n        showIcon={icon === 'auto'}\n        endAdornment={endAdornment}\n      />\n    </Link>\n  );\n};\n\nexport default BackofficeInlineLink;\n"],"mappings":";;;;;AAyBA,IAAM,KACJ,GACA,GACA,MAEI,MAGA,KAGA,EAAO,SAAS,SACX,SAEF,kBAGI,KAEX,EACA,WACA,UACA,cACA,UACA,cACA,UAAO,QACP,kBAAe,IACf,mBACA,iBACA,YACA,kBACuD;CACvD,IAAM,IAAO,EAAkB,GAAQ,EACrC,OAAO,KAAY,EACrB,CAAC,GAEG,IAAuD,CAAC;CAK5D,OAJI,MACF,IAAY;EAAE,QAAQ;EAAU,KAAK;CAAa,IAIlD,kBAAC,GAAD;EACE,IAAI,EAAK;EACE;EACJ;EACP,cAAY;EACH;EACT,gBAAgB,EACd,GACA,GACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,GAAD;GACE,MAAM,EAAK;GACX,OAAO,EAAK;GACZ,UAAU,MAAS;GACL;EACf,CAAA;CACG,CAAA;AAEV"}
+{"version":3,"file":"BackofficeInlineLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/BackofficeInlineLink.tsx"],"sourcesContent":["import { type JSX, type MouseEventHandler, type ReactNode } from 'react';\nimport Link, { type LinkHoverPreload } from '@plumile/router/routing/Link.js';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeLinkContent } from './BackofficeLinkContent.js';\nimport type { BackofficeLinkTarget } from './types.js';\nimport { useBackofficeLink } from './useBackofficeLink.js';\n\nexport type BackofficeInlineLinkProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  className?: string;\n  title?: string;\n  ariaLabel?: string;\n  icon?: 'auto' | 'none';\n  openInNewTab?: boolean;\n  preloadOnHover?: LinkHoverPreload;\n  endAdornment?: ReactNode;\n  onClick?: MouseEventHandler<HTMLAnchorElement>;\n  children?: ReactNode;\n};\n\nconst shouldPreloadBackofficeTarget = (\n  target: BackofficeLinkTarget,\n  preloadOnHover: LinkHoverPreload | undefined,\n  openInNewTab: boolean,\n): LinkHoverPreload => {\n  if (preloadOnHover != null) {\n    return preloadOnHover;\n  }\n  if (openInNewTab) {\n    return 'none';\n  }\n  if (target.kind === 'href') {\n    return 'none';\n  }\n  return 'code-and-data';\n};\n\nexport const BackofficeInlineLink = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>({\n  target,\n  label,\n  className,\n  title,\n  ariaLabel,\n  icon = 'auto',\n  openInNewTab = false,\n  preloadOnHover,\n  endAdornment,\n  onClick,\n  children,\n}: BackofficeInlineLinkProps<TManifest>): JSX.Element => {\n  const link = useBackofficeLink(target, {\n    label: children ?? label,\n  });\n\n  let linkProps: { target?: '_blank'; rel?: 'noreferrer' } = {};\n  if (openInNewTab) {\n    linkProps = { target: '_blank', rel: 'noreferrer' };\n  }\n  const content = (\n    <BackofficeLinkContent\n      icon={link.icon}\n      label={link.label}\n      showIcon={icon === 'auto'}\n      endAdornment={endAdornment}\n    />\n  );\n\n  if (link.kind === 'external') {\n    return (\n      <a\n        href={link.href}\n        className={className}\n        title={title}\n        aria-label={ariaLabel}\n        onClick={onClick}\n        {...linkProps}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <Link\n      to={link.destination}\n      className={className}\n      title={title}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      preloadOnHover={shouldPreloadBackofficeTarget(\n        target,\n        preloadOnHover,\n        openInNewTab,\n      )}\n      {...linkProps}\n    >\n      {content}\n    </Link>\n  );\n};\n\nexport default BackofficeInlineLink;\n"],"mappings":";;;;;AAyBA,IAAM,KACJ,GACA,GACA,MAEI,MAGA,KAGA,EAAO,SAAS,SACX,SAEF,kBAGI,KAEX,EACA,WACA,UACA,cACA,UACA,cACA,UAAO,QACP,kBAAe,IACf,mBACA,iBACA,YACA,kBACuD;CACvD,IAAM,IAAO,EAAkB,GAAQ,EACrC,OAAO,KAAY,EACrB,CAAC,GAEG,IAAuD,CAAC;CAC5D,AAAI,MACF,IAAY;EAAE,QAAQ;EAAU,KAAK;CAAa;CAEpD,IAAM,IACJ,kBAAC,GAAD;EACE,MAAM,EAAK;EACX,OAAO,EAAK;EACZ,UAAU,MAAS;EACL;CACf,CAAA;CAkBH,OAfI,EAAK,SAAS,aAEd,kBAAC,KAAD;EACE,MAAM,EAAK;EACA;EACJ;EACP,cAAY;EACH;EACT,GAAI;EAEH,UAAA;CACA,CAAA,IAKL,kBAAC,GAAD;EACE,IAAI,EAAK;EACE;EACJ;EACP,cAAY;EACH;EACT,gBAAgB,EACd,GACA,GACA,CACF;EACA,GAAI;EAEH,UAAA;CACG,CAAA;AAEV"}

package/lib/esm/components/backoffice/links/BackofficeLink.js

@@ -4,16 +4,20 @@ import { jsx as n } from "react/jsx-runtime";
 import r from "@plumile/router/routing/Link.js";
 //#region src/components/backoffice/links/BackofficeLink.tsx
 var i = (e, t) => t ?? (e.kind === "href" ? "none" : "code-and-data"), a = ({ target: a, label: o, className: s, icon: c = "auto", preloadOnHover: l, children: u }) => {
-	let d = t(a, { label: u ?? o });
-	return /* @__PURE__ */ n(r, {
-		to: d.href,
+	let d = t(a, { label: u ?? o }), f = /* @__PURE__ */ n(e, {
+		icon: d.icon,
+		label: d.label,
+		showIcon: c === "auto"
+	});
+	return d.kind === "external" ? /* @__PURE__ */ n("a", {
+		href: d.href,
+		className: s,
+		children: f
+	}) : /* @__PURE__ */ n(r, {
+		to: d.destination,
 		className: s,
 		preloadOnHover: i(a, l),
-		children: /* @__PURE__ */ n(e, {
-			icon: d.icon,
-			label: d.label,
-			showIcon: c === "auto"
-		})
+		children: f
 	});
 };
 //#endregion

package/lib/esm/components/backoffice/links/BackofficeLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/BackofficeLink.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport Link, { type LinkHoverPreload } from '@plumile/router/routing/Link.js';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeLinkContent } from './BackofficeLinkContent.js';\nimport type { BackofficeLinkTarget } from './types.js';\nimport { useBackofficeLink } from './useBackofficeLink.js';\n\nexport type BackofficeLinkProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  className?: string;\n  icon?: 'auto' | 'none';\n  preloadOnHover?: LinkHoverPreload;\n  children?: ReactNode;\n};\n\nconst shouldPreloadBackofficeTarget = (\n  target: BackofficeLinkTarget,\n  preloadOnHover: LinkHoverPreload | undefined,\n): LinkHoverPreload => {\n  if (preloadOnHover != null) {\n    return preloadOnHover;\n  }\n  if (target.kind === 'href') {\n    return 'none';\n  }\n  return 'code-and-data';\n};\n\nexport const BackofficeLink = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>({\n  target,\n  label,\n  className,\n  icon = 'auto',\n  preloadOnHover,\n  children,\n}: BackofficeLinkProps<TManifest>): JSX.Element => {\n  const link = useBackofficeLink(target, {\n    label: children ?? label,\n  });\n\n  return (\n    <Link\n      to={link.href}\n      className={className}\n      preloadOnHover={shouldPreloadBackofficeTarget(target, preloadOnHover)}\n    >\n      <BackofficeLinkContent\n        icon={link.icon}\n        label={link.label}\n        showIcon={icon === 'auto'}\n      />\n    </Link>\n  );\n};\n\nexport default BackofficeLink;\n"],"mappings":";;;;;AAoBA,IAAM,KACJ,GACA,MAEI,MAGA,EAAO,SAAS,SACX,SAEF,kBAGI,KAEX,EACA,WACA,UACA,cACA,UAAO,QACP,mBACA,kBACiD;CACjD,IAAM,IAAO,EAAkB,GAAQ,EACrC,OAAO,KAAY,EACrB,CAAC;CAED,OACE,kBAAC,GAAD;EACE,IAAI,EAAK;EACE;EACX,gBAAgB,EAA8B,GAAQ,CAAc;EAEpE,UAAA,kBAAC,GAAD;GACE,MAAM,EAAK;GACX,OAAO,EAAK;GACZ,UAAU,MAAS;EACpB,CAAA;CACG,CAAA;AAEV"}
+{"version":3,"file":"BackofficeLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/BackofficeLink.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport Link, { type LinkHoverPreload } from '@plumile/router/routing/Link.js';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeLinkContent } from './BackofficeLinkContent.js';\nimport type { BackofficeLinkTarget } from './types.js';\nimport { useBackofficeLink } from './useBackofficeLink.js';\n\nexport type BackofficeLinkProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  className?: string;\n  icon?: 'auto' | 'none';\n  preloadOnHover?: LinkHoverPreload;\n  children?: ReactNode;\n};\n\nconst shouldPreloadBackofficeTarget = (\n  target: BackofficeLinkTarget,\n  preloadOnHover: LinkHoverPreload | undefined,\n): LinkHoverPreload => {\n  if (preloadOnHover != null) {\n    return preloadOnHover;\n  }\n  if (target.kind === 'href') {\n    return 'none';\n  }\n  return 'code-and-data';\n};\n\nexport const BackofficeLink = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>({\n  target,\n  label,\n  className,\n  icon = 'auto',\n  preloadOnHover,\n  children,\n}: BackofficeLinkProps<TManifest>): JSX.Element => {\n  const link = useBackofficeLink(target, {\n    label: children ?? label,\n  });\n  const content = (\n    <BackofficeLinkContent\n      icon={link.icon}\n      label={link.label}\n      showIcon={icon === 'auto'}\n    />\n  );\n\n  if (link.kind === 'external') {\n    return (\n      <a href={link.href} className={className}>\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <Link\n      to={link.destination}\n      className={className}\n      preloadOnHover={shouldPreloadBackofficeTarget(target, preloadOnHover)}\n    >\n      {content}\n    </Link>\n  );\n};\n\nexport default BackofficeLink;\n"],"mappings":";;;;;AAoBA,IAAM,KACJ,GACA,MAEI,MAGA,EAAO,SAAS,SACX,SAEF,kBAGI,KAEX,EACA,WACA,UACA,cACA,UAAO,QACP,mBACA,kBACiD;CACjD,IAAM,IAAO,EAAkB,GAAQ,EACrC,OAAO,KAAY,EACrB,CAAC,GACK,IACJ,kBAAC,GAAD;EACE,MAAM,EAAK;EACX,OAAO,EAAK;EACZ,UAAU,MAAS;CACpB,CAAA;CAWH,OARI,EAAK,SAAS,aAEd,kBAAC,KAAD;EAAG,MAAM,EAAK;EAAiB;EAC5B,UAAA;CACA,CAAA,IAKL,kBAAC,GAAD;EACE,IAAI,EAAK;EACE;EACX,gBAAgB,EAA8B,GAAQ,CAAc;EAEnE,UAAA;CACG,CAAA;AAEV"}

package/lib/esm/components/backoffice/links/resolveBackofficeLink.js

@@ -1,89 +1,108 @@
 import { joinBackofficePath as e, resolveSidebarHub as t } from "../layout/sidebarUtils.js";
 import { resolveBackofficeTargetIcon as n } from "./resolveBackofficeTargetIcon.js";
-import { buildBackofficeFallbackListHref as r } from "@plumile/backoffice-core/state/buildListHref.js";
 //#region src/components/backoffice/links/resolveBackofficeLink.ts
-var i = (e, t) => {
+var r = (e, t) => {
 	let n = e[t];
 	if (n == null) throw Error(`Unknown backoffice entity: ${t}`);
 	return n;
-}, a = (e, n) => {
+}, i = (e, n) => {
 	let r = e?.hubs?.[n];
 	if (r != null) return r.href;
 	for (let r of Object.values(e?.groups ?? {})) for (let i of r.items ?? []) if (i.kind === "hub" && i.id === n) return t(i, e).href;
 	throw Error(`Unknown backoffice hub: ${n}`);
-}, o = (e, n, r) => {
+}, a = (e, n, r) => {
 	let i = e?.hubs?.[n];
 	if (i != null) return i.title(r);
 	for (let i of Object.values(e?.groups ?? {})) for (let a of i.items ?? []) if (a.kind === "hub" && a.id === n) return t(a, e).title(r);
 	return n;
-}, s = (t) => {
-	let s = t.manifest, c = t.sidebar, l = t.target, u = n({
+}, o = (t) => {
+	let o = t.manifest, s = t.sidebar, c = t.target, l = n({
 		target: t.target,
 		sidebar: t.sidebar
 	});
-	if (l.kind === "dashboard") {
-		let n = l.id ?? "dashboard", r = t.dashboardHref ?? "/";
+	if (c.kind === "dashboard") {
+		let n = c.id ?? "dashboard", r = t.dashboardHref ?? "/";
 		return n === "dashboard" ? {
+			kind: "internal",
 			id: "dashboard",
-			href: r,
+			destination: { pathname: r },
 			label: t.label ?? t.dashboardLabel ?? "Dashboard",
-			icon: u
+			icon: l
 		} : {
+			kind: "internal",
 			id: `dashboard-${n}`,
-			href: e(r, `dashboard/${n}`),
+			destination: { pathname: e(r, `dashboard/${n}`) },
 			label: t.label ?? n,
-			icon: u
+			icon: l
 		};
 	}
-	if (l.kind === "entity-list") {
-		let e = i(s, l.entityId), { state: n } = l, a = e.routes.list;
-		return n != null && (a = r(e.routes.list, n.where ?? null, n.filters)), {
-			id: `${l.entityId}-list`,
-			href: a,
+	if (c.kind === "entity-list") {
+		let e = r(o, c.entityId);
+		if (!e.hasList) throw Error(`Backoffice entity has no list: ${c.entityId}`);
+		let n = e.listNavigation.encode(c.state ?? {});
+		return {
+			kind: "internal",
+			id: `${c.entityId}-list`,
+			destination: {
+				pathname: e.routes.list,
+				filters: n.filters,
+				query: n.query
+			},
 			label: t.label ?? e.label(t.tApp),
-			icon: u
+			icon: l
 		};
 	}
-	if (l.kind === "entity-detail") {
-		let e = i(s, l.entityId);
+	if (c.kind === "entity-detail") {
+		let e = r(o, c.entityId);
 		return {
-			id: `${l.entityId}-entity-${l.id}`,
-			href: e.routes.detail(l.id),
-			label: t.label ?? l.id,
-			icon: u
+			kind: "internal",
+			id: `${c.entityId}-entity-${c.id}`,
+			destination: { pathname: e.routes.detail(c.id) },
+			label: t.label ?? c.id,
+			icon: l
 		};
 	}
-	if (l.kind === "entity-detail-page") {
-		let e = i(s, l.entityId);
+	if (c.kind === "entity-detail-page") {
+		let e = r(o, c.entityId);
 		return {
-			id: `${l.entityId}-page-${l.id}-${l.pageId}`,
-			href: e.routes.detailPage(l.id, l.pageId),
-			label: t.label ?? l.pageId,
-			icon: u
+			kind: "internal",
+			id: `${c.entityId}-page-${c.id}-${c.pageId}`,
+			destination: { pathname: e.routes.detailPage(c.id, c.pageId) },
+			label: t.label ?? c.pageId,
+			icon: l
 		};
 	}
-	if (l.kind === "tool") {
-		let e = i(s, l.toolId);
+	if (c.kind === "tool") {
+		let e = r(o, c.toolId);
 		return {
-			id: `tool-${l.toolId}`,
-			href: e.routes.list,
+			kind: "internal",
+			id: `tool-${c.toolId}`,
+			destination: { pathname: e.routes.list },
 			label: t.label ?? e.label(t.tApp),
-			icon: u
+			icon: l
 		};
 	}
-	return l.kind === "hub" ? {
-		id: `hub-${l.hubId}`,
-		href: a(c, l.hubId),
-		label: t.label ?? o(c, l.hubId, t.tApp),
-		icon: u
+	return c.kind === "hub" ? {
+		kind: "internal",
+		id: `hub-${c.hubId}`,
+		destination: { pathname: i(s, c.hubId) },
+		label: t.label ?? a(s, c.hubId, t.tApp),
+		icon: l
+	} : /^[a-z][a-z\d+.-]*:/i.test(c.href) || c.href.startsWith("//") ? {
+		kind: "external",
+		id: `href-${c.href}`,
+		href: c.href,
+		label: t.label ?? c.href,
+		icon: l
 	} : {
-		id: `href-${l.href}`,
-		href: l.href,
-		label: t.label ?? l.href,
-		icon: u
+		kind: "internal",
+		id: `href-${c.href}`,
+		destination: { pathname: c.href },
+		label: t.label ?? c.href,
+		icon: l
 	};
 };
 //#endregion
-export { s as resolveBackofficeLink };
+export { o as resolveBackofficeLink };
 
 //# sourceMappingURL=resolveBackofficeLink.js.map

package/lib/esm/components/backoffice/links/resolveBackofficeLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveBackofficeLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/resolveBackofficeLink.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\nimport { buildBackofficeFallbackListHref } from '@plumile/backoffice-core/state/buildListHref.js';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeSidebarConfig } from '../../../provider/types.js';\nimport {\n  joinBackofficePath,\n  resolveSidebarHub,\n} from '../layout/sidebarUtils.js';\nimport { resolveBackofficeTargetIcon } from './resolveBackofficeTargetIcon.js';\nimport type { BackofficeLinkTarget, BackofficeResolvedLink } from './types.js';\n\nconst requireEntity = (\n  manifest: BackofficeEntityManifestMap,\n  entityId: string,\n) => {\n  const entity = manifest[entityId];\n  if (entity == null) {\n    throw new Error(`Unknown backoffice entity: ${entityId}`);\n  }\n  return entity;\n};\n\nconst resolveHubHref = (\n  sidebar: BackofficeSidebarConfig | undefined,\n  hubId: string,\n): string => {\n  const registeredHub = sidebar?.hubs?.[hubId];\n  if (registeredHub != null) {\n    return registeredHub.href;\n  }\n\n  for (const group of Object.values(sidebar?.groups ?? {})) {\n    for (const item of group.items ?? []) {\n      if (item.kind === 'hub' && item.id === hubId) {\n        return resolveSidebarHub(item, sidebar).href;\n      }\n    }\n  }\n\n  throw new Error(`Unknown backoffice hub: ${hubId}`);\n};\n\nconst resolveHubLabel = (\n  sidebar: BackofficeSidebarConfig | undefined,\n  hubId: string,\n  tApp: TFunction,\n): string => {\n  const registeredHub = sidebar?.hubs?.[hubId];\n  if (registeredHub != null) {\n    return registeredHub.title(tApp);\n  }\n\n  for (const group of Object.values(sidebar?.groups ?? {})) {\n    for (const item of group.items ?? []) {\n      if (item.kind === 'hub' && item.id === hubId) {\n        return resolveSidebarHub(item, sidebar).title(tApp);\n      }\n    }\n  }\n\n  return hubId;\n};\n\nexport const resolveBackofficeLink = <\n  TManifest extends BackofficeEntityManifestMap,\n>(input: {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  manifest: TManifest;\n  sidebar?: BackofficeSidebarConfig<TManifest>;\n  tApp: TFunction;\n  dashboardHref?: string;\n  dashboardLabel?: string;\n}): BackofficeResolvedLink => {\n  const manifest = input.manifest as BackofficeEntityManifestMap;\n  const sidebar = input.sidebar as BackofficeSidebarConfig | undefined;\n  const target = input.target as BackofficeLinkTarget;\n  const icon = resolveBackofficeTargetIcon({\n    target: input.target,\n    sidebar: input.sidebar,\n  });\n\n  if (target.kind === 'dashboard') {\n    const dashboardId = target.id ?? 'dashboard';\n    const href = input.dashboardHref ?? '/';\n    if (dashboardId !== 'dashboard') {\n      return {\n        id: `dashboard-${dashboardId}`,\n        href: joinBackofficePath(href, `dashboard/${dashboardId}`),\n        label: input.label ?? dashboardId,\n        icon,\n      };\n    }\n    return {\n      id: 'dashboard',\n      href,\n      label: input.label ?? input.dashboardLabel ?? 'Dashboard',\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-list') {\n    const entity = requireEntity(manifest, target.entityId);\n    const { state } = target;\n    let href = entity.routes.list;\n    if (state != null) {\n      href = buildBackofficeFallbackListHref(\n        entity.routes.list,\n        state.where ?? null,\n        state.filters,\n      );\n    }\n    return {\n      id: `${target.entityId}-list`,\n      href,\n      label: input.label ?? entity.label(input.tApp),\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-detail') {\n    const entity = requireEntity(manifest, target.entityId);\n    return {\n      id: `${target.entityId}-entity-${target.id}`,\n      href: entity.routes.detail(target.id),\n      label: input.label ?? target.id,\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-detail-page') {\n    const entity = requireEntity(manifest, target.entityId);\n    return {\n      id: `${target.entityId}-page-${target.id}-${target.pageId}`,\n      href: entity.routes.detailPage(target.id, target.pageId),\n      label: input.label ?? target.pageId,\n      icon,\n    };\n  }\n\n  if (target.kind === 'tool') {\n    const entity = requireEntity(manifest, target.toolId);\n    return {\n      id: `tool-${target.toolId}`,\n      href: entity.routes.list,\n      label: input.label ?? entity.label(input.tApp),\n      icon,\n    };\n  }\n\n  if (target.kind === 'hub') {\n    return {\n      id: `hub-${target.hubId}`,\n      href: resolveHubHref(sidebar, target.hubId),\n      label: input.label ?? resolveHubLabel(sidebar, target.hubId, input.tApp),\n      icon,\n    };\n  }\n\n  return {\n    id: `href-${target.href}`,\n    href: target.href,\n    label: input.label ?? target.href,\n    icon,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"resolveBackofficeLink.js","names":[],"sources":["../../../../../src/components/backoffice/links/resolveBackofficeLink.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeSidebarConfig } from '../../../provider/types.js';\nimport {\n  joinBackofficePath,\n  resolveSidebarHub,\n} from '../layout/sidebarUtils.js';\nimport { resolveBackofficeTargetIcon } from './resolveBackofficeTargetIcon.js';\nimport type { BackofficeLinkTarget, BackofficeResolvedLink } from './types.js';\n\nconst requireEntity = (\n  manifest: BackofficeEntityManifestMap,\n  entityId: string,\n) => {\n  const entity = manifest[entityId];\n  if (entity == null) {\n    throw new Error(`Unknown backoffice entity: ${entityId}`);\n  }\n  return entity;\n};\n\nconst resolveHubHref = (\n  sidebar: BackofficeSidebarConfig | undefined,\n  hubId: string,\n): string => {\n  const registeredHub = sidebar?.hubs?.[hubId];\n  if (registeredHub != null) {\n    return registeredHub.href;\n  }\n\n  for (const group of Object.values(sidebar?.groups ?? {})) {\n    for (const item of group.items ?? []) {\n      if (item.kind === 'hub' && item.id === hubId) {\n        return resolveSidebarHub(item, sidebar).href;\n      }\n    }\n  }\n\n  throw new Error(`Unknown backoffice hub: ${hubId}`);\n};\n\nconst resolveHubLabel = (\n  sidebar: BackofficeSidebarConfig | undefined,\n  hubId: string,\n  tApp: TFunction,\n): string => {\n  const registeredHub = sidebar?.hubs?.[hubId];\n  if (registeredHub != null) {\n    return registeredHub.title(tApp);\n  }\n\n  for (const group of Object.values(sidebar?.groups ?? {})) {\n    for (const item of group.items ?? []) {\n      if (item.kind === 'hub' && item.id === hubId) {\n        return resolveSidebarHub(item, sidebar).title(tApp);\n      }\n    }\n  }\n\n  return hubId;\n};\n\nexport const resolveBackofficeLink = <\n  TManifest extends BackofficeEntityManifestMap,\n>(input: {\n  target: BackofficeLinkTarget<TManifest>;\n  label?: ReactNode;\n  manifest: TManifest;\n  sidebar?: BackofficeSidebarConfig<TManifest>;\n  tApp: TFunction;\n  dashboardHref?: string;\n  dashboardLabel?: string;\n}): BackofficeResolvedLink => {\n  const manifest = input.manifest as BackofficeEntityManifestMap;\n  const sidebar = input.sidebar as BackofficeSidebarConfig | undefined;\n  const target = input.target as BackofficeLinkTarget;\n  const icon = resolveBackofficeTargetIcon({\n    target: input.target,\n    sidebar: input.sidebar,\n  });\n\n  if (target.kind === 'dashboard') {\n    const dashboardId = target.id ?? 'dashboard';\n    const href = input.dashboardHref ?? '/';\n    if (dashboardId !== 'dashboard') {\n      return {\n        kind: 'internal',\n        id: `dashboard-${dashboardId}`,\n        destination: {\n          pathname: joinBackofficePath(href, `dashboard/${dashboardId}`),\n        },\n        label: input.label ?? dashboardId,\n        icon,\n      };\n    }\n    return {\n      kind: 'internal',\n      id: 'dashboard',\n      destination: { pathname: href },\n      label: input.label ?? input.dashboardLabel ?? 'Dashboard',\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-list') {\n    const entity = requireEntity(manifest, target.entityId);\n    if (!entity.hasList) {\n      throw new Error(`Backoffice entity has no list: ${target.entityId}`);\n    }\n    const encoded = entity.listNavigation.encode(target.state ?? {});\n    return {\n      kind: 'internal',\n      id: `${target.entityId}-list`,\n      destination: {\n        pathname: entity.routes.list,\n        filters: encoded.filters,\n        query: encoded.query,\n      },\n      label: input.label ?? entity.label(input.tApp),\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-detail') {\n    const entity = requireEntity(manifest, target.entityId);\n    return {\n      kind: 'internal',\n      id: `${target.entityId}-entity-${target.id}`,\n      destination: { pathname: entity.routes.detail(target.id) },\n      label: input.label ?? target.id,\n      icon,\n    };\n  }\n\n  if (target.kind === 'entity-detail-page') {\n    const entity = requireEntity(manifest, target.entityId);\n    return {\n      kind: 'internal',\n      id: `${target.entityId}-page-${target.id}-${target.pageId}`,\n      destination: {\n        pathname: entity.routes.detailPage(target.id, target.pageId),\n      },\n      label: input.label ?? target.pageId,\n      icon,\n    };\n  }\n\n  if (target.kind === 'tool') {\n    const entity = requireEntity(manifest, target.toolId);\n    return {\n      kind: 'internal',\n      id: `tool-${target.toolId}`,\n      destination: { pathname: entity.routes.list },\n      label: input.label ?? entity.label(input.tApp),\n      icon,\n    };\n  }\n\n  if (target.kind === 'hub') {\n    return {\n      kind: 'internal',\n      id: `hub-${target.hubId}`,\n      destination: { pathname: resolveHubHref(sidebar, target.hubId) },\n      label: input.label ?? resolveHubLabel(sidebar, target.hubId, input.tApp),\n      icon,\n    };\n  }\n\n  if (/^[a-z][a-z\\d+.-]*:/i.test(target.href) || target.href.startsWith('//')) {\n    return {\n      kind: 'external',\n      id: `href-${target.href}`,\n      href: target.href,\n      label: input.label ?? target.href,\n      icon,\n    };\n  }\n  return {\n    kind: 'internal',\n    id: `href-${target.href}`,\n    destination: { pathname: target.href },\n    label: input.label ?? target.href,\n    icon,\n  };\n};\n"],"mappings":"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"}

package/lib/esm/components/backoffice/refs/BackofficeRelatedCountLink.js

@@ -1,78 +1,47 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { resolveBackofficeLink as n } from "../links/resolveBackofficeLink.js";
-import { BackofficeInlineLink as r } from "../links/BackofficeInlineLink.js";
-import { BackofficeLazyEntityCount as i } from "./BackofficeLazyEntityCount.js";
-import { count as a, countLoading as o, icon as s, link as c } from "./backofficeRelatedCountLink.css.js";
-import { useContext as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { Spinner as f } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import p from "@plumile/router/routing/RoutingContext.js";
-import { buildBackofficeListLink as m } from "@plumile/backoffice-core/state/buildListHref.js";
+import { BackofficeInlineLink as n } from "../links/BackofficeInlineLink.js";
+import { BackofficeLazyEntityCount as r } from "./BackofficeLazyEntityCount.js";
+import { count as i, countLoading as a, icon as o, link as s } from "./backofficeRelatedCountLink.css.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { Spinner as u } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
 //#region src/components/backoffice/refs/BackofficeRelatedCountLink.tsx
-var h = ({ count: h, entity: g, where: _ }) => {
-	let { t: v } = d(), { t: y } = e(), { entities: b, entityManifest: x, entityRegistry: S, sidebar: C } = t(), w = l(p), T = b[g];
-	if (T == null) return /* @__PURE__ */ u("span", { children: h ?? 0 });
-	let E = y("relations.openFilteredList", { label: T.label(v) }), D = y("common.loading"), O = S.getLoadedListEntity(g), k = /* @__PURE__ */ u(i, {
-		entity: g,
-		loadingFallback: /* @__PURE__ */ u("span", {
-			className: o,
-			children: /* @__PURE__ */ u(f, {
-				ariaLabel: D,
+var d = ({ count: d, entity: f, where: p }) => {
+	let { t: m } = l(), { t: h } = e(), { entities: g } = t(), _ = g[f];
+	if (_ == null) return /* @__PURE__ */ c("span", { children: d ?? 0 });
+	let v = h("relations.openFilteredList", { label: _.label(m) }), y = h("common.loading"), b = /* @__PURE__ */ c(r, {
+		entity: f,
+		loadingFallback: /* @__PURE__ */ c("span", {
+			className: a,
+			children: /* @__PURE__ */ c(u, {
+				ariaLabel: y,
 				size: 12
 			})
 		}),
-		where: _
+		where: p
 	});
-	typeof h == "number" && Number.isFinite(h) && (k = h);
-	let A = {
-		kind: "entity-list",
-		entityId: g,
-		state: { where: _ }
-	}, j = async (e) => {
-		let t = await S.loadListEntity(g), n = m(t.config, { where: _ }), r = "";
-		n.search !== "" && (r = `?${n.search}`), e.push({
-			pathname: n.pathname,
-			search: r,
-			hash: ""
-		});
-	};
-	return /* @__PURE__ */ u(r, {
-		target: A,
-		className: c,
-		title: E,
-		ariaLabel: E,
-		onClick: (e) => {
-			if (O != null || w == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
-			e.preventDefault();
-			let { history: t } = w;
-			j(t).catch(() => {
-				let e = n({
-					target: A,
-					manifest: x,
-					sidebar: C,
-					tApp: v
-				}), r = new URL(e.href, window.location.origin);
-				t.push({
-					pathname: r.pathname,
-					search: r.search,
-					hash: r.hash
-				});
-			});
+	return typeof d == "number" && Number.isFinite(d) && (b = d), /* @__PURE__ */ c(n, {
+		target: {
+			kind: "entity-list",
+			entityId: f,
+			state: { where: p }
 		},
-		endAdornment: /* @__PURE__ */ u("span", {
-			className: s,
+		className: s,
+		title: v,
+		ariaLabel: v,
+		endAdornment: /* @__PURE__ */ c("span", {
+			className: o,
 			"aria-hidden": "true",
 			children: "›"
 		}),
-		children: /* @__PURE__ */ u("span", {
-			className: a,
-			children: k
+		children: /* @__PURE__ */ c("span", {
+			className: i,
+			children: b
 		})
 	});
 };
 //#endregion
-export { h as BackofficeRelatedCountLink, h as default };
+export { d as BackofficeRelatedCountLink, d as default };
 
 //# sourceMappingURL=BackofficeRelatedCountLink.js.map

package/lib/esm/components/backoffice/refs/BackofficeRelatedCountLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport { resolveBackofficeLink } from '../links/resolveBackofficeLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport { BackofficeLazyEntityCount } from './BackofficeLazyEntityCount.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count?: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityManifest, entityRegistry, sidebar } =\n    useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{count ?? 0}</span>;\n  }\n  const entityLabel = targetManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadingLabel = t('common.loading');\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let countNode: ReactNode = (\n    <BackofficeLazyEntityCount\n      entity={entity}\n      loadingFallback={\n        <span className={styles.countLoading}>\n          <Spinner ariaLabel={loadingLabel} size={12} />\n        </span>\n      }\n      where={where}\n    />\n  );\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    countNode = count;\n  }\n  const target = {\n    kind: 'entity-list',\n    entityId: entity,\n    state: { where },\n  } as BackofficeLinkTarget;\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\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    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      const link = resolveBackofficeLink({\n        target,\n        manifest: entityManifest,\n        sidebar,\n        tApp,\n      });\n      const fallbackUrl = new URL(link.href, window.location.origin);\n      history.push({\n        pathname: fallbackUrl.pathname,\n        search: fallbackUrl.search,\n        hash: fallbackUrl.hash,\n      });\n    });\n  };\n\n  return (\n    <BackofficeInlineLink\n      target={target}\n      className={styles.link}\n      title={actionLabel}\n      ariaLabel={actionLabel}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.icon} aria-hidden=\"true\">\n          ›\n        </span>\n      }\n    >\n      <span className={styles.count}>{countNode}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;;;;;AAuBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,aAAU,mBAAgB,mBAAgB,eAChD,EAAoB,GAChB,IAAU,EAAW,CAAc,GACnC,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,KAAS,EAAQ,CAAA;CAGjC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,CAEhC,EACT,CAAC,GACK,IAAe,EAAE,gBAAgB,GACjC,IAAe,EAAe,oBAAoB,CAAM,GAC1D,IACF,kBAAC,GAAD;EACU;EACR,iBACE,kBAAC,QAAD;GAAM,WAAW;GACf,UAAA,kBAAC,GAAD;IAAS,WAAW;IAAc,MAAM;GAAK,CAAA;EACzC,CAAA;EAED;CACR,CAAA;CAEH,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,MACpD,IAAY;CAEd,IAAM,IAAS;EACb,MAAM;EACN,UAAU;EACV,OAAO,EAAE,SAAM;CACjB,GAEM,IAA2B,OAC/B,MACkB;EAClB,IAAM,IAAa,MAAM,EAAe,eAAe,CAAM,GACvD,IAAO,EAAwB,EAAW,QAAQ,EAAE,SAAM,CAAC,GAE7D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;EACR,CAAC;CACH;CAkCA,OACE,kBAAC,GAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,WAAW;EACX,UAtCiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,eAAe;GACrB,IAAM,EAAE,eAAY;GACpB,EAAyB,CAAO,CAAC,CAAC,YAAY;IAC5C,IAAM,IAAO,EAAsB;KACjC;KACA,UAAU;KACV;KACA;IACF,CAAC,GACK,IAAc,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,MAAM;IAC7D,EAAQ,KAAK;KACX,UAAU,EAAY;KACtB,QAAQ,EAAY;KACpB,MAAM,EAAY;IACpB,CAAC;GACH,CAAC;EACH;EASI,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;GAAO,UAAA;EAE3C,CAAA;EAGR,UAAA,kBAAC,QAAD;GAAM,WAAW;GAAe,UAAA;EAAgB,CAAA;CAC5B,CAAA;AAE1B"}
+{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport { BackofficeLazyEntityCount } from './BackofficeLazyEntityCount.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count?: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{count ?? 0}</span>;\n  }\n  const entityLabel = targetManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadingLabel = t('common.loading');\n  let countNode: ReactNode = (\n    <BackofficeLazyEntityCount\n      entity={entity}\n      loadingFallback={\n        <span className={styles.countLoading}>\n          <Spinner ariaLabel={loadingLabel} size={12} />\n        </span>\n      }\n      where={where}\n    />\n  );\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    countNode = count;\n  }\n  const target = {\n    kind: 'entity-list',\n    entityId: entity,\n    state: { where },\n  } as BackofficeLinkTarget;\n\n  return (\n    <BackofficeInlineLink\n      target={target}\n      className={styles.link}\n      title={actionLabel}\n      ariaLabel={actionLabel}\n      endAdornment={\n        <span className={styles.icon} aria-hidden=\"true\">\n          ›\n        </span>\n      }\n    >\n      <span className={styles.count}>{countNode}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;AAoBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAoB,GACnC,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,KAAS,EAAQ,CAAA;CAGjC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,CAEhC,EACT,CAAC,GACK,IAAe,EAAE,gBAAgB,GACnC,IACF,kBAAC,GAAD;EACU;EACR,iBACE,kBAAC,QAAD;GAAM,WAAW;GACf,UAAA,kBAAC,GAAD;IAAS,WAAW;IAAc,MAAM;GAAK,CAAA;EACzC,CAAA;EAED;CACR,CAAA;CAWH,OATI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,MACpD,IAAY,IASZ,kBAAC,GAAD;EACU,QAAA;GAPV,MAAM;GACN,UAAU;GACV,OAAO,EAAE,SAAM;EAKL;EACR,WAAW;EACX,OAAO;EACP,WAAW;EACX,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;GAAO,UAAA;EAE3C,CAAA;EAGR,UAAA,kBAAC,QAAD;GAAM,WAAW;GAAe,UAAA;EAAgB,CAAA;CAC5B,CAAA;AAE1B"}

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js

@@ -67,10 +67,7 @@ var C = (e, t) => e(t), we = (e, t) => {
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
 }, w = (x) => {
-	let { t: w } = le(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: A, columns: j, gridTemplateColumns: ke, hasNextPage: M, isLoadingMore: N, isRefreshing: P = !1, onLoadMore: Ae, onRefresh: F, totalCount: I, loadedCountLabel: je, emptyState: Me, statusBanner: Ne, header: Pe, headerActions: Fe, isLoadingInitial: L = !1, variant: Ie = "page", showFilters: Le = !0 } = x, R = E.list, Re = E.listDefaults ?? R.defaultState ?? {
-		where: null,
-		sort: null
-	}, z = p(() => j.some((e) => e.isPrimary === !0) || j.length === 0 ? j : j.map((e, t) => {
+	let { t: w } = le(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: A, columns: j, gridTemplateColumns: ke, hasNextPage: M, isLoadingMore: N, isRefreshing: P = !1, onLoadMore: Ae, onRefresh: F, totalCount: I, loadedCountLabel: je, emptyState: Me, statusBanner: Ne, header: Pe, headerActions: Fe, isLoadingInitial: L = !1, variant: Ie = "page", showFilters: Le = !0 } = x, R = E.list, { listDefaults: Re } = E, z = p(() => j.some((e) => e.isPrimary === !0) || j.length === 0 ? j : j.map((e, t) => {
 		let { header: n } = e;
 		return t === 0 ? {
 			...e,