@plumile/backoffice-react 0.2.3 → 0.2.5

package/lib/esm/pages/BackofficeLayoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\nimport { resetRelayStore } from '@plumile/relay/environment.js';\n\nimport { AdminShellLayout } from '@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js';\nimport { ToastProvider } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { SidebarProfileMenu } from '@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    dashboards,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const pinningEnabled = sidebar?.pinnedItems?.enabled === true;\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: pinningEnabled,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let sidebarPinnedEntityIds: readonly string[] | undefined;\n  let sidebarTogglePin: ((entityId: string) => void) | undefined;\n  let sidebarReorderPin: ((fromId: string, toId: string) => void) | undefined;\n  if (pinningEnabled) {\n    sidebarPinnedEntityIds = pins;\n    sidebarTogglePin = togglePin;\n    sidebarReorderPin = reorderPin;\n  }\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <SidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseToggleLabel: t('sidebar.actions.collapseSidebar'),\n          expandToggleLabel: t('sidebar.actions.expandSidebar'),\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          isCollapsed: false,\n          hideCollapseToggle: true,\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n        contentScrollMode=\"contained\"\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\nimport { resetRelayStore } from '@plumile/relay/environment.js';\n\nimport {\n  AdminShellLayout,\n  ToastProvider,\n  SidebarProfileMenu,\n} from '@plumile/ui';\n\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    dashboards,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const pinningEnabled = sidebar?.pinnedItems?.enabled === true;\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: pinningEnabled,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let sidebarPinnedEntityIds: readonly string[] | undefined;\n  let sidebarTogglePin: ((entityId: string) => void) | undefined;\n  let sidebarReorderPin: ((fromId: string, toId: string) => void) | undefined;\n  if (pinningEnabled) {\n    sidebarPinnedEntityIds = pins;\n    sidebarTogglePin = togglePin;\n    sidebarReorderPin = reorderPin;\n  }\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      dashboards,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: sidebarPinnedEntityIds,\n      recentItems,\n      onTogglePin: sidebarTogglePin,\n      onReorderPin: sidebarReorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    dashboards,\n    pathname,\n    permissions,\n    recentItems,\n    setCollapsed,\n    sidebar,\n    sidebarPinnedEntityIds,\n    sidebarQuery,\n    sidebarReorderPin,\n    sidebarTogglePin,\n    t,\n    tApp,\n  ]);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <SidebarProfileMenu\n      viewer={sidebarProfile}\n      sectionTitle={t('sidebar.profile.title')}\n      labels={{\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        triggerAriaLabel: `${t('sidebar.profile.menuAriaLabel')}: ${sidebarProfile.displayName}`,\n      }}\n      items={[\n        {\n          kind: 'action',\n          id: 'sign-out',\n          label: t('sidebar.profile.actions.signOut'),\n          onSelect: handleSignOut,\n          disabled: isSigningOut,\n          tone: 'danger',\n        },\n      ]}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <SidebarProfileMenu\n      viewer={sidebarProfile}\n      sectionTitle={t('sidebar.profile.title')}\n      labels={{\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        triggerAriaLabel: `${t('sidebar.profile.menuAriaLabel')}: ${sidebarProfile.displayName}`,\n      }}\n      items={[\n        {\n          kind: 'action',\n          id: 'sign-out',\n          label: t('sidebar.profile.actions.signOut'),\n          onSelect: handleSignOut,\n          disabled: isSigningOut,\n          tone: 'danger',\n        },\n      ]}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          collapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseLabel: t('sidebar.actions.collapseSidebar'),\n          expandLabel: t('sidebar.actions.expandSidebar'),\n          navigationLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          hideCollapseToggle: true,\n          navigationLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n        containedScrollLabel={t('sidebar.contentAriaLabel')}\n        contentScrollMode=\"contained\"\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}

package/lib/esm/pages/backofficeDashboardPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeDashboardPage.css.ts
-var e = "txvbqb5b1 txvbqb6bf txvbqb6gz", t = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqbe3 txvbqb6ct", n = "txvbqb6e7 txvbqb1ct txvbqb1lf";
+var e = "txvbqb5lr txvbqb6m5 txvbqb6rp", t = "txvbqb5lr txvbqb2nn txvbqb6rp txvbqbe8 txvbqb6nj", n = "txvbqb6ox txvbqb1d6 txvbqb1oe";
 //#endregion
 export { t as loadingBody, e as tileBody, n as tileCount };
 

package/lib/esm/pages/backofficeDashboardPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeDashboardPage.css.js","names":[],"sources":["../../../src/pages/backofficeDashboardPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const tileBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const loadingBody = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const tileCount = sprinkles({\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: 1,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeDashboardPage.css.js","names":[],"sources":["../../../src/pages/backofficeDashboardPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const tileBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const loadingBody = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const tileCount = sprinkles({\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: 1,\n});\n"],"mappings":""}

package/lib/esm/pages/backofficeEntityDetailPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeEntityDetailPage.css.ts
-var e = "txvbqb5b1 txvbqb2cx txvbqb8dl txvbqb6gz txvbqb1ch txvbqbdqn", t = "txvbqb5b1 txvbqb2cx txvbqb8dl txvbqb6gz txvbqb1ch", n = "txvbqb5b1 txvbqb2cx txvbqbgag txvbqb33v txvbqb3g8 txvbqbms txvbqb10q", r = "txvbqb5b1 txvbqb6bf txvbqb6h9", i = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqb1ch", a = "txvbqb5b1 txvbqb6bf txvbqb6gz", o = "txvbqb5bv txvbqb2cx txvbqb8db txvbqbldd txvbqb7i7 txvbqbe3";
+var e = "txvbqb5lr txvbqb2nn txvbqb8ob txvbqb6rp txvbqb1cu txvbqbe1d", t = "txvbqb5lr txvbqb2nn txvbqb8ob txvbqb6rp txvbqb1cu", n = "txvbqb5lr txvbqb2nn txvbqbgl3 txvbqb3el txvbqb3qv txvbqbmx txvbqbx6", r = "txvbqb5lr txvbqb6m5 txvbqb6rz", i = "txvbqb5lr txvbqb2nn txvbqb6rp txvbqb1cu", a = "txvbqb5lr txvbqb6m5 txvbqb6rp", o = "txvbqb5ml txvbqb2nn txvbqb8o1 txvbqbky9 txvbqb7sx txvbqbe8";
 //#endregion
 export { t as headerActionGroup, e as headerActions, r as headerBlock, i as headerMeta, a as headerMetaList, n as headerRelationGroup, o as relationCountLoading };
 

package/lib/esm/pages/backofficeEntityDetailPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityDetailPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityDetailPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const headerActionGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerRelationGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  paddingLeft: {\n    min768: 2,\n  },\n  borderLeftWidth: {\n    base: 0,\n    min768: 'px',\n  },\n  borderStyle: 'solid',\n  borderLeftColor: 'borderSubtle',\n});\n\nexport const headerBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const headerMeta = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerMetaList = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const relationCountLoading = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityDetailPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityDetailPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const headerActionGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerRelationGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  paddingInlineStart: {\n    md: 2,\n  },\n  borderInlineStartWidth: {\n    base: 0,\n    md: 'px',\n  },\n  borderStyle: 'solid',\n  borderInlineStartColor: 'borderSubtle',\n});\n\nexport const headerBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const headerMeta = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerMetaList = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const relationCountLoading = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n});\n"],"mappings":""}

package/lib/esm/pages/backofficeEntityListPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeEntityListPage.css.ts
-var e = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqb1ch", t = "txvbqb8dl", n = "c0tad0 txvbqb5bv txvbqb2cx txvbqb8db txvbqbleh txvbqb7jb txvbqbdsv txvbqbd1d txvbqbmw txvbqb8i txvbqbe2 txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqbmrt txvbqbok9 qbwcue0 txvbqbpec txvbqbq8k";
+var e = "txvbqb5lr txvbqb2nn txvbqb6rp txvbqb1cu", t = "txvbqb8ob", n = "c0tad0 txvbqb5ml txvbqb2nn txvbqb8o1 txvbqbkzd txvbqb7u1 txvbqbe3l txvbqbdc3 txvbqbn1 txvbqb8n txvbqbe7 txvbqb3f txvbqb7n txvbqb78 txvbqb7y txvbqbmcp txvbqbo55 qbwcue5 qbwcue4 txvbqboz8 txvbqbptg qbwcue3";
 //#endregion
 export { n as actionTrigger, t as actionsColumnCell, e as headerActions };
 

package/lib/esm/pages/backofficeEntityListPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { focusRing } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = sprinkles({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    minWidth: 8,\n    minHeight: 8,\n    borderRadius: 'md',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    backgroundColor: { hover: 'surfaceMuted' },\n    color: { hover: 'primary' },\n  }),\n  focusRing,\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles, focusRing } from '@plumile/ui/theme';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = sprinkles({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    minWidth: 8,\n    minHeight: 8,\n    borderRadius: 'md',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    backgroundColor: { hover: 'surfaceMuted' },\n    color: { hover: 'primary' },\n  }),\n  focusRing,\n]);\n"],"mappings":""}

package/lib/esm/pages/detail/BackofficeEntityDetailLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutContext.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailLayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type {\n  BackofficeDetailPageRouteSpec,\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\n\nexport type BackofficeEntityDetailLayoutContextValue = {\n  activePage: BackofficeDetailPageRouteSpec;\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  entityId: string;\n  layoutView: unknown;\n  tabsItems: readonly NavigationTabItem[];\n  visiblePages: readonly BackofficeDetailPageRouteSpec[];\n};\n\nconst BackofficeEntityDetailLayoutContext =\n  createContext<BackofficeEntityDetailLayoutContextValue | null>(null);\n\nexport const BackofficeEntityDetailLayoutContextProvider =\n  BackofficeEntityDetailLayoutContext.Provider;\n\nexport const useBackofficeEntityDetailLayoutContext =\n  (): BackofficeEntityDetailLayoutContextValue => {\n    const context = useContext(BackofficeEntityDetailLayoutContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeEntityDetailLayoutContext is missing. Ensure detail pages are rendered under the entity layout route.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAgBA,IAAM,IACJ,EAA+D,IAAI,GAExD,IACX,EAAoC,UAEzB,UACqC;CAC9C,IAAM,IAAU,EAAW,CAAmC;CAC9D,IAAI,KAAW,MACb,MAAU,MACR,iHACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"BackofficeEntityDetailLayoutContext.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailLayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type {\n  BackofficeDetailPageRouteSpec,\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/tabs';\n\nexport type BackofficeEntityDetailLayoutContextValue = {\n  activePage: BackofficeDetailPageRouteSpec;\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  entityId: string;\n  layoutView: unknown;\n  tabsItems: readonly NavigationTabItem[];\n  visiblePages: readonly BackofficeDetailPageRouteSpec[];\n};\n\nconst BackofficeEntityDetailLayoutContext =\n  createContext<BackofficeEntityDetailLayoutContextValue | null>(null);\n\nexport const BackofficeEntityDetailLayoutContextProvider =\n  BackofficeEntityDetailLayoutContext.Provider;\n\nexport const useBackofficeEntityDetailLayoutContext =\n  (): BackofficeEntityDetailLayoutContextValue => {\n    const context = useContext(BackofficeEntityDetailLayoutContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeEntityDetailLayoutContext is missing. Ensure detail pages are rendered under the entity layout route.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAgBA,IAAM,IACJ,EAA+D,IAAI,GAExD,IACX,EAAoC,UAEzB,UACqC;CAC9C,IAAM,IAAU,EAAW,CAAmC;CAC9D,IAAI,KAAW,MACb,MAAU,MACR,iHACF;CAEF,OAAO;AACT"}

package/lib/esm/pages/detail/BackofficeEntityDetailManifestFallback.js

@@ -1,11 +1,11 @@
 import { useBackofficeReactTranslation as e } from "../../i18n/useBackofficeReactTranslation.js";
 import { BackofficeRightPageLayout as t } from "../../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
 import { BackofficeStaticRouteFallback as n } from "../../components/backoffice/routing/BackofficeRouteFallback.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import a from "@plumile/router/routing/useLocation.js";
-import { BackofficePageHeader as o } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import { NavigationTabs as s } from "@plumile/ui/atomic/molecules/tabs/NavigationTabs.js";
+import { PageHeader as r } from "@plumile/ui";
+import { jsx as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import o from "@plumile/router/routing/useLocation.js";
+import { NavigationTabs as s } from "@plumile/ui/tabs";
 import { DetailPageTemplate as c } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
 //#region src/pages/detail/BackofficeEntityDetailManifestFallback.tsx
 var l = (e) => e.trim().replace(/^\/+|\/+$/g, ""), u = (e, t, n, r, i) => {
@@ -27,7 +27,7 @@ var l = (e) => e.trim().replace(/^\/+|\/+$/g, ""), u = (e, t, n, r, i) => {
 	}
 	return a.find((t) => t.id === e.defaultDetailPageId) ?? a[0] ?? null;
 }, d = ({ entityManifest: l, id: d, pageId: f, pagePath: p }) => {
-	let { t: m } = i(), { t: h } = e(), { pathname: g } = a(), _ = l.label(m), v = l.detailLabel?.(m) ?? h("detail.loadingTitle"), y = u(l, d, f, p, g), b = [{
+	let { t: m } = a(), { t: h } = e(), { pathname: g } = o(), _ = l.label(m), v = l.detailLabel?.(m) ?? h("detail.loadingTitle"), y = u(l, d, f, p, g), b = [{
 		kind: "link",
 		target: {
 			kind: "entity-list",
@@ -62,7 +62,7 @@ var l = (e) => e.trim().replace(/^\/+|\/+$/g, ""), u = (e, t, n, r, i) => {
 		label: y.label(m)
 	});
 	let x = l.detailPages ?? [], S = null;
-	return x.length > 1 && y != null && (S = /* @__PURE__ */ r(s, {
+	return x.length > 1 && y != null && (S = /* @__PURE__ */ i(s, {
 		items: x.map((e) => ({
 			id: e.id,
 			label: e.label(m),
@@ -71,13 +71,13 @@ var l = (e) => e.trim().replace(/^\/+|\/+$/g, ""), u = (e, t, n, r, i) => {
 		})),
 		activeId: y.id,
 		variant: "underline"
-	})), /* @__PURE__ */ r(t, {
+	})), /* @__PURE__ */ i(t, {
 		breadcrumb: b,
-		children: /* @__PURE__ */ r(c, {
-			headerNode: /* @__PURE__ */ r(o, { title: v }),
+		children: /* @__PURE__ */ i(c, {
+			headerNode: /* @__PURE__ */ i(r, { title: v }),
 			tabsNode: S,
 			headerDensity: "compact",
-			children: /* @__PURE__ */ r(n, { label: h("common.loading") })
+			children: /* @__PURE__ */ i(n, { label: h("common.loading") })
 		})
 	});
 };

package/lib/esm/pages/detail/BackofficeEntityDetailManifestFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailManifestFallback.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailManifestFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport type {\n  BackofficeDetailPageManifestItem,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.js';\nimport { NavigationTabs } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeRightPageLayout } from '../../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport type { BackofficeTopbarBreadcrumbItem } from '../../components/backoffice/layout/breadcrumb/types.js';\nimport { BackofficeStaticRouteFallback } from '../../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailManifestFallbackProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  id: string;\n  pageId?: string | null;\n  pagePath?: string | null;\n};\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveManifestPage = (\n  entityManifest: BackofficeEntityManifestItem,\n  id: string,\n  pageId: string | null | undefined,\n  pagePath: string | null | undefined,\n  currentPathname: string,\n): BackofficeDetailPageManifestItem | null => {\n  const pages = entityManifest.detailPages ?? [];\n  if (pages.length === 0) {\n    return null;\n  }\n\n  const normalizedPagePath = normalizePath(pagePath ?? '');\n  if (normalizedPagePath !== '') {\n    const byPath = pages.find((page) => {\n      return normalizePath(page.pathSegment) === normalizedPagePath;\n    });\n    if (byPath != null) {\n      return byPath;\n    }\n  }\n\n  const normalizedCurrentPathname = normalizePath(currentPathname);\n  if (normalizedCurrentPathname !== '') {\n    const byCurrentPathname = pages.find((page) => {\n      return (\n        normalizePath(entityManifest.routes.detailPage(id, page.id)) ===\n        normalizedCurrentPathname\n      );\n    });\n    if (byCurrentPathname != null) {\n      return byCurrentPathname;\n    }\n  }\n\n  if (pageId != null) {\n    const byId = pages.find((page) => {\n      return page.id === pageId;\n    });\n    if (byId != null) {\n      return byId;\n    }\n  }\n\n  const defaultPage = pages.find((page) => {\n    return page.id === entityManifest.defaultDetailPageId;\n  });\n  return defaultPage ?? pages[0] ?? null;\n};\n\nexport const BackofficeEntityDetailManifestFallback = ({\n  entityManifest,\n  id,\n  pageId,\n  pagePath,\n}: BackofficeEntityDetailManifestFallbackProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const listLabel = entityManifest.label(tApp);\n  const detailLabel =\n    entityManifest.detailLabel?.(tApp) ?? t('detail.loadingTitle');\n  const activePage = resolveManifestPage(\n    entityManifest,\n    id,\n    pageId,\n    pagePath,\n    pathname,\n  );\n  const breadcrumb: BackofficeTopbarBreadcrumbItem[] = [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label: listLabel,\n    },\n  ];\n\n  if (activePage == null) {\n    breadcrumb.push({\n      kind: 'current',\n      target: {\n        kind: 'entity-detail',\n        entityId: entityManifest.id,\n        id,\n      },\n      label: detailLabel,\n    });\n  } else {\n    breadcrumb.push(\n      {\n        kind: 'link',\n        target: {\n          kind: 'entity-detail',\n          entityId: entityManifest.id,\n          id,\n        },\n        label: detailLabel,\n      },\n      {\n        kind: 'current',\n        target: {\n          kind: 'entity-detail-page',\n          entityId: entityManifest.id,\n          id,\n          pageId: activePage.id,\n        },\n        label: activePage.label(tApp),\n      },\n    );\n  }\n\n  const pages = entityManifest.detailPages ?? [];\n  let tabsNode: JSX.Element | null = null;\n  if (pages.length > 1 && activePage != null) {\n    tabsNode = (\n      <NavigationTabs\n        items={pages.map((page) => {\n          return {\n            id: page.id,\n            label: page.label(tApp),\n            preloadOnHover: 'code-and-data',\n            to: entityManifest.routes.detailPage(id, page.id),\n          };\n        })}\n        activeId={activePage.id}\n        variant=\"underline\"\n      />\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        headerNode={<BackofficePageHeader title={detailLabel} />}\n        tabsNode={tabsNode}\n        headerDensity=\"compact\"\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,KAAiB,MACd,EAAM,KAAK,CAAC,CAAC,QAAQ,cAAc,EAAE,GAGxC,KACJ,GACA,GACA,GACA,GACA,MAC4C;CAC5C,IAAM,IAAQ,EAAe,eAAe,CAAC;CAC7C,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAc,KAAY,EAAE;CACvD,IAAI,MAAuB,IAAI;EAC7B,IAAM,IAAS,EAAM,MAAM,MAClB,EAAc,EAAK,WAAW,MAAM,CAC5C;EACD,IAAI,KAAU,MACZ,OAAO;CAEX;CAEA,IAAM,IAA4B,EAAc,CAAe;CAC/D,IAAI,MAA8B,IAAI;EACpC,IAAM,IAAoB,EAAM,MAAM,MAElC,EAAc,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE,CAAC,MAC3D,CAEH;EACD,IAAI,KAAqB,MACvB,OAAO;CAEX;CAEA,IAAI,KAAU,MAAM;EAClB,IAAM,IAAO,EAAM,MAAM,MAChB,EAAK,OAAO,CACpB;EACD,IAAI,KAAQ,MACV,OAAO;CAEX;CAKA,OAHoB,EAAM,MAAM,MACvB,EAAK,OAAO,EAAe,mBAE7B,KAAe,EAAM,MAAM;AACpC,GAEa,KAA0C,EACrD,mBACA,OACA,WACA,kBAC8D;CAC9D,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAY,GAC3B,IAAY,EAAe,MAAM,CAAI,GACrC,IACJ,EAAe,cAAc,CAAI,KAAK,EAAE,qBAAqB,GACzD,IAAa,EACjB,GACA,GACA,GACA,GACA,CACF,GACM,IAA+C,CACnD;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;EAC3B;EACA,OAAO;CACT,CACF;CAEA,AAAI,KAAc,OAChB,EAAW,KAAK;EACd,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,CAAC,IAED,EAAW,KACT;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,GACA;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;GACA,QAAQ,EAAW;EACrB;EACA,OAAO,EAAW,MAAM,CAAI;CAC9B,CACF;CAGF,IAAM,IAAQ,EAAe,eAAe,CAAC,GACzC,IAA+B;CAkBnC,OAjBI,EAAM,SAAS,KAAK,KAAc,SACpC,IACE,kBAAC,GAAD;EACE,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,OAAO,EAAK,MAAM,CAAI;GACtB,gBAAgB;GAChB,IAAI,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE;EAClD,EACD;EACD,UAAU,EAAW;EACrB,SAAQ;CACT,CAAA,IAKH,kBAAC,GAAD;EAAuC;EACrC,UAAA,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,EAAsB,OAAO,EAAc,CAAA;GAC7C;GACV,eAAc;GAEd,UAAA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B"}
+{"version":3,"file":"BackofficeEntityDetailManifestFallback.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailManifestFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport type {\n  BackofficeDetailPageManifestItem,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.js';\nimport { NavigationTabs } from '@plumile/ui/tabs';\nimport { PageHeader } from '@plumile/ui';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeRightPageLayout } from '../../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport type { BackofficeTopbarBreadcrumbItem } from '../../components/backoffice/layout/breadcrumb/types.js';\nimport { BackofficeStaticRouteFallback } from '../../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailManifestFallbackProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  id: string;\n  pageId?: string | null;\n  pagePath?: string | null;\n};\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveManifestPage = (\n  entityManifest: BackofficeEntityManifestItem,\n  id: string,\n  pageId: string | null | undefined,\n  pagePath: string | null | undefined,\n  currentPathname: string,\n): BackofficeDetailPageManifestItem | null => {\n  const pages = entityManifest.detailPages ?? [];\n  if (pages.length === 0) {\n    return null;\n  }\n\n  const normalizedPagePath = normalizePath(pagePath ?? '');\n  if (normalizedPagePath !== '') {\n    const byPath = pages.find((page) => {\n      return normalizePath(page.pathSegment) === normalizedPagePath;\n    });\n    if (byPath != null) {\n      return byPath;\n    }\n  }\n\n  const normalizedCurrentPathname = normalizePath(currentPathname);\n  if (normalizedCurrentPathname !== '') {\n    const byCurrentPathname = pages.find((page) => {\n      return (\n        normalizePath(entityManifest.routes.detailPage(id, page.id)) ===\n        normalizedCurrentPathname\n      );\n    });\n    if (byCurrentPathname != null) {\n      return byCurrentPathname;\n    }\n  }\n\n  if (pageId != null) {\n    const byId = pages.find((page) => {\n      return page.id === pageId;\n    });\n    if (byId != null) {\n      return byId;\n    }\n  }\n\n  const defaultPage = pages.find((page) => {\n    return page.id === entityManifest.defaultDetailPageId;\n  });\n  return defaultPage ?? pages[0] ?? null;\n};\n\nexport const BackofficeEntityDetailManifestFallback = ({\n  entityManifest,\n  id,\n  pageId,\n  pagePath,\n}: BackofficeEntityDetailManifestFallbackProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const listLabel = entityManifest.label(tApp);\n  const detailLabel =\n    entityManifest.detailLabel?.(tApp) ?? t('detail.loadingTitle');\n  const activePage = resolveManifestPage(\n    entityManifest,\n    id,\n    pageId,\n    pagePath,\n    pathname,\n  );\n  const breadcrumb: BackofficeTopbarBreadcrumbItem[] = [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label: listLabel,\n    },\n  ];\n\n  if (activePage == null) {\n    breadcrumb.push({\n      kind: 'current',\n      target: {\n        kind: 'entity-detail',\n        entityId: entityManifest.id,\n        id,\n      },\n      label: detailLabel,\n    });\n  } else {\n    breadcrumb.push(\n      {\n        kind: 'link',\n        target: {\n          kind: 'entity-detail',\n          entityId: entityManifest.id,\n          id,\n        },\n        label: detailLabel,\n      },\n      {\n        kind: 'current',\n        target: {\n          kind: 'entity-detail-page',\n          entityId: entityManifest.id,\n          id,\n          pageId: activePage.id,\n        },\n        label: activePage.label(tApp),\n      },\n    );\n  }\n\n  const pages = entityManifest.detailPages ?? [];\n  let tabsNode: JSX.Element | null = null;\n  if (pages.length > 1 && activePage != null) {\n    tabsNode = (\n      <NavigationTabs\n        items={pages.map((page) => {\n          return {\n            id: page.id,\n            label: page.label(tApp),\n            preloadOnHover: 'code-and-data',\n            to: entityManifest.routes.detailPage(id, page.id),\n          };\n        })}\n        activeId={activePage.id}\n        variant=\"underline\"\n      />\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        headerNode={<PageHeader title={detailLabel} />}\n        tabsNode={tabsNode}\n        headerDensity=\"compact\"\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,KAAiB,MACd,EAAM,KAAK,CAAC,CAAC,QAAQ,cAAc,EAAE,GAGxC,KACJ,GACA,GACA,GACA,GACA,MAC4C;CAC5C,IAAM,IAAQ,EAAe,eAAe,CAAC;CAC7C,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAc,KAAY,EAAE;CACvD,IAAI,MAAuB,IAAI;EAC7B,IAAM,IAAS,EAAM,MAAM,MAClB,EAAc,EAAK,WAAW,MAAM,CAC5C;EACD,IAAI,KAAU,MACZ,OAAO;CAEX;CAEA,IAAM,IAA4B,EAAc,CAAe;CAC/D,IAAI,MAA8B,IAAI;EACpC,IAAM,IAAoB,EAAM,MAAM,MAElC,EAAc,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE,CAAC,MAC3D,CAEH;EACD,IAAI,KAAqB,MACvB,OAAO;CAEX;CAEA,IAAI,KAAU,MAAM;EAClB,IAAM,IAAO,EAAM,MAAM,MAChB,EAAK,OAAO,CACpB;EACD,IAAI,KAAQ,MACV,OAAO;CAEX;CAKA,OAHoB,EAAM,MAAM,MACvB,EAAK,OAAO,EAAe,mBAE7B,KAAe,EAAM,MAAM;AACpC,GAEa,KAA0C,EACrD,mBACA,OACA,WACA,kBAC8D;CAC9D,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAY,GAC3B,IAAY,EAAe,MAAM,CAAI,GACrC,IACJ,EAAe,cAAc,CAAI,KAAK,EAAE,qBAAqB,GACzD,IAAa,EACjB,GACA,GACA,GACA,GACA,CACF,GACM,IAA+C,CACnD;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;EAC3B;EACA,OAAO;CACT,CACF;CAEA,AAAI,KAAc,OAChB,EAAW,KAAK;EACd,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,CAAC,IAED,EAAW,KACT;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,GACA;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;GACA,QAAQ,EAAW;EACrB;EACA,OAAO,EAAW,MAAM,CAAI;CAC9B,CACF;CAGF,IAAM,IAAQ,EAAe,eAAe,CAAC,GACzC,IAA+B;CAkBnC,OAjBI,EAAM,SAAS,KAAK,KAAc,SACpC,IACE,kBAAC,GAAD;EACE,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,OAAO,EAAK,MAAM,CAAI;GACtB,gBAAgB;GAChB,IAAI,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE;EAClD,EACD;EACD,UAAU,EAAW;EACrB,SAAQ;CACT,CAAA,IAKH,kBAAC,GAAD;EAAuC;EACrC,UAAA,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,EAAY,OAAO,EAAc,CAAA;GACnC;GACV,eAAc;GAEd,UAAA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B"}

package/lib/esm/pages/detail/buildTabsItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\nimport type { TFunction } from 'i18next';\n\ntype DetailRoutePage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailRoutePage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly NavigationTabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      preloadOnHover: 'code-and-data',\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,IAAI;CAC5B,gBAAgB;CAChB,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,EAAE;AAC5C,EACD"}
+{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/tabs';\nimport type { TFunction } from 'i18next';\n\ntype DetailRoutePage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailRoutePage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly NavigationTabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      preloadOnHover: 'code-and-data',\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,IAAI;CAC5B,gBAAgB;CAChB,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,EAAE;AAC5C,EACD"}

package/lib/esm/provider/BackofficeProvider.js

@@ -8,14 +8,13 @@ import { createBackofficeRoutes as s } from "../router/createBackofficeRoutes.js
 import { createBackofficeEntityRegistry as c } from "./entityRegistry.js";
 import { useBackofficeAuthRouteGate as l } from "./useBackofficeAuthRouteGate.js";
 import { StrictMode as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { I18nextProvider as _ } from "react-i18next";
-import v from "@plumile/router/routing/RoutingContext.js";
-import { createInstance as y } from "i18next";
-import b from "@plumile/router/routing/createRouter.js";
-import x from "@plumile/router/routing/RouterRenderer.js";
-import { BackofficeThemeProvider as S } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
-import { RoutePendingBar as C } from "@plumile/ui/components/routing/RoutePendingBar.js";
+import { BackofficeThemeProvider as h, RoutePendingBar as g } from "@plumile/ui";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { I18nextProvider as y } from "react-i18next";
+import b from "@plumile/router/routing/RoutingContext.js";
+import { createInstance as x } from "i18next";
+import S from "@plumile/router/routing/createRouter.js";
+import C from "@plumile/router/routing/RouterRenderer.js";
 import { RelayProvider as w, configureRelayEnvironment as T, useRelayOperationActivity as E } from "@plumile/relay";
 //#region src/provider/BackofficeProvider.tsx
 var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, O = (e, t) => {
@@ -31,7 +30,7 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 }])), A = ({ routes: e, context: t, instrumentations: n }) => {
 	let [r, i] = m(null), a = p(null);
 	return d(() => {
-		let r = b(e, {
+		let r = S(e, {
 			context: t,
 			instrumentations: n
 		});
@@ -49,36 +48,36 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		context: f(() => ({ relayEnvironment: r }), [r]),
 		instrumentations: t
 	});
-	return o == null ? /* @__PURE__ */ h(n, {}) : /* @__PURE__ */ h(v.Provider, {
+	return o == null ? /* @__PURE__ */ _(n, {}) : /* @__PURE__ */ _(b.Provider, {
 		value: o.context,
-		children: /* @__PURE__ */ h(x, {
+		children: /* @__PURE__ */ _(C, {
 			enableTransition: !0,
 			externalPending: a.pendingCount > 0,
-			fallback: /* @__PURE__ */ h(n, {}),
-			pending: /* @__PURE__ */ h(C, {})
+			fallback: /* @__PURE__ */ _(n, {}),
+			pending: /* @__PURE__ */ _(g, {})
 		})
 	});
 }, M = (n) => {
-	let i = D(n.basePath ?? "/"), p = l(i), v = f(() => k(n.entityManifest, i), [i, n.entityManifest]), b = f(() => c(v, { basePath: i }), [i, v]), x = n.graphql, C = f(() => t(n.dashboards), [n.dashboards]);
+	let i = D(n.basePath ?? "/"), p = l(i), g = f(() => k(n.entityManifest, i), [i, n.entityManifest]), b = f(() => c(g, { basePath: i }), [i, g]), S = n.graphql, C = f(() => t(n.dashboards), [n.dashboards]);
 	d(() => {
-		let e = x.httpUrl ?? x.endpoint, t = x.wsUrl ?? x.wsEndpoint;
+		let e = S.httpUrl ?? S.endpoint, t = S.wsUrl ?? S.wsEndpoint;
 		T({
 			httpUrl: e,
 			wsUrl: t,
-			getDataId: x.getDataId,
-			logEvents: x.logEvents,
-			getAuthHeaders: x.getAuthHeaders
+			getDataId: S.getDataId,
+			logEvents: S.logEvents,
+			getAuthHeaders: S.getAuthHeaders
 		});
 	}, [
-		x.endpoint,
-		x.getAuthHeaders,
-		x.getDataId,
-		x.httpUrl,
-		x.logEvents,
-		x.wsEndpoint,
-		x.wsUrl
+		S.endpoint,
+		S.getAuthHeaders,
+		S.getDataId,
+		S.httpUrl,
+		S.logEvents,
+		S.wsEndpoint,
+		S.wsUrl
 	]);
-	let E = f(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), O = f(() => n.i18n?.instance ?? y(), [n.i18n?.instance]), [A, M] = m(O.isInitialized);
+	let E = f(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), O = f(() => n.i18n?.instance ?? x(), [n.i18n?.instance]), [A, M] = m(O.isInitialized);
 	d(() => {
 		let e = !0, t = () => {
 			e && M(!0);
@@ -125,8 +124,8 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 	]);
 	let N = f(() => ({
 		basePath: i,
-		entities: v,
-		entityManifest: v,
+		entities: g,
+		entityManifest: g,
 		entityRegistry: b,
 		filterColumnAliases: n.filterColumnAliases,
 		sidebar: n.sidebar,
@@ -139,14 +138,14 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		n.auth,
 		n.dashboard,
 		C,
-		v,
+		g,
 		b,
 		n.filterColumnAliases,
 		n.graphql,
 		n.sidebar
 	]), P = f(() => s({
 		basePath: i,
-		entityManifest: v,
+		entityManifest: g,
 		entityRegistry: b,
 		sidebar: n.sidebar,
 		auth: n.auth,
@@ -155,21 +154,24 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		toolsOperationPage: n.toolsOperationPage
 	}), [
 		i,
-		v,
+		g,
 		b,
 		n.auth,
 		n.dashboard,
 		C,
 		n.toolsOperationPage,
 		n.sidebar
-	]), F = /* @__PURE__ */ h(r, { label: "Loading..." });
-	return A && p && (F = /* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(w, { children: /* @__PURE__ */ g(e, {
-		value: N,
-		children: [n.overlay, /* @__PURE__ */ h(j, {
-			routes: P,
-			instrumentations: n.instrumentations
-		})]
-	}) }) })), /* @__PURE__ */ h(u, { children: /* @__PURE__ */ h(_, {
+	]), F = /* @__PURE__ */ _(r, { label: "Loading..." });
+	return A && p && (F = /* @__PURE__ */ _(h, {
+		...n.theme,
+		children: /* @__PURE__ */ _(w, { children: /* @__PURE__ */ v(e, {
+			value: N,
+			children: [n.overlay, /* @__PURE__ */ _(j, {
+				routes: P,
+				instrumentations: n.instrumentations
+			})]
+		}) })
+	})), /* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(y, {
 		i18n: O,
 		children: F
 	}) });

package/lib/esm/provider/BackofficeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { BackofficeThemeProvider } from '@plumile/ui/admin/theme/BackofficeThemeProvider.js';\nimport { RoutePendingBar } from '@plumile/ui/components/routing/RoutePendingBar.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport {\n  RelayProvider,\n  configureRelayEnvironment,\n  useRelayOperationActivity,\n} from '@plumile/relay';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\nimport { useBackofficeAuthRouteGate } from './useBackofficeAuthRouteGate.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n  const routerRef = useRef<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    routerRef.current = nextRouter;\n    setRouter(nextRouter);\n\n    return () => {\n      if (routerRef.current === nextRouter) {\n        routerRef.current = null;\n      }\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n  const relayOperationActivity = useRelayOperationActivity();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        externalPending={relayOperationActivity.pendingCount > 0}\n        fallback={<BackofficeRouteFallback />}\n        pending={<RoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n  const canMountRouter = useBackofficeAuthRouteGate(basePath);\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady && canMountRouter) {\n    contentNode = (\n      <BackofficeThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </BackofficeThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { BackofficeThemeProvider, RoutePendingBar } from '@plumile/ui';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport {\n  RelayProvider,\n  configureRelayEnvironment,\n  useRelayOperationActivity,\n} from '@plumile/relay';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\nimport { useBackofficeAuthRouteGate } from './useBackofficeAuthRouteGate.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n  const routerRef = useRef<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    routerRef.current = nextRouter;\n    setRouter(nextRouter);\n\n    return () => {\n      if (routerRef.current === nextRouter) {\n        routerRef.current = null;\n      }\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n  const relayOperationActivity = useRelayOperationActivity();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        externalPending={relayOperationActivity.pendingCount > 0}\n        fallback={<BackofficeRouteFallback />}\n        pending={<RoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n  const canMountRouter = useBackofficeAuthRouteGate(basePath);\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady && canMountRouter) {\n    contentNode = (\n      <BackofficeThemeProvider {...props.theme}>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </BackofficeThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}