@plumile/backoffice-react 0.1.196 → 0.1.197

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListDataPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListDataPage.tsx"],"sourcesContent":["import {\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { loadQuery, usePreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport {\n  BACKOFFICE_LIST_DEFAULTS,\n  BACKOFFICE_LIST_REFETCH_POLICY,\n} from '@plumile/backoffice-core/constants.js';\nimport { stableListVariablesKey } from '@plumile/backoffice-core/state/stableKey.js';\nimport type { BackofficePreparedListDataRoute } from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeLazyEntityCountLabel } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { useBackofficeLoadMore } from '../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePaginationFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { useBackofficeEntityListRouteContext } from './BackofficeEntityListRouteContext.js';\n\nexport type BackofficeEntityListDataPageProps = {\n  prepared: BackofficePreparedListDataRoute;\n};\n\ntype BackofficeEntityConnectionListDataProps = {\n  queryRef: BackofficePreparedListDataRoute['query'];\n};\n\n/**\n * Renders the Relay-backed row data under the list layout route boundary.\n */\nfunction BackofficeEntityConnectionListData({\n  queryRef,\n}: BackofficeEntityConnectionListDataProps): JSX.Element | null {\n  const {\n    config,\n    state,\n    pushState,\n    headerActions,\n    columns,\n    gridTemplateColumns,\n    getRowId,\n    countFetchKey,\n    bumpCountFetchKey,\n    filterDrawerState,\n    registerRefresh,\n  } = useBackofficeEntityListRouteContext();\n  const listConfig = config.list;\n  const { t } = useBackofficeReactTranslation();\n\n  const queryData = usePreloadedQuery(listConfig.query, queryRef);\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = useBackofficePaginationFragment<OperationType, unknown, unknown>(\n    listConfig.fragment,\n    queryData,\n  );\n\n  const connection = listConfig.getConnection(fragmentData);\n\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n\n  const baseVariables = useMemo(() => {\n    return {\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n      cursor: null,\n    };\n  }, [pageSize, resolvedSort, state.where]);\n  const countVariablesKey = useMemo(() => {\n    return stableListVariablesKey(baseVariables);\n  }, [baseVariables]);\n  const previousCountVariablesKeyRef = useRef(countVariablesKey);\n\n  const { isRefreshing, onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: baseVariables,\n    defaults: {\n      where: listDefaults.where,\n      sort: listDefaults.sort,\n      count: pageSize,\n      cursor: null,\n    },\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  useEffect(() => {\n    if (previousCountVariablesKeyRef.current === countVariablesKey) {\n      return;\n    }\n    previousCountVariablesKeyRef.current = countVariablesKey;\n    bumpCountFetchKey();\n  }, [bumpCountFetchKey, countVariablesKey]);\n\n  const handleRefresh = useCallback(() => {\n    bumpCountFetchKey();\n    onRefresh();\n  }, [bumpCountFetchKey, onRefresh]);\n\n  useEffect(() => {\n    registerRefresh(handleRefresh);\n    return () => {\n      registerRefresh(null);\n    };\n  }, [handleRefresh, registerRefresh]);\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: pageSize,\n  });\n\n  let loadedCountFallback: JSX.Element = <span>{t('common.loading')}</span>;\n  if (rows.length > 0) {\n    loadedCountFallback = (\n      <span>\n        {t('list.loaded', {\n          count: rows.length,\n        })}\n      </span>\n    );\n  }\n  const loadedCountLabel = (\n    <BackofficeLazyEntityCountLabel\n      count={listConfig.count}\n      where={state.where}\n      fetchKey={countFetchKey}\n      loadingFallback={loadedCountFallback}\n    >\n      {(totalCount) => {\n        return (\n          <span>\n            {t('list.showing', {\n              shown: rows.length,\n              total: totalCount,\n            })}\n          </span>\n        );\n      }}\n    </BackofficeLazyEntityCountLabel>\n  );\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config}\n      state={state}\n      pushState={pushState}\n      headerActions={headerActions}\n      rows={rows}\n      columns={columns}\n      gridTemplateColumns={gridTemplateColumns}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      isRefreshing={isRefreshing}\n      onLoadMore={handleLoadMore}\n      onRefresh={handleRefresh}\n      totalCount={null}\n      loadedCountLabel={loadedCountLabel}\n      filterDrawerState={filterDrawerState}\n    />\n  );\n}\n\nexport const BackofficeEntityListDataPage = ({\n  prepared,\n}: BackofficeEntityListDataPageProps): JSX.Element | null => {\n  const {\n    config,\n    state,\n    pushState,\n    headerActions,\n    columns,\n    gridTemplateColumns,\n    getRowId,\n    filterDrawerState,\n  } = useBackofficeEntityListRouteContext();\n  const relayEnvironment = useRelayEnvironment();\n  const { t } = useBackofficeReactTranslation();\n  const [queryRef, setQueryRef] = useState(() => {\n    return prepared.query;\n  });\n  const ownedQueryRef = useRef<BackofficePreparedListDataRoute['query'] | null>(\n    null,\n  );\n\n  const disposeOwnedQueryRef = useCallback(() => {\n    ownedQueryRef.current?.dispose();\n    ownedQueryRef.current = null;\n  }, []);\n\n  useEffect(() => {\n    disposeOwnedQueryRef();\n    setQueryRef(prepared.query);\n  }, [disposeOwnedQueryRef, prepared.query]);\n\n  useEffect(() => {\n    return () => {\n      disposeOwnedQueryRef();\n    };\n  }, [disposeOwnedQueryRef]);\n\n  const reloadInitialQuery = useCallback(() => {\n    const listConfig = config.list;\n    const listDefaults = config.listDefaults ??\n      listConfig.defaultState ?? { where: null, sort: null };\n    const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n    const variablesBase = {\n      where: state.where,\n      sort: state.sort ?? listDefaults.sort,\n      count: pageSize,\n      cursor: null,\n    };\n    const variables = listConfig.buildQueryVariables(variablesBase);\n    const nextQueryRef = loadQuery<OperationType>(\n      relayEnvironment,\n      listConfig.query,\n      variables,\n      {\n        fetchPolicy: 'network-only',\n      },\n    );\n    disposeOwnedQueryRef();\n    ownedQueryRef.current = nextQueryRef;\n    setQueryRef(nextQueryRef);\n  }, [config, disposeOwnedQueryRef, relayEnvironment, state.sort, state.where]);\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ reset }) => {\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={() => {\n              reset();\n              reloadInitialQuery();\n            }}\n            totalCount={null}\n            filterDrawerState={filterDrawerState}\n            emptyState={\n              <InlineBanner\n                tone=\"danger\"\n                title={t('list.errors.title')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    size=\"small\"\n                    onClick={() => {\n                      reset();\n                      reloadInitialQuery();\n                    }}\n                  >\n                    {t('list.actions.retry')}\n                  </Button>\n                }\n              >\n                {t('list.errors.tableFailed')}\n              </InlineBanner>\n            }\n          />\n        );\n      }}\n    >\n      <BackofficeEntityConnectionListData queryRef={queryRef} />\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeEntityListDataPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListDataPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListDataPage.tsx"],"sourcesContent":["import {\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { loadQuery, usePreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport {\n  BACKOFFICE_LIST_DEFAULTS,\n  BACKOFFICE_LIST_REFETCH_POLICY,\n} from '@plumile/backoffice-core/constants.js';\nimport { stableListVariablesKey } from '@plumile/backoffice-core/state/stableKey.js';\nimport type { BackofficePreparedListDataRoute } from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeLazyEntityCountLabel } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { useBackofficeLoadMore } from '../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePaginationFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { useBackofficeEntityListRouteContext } from './BackofficeEntityListRouteContext.js';\n\nexport type BackofficeEntityListDataPageProps = {\n  prepared: BackofficePreparedListDataRoute;\n};\n\ntype BackofficeEntityConnectionListDataProps = {\n  queryRef: BackofficePreparedListDataRoute['query'];\n};\n\n/**\n * Renders the Relay-backed row data under the list layout route boundary.\n */\nfunction BackofficeEntityConnectionListData({\n  queryRef,\n}: BackofficeEntityConnectionListDataProps): JSX.Element | null {\n  const {\n    config,\n    state,\n    pushState,\n    headerActions,\n    columns,\n    gridTemplateColumns,\n    getRowId,\n    countFetchKey,\n    bumpCountFetchKey,\n    filterDrawerState,\n    registerRefresh,\n  } = useBackofficeEntityListRouteContext();\n  const listConfig = config.list;\n  const { t } = useBackofficeReactTranslation();\n\n  const queryData = usePreloadedQuery(listConfig.query, queryRef);\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = useBackofficePaginationFragment<OperationType, unknown, unknown>(\n    listConfig.fragment,\n    queryData,\n  );\n\n  const connection = listConfig.getConnection(fragmentData);\n\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const { listDefaults } = config;\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n\n  const baseVariables = useMemo(() => {\n    return {\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n      cursor: null,\n    };\n  }, [pageSize, resolvedSort, state.where]);\n  const countVariablesKey = useMemo(() => {\n    return stableListVariablesKey(baseVariables);\n  }, [baseVariables]);\n  const previousCountVariablesKeyRef = useRef(countVariablesKey);\n\n  const { isRefreshing, onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: baseVariables,\n    defaults: {\n      where: listDefaults.where,\n      sort: listDefaults.sort,\n      count: pageSize,\n      cursor: null,\n    },\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  useEffect(() => {\n    if (previousCountVariablesKeyRef.current === countVariablesKey) {\n      return;\n    }\n    previousCountVariablesKeyRef.current = countVariablesKey;\n    bumpCountFetchKey();\n  }, [bumpCountFetchKey, countVariablesKey]);\n\n  const handleRefresh = useCallback(() => {\n    bumpCountFetchKey();\n    onRefresh();\n  }, [bumpCountFetchKey, onRefresh]);\n\n  useEffect(() => {\n    registerRefresh(handleRefresh);\n    return () => {\n      registerRefresh(null);\n    };\n  }, [handleRefresh, registerRefresh]);\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: pageSize,\n  });\n\n  let loadedCountFallback: JSX.Element = <span>{t('common.loading')}</span>;\n  if (rows.length > 0) {\n    loadedCountFallback = (\n      <span>\n        {t('list.loaded', {\n          count: rows.length,\n        })}\n      </span>\n    );\n  }\n  const loadedCountLabel = (\n    <BackofficeLazyEntityCountLabel\n      count={listConfig.count}\n      where={state.where}\n      fetchKey={countFetchKey}\n      loadingFallback={loadedCountFallback}\n    >\n      {(totalCount) => {\n        return (\n          <span>\n            {t('list.showing', {\n              shown: rows.length,\n              total: totalCount,\n            })}\n          </span>\n        );\n      }}\n    </BackofficeLazyEntityCountLabel>\n  );\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config}\n      state={state}\n      pushState={pushState}\n      headerActions={headerActions}\n      rows={rows}\n      columns={columns}\n      gridTemplateColumns={gridTemplateColumns}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      isRefreshing={isRefreshing}\n      onLoadMore={handleLoadMore}\n      onRefresh={handleRefresh}\n      totalCount={null}\n      loadedCountLabel={loadedCountLabel}\n      filterDrawerState={filterDrawerState}\n    />\n  );\n}\n\nexport const BackofficeEntityListDataPage = ({\n  prepared,\n}: BackofficeEntityListDataPageProps): JSX.Element | null => {\n  const {\n    config,\n    state,\n    pushState,\n    headerActions,\n    columns,\n    gridTemplateColumns,\n    getRowId,\n    filterDrawerState,\n  } = useBackofficeEntityListRouteContext();\n  const relayEnvironment = useRelayEnvironment();\n  const { t } = useBackofficeReactTranslation();\n  const [queryRef, setQueryRef] = useState(() => {\n    return prepared.query;\n  });\n  const ownedQueryRef = useRef<BackofficePreparedListDataRoute['query'] | null>(\n    null,\n  );\n\n  const disposeOwnedQueryRef = useCallback(() => {\n    ownedQueryRef.current?.dispose();\n    ownedQueryRef.current = null;\n  }, []);\n\n  useEffect(() => {\n    disposeOwnedQueryRef();\n    setQueryRef(prepared.query);\n  }, [disposeOwnedQueryRef, prepared.query]);\n\n  useEffect(() => {\n    return () => {\n      disposeOwnedQueryRef();\n    };\n  }, [disposeOwnedQueryRef]);\n\n  const reloadInitialQuery = useCallback(() => {\n    const listConfig = config.list;\n    const { listDefaults } = config;\n    const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n    const variablesBase = {\n      where: state.where,\n      sort: state.sort ?? listDefaults.sort,\n      count: pageSize,\n      cursor: null,\n    };\n    const variables = listConfig.buildQueryVariables(variablesBase);\n    const nextQueryRef = loadQuery<OperationType>(\n      relayEnvironment,\n      listConfig.query,\n      variables,\n      {\n        fetchPolicy: 'network-only',\n      },\n    );\n    disposeOwnedQueryRef();\n    ownedQueryRef.current = nextQueryRef;\n    setQueryRef(nextQueryRef);\n  }, [config, disposeOwnedQueryRef, relayEnvironment, state.sort, state.where]);\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ reset }) => {\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={() => {\n              reset();\n              reloadInitialQuery();\n            }}\n            totalCount={null}\n            filterDrawerState={filterDrawerState}\n            emptyState={\n              <InlineBanner\n                tone=\"danger\"\n                title={t('list.errors.title')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    size=\"small\"\n                    onClick={() => {\n                      reset();\n                      reloadInitialQuery();\n                    }}\n                  >\n                    {t('list.actions.retry')}\n                  </Button>\n                }\n              >\n                {t('list.errors.tableFailed')}\n              </InlineBanner>\n            }\n          />\n        );\n      }}\n    >\n      <BackofficeEntityConnectionListData queryRef={queryRef} />\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeEntityListDataPage;\n"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,SAAS,EAAmC,EAC1C,eAC8D;CAC9D,IAAM,EACJ,WACA,UACA,cACA,kBACA,YACA,wBACA,aACA,kBACA,sBACA,sBACA,uBACE,EAAoC,GAClC,IAAa,EAAO,MACpB,EAAE,SAAM,EAA8B,GAEtC,IAAY,EAAkB,EAAW,OAAO,CAAQ,GACxD,EACJ,MAAM,GACN,aACA,YACA,kBACA,eACE,EACF,EAAW,UACX,CACF,GAEM,IAAa,EAAW,cAAc,CAAY,GAElD,IAAO,QACJ,EAAW,MAAM,KAAK,MACpB,EAAW,MAAM,EAAK,IAAI,CAClC,GACA,CAAC,EAAW,OAAO,CAAU,CAAC,GAE3B,EAAE,oBAAiB,GACnB,IAAe,EAAM,QAAQ,EAAa,MAC1C,EAAE,gBAAa,GAEf,IAAgB,SACb;EACL,OAAO,EAAM;EACb,MAAM;EACN,OAAO;EACP,QAAQ;CACV,IACC;EAAC;EAAU;EAAc,EAAM;CAAK,CAAC,GAClC,IAAoB,QACjB,EAAuB,CAAa,GAC1C,CAAC,CAAa,CAAC,GACZ,IAA+B,EAAO,CAAiB,GAEvD,EAAE,iBAAc,iBAAc,EAAyB;EAC3D;EACA,WAAW;EACX,UAAU;GACR,OAAO,EAAa;GACpB,MAAM,EAAa;GACnB,OAAO;GACP,QAAQ;EACV;EACA,aAAa;EACb,qBAAqB,EAAW;CAClC,CAAC;CAED,QAAgB;EACV,EAA6B,YAAY,MAG7C,EAA6B,UAAU,GACvC,EAAkB;CACpB,GAAG,CAAC,GAAmB,CAAiB,CAAC;CAEzC,IAAM,IAAgB,QAAkB;EAEtC,AADA,EAAkB,GAClB,EAAU;CACZ,GAAG,CAAC,GAAmB,CAAS,CAAC;CAEjC,SACE,EAAgB,CAAa,SAChB;EACX,EAAgB,IAAI;CACtB,IACC,CAAC,GAAe,CAAe,CAAC;CAEnC,IAAM,IAAiB,EAAsB;EAC3C;EACA;EACA;EACA,OAAO;CACT,CAAC,GAEG,IAAmC,kBAAC,QAAD,EAAA,UAAO,EAAE,gBAAgB,EAAQ,CAAA;CACxE,AAAI,EAAK,SAAS,MAChB,IACE,kBAAC,QAAD,EAAA,UACG,EAAE,eAAe,EAChB,OAAO,EAAK,OACd,CAAC,EACG,CAAA;CAGV,IAAM,IACJ,kBAAC,GAAD;EACE,OAAO,EAAW;EAClB,OAAO,EAAM;EACb,UAAU;EACV,iBAAiB;EAEf,WAAA,MAEE,kBAAC,QAAD,EAAA,UACG,EAAE,gBAAgB;GACjB,OAAO,EAAK;GACZ,OAAO;EACT,CAAC,EACG,CAAA;CAGoB,CAAA;CAGlC,OACE,kBAAC,GAAD;EACU;EACD;EACI;EACI;EACT;EACG;EACY;EACX;EACV,aAAa;EACb,eAAe;EACD;EACd,YAAY;EACZ,WAAW;EACX,YAAY;EACM;EACC;CACpB,CAAA;AAEL;AAEA,IAAa,KAAgC,EAC3C,kBAC2D;CAC3D,IAAM,EACJ,WACA,UACA,cACA,kBACA,YACA,wBACA,aACA,yBACE,EAAoC,GAClC,IAAmB,EAAoB,GACvC,EAAE,SAAM,EAA8B,GACtC,CAAC,GAAU,KAAe,QACvB,EAAS,KACjB,GACK,IAAgB,EACpB,IACF,GAEM,IAAuB,QAAkB;EAE7C,AADA,EAAc,SAAS,QAAQ,GAC/B,EAAc,UAAU;CAC1B,GAAG,CAAC,CAAC;CAOL,AALA,QAAgB;EAEd,AADA,EAAqB,GACrB,EAAY,EAAS,KAAK;CAC5B,GAAG,CAAC,GAAsB,EAAS,KAAK,CAAC,GAEzC,cACe;EACX,EAAqB;CACvB,GACC,CAAC,CAAoB,CAAC;CAEzB,IAAM,IAAqB,QAAkB;EAC3C,IAAM,IAAa,EAAO,MACpB,EAAE,oBAAiB,GACnB,EAAE,gBAAa,GACf,IAAgB;GACpB,OAAO,EAAM;GACb,MAAM,EAAM,QAAQ,EAAa;GACjC,OAAO;GACP,QAAQ;EACV,GACM,IAAY,EAAW,oBAAoB,CAAa,GACxD,IAAe,EACnB,GACA,EAAW,OACX,GACA,EACE,aAAa,eACf,CACF;EAGA,AAFA,EAAqB,GACrB,EAAc,UAAU,GACxB,EAAY,CAAY;CAC1B,GAAG;EAAC;EAAQ;EAAsB;EAAkB,EAAM;EAAM,EAAM;CAAK,CAAC;CAE5E,OACE,kBAAC,GAAD;EACE,WAAW,EAAE,eAET,kBAAC,GAAD;GACU;GACD;GACI;GACI;GACf,MAAM,CAAC;GACE;GACY;GACX;GACV,aAAa;GACb,eAAe;GACf,cAAc;GACd,kBAAkB,CAAC;GACnB,iBAAiB;IAEf,AADA,EAAM,GACN,EAAmB;GACrB;GACA,YAAY;GACO;GACnB,YACE,kBAAC,GAAD;IACE,MAAK;IACL,OAAO,EAAE,mBAAmB;IAC5B,SACE,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;MAEb,AADA,EAAM,GACN,EAAmB;KACrB;KAEC,UAAA,EAAE,oBAAoB;IACjB,CAAA;IAGT,UAAA,EAAE,yBAAyB;GAChB,CAAA;EAEjB,CAAA;EAIL,UAAA,kBAAC,GAAD,EAA8C,YAAW,CAAA;CAClC,CAAA;AAE7B"}

package/lib/esm/pages/resolveDashboardTargetDestination.js

@@ -0,0 +1,17 @@
+//#region src/pages/resolveDashboardTargetDestination.ts
+var e = (e, t, n) => {
+	if (e == null) return n == null ? void 0 : { pathname: n };
+	if (e.kind === "href") return { pathname: e.href };
+	let r = t[e.entityId];
+	if (r?.hasList !== !0) return n == null ? void 0 : { pathname: n };
+	let i = r.listNavigation.encode(e.state ?? {});
+	return {
+		pathname: r.routes.list,
+		filters: i.filters,
+		query: i.query
+	};
+};
+//#endregion
+export { e as default, e as resolveDashboardTargetDestination };
+
+//# sourceMappingURL=resolveDashboardTargetDestination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDashboardTargetDestination.js","names":[],"sources":["../../../src/pages/resolveDashboardTargetDestination.ts"],"sourcesContent":["import type {\n  BackofficeDashboardLinkTarget,\n  BackofficeEntityManifestMap,\n} from '@plumile/backoffice-core/types.js';\nimport type { RouterDestination } from '@plumile/router/types.js';\n\n/** Resolves dashboard targets synchronously from the eager entity manifest. */\nexport const resolveDashboardTargetDestination = (\n  target: BackofficeDashboardLinkTarget | undefined,\n  entities: BackofficeEntityManifestMap,\n  fallbackHref: string | undefined,\n): RouterDestination | undefined => {\n  if (target == null) {\n    if (fallbackHref == null) {\n      return undefined;\n    }\n    return { pathname: fallbackHref };\n  }\n  if (target.kind === 'href') {\n    return { pathname: target.href };\n  }\n\n  const entity = entities[target.entityId];\n  if (entity?.hasList !== true) {\n    if (fallbackHref == null) {\n      return undefined;\n    }\n    return { pathname: fallbackHref };\n  }\n\n  const encoded = entity.listNavigation.encode(target.state ?? {});\n  return {\n    pathname: entity.routes.list,\n    filters: encoded.filters,\n    query: encoded.query,\n  };\n};\n\nexport default resolveDashboardTargetDestination;\n"],"mappings":";AAOA,IAAa,KACX,GACA,GACA,MACkC;CAClC,IAAI,KAAU,MAIZ,OAHI,KAAgB,OAClB,SAEK,EAAE,UAAU,EAAa;CAElC,IAAI,EAAO,SAAS,QAClB,OAAO,EAAE,UAAU,EAAO,KAAK;CAGjC,IAAM,IAAS,EAAS,EAAO;CAC/B,IAAI,GAAQ,YAAY,IAItB,OAHI,KAAgB,OAClB,SAEK,EAAE,UAAU,EAAa;CAGlC,IAAM,IAAU,EAAO,eAAe,OAAO,EAAO,SAAS,CAAC,CAAC;CAC/D,OAAO;EACL,UAAU,EAAO,OAAO;EACxB,SAAS,EAAQ;EACjB,OAAO,EAAQ;CACjB;AACF"}

package/lib/esm/router/createBackofficeRoutes.js

@@ -9,7 +9,7 @@ import { BACKOFFICE_LIST_DEFAULTS as ee } from "@plumile/backoffice-core/constan
 import { getResourcePage as u } from "@plumile/router/ResourcePage.js";
 import { r as d } from "@plumile/router/tools.js";
 //#region src/router/createBackofficeRoutes.tsx
-var { loadQuery: f, usePreloadedQuery: p } = c, m = u("WrapperPage", async () => ({ default: (await import("@plumile/ui/pages/WrapperPage.js")).WrapperPage })), h = u("BackofficeLayoutPage", async () => import("../pages/BackofficeLayoutPage.js")), g = u("BackofficeEntityListPage", async () => import("../pages/BackofficeEntityListPage.js")), _ = u("BackofficeEntityListShellPage", async () => import("../pages/BackofficeEntityListShellPage.js")), v = u("BackofficeEntityListDataPage", async () => import("../pages/BackofficeEntityListDataPage.js")), te = u("BackofficeEntityDetailPage", async () => import("../pages/BackofficeEntityDetailPage.js")), y = u("BackofficeEntityDetailFramePage", async () => import("../pages/BackofficeEntityDetailFramePage.js")), b = u("BackofficeEntityDetailLayoutPage", async () => import("../pages/BackofficeEntityDetailLayoutPage.js")), x = u("BackofficeEntityDetailPageConfigPage", async () => import("../pages/BackofficeEntityDetailPageConfigPage.js")), S = u("BackofficeEntityDetailShellPage", async () => import("../pages/BackofficeEntityDetailShellPage.js")), C = u("BackofficeEntityDetailUnknownPageRedirect", async () => import("../pages/BackofficeEntityDetailUnknownPageRedirect.js")), w = u("BackofficeDashboardPage", async () => import("../pages/BackofficeDashboardPage.js")), T = u("BackofficeDashboardShellPage", async () => import("../pages/BackofficeDashboardShellPage.js")), E = u("BackofficeToolShellPage", async () => import("../pages/BackofficeToolShellPage.js")), ne = u("BackofficeHubPage", async () => import("../pages/BackofficeHubPage.js")), re = u("BackofficeLoginPage", async () => import("../pages/BackofficeLoginPage.js")), ie = u("BackofficePasswordResetRequestPage", async () => import("../pages/BackofficePasswordResetRequestPage.js")), D = u("BackofficePasswordResetCompletePage", async () => import("../pages/BackofficePasswordResetCompletePage.js")), O = u("BackofficeVerifyEmailPage", async () => import("../pages/BackofficeVerifyEmailPage.js")), k = u("BackofficeAcceptInvitationPage", async () => import("../pages/BackofficeAcceptInvitationPage.js")), A = ({ pathname: e }) => {
+var { loadQuery: f, usePreloadedQuery: p } = c, m = u("WrapperPage", async () => ({ default: (await import("@plumile/ui/pages/WrapperPage.js")).WrapperPage })), h = u("BackofficeLayoutPage", async () => import("../pages/BackofficeLayoutPage.js")), g = u("BackofficeEntityListPage", async () => import("../pages/BackofficeEntityListPage.js")), _ = u("BackofficeEntityListShellPage", async () => import("../pages/BackofficeEntityListShellPage.js")), v = u("BackofficeEntityListDataPage", async () => import("../pages/BackofficeEntityListDataPage.js")), te = u("BackofficeEntityDetailPage", async () => import("../pages/BackofficeEntityDetailPage.js")), y = u("BackofficeEntityDetailFramePage", async () => import("../pages/BackofficeEntityDetailFramePage.js")), b = u("BackofficeEntityDetailLayoutPage", async () => import("../pages/BackofficeEntityDetailLayoutPage.js")), x = u("BackofficeEntityDetailPageConfigPage", async () => import("../pages/BackofficeEntityDetailPageConfigPage.js")), S = u("BackofficeEntityDetailShellPage", async () => import("../pages/BackofficeEntityDetailShellPage.js")), C = u("BackofficeEntityDetailUnknownPageRedirect", async () => import("../pages/BackofficeEntityDetailUnknownPageRedirect.js")), w = u("BackofficeDashboardPage", async () => import("../pages/BackofficeDashboardPage.js")), T = u("BackofficeDashboardShellPage", async () => import("../pages/BackofficeDashboardShellPage.js")), E = u("BackofficeToolShellPage", async () => import("../pages/BackofficeToolShellPage.js")), D = u("BackofficeHubPage", async () => import("../pages/BackofficeHubPage.js")), ne = u("BackofficeLoginPage", async () => import("../pages/BackofficeLoginPage.js")), re = u("BackofficePasswordResetRequestPage", async () => import("../pages/BackofficePasswordResetRequestPage.js")), ie = u("BackofficePasswordResetCompletePage", async () => import("../pages/BackofficePasswordResetCompletePage.js")), O = u("BackofficeVerifyEmailPage", async () => import("../pages/BackofficeVerifyEmailPage.js")), k = u("BackofficeAcceptInvitationPage", async () => import("../pages/BackofficeAcceptInvitationPage.js")), A = ({ pathname: e }) => {
 	let t = a(l);
 	return o(() => {
 		t?.history.set({ pathname: e });
@@ -51,64 +51,51 @@ var { loadQuery: f, usePreloadedQuery: p } = c, m = u("WrapperPage", async () =>
 		}
 	}
 	return null;
-}, z = (e) => {
-	let t = new URLSearchParams();
-	return Object.entries(e).forEach(([e, n]) => {
-		if (n != null) {
-			if (Array.isArray(n)) {
-				n.forEach((n) => {
-					n != null && t.append(e, String(n));
-				});
-				return;
-			}
-			t.set(e, String(n));
-		}
-	}), t;
-}, B = (e, t) => {
+}, z = (e, t) => {
 	let n = I(t);
 	return e.detailPages?.find((e) => I(e.pathSegment) === n) ?? null;
-}, V = (e, t) => B(e, t)?.id ?? t, H = d;
-function U(a) {
-	let { basePath: o, entityManifest: c, entityRegistry: l, sidebar: u, auth: d, dashboard: p } = a, N = r(a.dashboards), I = M(o), B = P(I, "login"), U = P(I, "login/reset"), W = P(I, "login/reset/complete"), oe = P(I, "verify-email"), se = P(I, "accept-invitation"), ce = F(I, "login"), G = t(c, u), le = n(G, u), ue = e(G, u), K = /* @__PURE__ */ new Map();
+}, B = (e, t) => z(e, t)?.id ?? t, V = d;
+function H(a) {
+	let { basePath: o, entityManifest: c, entityRegistry: l, sidebar: u, auth: d, dashboard: p } = a, N = r(a.dashboards), I = M(o), z = P(I, "login"), H = P(I, "login/reset"), U = P(I, "login/reset/complete"), oe = P(I, "verify-email"), se = P(I, "accept-invitation"), ce = F(I, "login"), W = t(c, u), le = n(W, u), ue = e(W, u), G = /* @__PURE__ */ new Map();
 	ue.forEach((e, t) => {
-		K.set(t, e.groupId);
+		G.set(t, e.groupId);
 	});
-	let q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Y = u?.permissionsQuery, de = async ({ context: e }) => {
+	let K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = u?.permissionsQuery, de = async ({ context: e }) => {
 		let t = await d.session.load();
 		return {
-			permissionsQuery: Y == null ? null : f(e.relayEnvironment, Y, {}),
+			permissionsQuery: J == null ? null : f(e.relayEnvironment, J, {}),
 			authStatusQuery: t.authStatusQuery == null ? null : f(e.relayEnvironment, t.authStatusQuery, {}, { fetchPolicy: "network-only" })
 		};
-	}, X = async () => p == null ? null : {
+	}, Y = async () => p == null ? null : {
 		dashboardId: "dashboard",
 		config: await p.load()
-	}, fe = () => p == null ? null : { dashboardId: "dashboard" }, Z = ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e }), Q = ({ children: e, prepared: t, Component: n }) => n == null ? null : /* @__PURE__ */ s(n, {
+	}, X = () => p == null ? null : { dashboardId: "dashboard" }, Z = ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e }), Q = ({ children: e, prepared: t, Component: n }) => n == null ? null : /* @__PURE__ */ s(n, {
 		prepared: t,
 		children: e
-	}), pe = H({
+	}), fe = V({
 		path: "",
 		resourcePage: T,
-		prepare: fe,
+		prepare: X,
 		render: Q,
-		children: [H({
+		children: [V({
 			path: "",
 			resourcePage: w,
-			prepare: X,
+			prepare: Y,
 			render: Z
 		})]
-	}), me = H({
+	}), pe = V({
 		path: "dashboard",
 		resourcePage: T,
-		prepare: fe,
+		prepare: X,
 		render: Q,
-		children: [H({
+		children: [V({
 			path: "",
 			resourcePage: w,
-			prepare: X,
+			prepare: Y,
 			render: Z
 		})]
-	}), he = N.map((e) => {
-		let t = H({
+	}), me = N.map((e) => {
+		let t = V({
 			path: "",
 			resourcePage: w,
 			prepare: async () => {
@@ -121,7 +108,7 @@ function U(a) {
 			},
 			render: Z
 		});
-		return H({
+		return V({
 			path: `dashboard/${e.id}`,
 			resourcePage: T,
 			prepare: () => ({
@@ -131,20 +118,20 @@ function U(a) {
 			render: Q,
 			children: [t]
 		});
-	}), ge = Object.values(c).filter((e) => e.kind === "list-detail"), _e = le.map((e) => {
-		let t = H({
+	}), he = Object.values(c).filter((e) => e.kind === "list-detail"), ge = le.map((e) => {
+		let t = V({
 			path: L(e.hub.href, I),
-			resourcePage: ne,
+			resourcePage: D,
 			prepare: () => ({
 				hubId: e.hub.id,
 				hub: e.hub
 			}),
 			render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 		});
-		return e.groupId != null && J.set(t, e.groupId), t;
-	}), ve = ge.map((e) => {
+		return e.groupId != null && q.set(t, e.groupId), t;
+	}), _e = he.map((e) => {
 		let t = e.routes.list, n = L(t, I), r = [], a = ({ match: t }) => {
-			let n = String(t?.params.id ?? ""), r = typeof t?.params.pagePath == "string" ? t.params.pagePath : null, a = r == null ? e.defaultDetailPageId ?? "overview" : V(e, r);
+			let n = String(t?.params.id ?? ""), r = typeof t?.params.pagePath == "string" ? t.params.pagePath : null, a = r == null ? e.defaultDetailPageId ?? "overview" : B(e, r);
 			return /* @__PURE__ */ s(i, {
 				entityManifest: e,
 				id: n,
@@ -153,36 +140,39 @@ function U(a) {
 			});
 		};
 		if (e.hasList) {
-			let t = H({
+			let t = V({
 				path: "",
+				querySchema: e.listNavigation.querySchema,
 				resourcePage: v,
 				prepareSearchBehavior: "path",
-				prepare: async ({ context: t, query: n }) => {
-					let { config: r } = await l.loadListEntity(e.id), { list: i, listUrlCodec: a, listDefaults: o } = r;
-					if (a == null || o == null) throw Error(`Backoffice entity ${e.id} does not expose a list configuration.`);
-					let s = z(n), c = a.parse(s), { pageSize: u } = ee, d = {
-						where: c.where,
-						sort: c.sort ?? o.sort,
-						count: u,
+				prepare: async ({ context: t, filters: n, query: r }) => {
+					let { config: i } = await l.loadListEntity(e.id), { list: a } = i, { defaults: o } = e.listNavigation, s = {};
+					typeof r.sort == "string" && (s.sort = r.sort);
+					let c = n, u = e.listNavigation.decode({
+						filters: c,
+						query: s
+					}), { pageSize: d } = ee, p = {
+						where: u.where,
+						sort: u.sort ?? o.sort,
+						count: d,
 						cursor: null
-					}, p = i.buildQueryVariables(d), m = f(t.relayEnvironment, i.query, p);
+					}, m = a.buildQueryVariables(p), h = f(t.relayEnvironment, a.query, m);
 					return {
 						entityId: e.id,
 						entityManifest: e,
-						entityConfig: r,
-						query: m
+						entityConfig: i,
+						query: h
 					};
 				},
 				render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 			});
-			q.set(t, e.id);
-			let n = H({
+			K.set(t, e.id);
+			let n = V({
 				path: "",
 				resourcePage: g,
 				prepareSearchBehavior: "path",
 				prepare: async () => {
-					let { config: t } = await l.loadListEntity(e.id), { listUrlCodec: n, listDefaults: r } = t;
-					if (n == null || r == null) throw Error(`Backoffice entity ${e.id} does not expose a list configuration.`);
+					let { config: t } = await l.loadListEntity(e.id);
 					return {
 						entityId: e.id,
 						entityManifest: e,
@@ -201,8 +191,8 @@ function U(a) {
 				},
 				children: [t]
 			});
-			q.set(n, e.id);
-			let i = H({
+			K.set(n, e.id);
+			let i = V({
 				path: "",
 				resourcePage: _,
 				prepareSearchBehavior: "path",
@@ -221,10 +211,10 @@ function U(a) {
 				},
 				children: [n]
 			});
-			q.set(i, e.id), r.push(i);
+			K.set(i, e.id), r.push(i);
 		}
 		let o = (e.detailPages ?? []).map((t) => {
-			let n = H({
+			let n = V({
 				path: "",
 				resourcePage: te,
 				suspenseBoundary: "segment",
@@ -244,8 +234,8 @@ function U(a) {
 				},
 				render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 			});
-			q.set(n, e.id);
-			let r = H({
+			K.set(n, e.id);
+			let r = V({
 				path: t.pathSegment,
 				resourcePage: x,
 				suspenseBoundary: "segment",
@@ -273,8 +263,8 @@ function U(a) {
 				},
 				children: [n]
 			});
-			return q.set(r, e.id), r;
-		}), c = H({
+			return K.set(r, e.id), r;
+		}), c = V({
 			path: "",
 			resourcePage: b,
 			suspenseBoundary: "segment",
@@ -300,7 +290,7 @@ function U(a) {
 				});
 			},
 			children: [
-				H({
+				V({
 					path: "",
 					resourcePage: m,
 					prepare: ({ variables: t }) => {
@@ -313,7 +303,7 @@ function U(a) {
 					}
 				}),
 				...o,
-				H({
+				V({
 					path: ":pagePath",
 					resourcePage: C,
 					suspenseBoundary: "segment",
@@ -340,14 +330,14 @@ function U(a) {
 				})
 			]
 		});
-		q.set(c, e.id);
-		let u = H({
+		K.set(c, e.id);
+		let u = V({
 			path: "",
 			resourcePage: S,
 			suspenseBoundary: "segment",
 			fallback: a,
 			prepare: ({ variables: t }) => {
-				let n = String(t.id ?? ""), r = typeof t.pagePath == "string" ? t.pagePath : null, i = r == null ? e.defaultDetailPageId ?? "overview" : V(e, r);
+				let n = String(t.id ?? ""), r = typeof t.pagePath == "string" ? t.pagePath : null, i = r == null ? e.defaultDetailPageId ?? "overview" : B(e, r);
 				return {
 					entityId: e.id,
 					entityManifest: e,
@@ -367,8 +357,8 @@ function U(a) {
 			},
 			children: [c]
 		});
-		q.set(u, e.id);
-		let d = H({
+		K.set(u, e.id);
+		let d = V({
 			path: ":id",
 			resourcePage: y,
 			suspenseBoundary: "segment",
@@ -392,14 +382,14 @@ function U(a) {
 			},
 			children: [u]
 		});
-		return q.set(d, e.id), r.push(d), H({
+		return K.set(d, e.id), r.push(d), V({
 			path: n,
 			children: r,
 			resourcePage: m,
 			suspenseBoundary: "segment"
 		});
-	}), ye = Object.values(c).filter((e) => e.kind === "tool").map((e) => {
-		let t = L(e.routes.list, I), n = H({
+	}), ve = Object.values(c).filter((e) => e.kind === "tool").map((e) => {
+		let t = L(e.routes.list, I), n = V({
 			path: "",
 			resourcePage: a.toolsOperationPage ?? null,
 			prepare: async () => {
@@ -420,8 +410,8 @@ function U(a) {
 				});
 			}
 		});
-		q.set(n, e.id);
-		let r = H({
+		K.set(n, e.id);
+		let r = V({
 			path: t,
 			resourcePage: E,
 			prepare: () => ({
@@ -439,8 +429,8 @@ function U(a) {
 			},
 			children: [n]
 		});
-		return q.set(r, e.id), r;
-	}), be = H({
+		return K.set(r, e.id), r;
+	}), ye = V({
 		path: I,
 		resourcePage: h,
 		prepareSearchBehavior: "path",
@@ -448,7 +438,7 @@ function U(a) {
 		prepare: de,
 		render: ({ children: e, prepared: t, route: n, Component: r }) => {
 			if (r == null) return null;
-			let i = t, a = R(n, q), o = a == null ? R(n, J) : K.get(a) ?? null, c = r, l = d.session.get()?.authStatusQuery ?? null;
+			let i = t, a = R(n, K), o = a == null ? R(n, q) : G.get(a) ?? null, c = r, l = d.session.get()?.authStatusQuery ?? null;
 			return l != null && i?.authStatusQuery != null ? /* @__PURE__ */ s(j, {
 				Component: c,
 				preparedLayout: i,
@@ -467,63 +457,62 @@ function U(a) {
 			});
 		},
 		children: [
-			pe,
+			fe,
+			...ge,
 			..._e,
 			...ve,
-			...ye,
-			...he,
-			me
+			...me,
+			pe
 		]
 	}), $ = [
-		H({
-			path: B,
-			resourcePage: re,
+		V({
+			path: z,
+			resourcePage: ne,
 			prepare: async ({ context: e }) => {
 				let t = await d.login.load();
 				return { query: f(e.relayEnvironment, t.loginQuery, {}) };
 			},
 			render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ s(t, { prepared: e })
 		}),
-		H({
-			path: U,
-			resourcePage: ie,
+		V({
+			path: H,
+			resourcePage: re,
 			prepare: async () => (await d.passwordResetRequest.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		}),
-		H({
-			path: W,
-			resourcePage: D,
+		V({
+			path: U,
+			resourcePage: ie,
 			prepare: async () => (await d.passwordResetComplete.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		}),
-		H({
+		V({
 			path: oe,
 			resourcePage: O,
 			prepare: async () => (await d.verifyEmail.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
 		})
 	];
-	return (d.hasAcceptInvitation === !0 || d.acceptInvitation != null) && $.push(H({
+	return (d.hasAcceptInvitation === !0 || d.acceptInvitation != null) && $.push(V({
 		path: se,
 		resourcePage: k,
 		prepare: async () => (await d.acceptInvitation?.load(), null),
 		render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ s(e, {})
-	})), $.push(be), $;
+	})), $.push(ye), $;
 }
-var W = {
+var U = {
 	normalizeBaseSegment: M,
 	normalizePath: N,
 	buildScopedPath: P,
 	buildScopedAbsolutePath: F,
 	buildRelativePath: L,
 	resolveActiveEntityIdFromRoute: R,
-	resolveDetailPageIdForPath: V,
-	resolveDetailPageManifestByPath: B,
-	toSearchParams: z,
+	resolveDetailPageIdForPath: B,
+	resolveDetailPageManifestByPath: z,
 	validateBackofficeDashboardRegistrations: r,
 	BackofficeLayoutRouteWithAuthStatus: j
 };
 //#endregion
-export { k as BackofficeAcceptInvitationPageResource, w as BackofficeDashboardPageResource, T as BackofficeDashboardShellPageResource, y as BackofficeEntityDetailFramePageResource, b as BackofficeEntityDetailLayoutPageResource, x as BackofficeEntityDetailPageConfigPageResource, te as BackofficeEntityDetailPageResource, S as BackofficeEntityDetailShellPageResource, C as BackofficeEntityDetailUnknownPageRedirectResource, v as BackofficeEntityListDataPageResource, g as BackofficeEntityListPageResource, _ as BackofficeEntityListShellPageResource, ne as BackofficeHubPageResource, h as BackofficeLayoutPageResource, re as BackofficeLoginPageResource, D as BackofficePasswordResetCompletePageResource, ie as BackofficePasswordResetRequestPageResource, E as BackofficeToolShellPageResource, O as BackofficeVerifyEmailPageResource, m as WrapperPageResource, W as __test, U as createBackofficeRoutes, U as default };
+export { k as BackofficeAcceptInvitationPageResource, w as BackofficeDashboardPageResource, T as BackofficeDashboardShellPageResource, y as BackofficeEntityDetailFramePageResource, b as BackofficeEntityDetailLayoutPageResource, x as BackofficeEntityDetailPageConfigPageResource, te as BackofficeEntityDetailPageResource, S as BackofficeEntityDetailShellPageResource, C as BackofficeEntityDetailUnknownPageRedirectResource, v as BackofficeEntityListDataPageResource, g as BackofficeEntityListPageResource, _ as BackofficeEntityListShellPageResource, D as BackofficeHubPageResource, h as BackofficeLayoutPageResource, ne as BackofficeLoginPageResource, ie as BackofficePasswordResetCompletePageResource, re as BackofficePasswordResetRequestPageResource, E as BackofficeToolShellPageResource, O as BackofficeVerifyEmailPageResource, m as WrapperPageResource, U as __test, H as createBackofficeRoutes, H as default };
 
 //# sourceMappingURL=createBackofficeRoutes.js.map