@plumile/backoffice-react 0.1.194 → 0.1.195

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import {\n  Suspense,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListLayoutRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { RowFlagsCell } from '../components/backoffice/list/RowFlagsCell.js';\nimport { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport {\n  createBackofficeEntityListUiStateKey,\n  useBackofficeListFilterDrawerState,\n} from '../provider/BackofficeListUiStateContext.js';\nimport * as pageStyles from './backofficeEntityListPage.css.js';\nimport { rowFlagsColumnCell } from '../components/backoffice/list/RowFlagsCell.css.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityListBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { BackofficeEntityListRouteProvider } from './BackofficeEntityListRouteContext.js';\nimport {\n  buildActionsColumn,\n  computeActionsColumnWidthPx,\n  computeRowFlagsColumnWidthPx,\n  isFormMutationAction,\n  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListLayoutRoute;\n};\n\nconst applyListEdgeColumns = <Row,>(\n  inputColumns: readonly DataTableColumn<Row>[],\n  rowFlags: readonly BackofficeRowFlagSpec<Row>[] | undefined,\n  actionCount: number,\n  tApp: TFunction,\n): {\n  columns: readonly DataTableColumn<Row>[];\n  gridTemplateColumns?: string;\n} => {\n  const hasFlags = rowFlags != null && rowFlags.length > 0;\n\n  let columns = inputColumns;\n  if (hasFlags) {\n    const flagsColumn: DataTableColumn<Row> = {\n      id: '__rowFlags',\n      header: '',\n      className: rowFlagsColumnCell,\n      mobileRole: 'badge',\n      cell: (row) => {\n        return <RowFlagsCell row={row} flags={rowFlags} tApp={tApp} />;\n      },\n    };\n\n    // Ensure we never pick the flags column as \"primary\".\n    const withFlags = [flagsColumn, ...inputColumns];\n    const hasPrimary = withFlags.some((col) => {\n      return col.isPrimary === true;\n    });\n\n    columns = withFlags;\n    if (!hasPrimary) {\n      columns = withFlags.map((col, index) => {\n        if (index === 1) {\n          return { ...col, isPrimary: true };\n        }\n        return col;\n      });\n    }\n  }\n\n  let flagCount = 0;\n  if (hasFlags) {\n    flagCount = rowFlags.length;\n  }\n  const flagsWidthPx = computeRowFlagsColumnWidthPx(flagCount);\n  const actionsWidthPx = computeActionsColumnWidthPx(actionCount);\n\n  // We always include the right-side \"actions\" column in list pages.\n  let leftColumnCount = 0;\n  if (hasFlags) {\n    leftColumnCount = 1;\n  }\n  const middleCount = columns.length - leftColumnCount - 1;\n\n  const middleTracks = columns\n    .slice(leftColumnCount, leftColumnCount + Math.max(0, middleCount))\n    .map((column) => {\n      return resolveTrackBySize(column as DataTableColumn<unknown>, '1fr');\n    })\n    .join(' ');\n\n  let gridTemplateColumns = '';\n  if (hasFlags) {\n    gridTemplateColumns = `${flagsWidthPx}px ${middleTracks} ${actionsWidthPx}px`;\n  } else {\n    gridTemplateColumns = `${middleTracks} ${actionsWidthPx}px`;\n  }\n\n  return { columns, gridTemplateColumns };\n};\n\nconst BackofficeEntityConnectionListPage = ({\n  children,\n  config,\n  breadcrumb,\n}: Omit<BackofficeEntityListPageProps, 'config' | 'prepared'> & {\n  config: ConnectionListConfig;\n  breadcrumb: ReturnType<typeof buildEntityListBreadcrumb>;\n}): JSX.Element | null => {\n  const listConfig = config.list;\n\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const [countFetchKey, setCountFetchKey] = useState(0);\n  const refreshRef = useRef<(() => void) | null>(null);\n\n  const registerRefresh = useCallback((refresh: (() => void) | null) => {\n    refreshRef.current = refresh;\n  }, []);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnHover=\"code\"\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n  const listUiStateKey = useMemo(() => {\n    return createBackofficeEntityListUiStateKey(config.id);\n  }, [config.id]);\n  const filterDrawerState = useBackofficeListFilterDrawerState(listUiStateKey);\n\n  const handleRefreshRequest = useCallback(() => {\n    setCountFetchKey((current) => {\n      return current + 1;\n    });\n    refreshRef.current?.();\n  }, []);\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n                preloadOnHover=\"code-and-data\"\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  const renderLoadingScaffold = () => {\n    return (\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={[]}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={false}\n        isLoadingMore={false}\n        isRefreshing={false}\n        onLoadMore={() => {}}\n        onRefresh={handleRefreshRequest}\n        totalCount={null}\n        isLoadingInitial\n        filterDrawerState={filterDrawerState}\n      />\n    );\n  };\n\n  const contextValue = useMemo(() => {\n    return {\n      config,\n      state,\n      pushState,\n      headerActions,\n      columns,\n      gridTemplateColumns,\n      getRowId,\n      countFetchKey,\n      filterDrawerState,\n      bumpCountFetchKey: () => {\n        setCountFetchKey((current) => {\n          return current + 1;\n        });\n      },\n      registerRefresh,\n    };\n  }, [\n    columns,\n    config,\n    countFetchKey,\n    filterDrawerState,\n    getRowId,\n    gridTemplateColumns,\n    headerActions,\n    pushState,\n    registerRefresh,\n    state,\n  ]);\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <BackofficeEntityListRouteProvider value={contextValue}>\n        <Suspense fallback={renderLoadingScaffold()}>{children}</Suspense>\n      </BackofficeEntityListRouteProvider>\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={handleRefreshRequest}\n        />\n      )}\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListPage = ({\n  children,\n  entityManifest,\n  config,\n}: BackofficeEntityListPageProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const breadcrumb = buildEntityListBreadcrumb(config, tApp);\n\n  return (\n    <BackofficeEntityConnectionListPage\n      children={children}\n      entityManifest={entityManifest}\n      config={config}\n      breadcrumb={breadcrumb}\n    />\n  );\n};\n\nexport default BackofficeEntityListPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import {\n  Suspense,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListLayoutRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { RowFlagsCell } from '../components/backoffice/list/RowFlagsCell.js';\nimport { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport {\n  createBackofficeEntityListUiStateKey,\n  useBackofficeListFilterDrawerState,\n} from '../provider/BackofficeListUiStateContext.js';\nimport * as pageStyles from './backofficeEntityListPage.css.js';\nimport { rowFlagsColumnCell } from '../components/backoffice/list/RowFlagsCell.css.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityListBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { BackofficeEntityListRouteProvider } from './BackofficeEntityListRouteContext.js';\nimport {\n  buildActionsColumn,\n  computeActionsColumnWidthPx,\n  computeRowFlagsColumnWidthPx,\n  isFormMutationAction,\n  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListLayoutRoute;\n};\n\nconst applyListEdgeColumns = <Row,>(\n  inputColumns: readonly DataTableColumn<Row>[],\n  rowFlags: readonly BackofficeRowFlagSpec<Row>[] | undefined,\n  actionCount: number,\n  tApp: TFunction,\n): {\n  columns: readonly DataTableColumn<Row>[];\n  gridTemplateColumns?: string;\n} => {\n  const hasFlags = rowFlags != null && rowFlags.length > 0;\n\n  let columns = inputColumns;\n  if (hasFlags) {\n    const flagsColumn: DataTableColumn<Row> = {\n      id: '__rowFlags',\n      header: '',\n      className: rowFlagsColumnCell,\n      mobileRole: 'badge',\n      cell: (row) => {\n        return <RowFlagsCell row={row} flags={rowFlags} tApp={tApp} />;\n      },\n    };\n\n    // Ensure we never pick the flags column as \"primary\".\n    const withFlags = [flagsColumn, ...inputColumns];\n    const hasPrimary = withFlags.some((col) => {\n      return col.isPrimary === true;\n    });\n\n    columns = withFlags;\n    if (!hasPrimary) {\n      columns = withFlags.map((col, index) => {\n        if (index === 1) {\n          return { ...col, isPrimary: true };\n        }\n        return col;\n      });\n    }\n  }\n\n  let flagCount = 0;\n  if (hasFlags) {\n    flagCount = rowFlags.length;\n  }\n  const flagsWidthPx = computeRowFlagsColumnWidthPx(flagCount);\n  const actionsWidthPx = computeActionsColumnWidthPx(actionCount);\n\n  // We always include the right-side \"actions\" column in list pages.\n  let leftColumnCount = 0;\n  if (hasFlags) {\n    leftColumnCount = 1;\n  }\n  const middleCount = columns.length - leftColumnCount - 1;\n\n  const middleTracks = columns\n    .slice(leftColumnCount, leftColumnCount + Math.max(0, middleCount))\n    .map((column) => {\n      return resolveTrackBySize(column as DataTableColumn<unknown>, '1fr');\n    })\n    .join(' ');\n\n  let gridTemplateColumns = '';\n  if (hasFlags) {\n    gridTemplateColumns = `${flagsWidthPx}px ${middleTracks} ${actionsWidthPx}px`;\n  } else {\n    gridTemplateColumns = `${middleTracks} ${actionsWidthPx}px`;\n  }\n\n  return { columns, gridTemplateColumns };\n};\n\nconst BackofficeEntityConnectionListPage = ({\n  children,\n  config,\n  breadcrumb,\n}: Omit<BackofficeEntityListPageProps, 'config' | 'prepared'> & {\n  config: ConnectionListConfig;\n  breadcrumb: ReturnType<typeof buildEntityListBreadcrumb>;\n}): JSX.Element | null => {\n  const listConfig = config.list;\n\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const [countFetchKey, setCountFetchKey] = useState(0);\n  const refreshRef = useRef<(() => void) | null>(null);\n\n  const registerRefresh = useCallback((refresh: (() => void) | null) => {\n    refreshRef.current = refresh;\n  }, []);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnHover=\"code\"\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n  const listUiStateKey = useMemo(() => {\n    return createBackofficeEntityListUiStateKey(config.id);\n  }, [config.id]);\n  const filterDrawerState = useBackofficeListFilterDrawerState(listUiStateKey);\n\n  const handleRefreshRequest = useCallback(() => {\n    setCountFetchKey((current) => {\n      return current + 1;\n    });\n    refreshRef.current?.();\n  }, []);\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n                preloadOnHover=\"code-and-data\"\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  const renderLoadingScaffold = () => {\n    return (\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={[]}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={false}\n        isLoadingMore={false}\n        isRefreshing={false}\n        onLoadMore={() => {}}\n        onRefresh={handleRefreshRequest}\n        totalCount={null}\n        isLoadingInitial\n        filterDrawerState={filterDrawerState}\n      />\n    );\n  };\n\n  const contextValue = useMemo(() => {\n    return {\n      config,\n      state,\n      pushState,\n      headerActions,\n      columns,\n      gridTemplateColumns,\n      getRowId,\n      countFetchKey,\n      filterDrawerState,\n      bumpCountFetchKey: () => {\n        setCountFetchKey((current) => {\n          return current + 1;\n        });\n      },\n      registerRefresh,\n    };\n  }, [\n    columns,\n    config,\n    countFetchKey,\n    filterDrawerState,\n    getRowId,\n    gridTemplateColumns,\n    headerActions,\n    pushState,\n    registerRefresh,\n    state,\n  ]);\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <BackofficeEntityListRouteProvider value={contextValue}>\n        <Suspense fallback={renderLoadingScaffold()}>{children}</Suspense>\n      </BackofficeEntityListRouteProvider>\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={handleRefreshRequest}\n        />\n      )}\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListPage = ({\n  children,\n  entityManifest,\n  config,\n}: BackofficeEntityListPageProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const breadcrumb = buildEntityListBreadcrumb(config, tApp);\n\n  return (\n    <BackofficeEntityConnectionListPage\n      children={children}\n      entityManifest={entityManifest}\n      config={config}\n      breadcrumb={breadcrumb}\n    />\n  );\n};\n\nexport default BackofficeEntityListPage;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListShellPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListShellPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type {\n  BackofficePreparedListShellRoute,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.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 BackofficeEntityListShellPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  prepared: BackofficePreparedListShellRoute;\n};\n\nconst buildListShellBreadcrumb = (\n  entityManifest: BackofficeEntityManifestItem,\n  label: string,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label,\n    },\n  ];\n};\n\nconst BackofficeEntityListShellFallback = ({\n  entityManifest,\n}: {\n  entityManifest: BackofficeEntityManifestItem;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const title = entityManifest.label(tApp);\n\n  return (\n    <BackofficeRightPageLayout\n      breadcrumb={buildListShellBreadcrumb(entityManifest, title)}\n    >\n      <DetailPageTemplate\n        header={{\n          title,\n        }}\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListShellPage = ({\n  children,\n  entityManifest,\n}: BackofficeEntityListShellPageProps): JSX.Element => {\n  return (\n    <Suspense\n      fallback={\n        <BackofficeEntityListShellFallback entityManifest={entityManifest} />\n      }\n    >\n      {children}\n    </Suspense>\n  );\n};\n\nexport default BackofficeEntityListShellPage;\n"],"mappings":";;;;;;;;AAoBA,IAAM,KACJ,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAe;CAC3B;CACA;AACF,CACF,GAGI,KAAqC,EACzC,wBAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAQ,EAAe,MAAM,CAAI;CAEvC,OACE,kBAAC,GAAD;EACE,YAAY,EAAyB,GAAgB,CAAK;YAE1D,kBAAC,GAAD;GACE,QAAQ,EACN,SACF;aAEA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B,GAEa,KAAiC,EAC5C,aACA,wBAGE,kBAAC,GAAD;CACE,UACE,kBAAC,GAAD,EAAmD,kBAAiB,CAAA;CAGrE;AACO,CAAA"}
+{"version":3,"file":"BackofficeEntityListShellPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListShellPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type {\n  BackofficePreparedListShellRoute,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.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 BackofficeEntityListShellPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  prepared: BackofficePreparedListShellRoute;\n};\n\nconst buildListShellBreadcrumb = (\n  entityManifest: BackofficeEntityManifestItem,\n  label: string,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label,\n    },\n  ];\n};\n\nconst BackofficeEntityListShellFallback = ({\n  entityManifest,\n}: {\n  entityManifest: BackofficeEntityManifestItem;\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const title = entityManifest.label(tApp);\n\n  return (\n    <BackofficeRightPageLayout\n      breadcrumb={buildListShellBreadcrumb(entityManifest, title)}\n    >\n      <DetailPageTemplate\n        header={{\n          title,\n        }}\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListShellPage = ({\n  children,\n  entityManifest,\n}: BackofficeEntityListShellPageProps): JSX.Element => {\n  return (\n    <Suspense\n      fallback={\n        <BackofficeEntityListShellFallback entityManifest={entityManifest} />\n      }\n    >\n      {children}\n    </Suspense>\n  );\n};\n\nexport default BackofficeEntityListShellPage;\n"],"mappings":";;;;;;;;AAoBA,IAAM,KACJ,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAe;CAC3B;CACA;AACF,CACF,GAGI,KAAqC,EACzC,wBAGiB;CACjB,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAQ,EAAe,MAAM,CAAI;CAEvC,OACE,kBAAC,GAAD;EACE,YAAY,EAAyB,GAAgB,CAAK;EAE1D,UAAA,kBAAC,GAAD;GACE,QAAQ,EACN,SACF;GAEA,UAAA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B,GAEa,KAAiC,EAC5C,aACA,wBAGE,kBAAC,GAAD;CACE,UACE,kBAAC,GAAD,EAAmD,kBAAiB,CAAA;CAGrE;AACO,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeHubPage.js","names":[],"sources":["../../../src/pages/BackofficeHubPage.tsx"],"sourcesContent":["import { useMemo, useState, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { BackofficeIconComponent } from '../provider/types.js';\nimport type { BackofficePreparedHubRoute } from '../router/createBackofficeRoutes.js';\nimport {\n  BackofficeHubTemplate,\n  type BackofficeHubTemplateGroup,\n  type BackofficeHubTemplateSearch,\n} from '../components/backoffice/hub/BackofficeHubTemplate.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildHubBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficePermissions } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport { resolveLabel } from '../components/backoffice/layout/sidebarUtils.js';\n\nexport type BackofficeHubPageProps = {\n  prepared: BackofficePreparedHubRoute;\n};\n\ntype HubPageItemView = {\n  id: string;\n  kind: 'entity' | 'tool';\n  label: string;\n  href: string;\n  icon: ReactNode;\n};\n\ntype HubPageGroupView = {\n  id: string;\n  title: string;\n  description: string | null;\n  icon: ReactNode | undefined;\n  items: readonly HubPageItemView[];\n};\n\nconst renderIcon = (\n  Icon: BackofficeIconComponent | undefined,\n  size: number,\n): ReactNode | undefined => {\n  if (Icon == null) {\n    return undefined;\n  }\n  return <Icon width={size} height={size} aria-hidden=\"true\" />;\n};\n\nconst isItemVisible = (input: {\n  entity: BackofficeEntityManifestMap[string] | null | undefined;\n  kind: 'entity' | 'tool';\n  permissions: unknown;\n  sidebar: ReturnType<typeof useBackofficeConfig>['sidebar'];\n}): boolean => {\n  const { entity, kind, permissions, sidebar } = input;\n  if (entity == null) {\n    return false;\n  }\n  if (kind === 'entity' && entity.kind !== 'tool' && !entity.hasList) {\n    return false;\n  }\n  const isVisible = sidebar?.isItemVisible?.(\n    {\n      kind,\n      id: entity.id,\n    },\n    permissions,\n  );\n  return isVisible !== false;\n};\n\nexport const BackofficeHubPage = ({\n  prepared,\n}: BackofficeHubPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, sidebar } = useBackofficeConfig();\n  const permissions = useBackofficePermissions();\n  const [search, setSearch] = useState('');\n  const { hub } = prepared;\n  const title = resolveLabel(hub.title, tApp);\n  let description: string | undefined;\n  if (hub.description != null) {\n    description = resolveLabel(hub.description, tApp);\n  }\n  const breadcrumb = buildHubBreadcrumb({ id: hub.id, title });\n  const normalizedSearch = search.trim().toLowerCase();\n  const searchEnabled = hub.search?.enabled !== false;\n  let searchPlaceholder = t('hub.search.placeholder');\n  if (hub.search?.placeholder != null) {\n    searchPlaceholder = resolveLabel(hub.search.placeholder, tApp);\n  }\n\n  const groups = useMemo<readonly HubPageGroupView[]>(() => {\n    return hub.groups\n      .map((group) => {\n        const items = group.items\n          .map((item): HubPageItemView | null => {\n            const entity = entities[item.id];\n            if (entity == null) {\n              return null;\n            }\n            if (\n              !isItemVisible({\n                entity,\n                kind: item.kind,\n                permissions,\n                sidebar,\n              })\n            ) {\n              return null;\n            }\n            const entityConfig = entity;\n            const label = resolveLabel(entityConfig.label, tApp);\n            if (\n              normalizedSearch !== '' &&\n              !label.toLowerCase().includes(normalizedSearch)\n            ) {\n              return null;\n            }\n            return {\n              id: item.id,\n              kind: item.kind,\n              label,\n              href: entityConfig.routes.list,\n              icon: renderIcon(item.icon, 20),\n            };\n          })\n          .filter((item): item is HubPageItemView => {\n            return item != null;\n          });\n        let groupDescription: string | null = null;\n        if (group.description != null) {\n          groupDescription = resolveLabel(group.description, tApp);\n        }\n        return {\n          id: group.id,\n          title: resolveLabel(group.title, tApp),\n          description: groupDescription,\n          icon: renderIcon(group.icon, 18),\n          items,\n        };\n      })\n      .filter((group) => {\n        return group.items.length > 0;\n      });\n  }, [entities, hub.groups, normalizedSearch, permissions, sidebar, tApp]);\n\n  let emptyTitle = t('hub.empty.title');\n  if (hub.emptyState?.title != null) {\n    emptyTitle = resolveLabel(hub.emptyState.title, tApp);\n  }\n  let emptyDescription = t('hub.empty.description');\n  if (hub.emptyState?.description != null) {\n    emptyDescription = resolveLabel(hub.emptyState.description, tApp);\n  }\n  let subtitle = t('hub.subtitle');\n  if (description != null) {\n    subtitle = description;\n  }\n  const hasMixedKinds = groups.some((group) => {\n    const kinds = new Set(\n      group.items.map((item) => {\n        return item.kind;\n      }),\n    );\n    return kinds.size > 1;\n  });\n\n  const templateGroups = useMemo<readonly BackofficeHubTemplateGroup[]>(() => {\n    return groups.map((group) => {\n      return {\n        id: group.id,\n        title: group.title,\n        description: group.description,\n        icon: group.icon,\n        items: group.items.map((item) => {\n          let metaLabel: string | null = null;\n          if (hasMixedKinds) {\n            metaLabel = t('hub.itemKinds.entity');\n            if (item.kind === 'tool') {\n              metaLabel = t('hub.itemKinds.tool');\n            }\n          }\n          return {\n            id: item.id,\n            kind: item.kind,\n            label: item.label,\n            href: item.href,\n            icon: item.icon,\n            metaLabel,\n          };\n        }),\n      };\n    });\n  }, [groups, hasMixedKinds, t]);\n\n  let searchConfig: BackofficeHubTemplateSearch | undefined;\n  if (searchEnabled) {\n    searchConfig = {\n      value: search,\n      onChange: setSearch,\n      placeholder: searchPlaceholder,\n    };\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        header={{\n          title,\n          subtitle,\n        }}\n      >\n        <BackofficeHubTemplate\n          groups={templateGroups}\n          search={searchConfig}\n          emptyState={{\n            title: emptyTitle,\n            description: emptyDescription,\n            icon: <SidebarTasksSvg width={28} height={28} aria-hidden=\"true\" />,\n          }}\n        />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeHubPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeHubPage.js","names":[],"sources":["../../../src/pages/BackofficeHubPage.tsx"],"sourcesContent":["import { useMemo, useState, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { BackofficeIconComponent } from '../provider/types.js';\nimport type { BackofficePreparedHubRoute } from '../router/createBackofficeRoutes.js';\nimport {\n  BackofficeHubTemplate,\n  type BackofficeHubTemplateGroup,\n  type BackofficeHubTemplateSearch,\n} from '../components/backoffice/hub/BackofficeHubTemplate.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildHubBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficePermissions } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport { resolveLabel } from '../components/backoffice/layout/sidebarUtils.js';\n\nexport type BackofficeHubPageProps = {\n  prepared: BackofficePreparedHubRoute;\n};\n\ntype HubPageItemView = {\n  id: string;\n  kind: 'entity' | 'tool';\n  label: string;\n  href: string;\n  icon: ReactNode;\n};\n\ntype HubPageGroupView = {\n  id: string;\n  title: string;\n  description: string | null;\n  icon: ReactNode | undefined;\n  items: readonly HubPageItemView[];\n};\n\nconst renderIcon = (\n  Icon: BackofficeIconComponent | undefined,\n  size: number,\n): ReactNode | undefined => {\n  if (Icon == null) {\n    return undefined;\n  }\n  return <Icon width={size} height={size} aria-hidden=\"true\" />;\n};\n\nconst isItemVisible = (input: {\n  entity: BackofficeEntityManifestMap[string] | null | undefined;\n  kind: 'entity' | 'tool';\n  permissions: unknown;\n  sidebar: ReturnType<typeof useBackofficeConfig>['sidebar'];\n}): boolean => {\n  const { entity, kind, permissions, sidebar } = input;\n  if (entity == null) {\n    return false;\n  }\n  if (kind === 'entity' && entity.kind !== 'tool' && !entity.hasList) {\n    return false;\n  }\n  const isVisible = sidebar?.isItemVisible?.(\n    {\n      kind,\n      id: entity.id,\n    },\n    permissions,\n  );\n  return isVisible !== false;\n};\n\nexport const BackofficeHubPage = ({\n  prepared,\n}: BackofficeHubPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, sidebar } = useBackofficeConfig();\n  const permissions = useBackofficePermissions();\n  const [search, setSearch] = useState('');\n  const { hub } = prepared;\n  const title = resolveLabel(hub.title, tApp);\n  let description: string | undefined;\n  if (hub.description != null) {\n    description = resolveLabel(hub.description, tApp);\n  }\n  const breadcrumb = buildHubBreadcrumb({ id: hub.id, title });\n  const normalizedSearch = search.trim().toLowerCase();\n  const searchEnabled = hub.search?.enabled !== false;\n  let searchPlaceholder = t('hub.search.placeholder');\n  if (hub.search?.placeholder != null) {\n    searchPlaceholder = resolveLabel(hub.search.placeholder, tApp);\n  }\n\n  const groups = useMemo<readonly HubPageGroupView[]>(() => {\n    return hub.groups\n      .map((group) => {\n        const items = group.items\n          .map((item): HubPageItemView | null => {\n            const entity = entities[item.id];\n            if (entity == null) {\n              return null;\n            }\n            if (\n              !isItemVisible({\n                entity,\n                kind: item.kind,\n                permissions,\n                sidebar,\n              })\n            ) {\n              return null;\n            }\n            const entityConfig = entity;\n            const label = resolveLabel(entityConfig.label, tApp);\n            if (\n              normalizedSearch !== '' &&\n              !label.toLowerCase().includes(normalizedSearch)\n            ) {\n              return null;\n            }\n            return {\n              id: item.id,\n              kind: item.kind,\n              label,\n              href: entityConfig.routes.list,\n              icon: renderIcon(item.icon, 20),\n            };\n          })\n          .filter((item): item is HubPageItemView => {\n            return item != null;\n          });\n        let groupDescription: string | null = null;\n        if (group.description != null) {\n          groupDescription = resolveLabel(group.description, tApp);\n        }\n        return {\n          id: group.id,\n          title: resolveLabel(group.title, tApp),\n          description: groupDescription,\n          icon: renderIcon(group.icon, 18),\n          items,\n        };\n      })\n      .filter((group) => {\n        return group.items.length > 0;\n      });\n  }, [entities, hub.groups, normalizedSearch, permissions, sidebar, tApp]);\n\n  let emptyTitle = t('hub.empty.title');\n  if (hub.emptyState?.title != null) {\n    emptyTitle = resolveLabel(hub.emptyState.title, tApp);\n  }\n  let emptyDescription = t('hub.empty.description');\n  if (hub.emptyState?.description != null) {\n    emptyDescription = resolveLabel(hub.emptyState.description, tApp);\n  }\n  let subtitle = t('hub.subtitle');\n  if (description != null) {\n    subtitle = description;\n  }\n  const hasMixedKinds = groups.some((group) => {\n    const kinds = new Set(\n      group.items.map((item) => {\n        return item.kind;\n      }),\n    );\n    return kinds.size > 1;\n  });\n\n  const templateGroups = useMemo<readonly BackofficeHubTemplateGroup[]>(() => {\n    return groups.map((group) => {\n      return {\n        id: group.id,\n        title: group.title,\n        description: group.description,\n        icon: group.icon,\n        items: group.items.map((item) => {\n          let metaLabel: string | null = null;\n          if (hasMixedKinds) {\n            metaLabel = t('hub.itemKinds.entity');\n            if (item.kind === 'tool') {\n              metaLabel = t('hub.itemKinds.tool');\n            }\n          }\n          return {\n            id: item.id,\n            kind: item.kind,\n            label: item.label,\n            href: item.href,\n            icon: item.icon,\n            metaLabel,\n          };\n        }),\n      };\n    });\n  }, [groups, hasMixedKinds, t]);\n\n  let searchConfig: BackofficeHubTemplateSearch | undefined;\n  if (searchEnabled) {\n    searchConfig = {\n      value: search,\n      onChange: setSearch,\n      placeholder: searchPlaceholder,\n    };\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        header={{\n          title,\n          subtitle,\n        }}\n      >\n        <BackofficeHubTemplate\n          groups={templateGroups}\n          search={searchConfig}\n          emptyState={{\n            title: emptyTitle,\n            description: emptyDescription,\n            icon: <SidebarTasksSvg width={28} height={28} aria-hidden=\"true\" />,\n          }}\n        />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeHubPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeLayoutPage.js

@@ -1,28 +1,28 @@
 import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeConfig as t } from "../provider/BackofficeConfigContext.js";
 import { BackofficeTopbarPortalContextProvider as n } from "../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js";
-import { resolveActiveEntityId as r, resolveSidebarGroups as i, resolveVisibleEntityIds as ee } from "../components/backoffice/layout/sidebarUtils.js";
-import { BackofficePermissionsProvider as te } from "../components/backoffice/layout/BackofficePermissionsContext.js";
-import { buildSidebarSections as a } from "../components/backoffice/layout/buildSidebarSections.js";
-import ne from "../components/backoffice/layout/mapViewerToSidebarProfileView.js";
-import { BackofficeContentBoundary as re } from "../components/backoffice/routing/BackofficeContentBoundary.js";
-import { resetRelayStore as ie } from "../relay/environment.js";
-import { useRelayEnvironment as ae } from "../relay/useRelayEnvironment.js";
-import oe from "../hooks/useBackofficeSidebarPins.js";
-import se from "../hooks/useSidebarGroupCollapse.js";
-import { getBackofficeLoginPath as ce } from "../router/backofficeAuthPaths.js";
-import { useCallback as le, useContext as ue, useEffect as o, useMemo as s, useState as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import { useTranslation as de } from "react-i18next";
-import { commitMutation as fe, usePreloadedQuery as u } from "react-relay";
-import { ToastProvider as d } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import pe from "@plumile/router/routing/RoutingContext.js";
-import { GlobalSearchInput as me } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
-import he from "@plumile/router/routing/useLocation.js";
-import { AdminShellLayout as ge } from "@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js";
-import { SidebarProfileMenu as f } from "@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js";
+import { resolveActiveEntityId as r, resolveSidebarGroups as i, resolveVisibleEntityIds as a } from "../components/backoffice/layout/sidebarUtils.js";
+import { BackofficePermissionsProvider as ee } from "../components/backoffice/layout/BackofficePermissionsContext.js";
+import { buildSidebarSections as o } from "../components/backoffice/layout/buildSidebarSections.js";
+import te from "../components/backoffice/layout/mapViewerToSidebarProfileView.js";
+import { BackofficeContentBoundary as ne } from "../components/backoffice/routing/BackofficeContentBoundary.js";
+import { resetRelayStore as re } from "../relay/environment.js";
+import { useRelayEnvironment as ie } from "../relay/useRelayEnvironment.js";
+import ae from "../hooks/useBackofficeSidebarPins.js";
+import oe from "../hooks/useSidebarGroupCollapse.js";
+import { getBackofficeLoginPath as se } from "../router/backofficeAuthPaths.js";
+import { useCallback as ce, useContext as le, useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useTranslation as ue } from "react-i18next";
+import { commitMutation as de, usePreloadedQuery as d } from "react-relay";
+import { ToastProvider as f } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import fe from "@plumile/router/routing/RoutingContext.js";
+import { GlobalSearchInput as pe } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import me from "@plumile/router/routing/useLocation.js";
+import { AdminShellLayout as he } from "@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js";
+import { SidebarProfileMenu as p } from "@plumile/ui/components/navigation/sidebar/SidebarProfileMenu.js";
 //#region src/pages/BackofficeLayoutPage.tsx
-var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", ye = (e) => {
+var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", ve = (e) => {
 	if (typeof window > "u") return [];
 	try {
 		let t = window.localStorage.getItem(e);
@@ -36,20 +36,20 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 	} catch {
 		return [];
 	}
-}, p = (e, t) => {
+}, ye = (e, t) => {
 	if (!(typeof window > "u")) try {
 		window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
-}, m = ({ children: u, permissions: m, authStatus: h, activeGroupId: g }) => {
-	let { t: _ } = de(), { t: v } = e(), { pathname: y } = he(), b = ue(pe), x = ae(), { auth: S, basePath: C, dashboards: w, entities: T, sidebar: E } = t(), [D, be] = c(""), O = E?.preferences?.storageKey ?? ve, k = E?.preferences?.persistCollapsed === !0, [A, xe] = c(() => {
+}, m = ({ children: d, permissions: m, authStatus: h, activeGroupId: g }) => {
+	let { t: _ } = ue(), { t: v } = e(), { pathname: y } = me(), b = le(fe), x = ie(), { auth: S, basePath: C, dashboards: w, entities: T, sidebar: E } = t(), [D, be] = l(""), O = E?.preferences?.storageKey ?? _e, k = E?.preferences?.persistCollapsed === !0, [A, xe] = l(() => {
 		if (!k || typeof window > "u") return !1;
 		try {
 			return window.localStorage.getItem(`${O}:collapsed`) === "true";
 		} catch {
 			return !1;
 		}
-	}), [j, M] = c(!1), [N, P] = c(null), F = E?.recentItems, I = F?.enabled === !0, L = F?.storageKey ?? _e, R = F?.maxItems ?? 8, [z, Se] = c(() => I ? ye(L) : []);
-	o(() => {
+	}), [j, M] = l(!1), [N, P] = l(null), F = E?.recentItems, I = F?.enabled === !0, L = F?.storageKey ?? ge, R = F?.maxItems ?? 8, [z, Se] = l(() => I ? ve(L) : []);
+	s(() => {
 		if (!(!k || typeof window > "u")) try {
 			window.localStorage.setItem(`${O}:collapsed`, String(A));
 		} catch {}
@@ -58,13 +58,13 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		k,
 		O
 	]);
-	let B = s(() => i(T, E), [T, E]), Ce = s(() => Object.keys(B), [B]), we = s(() => Object.fromEntries(Object.entries(B).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [B]), Te = s(() => ee(B, T, E, m), [
+	let B = c(() => i(T, E), [T, E]), Ce = c(() => Object.keys(B), [B]), we = c(() => Object.fromEntries(Object.entries(B).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [B]), Te = c(() => a(B, T, E, m), [
 		T,
 		B,
 		m,
 		E
-	]), V = s(() => r(y, T), [T, y]);
-	o(() => {
+	]), V = c(() => r(y, T), [T, y]);
+	s(() => {
 		if (!I || V == null) return;
 		let e = T[V];
 		if (e == null || e.kind !== "tool" && !e.hasList) return;
@@ -79,7 +79,7 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		};
 		Se((e) => {
 			let t = [r, ...e.filter((e) => e.id !== r.id || e.kind !== r.kind)].slice(0, R);
-			return p(L, t), t;
+			return ye(L, t), t;
 		});
 	}, [
 		V,
@@ -89,7 +89,7 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		L,
 		_
 	]);
-	let H = E?.pinnedItems?.enabled === !0, { pins: Ee, toggle: De, reorder: Oe } = oe({
+	let H = E?.pinnedItems?.enabled === !0, { pins: Ee, toggle: De, reorder: Oe } = ae({
 		enabled: H,
 		storageKey: E?.pinnedItems?.storageKey,
 		visibleEntityIds: Te
@@ -97,13 +97,13 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 	H && (U = Ee, W = De, G = Oe);
 	let K;
 	E?.preferences?.storageKey != null && (K = `${E.preferences.storageKey}:groups`);
-	let { collapsedByGroupId: q, setCollapsed: J } = se({
+	let { collapsedByGroupId: q, setCollapsed: J } = oe({
 		groupIds: Ce,
 		activeGroupId: g,
 		defaultCollapsedByGroupId: we,
 		persist: E?.preferences?.persistGroups === !0,
 		storageKey: K
-	}), ke = s(() => a({
+	}), ke = c(() => o({
 		basePath: C,
 		pathname: y,
 		entities: T,
@@ -136,7 +136,7 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		W,
 		v,
 		_
-	]), Ae = s(() => a({
+	]), Ae = c(() => o({
 		basePath: C,
 		pathname: y,
 		entities: T,
@@ -169,12 +169,12 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		W,
 		v,
 		_
-	]), Y = le(() => {
+	]), Y = ce(() => {
 		j || (M(!0), (async () => {
 			try {
 				let e = await S.logout.load();
 				await new Promise((t, n) => {
-					fe(x, {
+					de(x, {
 						mutation: e.logoutMutation,
 						variables: {},
 						onCompleted: () => {
@@ -184,7 +184,7 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 							n(e);
 						}
 					});
-				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), ie(), b?.history.push({ pathname: ce(C) });
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), re(), b?.history.push({ pathname: se(C) });
 			} finally {
 				M(!1);
 			}
@@ -195,10 +195,10 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		j,
 		x,
 		b
-	]), X = h?.me ?? null, Z = s(() => ne({
+	]), X = h?.me ?? null, Z = c(() => te({
 		viewer: X,
 		unknownUserLabel: v("sidebar.profile.unknownUser")
-	}), [v, X]), je = /* @__PURE__ */ l(f, {
+	}), [v, X]), je = /* @__PURE__ */ u(p, {
 		collapsed: !1,
 		viewer: Z,
 		labels: {
@@ -208,7 +208,7 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		},
 		onSignOut: Y,
 		isSigningOut: j
-	}), Me = /* @__PURE__ */ l(f, {
+	}), Me = /* @__PURE__ */ u(p, {
 		collapsed: !1,
 		viewer: Z,
 		labels: {
@@ -219,14 +219,14 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 		onSignOut: Y,
 		isSigningOut: j
 	}), Q = null;
-	N != null && (Q = /* @__PURE__ */ l(re, { children: u }));
-	let $ = /* @__PURE__ */ l(me, {
+	N != null && (Q = /* @__PURE__ */ u(ne, { children: d }));
+	let $ = /* @__PURE__ */ u(pe, {
 		value: D,
 		onChange: be,
 		placeholder: v("sidebar.search.placeholder"),
 		ariaLabel: v("sidebar.search.placeholder")
 	});
-	return /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(ge, {
+	return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(he, {
 		sidebar: {
 			sections: ke,
 			search: $,
@@ -245,11 +245,11 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 			hideCollapseToggle: !0,
 			navigationAriaLabel: v("sidebar.navigationAriaLabel")
 		},
-		topbar: { breadcrumb: /* @__PURE__ */ l("div", { ref: P }) },
+		topbar: { breadcrumb: /* @__PURE__ */ u("div", { ref: P }) },
 		contentScrollMode: "contained",
-		children: /* @__PURE__ */ l(te, {
+		children: /* @__PURE__ */ u(ee, {
 			permissions: m,
-			children: /* @__PURE__ */ l(n, {
+			children: /* @__PURE__ */ u(n, {
 				value: {
 					target: N,
 					dashboardHref: C,
@@ -259,18 +259,21 @@ var _e = "plumile:backoffice:recent-items", ve = "plumile:backoffice:sidebar", y
 			})
 		})
 	}) });
-}, h = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ l(m, {
-	permissions: u(t, n),
-	authStatus: r,
-	activeGroupId: i,
-	children: e
-}), g = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ l(h, {
+}, h = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => {
+	let a = d(t, n);
+	return /* @__PURE__ */ u(m, {
+		permissions: a,
+		authStatus: r,
+		activeGroupId: i,
+		children: e
+	});
+}, g = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ u(h, {
 	permissionsQuery: t,
 	prepared: n,
 	authStatus: r,
 	activeGroupId: i,
 	children: e
-}) : /* @__PURE__ */ l(m, {
+}) : /* @__PURE__ */ u(m, {
 	permissions: null,
 	authStatus: r,
 	activeGroupId: i,

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';\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 { resetRelayStore } from '../relay/environment.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';\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 { resetRelayStore } from '../relay/environment.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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"}

package/lib/esm/pages/BackofficeLoginPage.js

@@ -11,34 +11,34 @@ import * as d from "react-relay";
 import f from "@plumile/router/routing/RoutingContext.js";
 //#region src/pages/BackofficeLoginPage.tsx
 var { usePreloadedQuery: p } = d, m = ({ prepared: d }) => {
-	let m = c(f), { auth: h, basePath: g } = n(), _ = a(), v = i(), y = r(), b = l(!1);
-	return /* @__PURE__ */ u(e, {
-		auth: v,
-		oidcProviders: p(_.loginQuery, d.query).oidcProviders ?? [],
-		onLoginSuccess: s(() => {
-			b.current || (b.current = !0, (async () => {
-				try {
-					let e = await h.session.load();
-					if (e.authStatusQuery == null) {
-						m?.history.push({ pathname: g });
-						return;
-					}
-					if (await h.lifecycle?.onLoginSuccess?.(), !await t(y, e.authStatusQuery)) return;
+	let m = c(f), { auth: h, basePath: g } = n(), _ = a(), v = i(), y = r(), b = l(!1), x = p(_.loginQuery, d.query).oidcProviders ?? [], S = s(() => {
+		b.current || (b.current = !0, (async () => {
+			try {
+				let e = await h.session.load();
+				if (e.authStatusQuery == null) {
 					m?.history.push({ pathname: g });
-				} catch {} finally {
-					b.current = !1;
+					return;
 				}
-			})().catch(() => {}));
-		}, [
-			h.lifecycle,
-			h.session,
-			g,
-			y,
-			m?.history
-		]),
-		onForgotPassword: s(() => {
-			m?.history.push({ pathname: o(g) });
-		}, [g, m?.history])
+				if (await h.lifecycle?.onLoginSuccess?.(), !await t(y, e.authStatusQuery)) return;
+				m?.history.push({ pathname: g });
+			} catch {} finally {
+				b.current = !1;
+			}
+		})().catch(() => {}));
+	}, [
+		h.lifecycle,
+		h.session,
+		g,
+		y,
+		m?.history
+	]), C = s(() => {
+		m?.history.push({ pathname: o(g) });
+	}, [g, m?.history]);
+	return /* @__PURE__ */ u(e, {
+		auth: v,
+		oidcProviders: x,
+		onLoginSuccess: S,
+		onForgotPassword: C
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLoginPage.js","names":[],"sources":["../../../src/pages/BackofficeLoginPage.tsx"],"sourcesContent":["import { useCallback, useContext, useRef, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { PreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport type { OidcProviderKind } from '../modules/sharedSchemaTypes.js';\nimport { LoginFlow } from '../auth/login/LoginFlow.js';\nimport { synchronizeAuthStatusQuery } from '../auth/login/synchronizeAuthStatusQuery.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthLoginConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficePasswordResetPath } from '../router/backofficeAuthPaths.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeLoginPageProps = {\n  prepared: { query: PreloadedQuery<OperationType> };\n};\n\nexport const BackofficeLoginPage = ({\n  prepared,\n}: BackofficeLoginPageProps): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { auth: authConfig, basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthLoginConfig();\n  const authState = useBackofficeAuth();\n  const relayEnvironment = useRelayEnvironment();\n  const isPostLoginSyncInFlightRef = useRef(false);\n\n  const data = usePreloadedQuery(auth.loginQuery, prepared.query);\n  const oidcProviders =\n    (data as { oidcProviders?: readonly OidcProviderKind[] }).oidcProviders ??\n    [];\n\n  const handleLoginSuccess = useCallback((): void => {\n    if (isPostLoginSyncInFlightRef.current) {\n      return;\n    }\n\n    isPostLoginSyncInFlightRef.current = true;\n    const runPostLoginSync = async (): Promise<void> => {\n      try {\n        const sessionAuth = await authConfig.session.load();\n        if (sessionAuth.authStatusQuery == null) {\n          routerContext?.history.push({\n            pathname: basePath,\n          });\n          return;\n        }\n\n        await authConfig.lifecycle?.onLoginSuccess?.();\n\n        const isLoggedIn = await synchronizeAuthStatusQuery<OperationType>(\n          relayEnvironment,\n          sessionAuth.authStatusQuery,\n        );\n        if (!isLoggedIn) {\n          return;\n        }\n        routerContext?.history.push({\n          pathname: basePath,\n        });\n      } catch {\n        // Keep user on login page if post-login auth sync fails.\n      } finally {\n        isPostLoginSyncInFlightRef.current = false;\n      }\n    };\n\n    runPostLoginSync().catch(() => {});\n  }, [\n    authConfig.lifecycle,\n    authConfig.session,\n    basePath,\n    relayEnvironment,\n    routerContext?.history,\n  ]);\n\n  const handleForgotPassword = useCallback(() => {\n    routerContext?.history.push({\n      pathname: getBackofficePasswordResetPath(basePath),\n    });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <LoginFlow\n      auth={authState}\n      oidcProviders={oidcProviders}\n      onLoginSuccess={handleLoginSuccess}\n      onForgotPassword={handleForgotPassword}\n    />\n  );\n};\n\nexport default BackofficeLoginPage;\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,EAAE,mBAAA,MAAsB,GAMjB,KAAuB,EAClC,kBAC2C;CAC3C,IAAM,IAAgB,EAAW,CAAc,GACzC,EAAE,MAAM,GAAY,gBAAa,EAAoB,GACrD,IAAO,EAA6B,GACpC,IAAY,EAAkB,GAC9B,IAAmB,EAAoB,GACvC,IAA6B,EAAO,EAAK;CAyD/C,OACE,kBAAC,GAAD;EACE,MAAM;EACS,eA1DN,EAAkB,EAAK,YAAY,EAAS,KAEtD,CAAA,CAAyD,iBAC1D,CAAC;EAwDC,gBAtDuB,QAAwB;GAC7C,EAA2B,YAI/B,EAA2B,UAAU,KA8BrC,YA7BoD;IAClD,IAAI;KACF,IAAM,IAAc,MAAM,EAAW,QAAQ,KAAK;KAClD,IAAI,EAAY,mBAAmB,MAAM;MACvC,GAAe,QAAQ,KAAK,EAC1B,UAAU,EACZ,CAAC;MACD;KACF;KAQA,IANA,MAAM,EAAW,WAAW,iBAAiB,GAMzC,CAAC,MAJoB,EACvB,GACA,EAAY,eACd,GAEE;KAEF,GAAe,QAAQ,KAAK,EAC1B,UAAU,EACZ,CAAC;IACH,QAAQ,CAER,UAAU;KACR,EAA2B,UAAU;IACvC;GACF,EAEA,CAAiB,CAAC,CAAC,YAAY,CAAC,CAAC;EACnC,GAAG;GACD,EAAW;GACX,EAAW;GACX;GACA;GACA,GAAe;EACjB,CAYoB;EAChB,kBAXyB,QAAkB;GAC7C,GAAe,QAAQ,KAAK,EAC1B,UAAU,EAA+B,CAAQ,EACnD,CAAC;EACH,GAAG,CAAC,GAAU,GAAe,OAAO,CAOd;CACnB,CAAA;AAEL"}
+{"version":3,"file":"BackofficeLoginPage.js","names":[],"sources":["../../../src/pages/BackofficeLoginPage.tsx"],"sourcesContent":["import { useCallback, useContext, useRef, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { PreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport type { OidcProviderKind } from '../modules/sharedSchemaTypes.js';\nimport { LoginFlow } from '../auth/login/LoginFlow.js';\nimport { synchronizeAuthStatusQuery } from '../auth/login/synchronizeAuthStatusQuery.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthLoginConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficePasswordResetPath } from '../router/backofficeAuthPaths.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeLoginPageProps = {\n  prepared: { query: PreloadedQuery<OperationType> };\n};\n\nexport const BackofficeLoginPage = ({\n  prepared,\n}: BackofficeLoginPageProps): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { auth: authConfig, basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthLoginConfig();\n  const authState = useBackofficeAuth();\n  const relayEnvironment = useRelayEnvironment();\n  const isPostLoginSyncInFlightRef = useRef(false);\n\n  const data = usePreloadedQuery(auth.loginQuery, prepared.query);\n  const oidcProviders =\n    (data as { oidcProviders?: readonly OidcProviderKind[] }).oidcProviders ??\n    [];\n\n  const handleLoginSuccess = useCallback((): void => {\n    if (isPostLoginSyncInFlightRef.current) {\n      return;\n    }\n\n    isPostLoginSyncInFlightRef.current = true;\n    const runPostLoginSync = async (): Promise<void> => {\n      try {\n        const sessionAuth = await authConfig.session.load();\n        if (sessionAuth.authStatusQuery == null) {\n          routerContext?.history.push({\n            pathname: basePath,\n          });\n          return;\n        }\n\n        await authConfig.lifecycle?.onLoginSuccess?.();\n\n        const isLoggedIn = await synchronizeAuthStatusQuery<OperationType>(\n          relayEnvironment,\n          sessionAuth.authStatusQuery,\n        );\n        if (!isLoggedIn) {\n          return;\n        }\n        routerContext?.history.push({\n          pathname: basePath,\n        });\n      } catch {\n        // Keep user on login page if post-login auth sync fails.\n      } finally {\n        isPostLoginSyncInFlightRef.current = false;\n      }\n    };\n\n    runPostLoginSync().catch(() => {});\n  }, [\n    authConfig.lifecycle,\n    authConfig.session,\n    basePath,\n    relayEnvironment,\n    routerContext?.history,\n  ]);\n\n  const handleForgotPassword = useCallback(() => {\n    routerContext?.history.push({\n      pathname: getBackofficePasswordResetPath(basePath),\n    });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <LoginFlow\n      auth={authState}\n      oidcProviders={oidcProviders}\n      onLoginSuccess={handleLoginSuccess}\n      onForgotPassword={handleForgotPassword}\n    />\n  );\n};\n\nexport default BackofficeLoginPage;\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,EAAE,mBAAA,MAAsB,GAMjB,KAAuB,EAClC,kBAC2C;CAC3C,IAAM,IAAgB,EAAW,CAAc,GACzC,EAAE,MAAM,GAAY,gBAAa,EAAoB,GACrD,IAAO,EAA6B,GACpC,IAAY,EAAkB,GAC9B,IAAmB,EAAoB,GACvC,IAA6B,EAAO,EAAK,GAGzC,IADO,EAAkB,EAAK,YAAY,EAAS,KAEtD,CAAA,CAAyD,iBAC1D,CAAC,GAEG,IAAqB,QAAwB;EAC7C,EAA2B,YAI/B,EAA2B,UAAU,KA8BrC,YA7BoD;GAClD,IAAI;IACF,IAAM,IAAc,MAAM,EAAW,QAAQ,KAAK;IAClD,IAAI,EAAY,mBAAmB,MAAM;KACvC,GAAe,QAAQ,KAAK,EAC1B,UAAU,EACZ,CAAC;KACD;IACF;IAQA,IANA,MAAM,EAAW,WAAW,iBAAiB,GAMzC,CAAC,MAJoB,EACvB,GACA,EAAY,eACd,GAEE;IAEF,GAAe,QAAQ,KAAK,EAC1B,UAAU,EACZ,CAAC;GACH,QAAQ,CAER,UAAU;IACR,EAA2B,UAAU;GACvC;EACF,EAEA,CAAiB,CAAC,CAAC,YAAY,CAAC,CAAC;CACnC,GAAG;EACD,EAAW;EACX,EAAW;EACX;EACA;EACA,GAAe;CACjB,CAAC,GAEK,IAAuB,QAAkB;EAC7C,GAAe,QAAQ,KAAK,EAC1B,UAAU,EAA+B,CAAQ,EACnD,CAAC;CACH,GAAG,CAAC,GAAU,GAAe,OAAO,CAAC;CAErC,OACE,kBAAC,GAAD;EACE,MAAM;EACS;EACf,gBAAgB;EAChB,kBAAkB;CACnB,CAAA;AAEL"}