@plumile/backoffice-react 0.2.3 → 0.2.5

package/lib/esm/components/backoffice/layout/mapViewerToSidebarProfileView.js

@@ -3,13 +3,10 @@ var e = (e) => e?.trim() ?? "", t = ({ viewer: t, unknownUserLabel: n }) => {
 	let r = [e(t?.firstName), e(t?.lastName)].filter((e) => e !== "").join(" ").trim();
 	r === "" && (r = n);
 	let i = e(t?.email), a = e(t?.initials);
-	a === "" && (a = "?");
-	let o = [r];
-	return i !== "" && o.push(i), {
+	return a === "" && (a = "?"), {
 		displayName: r,
 		email: i,
-		initials: a,
-		ariaLabel: o.join(" - ")
+		initials: a
 	};
 };
 //#endregion

package/lib/esm/components/backoffice/layout/mapViewerToSidebarProfileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapViewerToSidebarProfileView.js","names":[],"sources":["../../../../../src/components/backoffice/layout/mapViewerToSidebarProfileView.ts"],"sourcesContent":["import type { SidebarProfileViewer } from '@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js';\n\nexport type BackofficeViewerIdentity = {\n  id: string;\n  firstName: string;\n  lastName: string;\n  email: string;\n  initials: string;\n};\n\ntype MapViewerToSidebarProfileViewInput = {\n  viewer: BackofficeViewerIdentity | null | undefined;\n  unknownUserLabel: string;\n};\n\nconst sanitizeToken = (value: string | null | undefined): string => {\n  return value?.trim() ?? '';\n};\n\nexport const mapViewerToSidebarProfileView = ({\n  viewer,\n  unknownUserLabel,\n}: MapViewerToSidebarProfileViewInput): SidebarProfileViewer => {\n  const firstName = sanitizeToken(viewer?.firstName);\n  const lastName = sanitizeToken(viewer?.lastName);\n  const joinedDisplayName = [firstName, lastName]\n    .filter((token) => {\n      return token !== '';\n    })\n    .join(' ')\n    .trim();\n  let displayName = joinedDisplayName;\n  if (displayName === '') {\n    displayName = unknownUserLabel;\n  }\n\n  const email = sanitizeToken(viewer?.email);\n  const initialsToken = sanitizeToken(viewer?.initials);\n  let initials = initialsToken;\n  if (initials === '') {\n    initials = '?';\n  }\n\n  const ariaParts = [displayName];\n  if (email !== '') {\n    ariaParts.push(email);\n  }\n\n  return {\n    displayName,\n    email,\n    initials,\n    ariaLabel: ariaParts.join(' - '),\n  };\n};\n\nexport default mapViewerToSidebarProfileView;\n"],"mappings":";AAeA,IAAM,KAAiB,MACd,GAAO,KAAK,KAAK,IAGb,KAAiC,EAC5C,WACA,0BAC8D;CAS9D,IAAI,IANsB,CAFR,EAAc,GAAQ,SAEb,GADV,EAAc,GAAQ,QACD,CAAQ,CAAC,CAC5C,QAAQ,MACA,MAAU,EAClB,CAAC,CACD,KAAK,GAAG,CAAC,CACT,KACe;CAClB,AAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,KAAK,GAErC,IADkB,EAAc,GAAQ,QAC7B;CACf,AAAI,MAAa,OACf,IAAW;CAGb,IAAM,IAAY,CAAC,CAAW;CAK9B,OAJI,MAAU,MACZ,EAAU,KAAK,CAAK,GAGf;EACL;EACA;EACA;EACA,WAAW,EAAU,KAAK,KAAK;CACjC;AACF"}
+{"version":3,"file":"mapViewerToSidebarProfileView.js","names":[],"sources":["../../../../../src/components/backoffice/layout/mapViewerToSidebarProfileView.ts"],"sourcesContent":["import type { SidebarProfileViewer } from '@plumile/ui';\n\nexport type BackofficeViewerIdentity = {\n  id: string;\n  firstName: string;\n  lastName: string;\n  email: string;\n  initials: string;\n};\n\ntype MapViewerToSidebarProfileViewInput = {\n  viewer: BackofficeViewerIdentity | null | undefined;\n  unknownUserLabel: string;\n};\n\nconst sanitizeToken = (value: string | null | undefined): string => {\n  return value?.trim() ?? '';\n};\n\nexport const mapViewerToSidebarProfileView = ({\n  viewer,\n  unknownUserLabel,\n}: MapViewerToSidebarProfileViewInput): SidebarProfileViewer => {\n  const firstName = sanitizeToken(viewer?.firstName);\n  const lastName = sanitizeToken(viewer?.lastName);\n  const joinedDisplayName = [firstName, lastName]\n    .filter((token) => {\n      return token !== '';\n    })\n    .join(' ')\n    .trim();\n  let displayName = joinedDisplayName;\n  if (displayName === '') {\n    displayName = unknownUserLabel;\n  }\n\n  const email = sanitizeToken(viewer?.email);\n  const initialsToken = sanitizeToken(viewer?.initials);\n  let initials = initialsToken;\n  if (initials === '') {\n    initials = '?';\n  }\n\n  return {\n    displayName,\n    email,\n    initials,\n  };\n};\n\nexport default mapViewerToSidebarProfileView;\n"],"mappings":";AAeA,IAAM,KAAiB,MACd,GAAO,KAAK,KAAK,IAGb,KAAiC,EAC5C,WACA,0BAC8D;CAS9D,IAAI,IANsB,CAFR,EAAc,GAAQ,SAEb,GADV,EAAc,GAAQ,QACD,CAAQ,CAAC,CAC5C,QAAQ,MACA,MAAU,EAClB,CAAC,CACD,KAAK,GAAG,CAAC,CACT,KACe;CAClB,AAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,KAAK,GAErC,IADkB,EAAc,GAAQ,QAC7B;CAKf,OAJI,MAAa,OACf,IAAW,MAGN;EACL;EACA;EACA;CACF;AACF"}

package/lib/esm/components/backoffice/layout/sidebarUtils.js

@@ -80,7 +80,7 @@ var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`$
 }, m = (e, t, n, r) => {
 	let i = [], a = /* @__PURE__ */ new Set();
 	return Object.entries(e).forEach(([, e]) => {
-		e.isVisible != null && !e.isVisible(r) || d(e, n).forEach((e) => {
+		(e.isVisible == null || e.isVisible(r)) && d(e, n).forEach((e) => {
 			a.has(e) || p(e, t, n, r) && (a.add(e), i.push(e));
 		});
 	}), i;

package/lib/esm/components/backoffice/layout/sidebarUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeSidebarHubGroupConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const joinBackofficePath = (\n  basePath: string,\n  pathSegment: string,\n): string => {\n  const normalizedBasePath = basePath.replace(/\\/+$/g, '');\n  const normalizedPathSegment = pathSegment.replace(/^\\/+/g, '');\n  if (normalizedBasePath === '') {\n    return `/${normalizedPathSegment}`;\n  }\n  return `${normalizedBasePath}/${normalizedPathSegment}`;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  group: BackofficeSidebarGroupConfig<TManifest>,\n): readonly BackofficeSidebarItemConfig<TManifest>[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport type BackofficeResolvedSidebarHubConfigFor<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = BackofficeSidebarHubConfig<TManifest> & {\n  groups: readonly BackofficeSidebarHubGroupConfig<TManifest>[];\n};\n\nexport const resolveSidebarHubFor = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  item: BackofficeSidebarHubConfig<TManifest>,\n  sidebar: BackofficeSidebarConfig<TManifest> | undefined,\n): BackofficeResolvedSidebarHubConfigFor<TManifest> => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  return resolveSidebarHubFor(item, sidebar);\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeSidebarHubGroupConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const joinBackofficePath = (\n  basePath: string,\n  pathSegment: string,\n): string => {\n  const normalizedBasePath = basePath.replace(/\\/+$/g, '');\n  const normalizedPathSegment = pathSegment.replace(/^\\/+/g, '');\n  if (normalizedBasePath === '') {\n    return `/${normalizedPathSegment}`;\n  }\n  return `${normalizedBasePath}/${normalizedPathSegment}`;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  group: BackofficeSidebarGroupConfig<TManifest>,\n): readonly BackofficeSidebarItemConfig<TManifest>[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport type BackofficeResolvedSidebarHubConfigFor<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = BackofficeSidebarHubConfig<TManifest> & {\n  groups: readonly BackofficeSidebarHubGroupConfig<TManifest>[];\n};\n\nexport const resolveSidebarHubFor = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  item: BackofficeSidebarHubConfig<TManifest>,\n  sidebar: BackofficeSidebarConfig<TManifest> | undefined,\n): BackofficeResolvedSidebarHubConfigFor<TManifest> => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  return resolveSidebarHubFor(item, sidebar);\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ var i = ({ icon: i, label: a, showIcon: o = !0, endAdornment: s }) => /* @__PURE
 	className: e,
 	children: [
 		o && i != null && /* @__PURE__ */ n("span", {
-			className: "txvbqb5bv txvbqb2cx txvbqb8db txvbqbc6 txvbqb1cb txvbqbm23 txvbqb86x",
+			className: "txvbqb5ml txvbqb2nn txvbqb8o1 txvbqbcb txvbqb1co txvbqblmz txvbqb8hn",
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ n(i, {
 				width: 14,

package/lib/esm/components/backoffice/links/backofficeLink.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/links/backofficeLink.css.ts
-var e = "txvbqb5bv txvbqb2cx txvbqb6gp", t = "txvbqb5bv txvbqb2cx txvbqb8db txvbqbc6 txvbqb1cb txvbqbm23 txvbqb86x", n = "txvbqbdqn";
+var e = "txvbqb5ml txvbqb2nn txvbqb6rf", t = "txvbqb5ml txvbqb2nn txvbqb8o1 txvbqbcb txvbqb1co txvbqblmz txvbqb8hn", n = "txvbqbe1d";
 //#endregion
 export { e as content, t as icon, n as label };
 

package/lib/esm/components/backoffice/links/backofficeLink.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/links/backofficeLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const content = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 1,\n});\n\nexport const icon = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'current',\n  flex: 'none',\n  width: 3.5,\n  height: 3.5,\n});\n\nexport const label = sprinkles({\n  minWidth: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/links/backofficeLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const content = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 1,\n});\n\nexport const icon = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'current',\n  flex: 'none',\n  width: 3.5,\n  height: 3.5,\n});\n\nexport const label = sprinkles({\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/list/RowFlagsCell.css.ts
-var e = "txvbqb8db txvbqbifj txvbqbj53", t = "txvbqb5bv txvbqb2cx txvbqb8db txvbqb74v txvbqblor", n = "qbwcuex qbwcuer txvbqb5bv txvbqb2cx txvbqb8db txvbqb1ce txvbqb1ol qbwcue11 qbwcuev txvbqbleh txvbqb7jb txvbqbdsv txvbqbd1d";
+var e = "txvbqb8o1 txvbqbiq9 txvbqbjft", t = "txvbqb5ml txvbqb2nn txvbqb8o1 txvbqb7fl txvbqbl9n", n = "qbwcue18 qbwcue12 txvbqb5ml txvbqb2nn txvbqb8o1 txvbqb1cr txvbqb1rk qbwcue1c qbwcue16 txvbqbkzd txvbqb7u1 txvbqbe3l txvbqbdc3";
 //#endregion
 export { t as container, n as flag, e as rowFlagsColumnCell };
 

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { iconBox } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const rowFlagsColumnCell = sprinkles({\n  justifyContent: 'center',\n  paddingX: 1,\n  paddingY: 0,\n});\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 1.5,\n  width: 'full',\n});\n\nexport const flag = iconBox({ size: 'lg' });\n"],"mappings":""}
+{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { sprinkles, iconBox } from '@plumile/ui/theme';\n\nexport const rowFlagsColumnCell = sprinkles({\n  justifyContent: 'center',\n  paddingX: 1,\n  paddingY: 0,\n});\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 1.5,\n  width: 'full',\n});\n\nexport const flag = iconBox({ size: 'lg' });\n"],"mappings":""}

package/lib/esm/components/backoffice/overview/BackofficeOverviewLayout.js

@@ -1,5 +1,5 @@
 import { aside as e, container as t, content as n, primary as r, summary as i } from "./backofficeOverviewLayout.css.js";
-import { cx as a } from "@plumile/ui/theme/tools.js";
+import { cx as a } from "@plumile/ui/theme";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/backoffice/overview/BackofficeOverviewLayout.tsx
 var c = ({ summary: c, aside: l, children: u, className: d }) => {

package/lib/esm/components/backoffice/overview/BackofficeOverviewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeOverviewLayout.js","names":[],"sources":["../../../../../src/components/backoffice/overview/BackofficeOverviewLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeOverviewLayout.css.js';\n\nexport type BackofficeOverviewLayoutProps = {\n  summary?: ReactNode;\n  aside?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeOverviewLayout = ({\n  summary,\n  aside,\n  children,\n  className,\n}: BackofficeOverviewLayoutProps): JSX.Element => {\n  let summaryNode: JSX.Element | null = null;\n  if (summary != null) {\n    summaryNode = <div className={styles.summary}>{summary}</div>;\n  }\n\n  let asideNode: JSX.Element | null = null;\n  if (aside != null) {\n    asideNode = <aside className={styles.aside}>{aside}</aside>;\n  }\n\n  let primaryNode: JSX.Element | null = null;\n  if (children != null || asideNode != null) {\n    primaryNode = <div className={styles.primary}>{children}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {summaryNode}\n      <div className={styles.content}>\n        {primaryNode}\n        {asideNode}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeOverviewLayout;\n"],"mappings":";;;;AAaA,IAAa,KAA4B,EACvC,SAAA,GACA,OAAA,GACA,aACA,mBACgD;CAChD,IAAI,IAAkC;CACtC,AAAI,KAAW,SACb,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB,UAAA;CAAa,CAAA;CAG9D,IAAI,IAAgC;CACpC,AAAI,KAAS,SACX,IAAY,kBAAC,SAAD;EAAO,WAAW;EAAe,UAAA;CAAa,CAAA;CAG5D,IAAI,IAAkC;CAKtC,QAJI,KAAY,QAAQ,KAAa,UACnC,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB;CAAc,CAAA,IAI7D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;EAA9C,UAAA,CACG,GACD,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACG,GACA,CACE;EACF,CAAA,CAAA;;AAET"}
+{"version":3,"file":"BackofficeOverviewLayout.js","names":[],"sources":["../../../../../src/components/backoffice/overview/BackofficeOverviewLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui/theme';\n\nimport * as styles from './backofficeOverviewLayout.css.js';\n\nexport type BackofficeOverviewLayoutProps = {\n  summary?: ReactNode;\n  aside?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeOverviewLayout = ({\n  summary,\n  aside,\n  children,\n  className,\n}: BackofficeOverviewLayoutProps): JSX.Element => {\n  let summaryNode: JSX.Element | null = null;\n  if (summary != null) {\n    summaryNode = <div className={styles.summary}>{summary}</div>;\n  }\n\n  let asideNode: JSX.Element | null = null;\n  if (aside != null) {\n    asideNode = <aside className={styles.aside}>{aside}</aside>;\n  }\n\n  let primaryNode: JSX.Element | null = null;\n  if (children != null || asideNode != null) {\n    primaryNode = <div className={styles.primary}>{children}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {summaryNode}\n      <div className={styles.content}>\n        {primaryNode}\n        {asideNode}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeOverviewLayout;\n"],"mappings":";;;;AAaA,IAAa,KAA4B,EACvC,SAAA,GACA,OAAA,GACA,aACA,mBACgD;CAChD,IAAI,IAAkC;CACtC,AAAI,KAAW,SACb,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB,UAAA;CAAa,CAAA;CAG9D,IAAI,IAAgC;CACpC,AAAI,KAAS,SACX,IAAY,kBAAC,SAAD;EAAO,WAAW;EAAe,UAAA;CAAa,CAAA;CAG5D,IAAI,IAAkC;CAKtC,QAJI,KAAY,QAAQ,KAAa,UACnC,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB;CAAc,CAAA,IAI7D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;EAA9C,UAAA,CACG,GACD,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACG,GACA,CACE;EACF,CAAA,CAAA;;AAET"}

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js

@@ -1,6 +1,6 @@
 /* empty css                                        */
 //#region src/components/backoffice/overview/backofficeOverviewLayout.css.ts
-var e = "txvbqb5b1 txvbqb6bf txvbqb6i3", t = "txvbqb5b1 txvbqb6bf txvbqb6hj", n = "_1f81p5z0 txvbqb5bb txvbqb7a5 txvbqb6i3 txvbqb2cn", r = "txvbqb5b1 txvbqb6bf txvbqb6i3", i = "txvbqb5b1 txvbqb6bf txvbqb6i3";
+var e = "txvbqb5lr txvbqb6m5 txvbqb6st txvbqbl9n txvbqbe1d", t = "txvbqb5lr txvbqb6m5 txvbqb6s9", n = "_1f81p5z0 txvbqb5m1 txvbqb7gz txvbqb6st txvbqb2nd", r = "txvbqb5lr txvbqb6m5 txvbqb6st", i = "txvbqb5lr txvbqb6m5 txvbqb6st";
 //#endregion
 export { i as aside, e as container, n as content, r as primary, t as summary };
 

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeOverviewLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/overview/backofficeOverviewLayout.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const summary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const content = style([\n  sprinkles({\n    display: 'grid',\n    gridTemplateColumns: 'twoFrOneFr',\n    gap: 6,\n    alignItems: 'flex-start',\n  }),\n  {\n    '@media': {\n      'screen and (max-width: 1023px)': {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const aside = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeOverviewLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/overview/backofficeOverviewLayout.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { breakpoints, sprinkles } from '@plumile/ui/theme';\n\nconst LARGE_MEDIA_QUERY = `screen and (min-width: ${breakpoints.lg})`;\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n  width: 'full',\n  minWidth: 0,\n});\n\nexport const summary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const content = style([\n  sprinkles({\n    display: 'grid',\n    gridTemplateColumns: 1,\n    gap: 6,\n    alignItems: 'flex-start',\n  }),\n  {\n    '@media': {\n      [LARGE_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 2fr) minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const aside = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js

@@ -4,20 +4,18 @@ import { useBackofficePickerEntityLoader as n } from "../../../provider/useBacko
 import r from "../../../hooks/useInfiniteConnection.js";
 import { useBackofficeRuntimePaginationFragment as i } from "../../../relay/typedRelayHooks.js";
 import { loadingLabel as a, loadingState as o } from "./entityIdPickerDialog.css.js";
-import { Suspense as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { InlineBanner as p } from "@plumile/ui/components/feedback/InlineBanner.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useTranslation as _ } from "react-i18next";
-import { Button as v } from "@plumile/ui/atomic/atoms/button/Button.js";
-import * as y from "react-relay";
-import { Modal as b } from "@plumile/ui/atomic/atoms/modal/Modal.js";
-import { Spinner as x } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BackofficeEmptyState as S } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { BackofficePickerList as C, BackofficePickerShell as w } from "@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js";
-import { InfiniteScrollTrigger as T } from "@plumile/ui/components/infinite/InfiniteScrollTrigger.js";
+import { Suspense as s, useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import { InfiniteScrollTrigger as m, InlineBanner as h, Modal as g } from "@plumile/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import { Button as x } from "@plumile/ui/button";
+import * as S from "react-relay";
+import { Spinner as C } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as w } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficePickerList as T, BackofficePickerShell as E } from "@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js";
 //#region src/components/backoffice/pickers/EntityIdPickerDialog.tsx
-var { useLazyLoadQuery: E } = y, D = "store-and-network", O = (e, t) => e(t), k = ({ config: e, entity: t, search: n, scope: a, fetchKey: o, resetKey: s, scrollRootRef: l, labels: d, onSelectId: f }) => {
-	let _ = u(() => {
+var { useLazyLoadQuery: D } = S, O = "store-and-network", k = (e, t) => e(t), A = ({ config: e, entity: t, search: n, scope: a, fetchKey: o, resetKey: s, scrollRootRef: l, labels: f, onSelectId: p }) => {
+	let g = u(), b = d(() => {
 		let t = n.trim();
 		return e.buildQueryVariables({
 			search: t,
@@ -27,146 +25,159 @@ var { useLazyLoadQuery: E } = y, D = "store-and-network", O = (e, t) => e(t), k
 		e,
 		a,
 		n
-	]), y = E(e.query, _, {
-		fetchPolicy: D,
+	]), S = D(e.query, b, {
+		fetchPolicy: O,
 		fetchKey: o
-	}), { data: b, loadNext: x, hasNext: S, isLoadingNext: w } = i(e.fragment, y), O = e.getConnection(b), k = u(() => O.edges.map((t) => {
+	}), { data: C, loadNext: w, hasNext: E, isLoadingNext: k } = i(e.fragment, S), A = e.getConnection(C), j = d(() => A.edges.map((t) => {
 		let n = e.toRow(t.node);
 		return {
 			id: e.getRowId(n),
 			title: n.title,
 			subtitle: n.subtitle
 		};
-	}), [e, O.edges]), A = c((e) => {
-		x(20, { onComplete: e });
-	}, [x]), j = r({
-		nodes: k,
-		hasNext: S,
-		isLoadingNext: w,
-		runLoadMore: A,
+	}), [e, A.edges]), M = c((e) => {
+		w(20, { onComplete: e });
+	}, [w]), N = r({
+		nodes: j,
+		hasNext: E,
+		isLoadingNext: k,
+		runLoadMore: M,
 		surface: `backoffice.entity-picker.${t}`,
 		resetKey: s
-	});
-	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ h(C, {
-			items: j.nodes,
+	}), P = "complete";
+	N.incrementalError == null ? N.isLoadingNext ? P = "loading" : N.hasNext && (P = "idle") : P = "paused";
+	let F;
+	return N.incrementalError != null && (F = g), /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(T, {
+			items: N.nodes,
 			onSelectItem: (e) => {
-				f(e.id);
+				p(e.id);
 			}
 		}),
-		/* @__PURE__ */ h(T, {
-			disabled: j.incrementalError != null,
-			hasNext: j.hasNext,
-			isLoading: j.isLoadingNext,
-			onLoadMore: j.loadMoreSafe,
+		/* @__PURE__ */ v(m, {
+			state: P,
+			onLoadMore: N.loadMoreSafe,
 			scrollRootRef: l,
+			slotProps: { loadMoreButton: { "aria-describedby": F } },
 			labels: {
-				loadMore: d.loadMore,
-				loading: d.loading,
-				end: d.end
+				loadMore: f.loadMore,
+				loading: f.loading,
+				end: f.end
 			}
 		}),
-		j.incrementalError != null && /* @__PURE__ */ h(p, {
+		N.incrementalError != null && /* @__PURE__ */ v(h, {
+			"aria-live": "assertive",
+			id: g,
+			role: "alert",
 			tone: "danger",
-			title: j.incrementalError.message,
-			actions: /* @__PURE__ */ h(v, {
+			title: N.incrementalError.message,
+			actions: /* @__PURE__ */ v(x, {
 				type: "button",
-				variant: "secondary",
-				onClick: j.retryLoadMore,
-				children: d.retry
+				variant: "soft",
+				onClick: N.retryLoadMore,
+				tone: "neutral",
+				children: f.retry
 			}),
 			children: null
 		})
 	] });
-}, A = (e, t) => /* @__PURE__ */ h(m, { children: /* @__PURE__ */ h(v, {
+}, j = (e, t) => /* @__PURE__ */ v(_, { children: /* @__PURE__ */ v(x, {
 	type: "button",
-	variant: "secondary",
-	onClick: e,
+	variant: "soft",
+	onClick: () => {
+		e(!1);
+	},
+	tone: "neutral",
 	children: t
-}) }), j = ({ message: e }) => /* @__PURE__ */ h(p, {
+}) }), M = ({ message: e }) => /* @__PURE__ */ v(h, {
+	"aria-live": "polite",
+	role: "status",
 	tone: "warning",
 	title: e,
 	children: null
-}), M = ({ label: e }) => /* @__PURE__ */ g("div", {
+}), N = ({ label: e }) => /* @__PURE__ */ y("div", {
 	className: o,
 	role: "status",
 	"aria-live": "polite",
-	children: [/* @__PURE__ */ h(x, {
+	children: [/* @__PURE__ */ v(C, {
 		size: 18,
 		ariaLabel: e
-	}), /* @__PURE__ */ h("span", {
+	}), /* @__PURE__ */ v("span", {
 		className: a,
 		children: e
 	})]
-}), N = ({ isOpen: r, entity: i, title: a, scope: o, onClose: m, onSelectId: g }) => {
-	let { t: y } = _(), { t: x } = e(), [C, T] = f(""), [E, D] = f(""), [N, P] = f(0), F = d(null), I = n(i, { enabled: r }), L;
+}), P = ({ open: r, entity: i, title: a, scope: o, onOpenChange: u, onSelectId: m }) => {
+	let { t: _ } = b(), { t: y } = e(), [S, C] = p(""), [T, D] = p(""), [O, P] = p(0), F = f(null), I = n(i, { enabled: r }), L;
 	I.status === "loaded" && (L = I.module.config.picker), l(() => {
-		r && (T(""), D(""), P((e) => e + 1));
+		r && (C(""), D(""), P((e) => e + 1));
 	}, [r]), l(() => {
 		let e = setTimeout(() => {
-			D(C);
+			D(S);
 		}, 250);
 		return () => {
 			clearTimeout(e);
 		};
-	}, [C]);
-	let R = u(() => A(m, x("common.actions.close")), [m, x]), z = c((e) => {
-		T(e);
+	}, [S]);
+	let R = d(() => j(u, y("common.actions.close")), [u, y]), z = c((e) => {
+		C(e);
 	}, []), B = c((e) => {
-		g(e), m();
-	}, [m, g]);
+		m(e), u(!1);
+	}, [u, m]);
 	if (!r) return null;
 	let V;
-	L?.searchPlaceholder != null && (V = O(L.searchPlaceholder, y));
-	let H = E.trim(), U = L?.searchRequired === !0, W;
-	return W = I.status === "loading" ? /* @__PURE__ */ h(M, { label: x("common.loading") }) : L == null ? /* @__PURE__ */ h(j, { message: x("picker.unavailable", { entity: i }) }) : U && H === "" ? /* @__PURE__ */ h(S, { title: x("picker.searchRequired") }) : /* @__PURE__ */ h(k, {
+	L?.searchPlaceholder != null && (V = k(L.searchPlaceholder, _));
+	let H = T.trim(), U = L?.searchRequired === !0, W;
+	return W = I.status === "loading" ? /* @__PURE__ */ v(N, { label: y("common.loading") }) : L == null ? /* @__PURE__ */ v(M, { message: y("picker.unavailable", { entity: i }) }) : U && H === "" ? /* @__PURE__ */ v(w, { title: y("picker.searchRequired") }) : /* @__PURE__ */ v(A, {
 		config: L,
 		entity: i,
-		search: E,
+		search: T,
 		scope: o,
-		fetchKey: N,
-		resetKey: `${i}:${H}:${JSON.stringify(o ?? {})}:${N}`,
+		fetchKey: O,
+		resetKey: `${i}:${H}:${JSON.stringify(o ?? {})}:${O}`,
 		scrollRootRef: F,
 		labels: {
-			loadMore: x("list.loadMore.action"),
-			loading: x("list.loadMore.loading"),
-			end: x("list.loadMore.end"),
-			retry: x("common.actions.retry")
+			loadMore: y("list.loadMore.action"),
+			loading: y("list.loadMore.loading"),
+			end: y("list.loadMore.end"),
+			retry: y("common.actions.retry")
 		},
 		onSelectId: B
-	}), /* @__PURE__ */ h(b, {
-		isOpen: r,
-		onClose: m,
+	}), /* @__PURE__ */ v(g, {
+		open: r,
+		onOpenChange: u,
 		title: a,
 		footer: R,
 		initialFocus: "first-form-control",
 		scrollRootRef: F,
-		children: /* @__PURE__ */ h(w, {
-			searchValue: C,
+		children: /* @__PURE__ */ v(E, {
+			searchValue: S,
 			onSearchChange: z,
 			searchPlaceholder: V,
 			searchAriaLabel: V,
 			searchName: "backoffice-entity-picker-search",
 			searchEnabled: L?.searchEnabled ?? !0,
-			children: /* @__PURE__ */ h(t, {
+			children: /* @__PURE__ */ v(t, {
 				fallback: (e) => {
 					let { reset: t } = e;
-					return /* @__PURE__ */ h(p, {
+					return /* @__PURE__ */ v(h, {
+						"aria-live": "assertive",
+						role: "alert",
 						tone: "danger",
-						title: x("picker.errors.loadFailed"),
-						actions: /* @__PURE__ */ h(v, {
+						title: y("picker.errors.loadFailed"),
+						actions: /* @__PURE__ */ v(x, {
 							type: "button",
-							variant: "secondary",
+							variant: "soft",
 							onClick: () => {
 								t(), P((e) => e + 1);
 							},
-							children: x("common.actions.retry")
+							tone: "neutral",
+							children: y("common.actions.retry")
 						}),
 						children: null
 					});
 				},
-				children: /* @__PURE__ */ h(s, {
-					fallback: /* @__PURE__ */ h(M, { label: x("common.loading") }),
+				children: /* @__PURE__ */ v(s, {
+					fallback: /* @__PURE__ */ v(N, { label: y("common.loading") }),
 					children: W
 				})
 			})
@@ -174,6 +185,6 @@ var { useLazyLoadQuery: E } = y, D = "store-and-network", O = (e, t) => e(t), k
 	});
 };
 //#endregion
-export { N as EntityIdPickerDialog, N as default };
+export { P as EntityIdPickerDialog, P as default };
 
 //# sourceMappingURL=EntityIdPickerDialog.js.map

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n  type RefObject,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport {\n  BackofficePickerList,\n  BackofficePickerShell,\n  type BackofficePickerItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport { InfiniteScrollTrigger } from '@plumile/ui/components/infinite/InfiniteScrollTrigger.js';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { useInfiniteConnection } from '../../../hooks/useInfiniteConnection.js';\nimport { useBackofficeRuntimePaginationFragment } from '../../../relay/typedRelayHooks.js';\n\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  entity: string;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  resetKey: string;\n  scrollRootRef: RefObject<Element | null>;\n  labels: {\n    loadMore: string;\n    loading: string;\n    end: string;\n    retry: string;\n  };\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  entity,\n  search,\n  scope,\n  fetchKey,\n  resetKey,\n  scrollRootRef,\n  labels,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n  } = useBackofficeRuntimePaginationFragment(config.fragment, queryData);\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly BackofficePickerItem[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  const runLoadMore = useCallback(\n    (onComplete: (error: Error | null) => void) => {\n      loadNext(20, { onComplete });\n    },\n    [loadNext],\n  );\n  const pagination = useInfiniteConnection({\n    nodes: items,\n    hasNext,\n    isLoadingNext,\n    runLoadMore,\n    surface: `backoffice.entity-picker.${entity}`,\n    resetKey,\n  });\n\n  return (\n    <>\n      <BackofficePickerList\n        items={pagination.nodes}\n        onSelectItem={(item) => {\n          onSelectId(item.id);\n        }}\n      />\n      <InfiniteScrollTrigger\n        disabled={pagination.incrementalError != null}\n        hasNext={pagination.hasNext}\n        isLoading={pagination.isLoadingNext}\n        onLoadMore={pagination.loadMoreSafe}\n        scrollRootRef={scrollRootRef}\n        labels={{\n          loadMore: labels.loadMore,\n          loading: labels.loading,\n          end: labels.end,\n        }}\n      />\n      {pagination.incrementalError != null && (\n        <InlineBanner\n          tone=\"danger\"\n          title={pagination.incrementalError.message}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={pagination.retryLoadMore}\n            >\n              {labels.retry}\n            </Button>\n          }\n        >\n          {null}\n        </InlineBanner>\n      )}\n    </>\n  );\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [executedSearch, setExecutedSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const scrollRootRef = useRef<HTMLDivElement | null>(null);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      BackofficeRuntimeEntityPickerConfig | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setExecutedSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setExecutedSearch(search);\n    }, 250);\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [search]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = executedSearch.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          entity={entity}\n          search={executedSearch}\n          scope={scope}\n          fetchKey={fetchKey}\n          resetKey={`${entity}:${trimmedSearch}:${JSON.stringify(scope ?? {})}:${fetchKey}`}\n          scrollRootRef={scrollRootRef}\n          labels={{\n            loadMore: t('list.loadMore.action'),\n            loading: t('list.loadMore.loading'),\n            end: t('list.loadMore.end'),\n            retry: t('common.actions.retry'),\n          }}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      footer={footer}\n      initialFocus=\"first-form-control\"\n      scrollRootRef={scrollRootRef}\n    >\n      <BackofficePickerShell\n        searchValue={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchAriaLabel={resolvedSearchPlaceholder}\n        searchName=\"backoffice-entity-picker-search\"\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </BackofficePickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}
+{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n  type RefObject,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button } from '@plumile/ui/button';\nimport {\n  Modal,\n  InlineBanner,\n  InfiniteScrollTrigger,\n  type InfiniteScrollTriggerState,\n} from '@plumile/ui';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport {\n  BackofficePickerList,\n  BackofficePickerShell,\n  type BackofficePickerItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js';\n\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { useInfiniteConnection } from '../../../hooks/useInfiniteConnection.js';\nimport { useBackofficeRuntimePaginationFragment } from '../../../relay/typedRelayHooks.js';\n\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  open: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  onOpenChange: (open: boolean) => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  entity: string;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  resetKey: string;\n  scrollRootRef: RefObject<Element | null>;\n  labels: {\n    loadMore: string;\n    loading: string;\n    end: string;\n    retry: string;\n  };\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  entity,\n  search,\n  scope,\n  fetchKey,\n  resetKey,\n  scrollRootRef,\n  labels,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const incrementalErrorId = useId();\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n  } = useBackofficeRuntimePaginationFragment(config.fragment, queryData);\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly BackofficePickerItem[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  const runLoadMore = useCallback(\n    (onComplete: (error: Error | null) => void) => {\n      loadNext(20, { onComplete });\n    },\n    [loadNext],\n  );\n  const pagination = useInfiniteConnection({\n    nodes: items,\n    hasNext,\n    isLoadingNext,\n    runLoadMore,\n    surface: `backoffice.entity-picker.${entity}`,\n    resetKey,\n  });\n  let infiniteState: InfiniteScrollTriggerState = 'complete';\n  if (pagination.incrementalError != null) infiniteState = 'paused';\n  else if (pagination.isLoadingNext) infiniteState = 'loading';\n  else if (pagination.hasNext) infiniteState = 'idle';\n  let loadMoreDescribedBy: string | undefined;\n  if (pagination.incrementalError != null) {\n    loadMoreDescribedBy = incrementalErrorId;\n  }\n\n  return (\n    <>\n      <BackofficePickerList\n        items={pagination.nodes}\n        onSelectItem={(item) => {\n          onSelectId(item.id);\n        }}\n      />\n      <InfiniteScrollTrigger\n        state={infiniteState}\n        onLoadMore={pagination.loadMoreSafe}\n        scrollRootRef={scrollRootRef}\n        slotProps={{\n          loadMoreButton: {\n            'aria-describedby': loadMoreDescribedBy,\n          },\n        }}\n        labels={{\n          loadMore: labels.loadMore,\n          loading: labels.loading,\n          end: labels.end,\n        }}\n      />\n      {pagination.incrementalError != null && (\n        <InlineBanner\n          aria-live=\"assertive\"\n          id={incrementalErrorId}\n          role=\"alert\"\n          tone=\"danger\"\n          title={pagination.incrementalError.message}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"soft\"\n              onClick={pagination.retryLoadMore}\n              tone=\"neutral\"\n            >\n              {labels.retry}\n            </Button>\n          }\n        >\n          {null}\n        </InlineBanner>\n      )}\n    </>\n  );\n};\n\nconst buildFooter = (\n  onOpenChange: (open: boolean) => void,\n  closeLabel: string,\n): JSX.Element => {\n  return (\n    <>\n      <Button\n        type=\"button\"\n        variant=\"soft\"\n        onClick={() => {\n          onOpenChange(false);\n        }}\n        tone=\"neutral\"\n      >\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner\n      aria-live=\"polite\"\n      role=\"status\"\n      tone=\"warning\"\n      title={message}\n    >\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  open,\n  entity,\n  title,\n  scope,\n  onOpenChange,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [executedSearch, setExecutedSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const scrollRootRef = useRef<HTMLDivElement | null>(null);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: open,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      BackofficeRuntimeEntityPickerConfig | undefined;\n  }\n\n  useEffect(() => {\n    if (open) {\n      setSearch('');\n      setExecutedSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setExecutedSearch(search);\n    }, 250);\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [search]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onOpenChange, t('common.actions.close'));\n  }, [onOpenChange, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onOpenChange(false);\n    },\n    [onOpenChange, onSelectId],\n  );\n\n  if (!open) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = executedSearch.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          entity={entity}\n          search={executedSearch}\n          scope={scope}\n          fetchKey={fetchKey}\n          resetKey={`${entity}:${trimmedSearch}:${JSON.stringify(scope ?? {})}:${fetchKey}`}\n          scrollRootRef={scrollRootRef}\n          labels={{\n            loadMore: t('list.loadMore.action'),\n            loading: t('list.loadMore.loading'),\n            end: t('list.loadMore.end'),\n            retry: t('common.actions.retry'),\n          }}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      title={title}\n      footer={footer}\n      initialFocus=\"first-form-control\"\n      scrollRootRef={scrollRootRef}\n    >\n      <BackofficePickerShell\n        searchValue={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchAriaLabel={resolvedSearchPlaceholder}\n        searchName=\"backoffice-entity-picker-search\"\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                aria-live=\"assertive\"\n                role=\"alert\"\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"soft\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                    tone=\"neutral\"\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </BackofficePickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
-var e = "txvbqbe2 txvbqb6ct txvbqb2b4 txvbqbj5x txvbqbif9", t = "txvbqb5b1 txvbqb2cx txvbqb8db txvbqb6gz txvbqbj67 txvbqbig3 txvbqbe2", n = "txvbqb6ct txvbqbe2";
+var e = "txvbqbe7 txvbqb6nj txvbqb2lu txvbqbjgn txvbqbipz", t = "txvbqb5lr txvbqb2nn txvbqb8o1 txvbqb6rp txvbqbjgx txvbqbiqt txvbqbe7", n = "txvbqb6nj txvbqbe7";
 //#endregion
 export { n as loadingLabel, t as loadingState, e as searchRequiredMessage };
 

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n"],"mappings":""}
+{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js

@@ -1,6 +1,6 @@
 /* empty css                                          */
 //#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
-var e = "qbwcuem qbwcuek txvbqb5bv txvbqb2cx txvbqb8db txvbqb6gp txvbqbdt5 txvbqbift txvbqbj5d txvbqbe1 txvbqba5 txvbqbiu txvbqbms txvbqblc txvbqbn3 txvbqb1cs txvbqb1ol txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqbos9 txvbqbmrd txvbqbns1 txvbqbo15 qbwcue0 txvbqbpec txvbqbq8k", t = "txvbqbdr7 txvbqb2b4 txvbqb1cj", n = "txvbqb5bv txvbqb2cx txvbqb8db txvbqbldd txvbqb7i7 txvbqbe3", r = "kk18lv0 txvbqb1ce txvbqbe2 txvbqb6ct txvbqb1ol txvbqb7h txvbqb75 txvbqb7t";
+var e = "qbwcuex qbwcuev txvbqb5ml txvbqb2nn txvbqb8o1 txvbqb6rf txvbqbe3v txvbqbiqj txvbqbjg3 txvbqbe6 txvbqbaa txvbqbiz txvbqbmx txvbqblh txvbqbn8 txvbqb1d5 txvbqb1rk txvbqb3f txvbqb7m txvbqb76 txvbqb7y qbwcuew txvbqbod5 txvbqbmc9 txvbqbncx txvbqbnm1 qbwcue5 qbwcue4 txvbqboz8 txvbqbptg qbwcue3", t = "txvbqbe1x txvbqb2lu txvbqb1cw", n = "txvbqb5ml txvbqb2nn txvbqb8o1 txvbqbky9 txvbqb7sx txvbqbe8", r = "kk18lv0 txvbqb1cr txvbqbe7 txvbqb6nj txvbqb1rk txvbqb7n txvbqb76 txvbqb7y";
 //#endregion
 export { t as count, n as countLoading, r as icon, e as link };
 

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { pillLink } from '@plumile/ui/theme/styleRecipes.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const link = pillLink;\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const countLoading = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, pillLink, vars } from '@plumile/ui/theme';\n\nexport const link = pillLink;\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const countLoading = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/BackofficeContentError.js

@@ -1,21 +1,24 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { banner as t, root as n } from "./backofficeContentError.css.js";
-import { InlineBanner as r } from "@plumile/ui/components/feedback/InlineBanner.js";
+import { InlineBanner as r } from "@plumile/ui";
 import { jsx as i } from "react/jsx-runtime";
-import { Button as a } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { Button as a } from "@plumile/ui/button";
 //#region src/components/backoffice/routing/BackofficeContentError.tsx
 var o = ({ onRetry: o }) => {
 	let { t: s } = e();
 	return /* @__PURE__ */ i("div", {
 		className: n,
 		children: /* @__PURE__ */ i(r, {
+			"aria-live": "assertive",
+			role: "alert",
 			tone: "danger",
 			className: t,
 			actions: /* @__PURE__ */ i(a, {
 				type: "button",
-				variant: "secondary",
+				variant: "soft",
 				size: "small",
 				onClick: o,
+				tone: "neutral",
 				children: s("common.actions.retry")
 			}),
 			children: s("common.errors.unexpected")