@plumile/backoffice-react 0.1.200 → 0.1.205

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  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"}
+{"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: BackofficeTopbarBreadcrumbItem['target'] = {\n    kind: 'entity-detail-page',\n    entityId: input.config.id,\n    id: input.entityId,\n    pageId: input.pageId ?? input.pageLabel,\n  };\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,IAA0D;EAC9D,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/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 (group.entities?.map((entityId) => {\n    return { kind: 'entity', id: entityId } as const;\n  }) ?? []) as unknown as readonly BackofficeSidebarItemConfig<TManifest>[];\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/pickers/EntityIdPickerDialog.js

@@ -1,7 +1,7 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
 import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
-import { useBackofficeFragment as r } from "../../../relay/typedRelayHooks.js";
+import { useBackofficeRuntimeFragment as r } from "../../../relay/typedRelayHooks.js";
 import { loadingLabel as i, loadingState as a } from "./entityIdPickerDialog.css.js";
 import { Suspense as o, useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { InlineBanner as d } from "@plumile/ui/components/feedback/InlineBanner.js";

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  useState,\n  type JSX,\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 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 { useBackofficeFragment } 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  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\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 fragmentData = useBackofficeFragment<unknown, unknown>(\n    config.fragment,\n    queryData,\n  );\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  return (\n    <BackofficePickerList\n      items={items}\n      onSelectItem={(item) => {\n        onSelectId(item.id);\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 [fetchKey, setFetchKey] = useState(0);\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      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\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    setFetchKey((value) => {\n      return value + 1;\n    });\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 = search.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          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\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    >\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  useMemo,\n  useState,\n  type JSX,\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 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 { useBackofficeRuntimeFragment } 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  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\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 fragmentData = useBackofficeRuntimeFragment(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  return (\n    <BackofficePickerList\n      items={items}\n      onSelectItem={(item) => {\n        onSelectId(item.id);\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 [fetchKey, setFetchKey] = useState(0);\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      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\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    setFetchKey((value) => {\n      return value + 1;\n    });\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 = search.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          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\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    >\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":";;;;;;;;;;;;;;;;AAmCA,IAAM,EAAE,kBAAA,MAAqB,GAWvB,IAAsB,qBAEtB,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAgBb,KAAc,EAClB,WACA,WACA,UACA,aACA,oBACkC;CAClC,IAAM,IAAY,QAAc;EAC9B,IAAM,IAAU,EAAO,KAAK;EAC5B,OAAO,EAAO,oBAAoB;GAAE,QAAQ;GAAS;EAAM,CAAC;CAC9D,GAAG;EAAC;EAAQ;EAAO;CAAM,CAAC,GAEpB,IAAY,EAAiB,EAAO,OAAO,GAAW;EAC1D,aAAa;EACb;CACF,CAAC,GAEK,IAAe,EAA6B,EAAO,UAAU,CAAS,GAEtE,IAAa,EAAO,cAAc,CAAY,GAE9C,IAAQ,QACL,EAAW,MAAM,KAAK,MAAS;EACpC,IAAM,IAAM,EAAO,MAAM,EAAK,IAAI;EAElC,OAAO;GACL,IAFS,EAAO,SAAS,CAEzB;GACA,OAAO,EAAI;GACX,UAAU,EAAI;EAChB;CACF,CAAC,GACA,CAAC,GAAQ,EAAW,KAAK,CAAC;CAE7B,OACE,kBAAC,GAAD;EACS;EACP,eAAe,MAAS;GACtB,EAAW,EAAK,EAAE;EACpB;CACD,CAAA;AAEL,GAEM,KAAe,GAAqB,MAEtC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;CAAQ,MAAK;CAAS,SAAQ;CAAY,SAAS;CAChD,UAAA;AACK,CAAA,EACR,CAAA,GAIA,KAAqB,EAAE,iBAEzB,kBAAC,GAAD;CAAc,MAAK;CAAU,OAAO;CACjC,UAAA;AACW,CAAA,GAIZ,KAAiB,EAAE,eAErB,kBAAC,OAAD;CAAK,WAAW;CAAqB,MAAK;CAAS,aAAU;CAA7D,UAAA,CACE,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;CAAQ,CAAA,GACtC,kBAAC,QAAD;EAAM,WAAW;EAAsB,UAAA;CAAY,CAAA,CAChD;IAII,KAAwB,EACnC,WACA,WACA,UACA,UACA,YACA,oBACmD;CACnD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,IAAc,EAAgC,GAAQ,EAC1D,SAAS,EACX,CAAC,GAEG;CAMJ,AALI,EAAY,WAAW,aACzB,IAAe,EAAY,OAAO,OAAO,SAI3C,QAAgB;EACd,AAAI,MACF,EAAU,EAAE,GACZ,GAAa,MACJ,IAAQ,CAChB;CAEL,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAS,QACN,EAAY,GAAS,EAAE,sBAAsB,CAAC,GACpD,CAAC,GAAS,CAAC,CAAC,GAET,IAAqB,GAAa,MAAiB;EAEvD,AADA,EAAU,CAAI,GACd,GAAa,MACJ,IAAQ,CAChB;CACH,GAAG,CAAC,CAAC,GAEC,IAAiB,GACpB,MAAe;EAEd,AADA,EAAW,CAAE,GACb,EAAQ;CACV,GACA,CAAC,GAAS,CAAU,CACtB;CAEA,IAAI,CAAC,GACH,OAAO;CAGT,IAAI;CACJ,AAAI,GAAc,qBAAqB,SACrC,IAA4B,EAC1B,EAAa,mBACb,CACF;CAGF,IAAM,IAAgB,EAAO,KAAK,GAC5B,IAAmB,GAAc,mBAAmB,IAEtD;CAuBJ,OAtBA,AAMI,IANA,EAAY,WAAW,YACZ,kBAAC,GAAD,EAAe,OAAO,EAAE,gBAAgB,EAAI,CAAA,IAChD,KAAgB,OAgBvB,kBAAC,GAAD,EAAmB,SAAS,EAAE,sBAAsB,EAAE,UAAO,CAAC,EAAI,CAAA,IAfhE,KAAoB,MAAkB,KAC3B,kBAAC,GAAD,EAAsB,OAAO,EAAE,uBAAuB,EAAI,CAAA,IAGrE,kBAAC,GAAD;EACE,QAAQ;EACA;EACD;EACG;EACV,YAAY;CACb,CAAA,GAUL,kBAAC,GAAD;EACU;EACC;EACF;EACC;EACR,cAAa;EAEb,UAAA,kBAAC,GAAD;GACE,aAAa;GACb,gBAAgB;GAChB,mBAAmB;GACnB,iBAAiB;GACjB,YAAW;GACX,eAAe,GAAc,iBAAiB;GAE9C,UAAA,kBAAC,GAAD;IACE,WAAW,MAAgD;KACzD,IAAM,EAAE,aAAU;KAClB,OACE,kBAAC,GAAD;MACE,MAAK;MACL,OAAO,EAAE,0BAA0B;MACnC,SACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe;QAEb,AADA,EAAM,GACN,GAAa,MACJ,IAAQ,CAChB;OACH;OAEC,UAAA,EAAE,sBAAsB;MACnB,CAAA;MAGT,UAAA;KACW,CAAA;IAElB;IAEA,UAAA,kBAAC,GAAD;KAAU,UAAU,kBAAC,GAAD,EAAe,OAAO,EAAE,gBAAgB,EAAI,CAAA;KAC7D,UAAA;IACO,CAAA;GACa,CAAA;EACJ,CAAA;CAClB,CAAA;AAEX"}