@plumile/backoffice-react 0.1.132 → 0.1.140

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

@@ -62,19 +62,21 @@ function v(v) {
 			ariaLabel: c
 		};
 	}, K = (e) => {
-		let { entityId: n, groupId: r, groupIcon: i, itemIcon: o, itemLabel: s, enableReorder: c } = e, l = x[n];
-		if (l == null) return null;
-		let f = {
+		let { entityId: n, groupId: r, groupIcon: i, itemIcon: o, itemLabel: s, enableReorder: c, sectionId: l } = e, f = x[n];
+		if (f == null) return null;
+		let p = {
 			kind: "entity",
 			id: n
 		};
-		if (l.kind === "tool" && (f = {
+		if (f.kind === "tool" && (p = {
 			kind: "tool",
 			id: n
-		}), C?.isItemVisible?.(f, w) === !1) return null;
-		if (l.kind === "tool") {
-			let e = s ?? a(l.label, E);
-			return H !== "" && !e.toLowerCase().includes(H) ? null : {
+		}), C?.isItemVisible?.(p, w) === !1) return null;
+		if (f.kind === "tool") {
+			let e = s ?? a(f.label, E);
+			if (H !== "" && !e.toLowerCase().includes(H)) return null;
+			let c;
+			return l !== "pinned" && L.has(n) && (c = "always"), {
 				id: `tool-${n}`,
 				data: {
 					kind: "tool",
@@ -82,46 +84,50 @@ function v(v) {
 					groupId: r
 				},
 				label: e,
-				href: l.routes.list,
+				href: f.routes.list,
 				icon: _(o ?? i, /* @__PURE__ */ u(d, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
 				})),
-				isActive: t(b, l.routes.list),
+				isActive: t(b, f.routes.list),
 				ariaLabel: e,
-				actionSlot: W(n)
+				actionSlot: W(n),
+				actionsVisibility: c
 			};
 		}
-		if (!l.hasList) return null;
-		let p = s ?? a(l.label, E);
-		if (H !== "" && !p.toLowerCase().includes(H)) return null;
-		let h;
-		c === !0 && j != null && (h = /* @__PURE__ */ u(m, {
+		if (!f.hasList) return null;
+		let h = s ?? a(f.label, E);
+		if (H !== "" && !h.toLowerCase().includes(H)) return null;
+		let g;
+		c === !0 && j != null && (g = /* @__PURE__ */ u(m, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		}));
-		let g;
-		return h != null && (g = B), {
+		let v;
+		g != null && (v = B);
+		let y;
+		return l !== "pinned" && L.has(n) && (y = "always"), {
 			id: n,
 			data: {
 				kind: "entity",
 				id: n,
 				groupId: r
 			},
-			label: p,
-			href: l.routes.list,
+			label: h,
+			href: f.routes.list,
 			icon: _(o ?? i, /* @__PURE__ */ u(d, {
 				width: 18,
 				height: 18,
 				"aria-hidden": "true"
 			})),
-			isActive: t(b, l.routes.list),
-			ariaLabel: p,
+			isActive: t(b, f.routes.list),
+			ariaLabel: h,
 			actionSlot: W(n),
-			dragHandleSlot: h,
-			dragHandleLabel: g
+			actionsVisibility: y,
+			dragHandleSlot: g,
+			dragHandleLabel: v
 		};
 	}, q = (e) => {
 		let { hub: n, groupId: r, icon: o } = e, s = {
@@ -179,7 +185,8 @@ function v(v) {
 			return e.label != null && (t = a(e.label, E)), K({
 				entityId: e.id,
 				itemIcon: e.icon,
-				itemLabel: t
+				itemLabel: t,
+				sectionId: "primary"
 			});
 		}).filter((e) => e != null);
 		e.length > 0 && J.push({
@@ -196,7 +203,8 @@ function v(v) {
 				groupId: t?.groupId,
 				groupIcon: t?.groupIcon,
 				itemIcon: t?.itemIcon,
-				enableReorder: !0
+				enableReorder: !0,
+				sectionId: "pinned"
 			});
 		}).filter((e) => e != null);
 		if (e.length > 0) {
@@ -293,7 +301,8 @@ function v(v) {
 				groupId: e,
 				groupIcon: t.icon,
 				itemIcon: r.icon,
-				itemLabel: i
+				itemLabel: i,
+				sectionId: e
 			});
 			o != null && n.push(o);
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"buildSidebarSections.js","names":[],"sources":["../../../../../src/components/backoffice/layout/buildSidebarSections.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeDashboardRegistration,\n  BackofficeSidebarItemDescriptor,\n  BackofficeIconComponent,\n  BackofficeSidebarRecentItem,\n} from '../../../provider/types.js';\nimport { type AdminSidebarSection } from '@plumile/ui/admin/organisms/admin_sidebar/AdminSidebar.js';\nimport { type SidebarNavSectionItem } from '@plumile/ui/backoffice/molecules/sidebar_nav_section/SidebarNavSection.js';\nimport { BackofficeSidebarHistorySvg } from '@plumile/ui/icons/backoffice/BackofficeSidebarHistorySvg.js';\nimport { GripDotsSvg } from '@plumile/ui/icons/GripDotsSvg.js';\nimport { PinFilledSvg } from '@plumile/ui/icons/PinFilledSvg.js';\nimport { PinSvg } from '@plumile/ui/icons/PinSvg.js';\nimport { SidebarHomeSvg } from '@plumile/ui/icons/SidebarHomeSvg.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { SidebarGroupCollapseState } from '../../../hooks/useSidebarGroupCollapse.js';\nimport { findBackofficeDashboardRegistration } from '../../../provider/dashboardRegistrations.js';\nimport * as styles from './backofficeSidebarActions.css.js';\nimport {\n  buildEntityGroupLookup,\n  isActivePath,\n  joinBackofficePath,\n  resolveLabel,\n  resolveGroupItems,\n  resolveHubEntityIds,\n  resolveSidebarHub,\n  resolveSidebarGroups,\n} from './sidebarUtils.js';\n\nconst renderIcon = (\n  Icon?: BackofficeIconComponent,\n  fallback?: ReactNode,\n  size = 18,\n): ReactNode => {\n  if (Icon != null) {\n    return <Icon width={size} height={size} aria-hidden=\"true\" />;\n  }\n  return fallback ?? null;\n};\n\nexport type BuildSidebarSectionsInput = {\n  basePath: string;\n  pathname: string;\n  entities: BackofficeEntityManifestMap;\n  dashboards?: readonly BackofficeDashboardRegistration[];\n  sidebar?: BackofficeSidebarConfig;\n  permissions: unknown;\n  searchQuery?: string;\n  tApp: TFunction;\n  t: TFunction;\n  pinnedEntityIds?: readonly string[];\n  recentItems?: readonly BackofficeSidebarRecentItem[];\n  onTogglePin?: (entityId: string) => void;\n  onReorderPin?: (fromId: string, toId: string) => void;\n  collapsedByGroupId?: SidebarGroupCollapseState;\n  onGroupCollapsedChange?: (groupId: string, collapsed: boolean) => void;\n  sidebarCollapsed?: boolean;\n};\n\n/**\n * Builds the sidebar sections for the backoffice layout.\n */\nexport function buildSidebarSections(\n  input: BuildSidebarSectionsInput,\n): readonly AdminSidebarSection[] {\n  const {\n    basePath,\n    pathname,\n    entities,\n    dashboards = [],\n    sidebar,\n    permissions,\n    searchQuery,\n    tApp,\n    t,\n    pinnedEntityIds = [],\n    recentItems = [],\n    onTogglePin,\n    onReorderPin,\n    collapsedByGroupId,\n    onGroupCollapsedChange,\n    sidebarCollapsed = false,\n  } = input;\n\n  const groups = resolveSidebarGroups(entities, sidebar);\n  const entries = Object.entries(groups);\n  const pinnedSet = new Set(pinnedEntityIds);\n  const pinLabel = t('sidebar.actions.pin');\n  const unpinLabel = t('sidebar.actions.unpin');\n  const reorderLabel = t('sidebar.actions.reorder');\n  const entityGroupLookup = buildEntityGroupLookup(groups, sidebar);\n  const normalizedQuery = searchQuery?.trim().toLowerCase() ?? '';\n\n  const labelMatchesQuery = (label: string): boolean => {\n    return (\n      normalizedQuery === '' || label.toLowerCase().includes(normalizedQuery)\n    );\n  };\n\n  const renderPinAction = (entityId: string): ReactNode | null => {\n    if (onTogglePin == null) {\n      return null;\n    }\n    const isPinned = pinnedSet.has(entityId);\n    let label = pinLabel;\n    let Icon = PinSvg;\n    if (isPinned) {\n      label = unpinLabel;\n      Icon = PinFilledSvg;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        className={styles.actionButton}\n        aria-pressed={isPinned}\n        aria-label={label}\n        title={label}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onTogglePin(entityId);\n        }}\n      >\n        <Icon width={14} height={14} aria-hidden=\"true\" />\n      </button>\n    );\n  };\n\n  const buildDashboardItem = (\n    inputItem?: {\n      id?: string;\n      icon?: BackofficeIconComponent;\n      label?: string;\n    },\n    groupId?: string,\n  ): SidebarNavSectionItem | null => {\n    const dashboardId = inputItem?.id ?? 'dashboard';\n    const dashboardDescriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'dashboard',\n      id: dashboardId,\n    };\n    const isDashboardVisible = sidebar?.isItemVisible?.(\n      dashboardDescriptor,\n      permissions,\n    );\n    if (isDashboardVisible === false) {\n      return null;\n    }\n\n    const registration = findBackofficeDashboardRegistration(\n      dashboards,\n      dashboardId,\n    );\n    let label = inputItem?.label;\n    if (label == null && registration != null) {\n      label = resolveLabel(registration.label, tApp);\n    }\n    label ??= t('sidebar.items.dashboard');\n    if (!labelMatchesQuery(label)) {\n      return null;\n    }\n\n    let href = basePath;\n    let id = 'dashboard';\n    if (dashboardId !== 'dashboard') {\n      href = joinBackofficePath(basePath, `dashboard/${dashboardId}`);\n      id = `dashboard-${dashboardId}`;\n    }\n\n    let isActive = isActivePath(pathname, href);\n    if (dashboardId === 'dashboard') {\n      isActive = pathname === basePath || pathname === `${basePath}/dashboard`;\n    }\n\n    return {\n      id,\n      data: {\n        kind: 'dashboard',\n        id: dashboardId,\n        groupId,\n      },\n      label,\n      href,\n      icon: renderIcon(\n        inputItem?.icon ?? registration?.icon,\n        <SidebarHomeSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive,\n      ariaLabel: label,\n    };\n  };\n\n  const buildEntityItem = (inputItem: {\n    entityId: string;\n    groupId?: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n    itemLabel?: string;\n    enableReorder?: boolean;\n  }): SidebarNavSectionItem | null => {\n    const { entityId, groupId, groupIcon, itemIcon, itemLabel, enableReorder } =\n      inputItem;\n    const config = entities[entityId];\n    if (config == null) {\n      return null;\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    const isEntityVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isEntityVisible === false) {\n      return null;\n    }\n\n    if (config.kind === 'tool') {\n      const label = itemLabel ?? resolveLabel(config.label, tApp);\n      if (\n        normalizedQuery !== '' &&\n        !label.toLowerCase().includes(normalizedQuery)\n      ) {\n        return null;\n      }\n      return {\n        id: `tool-${entityId}`,\n        data: {\n          kind: 'tool',\n          id: entityId,\n          groupId,\n        },\n        label,\n        href: config.routes.list,\n        icon: renderIcon(\n          itemIcon ?? groupIcon,\n          <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n        ),\n        isActive: isActivePath(pathname, config.routes.list),\n        ariaLabel: label,\n        actionSlot: renderPinAction(entityId),\n      };\n    }\n\n    if (!config.hasList) {\n      return null;\n    }\n\n    const label = itemLabel ?? resolveLabel(config.label, tApp);\n    if (\n      normalizedQuery !== '' &&\n      !label.toLowerCase().includes(normalizedQuery)\n    ) {\n      return null;\n    }\n\n    let dragHandleSlot: ReactNode | undefined;\n    if (enableReorder === true && onReorderPin != null) {\n      dragHandleSlot = (\n        <GripDotsSvg width={14} height={14} aria-hidden=\"true\" />\n      );\n    }\n\n    let dragHandleLabel: string | undefined;\n    if (dragHandleSlot != null) {\n      dragHandleLabel = reorderLabel;\n    }\n\n    return {\n      id: entityId,\n      data: {\n        kind: 'entity',\n        id: entityId,\n        groupId,\n      },\n      label,\n      href: config.routes.list,\n      icon: renderIcon(\n        itemIcon ?? groupIcon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive: isActivePath(pathname, config.routes.list),\n      ariaLabel: label,\n      actionSlot: renderPinAction(entityId),\n      dragHandleSlot,\n      dragHandleLabel,\n    };\n  };\n\n  const buildHubItem = (inputItem: {\n    hub: ReturnType<typeof resolveSidebarHub>;\n    groupId?: string;\n    icon?: BackofficeIconComponent;\n  }): SidebarNavSectionItem | null => {\n    const { hub, groupId, icon } = inputItem;\n    const descriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'hub',\n      id: hub.id,\n    };\n    const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isVisible === false) {\n      return null;\n    }\n    const childEntityIds = resolveHubEntityIds(hub);\n    const visibleChildConfigs = childEntityIds\n      .map((entityId) => {\n        return entities[entityId] ?? null;\n      })\n      .filter((config): config is BackofficeEntityManifestMap[string] => {\n        if (config == null) {\n          return false;\n        }\n        let childKind: BackofficeSidebarItemDescriptor['kind'] = 'entity';\n        if (config.kind === 'tool') {\n          childKind = 'tool';\n        }\n        const childDescriptor: BackofficeSidebarItemDescriptor = {\n          kind: childKind,\n          id: config.id,\n        };\n        const isChildVisible = sidebar?.isItemVisible?.(\n          childDescriptor,\n          permissions,\n        );\n        if (isChildVisible === false) {\n          return false;\n        }\n        if (config.kind !== 'tool' && !config.hasList) {\n          return false;\n        }\n        return true;\n      });\n    if (childEntityIds.length > 0 && visibleChildConfigs.length === 0) {\n      return null;\n    }\n    const label = resolveLabel(hub.title, tApp);\n    const matchesHub = labelMatchesQuery(label);\n    const matchesChild = visibleChildConfigs.some((config) => {\n      return labelMatchesQuery(resolveLabel(config.label, tApp));\n    });\n    if (!matchesHub && !matchesChild) {\n      return null;\n    }\n    const isActive =\n      isActivePath(pathname, hub.href) ||\n      visibleChildConfigs.some((config) => {\n        return isActivePath(pathname, config.routes.list);\n      });\n    return {\n      id: `hub-${hub.id}`,\n      data: {\n        kind: 'hub',\n        id: hub.id,\n        groupId,\n      },\n      label,\n      href: hub.href,\n      icon: renderIcon(\n        icon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive,\n      ariaLabel: label,\n    };\n  };\n\n  const sections: AdminSidebarSection[] = [];\n\n  const primaryItems = sidebar?.primaryItems ?? [];\n  if (primaryItems.length > 0) {\n    const primarySectionItems = primaryItems\n      .map((primaryItem): SidebarNavSectionItem | null => {\n        if (primaryItem.kind === 'dashboard') {\n          let itemLabel: string | undefined;\n          if (primaryItem.label != null) {\n            itemLabel = resolveLabel(primaryItem.label, tApp);\n          }\n          return buildDashboardItem({\n            id: primaryItem.id,\n            icon: primaryItem.icon,\n            label: itemLabel,\n          });\n        }\n        if (primaryItem.kind === 'hub') {\n          const hub = resolveSidebarHub(primaryItem, sidebar);\n          return buildHubItem({\n            hub,\n            icon: primaryItem.icon,\n          });\n        }\n        let itemLabel: string | undefined;\n        if (primaryItem.label != null) {\n          itemLabel = resolveLabel(primaryItem.label, tApp);\n        }\n        return buildEntityItem({\n          entityId: primaryItem.id,\n          itemIcon: primaryItem.icon,\n          itemLabel,\n        });\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (primarySectionItems.length > 0) {\n      sections.push({\n        id: 'primary',\n        items: primarySectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  if (pinnedEntityIds.length > 0) {\n    const pinnedItems = pinnedEntityIds\n      .map((entityId) => {\n        const groupMeta = entityGroupLookup.get(entityId);\n        return buildEntityItem({\n          entityId,\n          groupId: groupMeta?.groupId,\n          groupIcon: groupMeta?.groupIcon,\n          itemIcon: groupMeta?.itemIcon,\n          enableReorder: true,\n        });\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (pinnedItems.length > 0) {\n      let reorder: AdminSidebarSection['reorder'];\n      if (onReorderPin != null && pinnedItems.length > 1) {\n        reorder = {\n          enabled: true,\n          onReorder: onReorderPin,\n        };\n      }\n      let sectionItems = pinnedItems;\n      if (reorder == null) {\n        sectionItems = pinnedItems.map((item) => {\n          const { dragHandleSlot, dragHandleLabel, ...rest } = item;\n          return rest;\n        });\n      }\n\n      sections.push({\n        id: 'pinned',\n        title: t('sidebar.sections.pinned'),\n        icon: renderIcon(\n          undefined,\n          <PinSvg width={16} height={16} aria-hidden=\"true\" />,\n        ),\n        items: sectionItems,\n        collapsible: false,\n        reorder,\n      });\n    }\n  }\n\n  if (recentItems.length > 0) {\n    const recentSectionItems = recentItems\n      .map((recentItem): SidebarNavSectionItem | null => {\n        const config = entities[recentItem.id];\n        if (config == null) {\n          return null;\n        }\n        const descriptor: BackofficeSidebarItemDescriptor = {\n          kind: recentItem.kind,\n          id: recentItem.id,\n        };\n        const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n        if (isVisible === false) {\n          return null;\n        }\n        if (\n          normalizedQuery !== '' &&\n          !recentItem.label.toLowerCase().includes(normalizedQuery)\n        ) {\n          return null;\n        }\n        const groupMeta = entityGroupLookup.get(recentItem.id);\n        return {\n          id: `recent-${recentItem.kind}-${recentItem.id}`,\n          data: {\n            kind: recentItem.kind,\n            id: recentItem.id,\n            groupId: groupMeta?.groupId,\n          },\n          label: recentItem.label,\n          href: recentItem.href,\n          icon: renderIcon(\n            groupMeta?.itemIcon ?? groupMeta?.groupIcon,\n            <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n          ),\n          isActive: isActivePath(pathname, recentItem.href),\n          ariaLabel: recentItem.label,\n        } satisfies SidebarNavSectionItem;\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (recentSectionItems.length > 0) {\n      sections.push({\n        id: 'recent',\n        title: t('sidebar.sections.recent'),\n        icon: renderIcon(\n          undefined,\n          <BackofficeSidebarHistorySvg\n            width={16}\n            height={16}\n            aria-hidden=\"true\"\n          />,\n        ),\n        items: recentSectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  entries.forEach(([groupId, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n\n    const items: SidebarNavSectionItem[] = [];\n\n    const groupItems = resolveGroupItems(group);\n    if (groupItems.length > 0) {\n      groupItems.forEach((groupItem) => {\n        if (groupItem.kind === 'dashboard') {\n          let itemLabel: string | undefined;\n          if (groupItem.label != null) {\n            itemLabel = resolveLabel(groupItem.label, tApp);\n          }\n          const item = buildDashboardItem(\n            {\n              id: groupItem.id,\n              icon: groupItem.icon ?? group.icon,\n              label: itemLabel,\n            },\n            groupId,\n          );\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        if (groupItem.kind === 'hub') {\n          const hub = resolveSidebarHub(groupItem, sidebar);\n          const item = buildHubItem({\n            hub,\n            groupId,\n            icon: groupItem.icon ?? group.icon,\n          });\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        let itemLabel: string | undefined;\n        if (groupItem.label != null) {\n          itemLabel = resolveLabel(groupItem.label, tApp);\n        }\n        const item = buildEntityItem({\n          entityId: groupItem.id,\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: groupItem.icon,\n          itemLabel,\n        });\n        if (item != null) {\n          items.push(item);\n        }\n      });\n    }\n\n    let sectionItems: SidebarNavSectionItem[] = items;\n    if (sidebarCollapsed && group.behavior?.showInCollapsedRail !== true) {\n      sectionItems = items.filter((item) => {\n        return item.data?.kind === 'dashboard' || item.isActive === true;\n      });\n    }\n\n    if (sectionItems.length === 0) {\n      return;\n    }\n\n    let title: string | undefined;\n    if (group.title != null) {\n      title = resolveLabel(group.title, tApp);\n    }\n\n    const isCollapsed = collapsedByGroupId?.[groupId];\n    let onCollapsedChange: ((collapsed: boolean) => void) | undefined;\n    if (onGroupCollapsedChange != null) {\n      onCollapsedChange = (collapsed: boolean) => {\n        onGroupCollapsedChange(groupId, collapsed);\n      };\n    }\n\n    sections.push({\n      id: groupId,\n      title,\n      icon: renderIcon(group.icon, undefined, 16),\n      items: sectionItems,\n      collapsible: group.behavior?.collapsible ?? true,\n      defaultCollapsed: group.behavior?.defaultCollapsed ?? true,\n      isCollapsed,\n      onCollapsedChange,\n    });\n  });\n\n  return sections;\n}\n"],"mappings":"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"}
+{"version":3,"file":"buildSidebarSections.js","names":[],"sources":["../../../../../src/components/backoffice/layout/buildSidebarSections.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeDashboardRegistration,\n  BackofficeSidebarItemDescriptor,\n  BackofficeIconComponent,\n  BackofficeSidebarRecentItem,\n} from '../../../provider/types.js';\nimport type {\n  SidebarNavigationItem,\n  SidebarNavigationSection,\n} from '@plumile/ui/components/navigation/sidebar/SidebarNavigation.js';\nimport { BackofficeSidebarHistorySvg } from '@plumile/ui/icons/backoffice/BackofficeSidebarHistorySvg.js';\nimport { GripDotsSvg } from '@plumile/ui/icons/GripDotsSvg.js';\nimport { PinFilledSvg } from '@plumile/ui/icons/PinFilledSvg.js';\nimport { PinSvg } from '@plumile/ui/icons/PinSvg.js';\nimport { SidebarHomeSvg } from '@plumile/ui/icons/SidebarHomeSvg.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { SidebarGroupCollapseState } from '../../../hooks/useSidebarGroupCollapse.js';\nimport { findBackofficeDashboardRegistration } from '../../../provider/dashboardRegistrations.js';\nimport * as styles from './backofficeSidebarActions.css.js';\nimport {\n  buildEntityGroupLookup,\n  isActivePath,\n  joinBackofficePath,\n  resolveLabel,\n  resolveGroupItems,\n  resolveHubEntityIds,\n  resolveSidebarHub,\n  resolveSidebarGroups,\n} from './sidebarUtils.js';\n\nconst renderIcon = (\n  Icon?: BackofficeIconComponent,\n  fallback?: ReactNode,\n  size = 18,\n): ReactNode => {\n  if (Icon != null) {\n    return <Icon width={size} height={size} aria-hidden=\"true\" />;\n  }\n  return fallback ?? null;\n};\n\nexport type BuildSidebarSectionsInput = {\n  basePath: string;\n  pathname: string;\n  entities: BackofficeEntityManifestMap;\n  dashboards?: readonly BackofficeDashboardRegistration[];\n  sidebar?: BackofficeSidebarConfig;\n  permissions: unknown;\n  searchQuery?: string;\n  tApp: TFunction;\n  t: TFunction;\n  pinnedEntityIds?: readonly string[];\n  recentItems?: readonly BackofficeSidebarRecentItem[];\n  onTogglePin?: (entityId: string) => void;\n  onReorderPin?: (fromId: string, toId: string) => void;\n  collapsedByGroupId?: SidebarGroupCollapseState;\n  onGroupCollapsedChange?: (groupId: string, collapsed: boolean) => void;\n  sidebarCollapsed?: boolean;\n};\n\n/**\n * Builds the sidebar sections for the backoffice layout.\n */\nexport function buildSidebarSections(\n  input: BuildSidebarSectionsInput,\n): readonly SidebarNavigationSection[] {\n  const {\n    basePath,\n    pathname,\n    entities,\n    dashboards = [],\n    sidebar,\n    permissions,\n    searchQuery,\n    tApp,\n    t,\n    pinnedEntityIds = [],\n    recentItems = [],\n    onTogglePin,\n    onReorderPin,\n    collapsedByGroupId,\n    onGroupCollapsedChange,\n    sidebarCollapsed = false,\n  } = input;\n\n  const groups = resolveSidebarGroups(entities, sidebar);\n  const entries = Object.entries(groups);\n  const pinnedSet = new Set(pinnedEntityIds);\n  const pinLabel = t('sidebar.actions.pin');\n  const unpinLabel = t('sidebar.actions.unpin');\n  const reorderLabel = t('sidebar.actions.reorder');\n  const entityGroupLookup = buildEntityGroupLookup(groups, sidebar);\n  const normalizedQuery = searchQuery?.trim().toLowerCase() ?? '';\n\n  const labelMatchesQuery = (label: string): boolean => {\n    return (\n      normalizedQuery === '' || label.toLowerCase().includes(normalizedQuery)\n    );\n  };\n\n  const renderPinAction = (entityId: string): ReactNode | null => {\n    if (onTogglePin == null) {\n      return null;\n    }\n    const isPinned = pinnedSet.has(entityId);\n    let label = pinLabel;\n    let Icon = PinSvg;\n    if (isPinned) {\n      label = unpinLabel;\n      Icon = PinFilledSvg;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        className={styles.actionButton}\n        aria-pressed={isPinned}\n        aria-label={label}\n        title={label}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onTogglePin(entityId);\n        }}\n      >\n        <Icon width={14} height={14} aria-hidden=\"true\" />\n      </button>\n    );\n  };\n\n  const buildDashboardItem = (\n    inputItem?: {\n      id?: string;\n      icon?: BackofficeIconComponent;\n      label?: string;\n    },\n    groupId?: string,\n  ): SidebarNavigationItem | null => {\n    const dashboardId = inputItem?.id ?? 'dashboard';\n    const dashboardDescriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'dashboard',\n      id: dashboardId,\n    };\n    const isDashboardVisible = sidebar?.isItemVisible?.(\n      dashboardDescriptor,\n      permissions,\n    );\n    if (isDashboardVisible === false) {\n      return null;\n    }\n\n    const registration = findBackofficeDashboardRegistration(\n      dashboards,\n      dashboardId,\n    );\n    let label = inputItem?.label;\n    if (label == null && registration != null) {\n      label = resolveLabel(registration.label, tApp);\n    }\n    label ??= t('sidebar.items.dashboard');\n    if (!labelMatchesQuery(label)) {\n      return null;\n    }\n\n    let href = basePath;\n    let id = 'dashboard';\n    if (dashboardId !== 'dashboard') {\n      href = joinBackofficePath(basePath, `dashboard/${dashboardId}`);\n      id = `dashboard-${dashboardId}`;\n    }\n\n    let isActive = isActivePath(pathname, href);\n    if (dashboardId === 'dashboard') {\n      isActive = pathname === basePath || pathname === `${basePath}/dashboard`;\n    }\n\n    return {\n      id,\n      data: {\n        kind: 'dashboard',\n        id: dashboardId,\n        groupId,\n      },\n      label,\n      href,\n      icon: renderIcon(\n        inputItem?.icon ?? registration?.icon,\n        <SidebarHomeSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive,\n      ariaLabel: label,\n    };\n  };\n\n  const buildEntityItem = (inputItem: {\n    entityId: string;\n    groupId?: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n    itemLabel?: string;\n    enableReorder?: boolean;\n    sectionId?: string;\n  }): SidebarNavigationItem | null => {\n    const {\n      entityId,\n      groupId,\n      groupIcon,\n      itemIcon,\n      itemLabel,\n      enableReorder,\n      sectionId,\n    } = inputItem;\n    const config = entities[entityId];\n    if (config == null) {\n      return null;\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    const isEntityVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isEntityVisible === false) {\n      return null;\n    }\n\n    if (config.kind === 'tool') {\n      const label = itemLabel ?? resolveLabel(config.label, tApp);\n      if (\n        normalizedQuery !== '' &&\n        !label.toLowerCase().includes(normalizedQuery)\n      ) {\n        return null;\n      }\n\n      let actionsVisibility: SidebarNavigationItem['actionsVisibility'];\n      if (sectionId !== 'pinned' && pinnedSet.has(entityId)) {\n        actionsVisibility = 'always';\n      }\n\n      return {\n        id: `tool-${entityId}`,\n        data: {\n          kind: 'tool',\n          id: entityId,\n          groupId,\n        },\n        label,\n        href: config.routes.list,\n        icon: renderIcon(\n          itemIcon ?? groupIcon,\n          <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n        ),\n        isActive: isActivePath(pathname, config.routes.list),\n        ariaLabel: label,\n        actionSlot: renderPinAction(entityId),\n        actionsVisibility,\n      };\n    }\n\n    if (!config.hasList) {\n      return null;\n    }\n\n    const label = itemLabel ?? resolveLabel(config.label, tApp);\n    if (\n      normalizedQuery !== '' &&\n      !label.toLowerCase().includes(normalizedQuery)\n    ) {\n      return null;\n    }\n\n    let dragHandleSlot: ReactNode | undefined;\n    if (enableReorder === true && onReorderPin != null) {\n      dragHandleSlot = (\n        <GripDotsSvg width={14} height={14} aria-hidden=\"true\" />\n      );\n    }\n\n    let dragHandleLabel: string | undefined;\n    if (dragHandleSlot != null) {\n      dragHandleLabel = reorderLabel;\n    }\n\n    let actionsVisibility: SidebarNavigationItem['actionsVisibility'];\n    if (sectionId !== 'pinned' && pinnedSet.has(entityId)) {\n      actionsVisibility = 'always';\n    }\n\n    return {\n      id: entityId,\n      data: {\n        kind: 'entity',\n        id: entityId,\n        groupId,\n      },\n      label,\n      href: config.routes.list,\n      icon: renderIcon(\n        itemIcon ?? groupIcon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive: isActivePath(pathname, config.routes.list),\n      ariaLabel: label,\n      actionSlot: renderPinAction(entityId),\n      actionsVisibility,\n      dragHandleSlot,\n      dragHandleLabel,\n    };\n  };\n\n  const buildHubItem = (inputItem: {\n    hub: ReturnType<typeof resolveSidebarHub>;\n    groupId?: string;\n    icon?: BackofficeIconComponent;\n  }): SidebarNavigationItem | null => {\n    const { hub, groupId, icon } = inputItem;\n    const descriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'hub',\n      id: hub.id,\n    };\n    const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isVisible === false) {\n      return null;\n    }\n    const childEntityIds = resolveHubEntityIds(hub);\n    const visibleChildConfigs = childEntityIds\n      .map((entityId) => {\n        return entities[entityId] ?? null;\n      })\n      .filter((config): config is BackofficeEntityManifestMap[string] => {\n        if (config == null) {\n          return false;\n        }\n        let childKind: BackofficeSidebarItemDescriptor['kind'] = 'entity';\n        if (config.kind === 'tool') {\n          childKind = 'tool';\n        }\n        const childDescriptor: BackofficeSidebarItemDescriptor = {\n          kind: childKind,\n          id: config.id,\n        };\n        const isChildVisible = sidebar?.isItemVisible?.(\n          childDescriptor,\n          permissions,\n        );\n        if (isChildVisible === false) {\n          return false;\n        }\n        if (config.kind !== 'tool' && !config.hasList) {\n          return false;\n        }\n        return true;\n      });\n    if (childEntityIds.length > 0 && visibleChildConfigs.length === 0) {\n      return null;\n    }\n    const label = resolveLabel(hub.title, tApp);\n    const matchesHub = labelMatchesQuery(label);\n    const matchesChild = visibleChildConfigs.some((config) => {\n      return labelMatchesQuery(resolveLabel(config.label, tApp));\n    });\n    if (!matchesHub && !matchesChild) {\n      return null;\n    }\n    const isActive =\n      isActivePath(pathname, hub.href) ||\n      visibleChildConfigs.some((config) => {\n        return isActivePath(pathname, config.routes.list);\n      });\n    return {\n      id: `hub-${hub.id}`,\n      data: {\n        kind: 'hub',\n        id: hub.id,\n        groupId,\n      },\n      label,\n      href: hub.href,\n      icon: renderIcon(\n        icon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive,\n      ariaLabel: label,\n    };\n  };\n\n  const sections: SidebarNavigationSection[] = [];\n\n  const primaryItems = sidebar?.primaryItems ?? [];\n  if (primaryItems.length > 0) {\n    const primarySectionItems = primaryItems\n      .map((primaryItem): SidebarNavigationItem | null => {\n        if (primaryItem.kind === 'dashboard') {\n          let itemLabel: string | undefined;\n          if (primaryItem.label != null) {\n            itemLabel = resolveLabel(primaryItem.label, tApp);\n          }\n          return buildDashboardItem({\n            id: primaryItem.id,\n            icon: primaryItem.icon,\n            label: itemLabel,\n          });\n        }\n        if (primaryItem.kind === 'hub') {\n          const hub = resolveSidebarHub(primaryItem, sidebar);\n          return buildHubItem({\n            hub,\n            icon: primaryItem.icon,\n          });\n        }\n        let itemLabel: string | undefined;\n        if (primaryItem.label != null) {\n          itemLabel = resolveLabel(primaryItem.label, tApp);\n        }\n        return buildEntityItem({\n          entityId: primaryItem.id,\n          itemIcon: primaryItem.icon,\n          itemLabel,\n          sectionId: 'primary',\n        });\n      })\n      .filter((item): item is SidebarNavigationItem => {\n        return item != null;\n      });\n\n    if (primarySectionItems.length > 0) {\n      sections.push({\n        id: 'primary',\n        items: primarySectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  if (pinnedEntityIds.length > 0) {\n    const pinnedItems = pinnedEntityIds\n      .map((entityId) => {\n        const groupMeta = entityGroupLookup.get(entityId);\n        return buildEntityItem({\n          entityId,\n          groupId: groupMeta?.groupId,\n          groupIcon: groupMeta?.groupIcon,\n          itemIcon: groupMeta?.itemIcon,\n          enableReorder: true,\n          sectionId: 'pinned',\n        });\n      })\n      .filter((item): item is SidebarNavigationItem => {\n        return item != null;\n      });\n\n    if (pinnedItems.length > 0) {\n      let reorder: SidebarNavigationSection['reorder'];\n      if (onReorderPin != null && pinnedItems.length > 1) {\n        reorder = {\n          enabled: true,\n          onReorder: onReorderPin,\n        };\n      }\n      let sectionItems = pinnedItems;\n      if (reorder == null) {\n        sectionItems = pinnedItems.map((item) => {\n          const { dragHandleSlot, dragHandleLabel, ...rest } = item;\n          return rest;\n        });\n      }\n\n      sections.push({\n        id: 'pinned',\n        title: t('sidebar.sections.pinned'),\n        icon: renderIcon(\n          undefined,\n          <PinSvg width={16} height={16} aria-hidden=\"true\" />,\n        ),\n        items: sectionItems,\n        collapsible: false,\n        reorder,\n      });\n    }\n  }\n\n  if (recentItems.length > 0) {\n    const recentSectionItems = recentItems\n      .map((recentItem): SidebarNavigationItem | null => {\n        const config = entities[recentItem.id];\n        if (config == null) {\n          return null;\n        }\n        const descriptor: BackofficeSidebarItemDescriptor = {\n          kind: recentItem.kind,\n          id: recentItem.id,\n        };\n        const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n        if (isVisible === false) {\n          return null;\n        }\n        if (\n          normalizedQuery !== '' &&\n          !recentItem.label.toLowerCase().includes(normalizedQuery)\n        ) {\n          return null;\n        }\n        const groupMeta = entityGroupLookup.get(recentItem.id);\n        return {\n          id: `recent-${recentItem.kind}-${recentItem.id}`,\n          data: {\n            kind: recentItem.kind,\n            id: recentItem.id,\n            groupId: groupMeta?.groupId,\n          },\n          label: recentItem.label,\n          href: recentItem.href,\n          icon: renderIcon(\n            groupMeta?.itemIcon ?? groupMeta?.groupIcon,\n            <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n          ),\n          isActive: isActivePath(pathname, recentItem.href),\n          ariaLabel: recentItem.label,\n        } satisfies SidebarNavigationItem;\n      })\n      .filter((item): item is SidebarNavigationItem => {\n        return item != null;\n      });\n\n    if (recentSectionItems.length > 0) {\n      sections.push({\n        id: 'recent',\n        title: t('sidebar.sections.recent'),\n        icon: renderIcon(\n          undefined,\n          <BackofficeSidebarHistorySvg\n            width={16}\n            height={16}\n            aria-hidden=\"true\"\n          />,\n        ),\n        items: recentSectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  entries.forEach(([groupId, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n\n    const items: SidebarNavigationItem[] = [];\n\n    const groupItems = resolveGroupItems(group);\n    if (groupItems.length > 0) {\n      groupItems.forEach((groupItem) => {\n        if (groupItem.kind === 'dashboard') {\n          let itemLabel: string | undefined;\n          if (groupItem.label != null) {\n            itemLabel = resolveLabel(groupItem.label, tApp);\n          }\n          const item = buildDashboardItem(\n            {\n              id: groupItem.id,\n              icon: groupItem.icon ?? group.icon,\n              label: itemLabel,\n            },\n            groupId,\n          );\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        if (groupItem.kind === 'hub') {\n          const hub = resolveSidebarHub(groupItem, sidebar);\n          const item = buildHubItem({\n            hub,\n            groupId,\n            icon: groupItem.icon ?? group.icon,\n          });\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        let itemLabel: string | undefined;\n        if (groupItem.label != null) {\n          itemLabel = resolveLabel(groupItem.label, tApp);\n        }\n        const item = buildEntityItem({\n          entityId: groupItem.id,\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: groupItem.icon,\n          itemLabel,\n          sectionId: groupId,\n        });\n        if (item != null) {\n          items.push(item);\n        }\n      });\n    }\n\n    let sectionItems: SidebarNavigationItem[] = items;\n    if (sidebarCollapsed && group.behavior?.showInCollapsedRail !== true) {\n      sectionItems = items.filter((item) => {\n        return item.data?.kind === 'dashboard' || item.isActive === true;\n      });\n    }\n\n    if (sectionItems.length === 0) {\n      return;\n    }\n\n    let title: string | undefined;\n    if (group.title != null) {\n      title = resolveLabel(group.title, tApp);\n    }\n\n    const isCollapsed = collapsedByGroupId?.[groupId];\n    let onCollapsedChange: ((collapsed: boolean) => void) | undefined;\n    if (onGroupCollapsedChange != null) {\n      onCollapsedChange = (collapsed: boolean) => {\n        onGroupCollapsedChange(groupId, collapsed);\n      };\n    }\n\n    sections.push({\n      id: groupId,\n      title,\n      icon: renderIcon(group.icon, undefined, 16),\n      items: sectionItems,\n      collapsible: group.behavior?.collapsible ?? true,\n      defaultCollapsed: group.behavior?.defaultCollapsed ?? true,\n      isCollapsed,\n      onCollapsedChange,\n    });\n  });\n\n  return sections;\n}\n"],"mappings":"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"}

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 { BackofficeSidebarProfileViewer } from '@plumile/ui/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.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): BackofficeSidebarProfileViewer => {\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,MAAM,IAAI,IAGb,KAAiC,EAC5C,WACA,0BACwE;CASxE,IAAI,IANsB,CAFR,EAAc,GAAQ,UAEb,EADV,EAAc,GAAQ,SACD,CAAS,CAC5C,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,IAAI,CACT,MACe;CAClB,AAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,MAAM,EAEtC,IADkB,EAAc,GAAQ,SAC7B;CACf,AAAI,MAAa,OACf,IAAW;CAGb,IAAM,IAAY,CAAC,EAAY;CAK/B,OAJI,MAAU,MACZ,EAAU,KAAK,EAAM,EAGhB;EACL;EACA;EACA;EACA,WAAW,EAAU,KAAK,MAAM;EACjC"}
+{"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,MAAM,IAAI,IAGb,KAAiC,EAC5C,WACA,0BAC8D;CAS9D,IAAI,IANsB,CAFR,EAAc,GAAQ,UAEb,EADV,EAAc,GAAQ,SACD,CAAS,CAC5C,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,IAAI,CACT,MACe;CAClB,AAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,MAAM,EAEtC,IADkB,EAAc,GAAQ,SAC7B;CACf,AAAI,MAAa,OACf,IAAW;CAGb,IAAM,IAAY,CAAC,EAAY;CAK/B,OAJI,MAAU,MACZ,EAAU,KAAK,EAAM,EAGhB;EACL;EACA;EACA;EACA,WAAW,EAAU,KAAK,MAAM;EACjC"}

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

@@ -1,3 +1,4 @@
+/* empty css                                                             */
 /* empty css                            */
 //#region src/components/backoffice/list/RowFlagsCell.css.ts
 var e = "txvbqbyns txvbqbzld txvbqb10il txvbqbvuo txvbqbjtp", t = "txvbqbdsb txvbqbey txvbqbjtp txvbqbga8 txvbqb17w0", n = "qbwcuex qbwcuer txvbqbdsb txvbqbey txvbqbjtp txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn";

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

@@ -2,20 +2,19 @@ import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeR
 import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
 import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
 import { loadingLabel as r, loadingState as i } from "./entityIdPickerDialog.css.js";
-import { EntityPickerShell as a } from "./shared/EntityPickerShell.js";
-import { EntityPickerList as o } from "./shared/EntityPickerList.js";
-import { Suspense as s, useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { Button as g } from "@plumile/ui/atomic/atoms/button/Button.js";
-import * as _ from "react-relay";
-import { Modal as v } from "@plumile/ui/atomic/atoms/modal/Modal.js";
-import { Spinner as y } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BackofficeEmptyState as b } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { InlineBanner as x } from "@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js";
+import { Suspense as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { InlineBanner as u } from "@plumile/ui/components/feedback/InlineBanner.js";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { Button as h } from "@plumile/ui/atomic/atoms/button/Button.js";
+import * as g from "react-relay";
+import { Modal as _ } from "@plumile/ui/atomic/atoms/modal/Modal.js";
+import { Spinner as v } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as y } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficePickerList as b, BackofficePickerShell as x } from "@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js";
 //#region src/components/backoffice/pickers/EntityIdPickerDialog.tsx
-var { useFragment: S, useLazyLoadQuery: C } = _, w = "store-and-network", T = (e, t) => e(t), E = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
-	let a = u(() => {
+var { useFragment: S, useLazyLoadQuery: C } = g, w = "store-and-network", T = (e, t) => e(t), E = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
+	let a = c(() => {
 		let r = t.trim();
 		return e.buildQueryVariables({
 			search: r,
@@ -25,12 +24,12 @@ var { useFragment: S, useLazyLoadQuery: C } = _, w = "store-and-network", T = (e
 		e,
 		n,
 		t
-	]), s = C(e.query, a, {
+	]), o = C(e.query, a, {
 		fetchPolicy: w,
 		fetchKey: r
-	}), c = S(e.fragment, s), l = e.getConnection(c);
-	return /* @__PURE__ */ p(o, {
-		items: u(() => l.edges.map((t) => {
+	}), s = S(e.fragment, o), l = e.getConnection(s);
+	return /* @__PURE__ */ f(b, {
+		items: c(() => l.edges.map((t) => {
 			let n = e.toRow(t.node);
 			return {
 				id: e.getRowId(n),
@@ -38,66 +37,70 @@ var { useFragment: S, useLazyLoadQuery: C } = _, w = "store-and-network", T = (e
 				subtitle: n.subtitle
 			};
 		}), [e, l.edges]),
-		onSelectId: i
+		onSelectItem: (e) => {
+			i(e.id);
+		}
 	});
-}, D = (e, t) => /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p(g, {
+}, D = (e, t) => /* @__PURE__ */ f(d, { children: /* @__PURE__ */ f(h, {
 	type: "button",
 	variant: "secondary",
 	onClick: e,
 	children: t
-}) }), O = ({ message: e }) => /* @__PURE__ */ p(x, {
+}) }), O = ({ message: e }) => /* @__PURE__ */ f(u, {
 	tone: "warning",
 	title: e,
 	children: null
-}), k = ({ label: e }) => /* @__PURE__ */ m("div", {
+}), k = ({ label: e }) => /* @__PURE__ */ p("div", {
 	className: i,
 	role: "status",
 	"aria-live": "polite",
-	children: [/* @__PURE__ */ p(y, {
+	children: [/* @__PURE__ */ f(v, {
 		size: 18,
 		ariaLabel: e
-	}), /* @__PURE__ */ p("span", {
+	}), /* @__PURE__ */ f("span", {
 		className: r,
 		children: e
 	})]
-}), A = ({ isOpen: r, entity: i, title: o, scope: f, onClose: m, onSelectId: _ }) => {
-	let { t: y } = h(), { t: S } = e(), [C, w] = d(""), [A, j] = d(0), M = n(i, { enabled: r }), N;
-	M.status === "loaded" && (N = M.module.config.picker), l(() => {
+}), A = ({ isOpen: r, entity: i, title: d, scope: p, onClose: g, onSelectId: v }) => {
+	let { t: b } = m(), { t: S } = e(), [C, w] = l(""), [A, j] = l(0), M = n(i, { enabled: r }), N;
+	M.status === "loaded" && (N = M.module.config.picker), s(() => {
 		r && (w(""), j((e) => e + 1));
 	}, [r]);
-	let P = u(() => D(m, S("common.actions.close")), [m, S]), F = c((e) => {
+	let P = c(() => D(g, S("common.actions.close")), [g, S]), F = o((e) => {
 		w(e), j((e) => e + 1);
-	}, []), I = c((e) => {
-		_(e), m();
-	}, [m, _]);
+	}, []), I = o((e) => {
+		v(e), g();
+	}, [g, v]);
 	if (!r) return null;
 	let L;
-	N?.searchPlaceholder != null && (L = T(N.searchPlaceholder, y));
+	N?.searchPlaceholder != null && (L = T(N.searchPlaceholder, b));
 	let R = C.trim(), z = N?.searchRequired === !0, B;
-	return B = M.status === "loading" ? /* @__PURE__ */ p(k, { label: S("common.loading") }) : N == null ? /* @__PURE__ */ p(O, { message: S("picker.unavailable", { entity: i }) }) : z && R === "" ? /* @__PURE__ */ p(b, { title: S("picker.searchRequired") }) : /* @__PURE__ */ p(E, {
+	return B = M.status === "loading" ? /* @__PURE__ */ f(k, { label: S("common.loading") }) : N == null ? /* @__PURE__ */ f(O, { message: S("picker.unavailable", { entity: i }) }) : z && R === "" ? /* @__PURE__ */ f(y, { title: S("picker.searchRequired") }) : /* @__PURE__ */ f(E, {
 		config: N,
 		search: C,
-		scope: f,
+		scope: p,
 		fetchKey: A,
 		onSelectId: I
-	}), /* @__PURE__ */ p(v, {
+	}), /* @__PURE__ */ f(_, {
 		isOpen: r,
-		onClose: m,
-		title: o,
+		onClose: g,
+		title: d,
 		footer: P,
 		initialFocus: "first-form-control",
-		children: /* @__PURE__ */ p(a, {
-			search: C,
+		children: /* @__PURE__ */ f(x, {
+			searchValue: C,
 			onSearchChange: F,
 			searchPlaceholder: L,
+			searchAriaLabel: L,
+			searchName: "backoffice-entity-picker-search",
 			searchEnabled: N?.searchEnabled ?? !0,
-			children: /* @__PURE__ */ p(t, {
+			children: /* @__PURE__ */ f(t, {
 				fallback: (e) => {
 					let { reset: t } = e;
-					return /* @__PURE__ */ p(x, {
+					return /* @__PURE__ */ f(u, {
 						tone: "danger",
 						title: S("picker.errors.loadFailed"),
-						actions: /* @__PURE__ */ p(g, {
+						actions: /* @__PURE__ */ f(h, {
 							type: "button",
 							variant: "secondary",
 							onClick: () => {
@@ -108,8 +111,8 @@ var { useFragment: S, useLazyLoadQuery: C } = _, w = "store-and-network", T = (e
 						children: null
 					});
 				},
-				children: /* @__PURE__ */ p(s, {
-					fallback: /* @__PURE__ */ p(k, { label: S("common.loading") }),
+				children: /* @__PURE__ */ f(a, {
+					fallback: /* @__PURE__ */ f(k, { label: S("common.loading") }),
 					children: B
 				})
 			})

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 { InlineBanner } from '@plumile/ui/backoffice/molecules/inline_banner/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';\n\nimport { EntityPickerShell } from './shared/EntityPickerShell.js';\nimport { EntityPickerList } from './shared/EntityPickerList.js';\nimport type { EntityPickerRowViewModel } from './types.js';\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\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, unknown>>;\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 = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\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 <EntityPickerList items={items} onSelectId={onSelectId} />;\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\n      | 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      <EntityPickerShell\n        search={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\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      </EntityPickerShell>\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';\n\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\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, unknown>>;\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 = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\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\n      | 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":";;;;;;;;;;;;;;;AAkCA,IAAM,EAAE,aAAA,GAAa,kBAAA,MAAqB,GAWpC,IAAsB,qBAEtB,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAgBd,KAAc,EAClB,WACA,WACA,UACA,aACA,oBACkC;CAClC,IAAM,IAAY,QAAc;EAC9B,IAAM,IAAU,EAAO,MAAM;EAC7B,OAAO,EAAO,oBAAoB;GAAE,QAAQ;GAAS;GAAO,CAAC;IAC5D;EAAC;EAAQ;EAAO;EAAO,CAAC,EAErB,IAAY,EAAiB,EAAO,OAAO,GAAW;EAC1D,aAAa;EACb;EACD,CAAC,EAEI,IAAe,EACnB,EAAO,UACP,EACD,EAEK,IAAa,EAAO,cAAc,EAAa;CAcrD,OACE,kBAAC,GAAD;EACS,OAdG,QACL,EAAW,MAAM,KAAK,MAAS;GACpC,IAAM,IAAM,EAAO,MAAM,EAAK,KAAK;GAEnC,OAAO;IACL,IAFS,EAAO,SAAS,EAEzB;IACA,OAAO,EAAI;IACX,UAAU,EAAI;IACf;IACD,EACD,CAAC,GAAQ,EAAW,MAAM,CAIlB;EACP,eAAe,MAAS;GACtB,EAAW,EAAK,GAAG;;EAErB,CAAA;GAIA,KAAe,GAAqB,MAEtC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;CAAQ,MAAK;CAAS,SAAQ;CAAY,SAAS;WAChD;CACM,CAAA,EACR,CAAA,EAID,KAAqB,EAAE,iBAEzB,kBAAC,GAAD;CAAc,MAAK;CAAU,OAAO;WACjC;CACY,CAAA,EAIb,KAAiB,EAAE,eAErB,kBAAC,OAAD;CAAK,WAAW;CAAqB,MAAK;CAAS,aAAU;WAA7D,CACE,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;EAAS,CAAA,EACvC,kBAAC,QAAD;EAAM,WAAW;YAAsB;EAAa,CAAA,CAChD;IAIG,KAAwB,EACnC,WACA,WACA,UACA,UACA,YACA,oBACmD;CACnD,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAU,KAAe,EAAS,EAAE,EACrC,IAAc,EAAgC,GAAQ,EAC1D,SAAS,GACV,CAAC,EAEE;CAOJ,AANI,EAAY,WAAW,aACzB,IAAe,EAAY,OAAO,OAAO,SAK3C,QAAgB;EACd,AAAI,MACF,EAAU,GAAG,EACb,GAAa,MACJ,IAAQ,EACf;IAEH,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAS,QACN,EAAY,GAAS,EAAE,uBAAuB,CAAC,EACrD,CAAC,GAAS,EAAE,CAAC,EAEV,IAAqB,GAAa,MAAiB;EAEvD,AADA,EAAU,EAAK,EACf,GAAa,MACJ,IAAQ,EACf;IACD,EAAE,CAAC,EAEA,IAAiB,GACpB,MAAe;EAEd,AADA,EAAW,EAAG,EACd,GAAS;IAEX,CAAC,GAAS,EAAW,CACtB;CAED,IAAI,CAAC,GACH,OAAO;CAGT,IAAI;CACJ,AAAI,GAAc,qBAAqB,SACrC,IAA4B,EAC1B,EAAa,mBACb,EACD;CAGH,IAAM,IAAgB,EAAO,MAAM,EAC7B,IAAmB,GAAc,mBAAmB,IAEtD;CAuBJ,OAtBA,AAMI,IANA,EAAY,WAAW,YACZ,kBAAC,GAAD,EAAe,OAAO,EAAE,iBAAiB,EAAI,CAAA,GACjD,KAAgB,OAgBvB,kBAAC,GAAD,EAAmB,SAAS,EAAE,sBAAsB,EAAE,WAAQ,CAAC,EAAI,CAAA,GAfjE,KAAoB,MAAkB,KAC3B,kBAAC,GAAD,EAAsB,OAAO,EAAE,wBAAwB,EAAI,CAAA,GAGtE,kBAAC,GAAD;EACE,QAAQ;EACA;EACD;EACG;EACV,YAAY;EACZ,CAAA,EAUN,kBAAC,GAAD;EACU;EACC;EACF;EACC;EACR,cAAa;YAEb,kBAAC,GAAD;GACE,aAAa;GACb,gBAAgB;GAChB,mBAAmB;GACnB,iBAAiB;GACjB,YAAW;GACX,eAAe,GAAc,iBAAiB;aAE9C,kBAAC,GAAD;IACE,WAAW,MAAgD;KACzD,IAAM,EAAE,aAAU;KAClB,OACE,kBAAC,GAAD;MACE,MAAK;MACL,OAAO,EAAE,2BAA2B;MACpC,SACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe;QAEb,AADA,GAAO,EACP,GAAa,MACJ,IAAQ,EACf;;iBAGH,EAAE,uBAAuB;OACnB,CAAA;gBAGV;MACY,CAAA;;cAInB,kBAAC,GAAD;KAAU,UAAU,kBAAC,GAAD,EAAe,OAAO,EAAE,iBAAiB,EAAI,CAAA;eAC9D;KACQ,CAAA;IACa,CAAA;GACJ,CAAA;EAClB,CAAA"}

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

@@ -1,7 +1,7 @@
 /* empty css                                    */
 //#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbynf txvbqbzl0 txvbqb10jo txvbqbvvr txvbqb19cb txvbqb9j txvbqb16fa", n = "txvbqbyoi txvbqbzm3 txvbqb10k1 txvbqbvw4 txvbqbdr8 txvbqbey txvbqbjtp txvbqbff6 txvbqb19cb", r = "txvbqb9j txvbqb19cb", i = "_10f5c550 txvbqbdr8 txvbqbf6i txvbqbusr txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqb196b", a = "_10f5c551 txvbqbyoi txvbqbzm3 txvbqb11eq txvbqbwqt txvbqb6 txvbqbdqi txvbqb17w0 txvbqb1g5 txvbqb196b txvbqb19c9 txvbqbv txvbqb16ex txvbqb7h txvbqb75 txvbqb7t", o = "txvbqbdr8 txvbqbff6 txvbqbey txvbqbt9i", s = "txvbqbdxd txvbqbt9i txvbqbdr8 txvbqbf6i txvbqb16ex", c = "txvbqb19c9 txvbqbfcn txvbqb9w txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", l = "txvbqb19cb txvbqb9j txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", u = "txvbqb19cd txvbqb96 txvbqbly9 txvbqb18xk";
+var e = "txvbqbynf txvbqbzl0 txvbqb10jo txvbqbvvr txvbqb19cb txvbqb9j txvbqb16fa", t = "txvbqbyoi txvbqbzm3 txvbqb10k1 txvbqbvw4 txvbqbdr8 txvbqbey txvbqbjtp txvbqbff6 txvbqb19cb", n = "txvbqb9j txvbqb19cb";
 //#endregion
-export { e as layout, i as list, a as listItem, r as loadingLabel, n as loadingState, o as row, u as rowMeta, l as rowSubtitle, s as rowText, c as rowTitle, t as searchRequiredMessage };
+export { n as loadingLabel, t as loadingState, e as searchRequiredMessage };
 
 //# sourceMappingURL=entityIdPickerDialog.css.js.map

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 { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\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\nexport const list = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n  }),\n  {\n    selectors: {\n      '&:empty': {\n        display: 'none',\n      },\n    },\n  },\n]);\n\nexport const listItem = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'block',\n    width: 'full',\n    paddingX: 3,\n    paddingY: 2.5,\n    borderWidth: 0,\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '3.25rem',\n    selectors: {\n      '& + &': {\n        borderTop: `1px solid ${vars.colors.borderSubtle}`,\n      },\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n]);\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\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/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":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { InlineBanner } from '@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nexport const BackofficeContentError = ({\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.root}>\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {t('common.errors.unexpected')}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;;AAaA,IAAa,KAA0B,EACrC,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B;CAE7C,OACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV,EAAE,2BAA2B;GACjB,CAAA;EACX,CAAA"}
+{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nexport const BackofficeContentError = ({\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.root}>\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {t('common.errors.unexpected')}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;;AAaA,IAAa,KAA0B,EACrC,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B;CAE7C,OACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV,EAAE,2BAA2B;GACjB,CAAA;EACX,CAAA"}