@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

package/dist/views/List/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["getTranslation","formatAdminURL","formatFilesize","React","Fragment","useEffect","useRef","useState","useBulkUpload","Button","ListControls","useListDrawerContext","ListWhereBuilder","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","useRouter","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","NoResults","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","hasActiveFilters","isGroupingBy","query","hasWhereParam","Boolean","where","isWhereOpen","setIsWhereOpen","current","openModal","modalSlug","bulkUploadModalSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","queryParam","parentFieldName","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","onWhereToggle","prev","collectionPluralLabel","fields","onEmptyRemove","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","fieldName","hasMany","useAsTitle","Actions","el","singular","to","withMargin","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { ListWhereBuilder } from '../../elements/ListWhereBuilder/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    NoResults,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, hasActiveFilters, isGroupingBy, query } = useListQuery()\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n  const [isWhereOpen, setIsWhereOpen] = useState(hasActiveFilters)\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n      setIsWhereOpen(false)\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [query?.where])\n\n  const { openModal } = useModal()\n  const { modalSlug: bulkUploadModalSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadModalSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadModalSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const queryParam = hierarchyData.parentFieldName || 'parent'\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <CollectionListHeader\n              collectionConfig={collectionConfig}\n              Description={\n                Description || collectionConfig?.admin?.description ? (\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                ) : undefined\n              }\n              disableBulkDelete={disableBulkDelete}\n              disableBulkEdit={disableBulkEdit}\n              hasCreatePermission={hasCreatePermission}\n              hasDeletePermission={hasDeletePermission}\n              hasTrashPermission={hasTrashPermission}\n              i18n={i18n}\n              isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n              isTrashEnabled={isTrashEnabled}\n              newDocumentURL={newDocumentURL}\n              openBulkUpload={openBulkUpload}\n              smallBreak={smallBreak}\n              viewType={viewType}\n            />\n            <ListControls\n              beforeActions={\n                enableRowSelections && typeof onBulkSelect === 'function'\n                  ? beforeActions\n                    ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                  : beforeActions\n              }\n              collectionConfig={collectionConfig}\n              collectionSlug={collectionSlug}\n              disableQueryPresets={\n                collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n              }\n              hasCreatePermission={hasCreatePermission && viewType !== 'trash' && !isInDrawer}\n              isWhereOpen={isWhereOpen}\n              listMenuItems={listMenuItems}\n              newDocumentURL={newDocumentURL}\n              onWhereToggle={() => setIsWhereOpen((prev) => !prev)}\n              queryPreset={queryPreset}\n              queryPresetPermissions={queryPresetPermissions}\n              renderedFilters={renderedFilters}\n              resolvedFilterOptions={resolvedFilterOptions}\n            />\n            {isWhereOpen && (\n              <ListWhereBuilder\n                collectionPluralLabel={collectionConfig?.labels?.plural}\n                collectionSlug={collectionSlug}\n                fields={collectionConfig?.fields}\n                onEmptyRemove={() => setIsWhereOpen(false)}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n            )}\n            {BeforeListTable}\n            {hierarchyData ? (\n              <DocumentSelectionProvider\n                collectionData={{\n                  [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                  ...Object.fromEntries(\n                    Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => [slug, { docs: related.result.docs }],\n                    ),\n                  ),\n                }}\n              >\n                <HierarchyTable\n                  childrenData={hierarchyData.childrenData}\n                  collectionSlug={collectionSlug}\n                  hierarchyLabel={collectionLabel}\n                  key={hierarchyData.parentId}\n                  parentId={hierarchyData.parentId}\n                  relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                    ([slug, related]) => ({\n                      collectionSlug: slug,\n                      data: related.result,\n                      fieldName: related.fieldName,\n                      hasMany: related.hasMany,\n                      label: related.label,\n                    }),\n                  )}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                />\n                <DocumentListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                />\n              </DocumentSelectionProvider>\n            ) : docs?.length > 0 ? (\n              <RelationshipProvider>{Table}</RelationshipProvider>\n            ) : null}\n            {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n            {docs?.length === 0 &&\n              (NoResults ?? (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  description={\n                    viewType === 'trash'\n                      ? i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })\n                      : i18n.t('general:noResultsDescription')\n                  }\n                  title={viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined}\n                  withMargin\n                />\n              ))}\n            {AfterListTable}\n            {AfterList}\n            {docs?.length > 0 && !isGroupingBy && (\n              <PageControls\n                AfterPageControls={\n                  smallBreak ? (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection\n                        collectionConfig={collectionConfig}\n                        disableBulkDelete={disableBulkDelete}\n                        disableBulkEdit={disableBulkEdit}\n                        label={collectionLabel}\n                        showSelectAllAcrossPages={!isGroupingBy}\n                      />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        {enableRowSelections && typeof onBulkSelect === 'function'\n                          ? beforeActions\n                            ? [\n                                ...beforeActions,\n                                <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                              ]\n                            : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                          : beforeActions}\n                      </div>\n                    </div>\n                  ) : null\n                }\n                collectionConfig={collectionConfig}\n              />\n            )}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <PageControls collectionConfig={collectionConfig} />\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["getTranslation","formatAdminURL","formatFilesize","React","useEffect","useId","useRef","useState","Button","LayoutToggle","ListControls","useListDrawerContext","ListWhereBuilder","useModal","NoListResults","PageControls","RenderCustomComponent","useStepNav","RelationshipProvider","TableIdentityProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","usePreferences","useRouter","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","getHierarchyListURL","HierarchyTable","DocumentGrid","GroupedDocumentGrid","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","currentHierarchyItem","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","documentLayout","documentURLs","enableRowSelections","groupedData","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","NoResults","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","instanceID","wherePanelID","layout","setLayout","allowCreate","createNewDrawerSlug","isInDrawer","setPreference","router","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","data","hasActiveFilters","isGroupingBy","query","resolvedGroupBy","resolvedSearch","searchInput","previousSearch","searchChangeResults","isDataGrouped","shouldRenderGrid","hasWhereParam","Boolean","where","isWhereOpen","setIsWhereOpen","current","openModal","collectionConfig","handleLayoutChange","nextLayout","preferencesKey","preferences","refresh","labels","upload","isUploadCollection","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","previousResults","resultsAnnouncement","setResultsAnnouncement","isSearchSettled","search","groupBy","hasCompletedSearch","announcement","t","count","totalDocs","singular","plural","timeout","setTimeout","clearTimeout","collectionLabel","hierarchyParentFieldName","hierarchy","parentFieldName","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","baseLabel","label","url","path","trashLabel","navItems","breadcrumbs","hierarchyBreadcrumbs","crumb","index","isLast","length","title","parentID","id","Container","_jsx","navigationLabel","orderable","_jsxs","className","description","CustomComponent","Fallback","hideFileInputOnCreate","enableQueryPresets","layoutToggle","onChange","onWhereToggle","prev","collectionPluralLabel","fields","onEmptyRemove","role","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","fieldName","hasMany","useAsTitle","groups","useAsThumbnail","Actions","el","onClick","to","withMargin","AfterPageControls","showSelectAllAcrossPages","tableId","totalPages"],"sources":["../../../src/views/List/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionPreferences, ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { useEffect, useId, useRef, useState } from 'react'\n\nimport type { DocumentLayout } from '../../elements/LayoutToggle/index.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { LayoutToggle } from '../../elements/LayoutToggle/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { ListWhereBuilder } from '../../elements/ListWhereBuilder/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { TableIdentityProvider } from '../../elements/Table/TableIdentity.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { getHierarchyListURL } from '../HierarchyList/getHierarchyListURL.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { DocumentGrid } from './DocumentGrid/index.js'\nimport { GroupedDocumentGrid } from './GroupedDocumentGrid/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    currentHierarchyItem,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    documentLayout,\n    documentURLs,\n    enableRowSelections,\n    groupedData,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    NoResults,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const instanceID = useId()\n  const wherePanelID = `list-controls-where-${instanceID}`\n\n  const [Table] = useControllableState(InitialTable)\n  const [layout, setLayout] = useState<DocumentLayout>(documentLayout ?? 'table')\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer } = useListDrawerContext()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const {\n    data,\n    hasActiveFilters,\n    isGroupingBy,\n    query,\n    resolvedGroupBy,\n    resolvedSearch,\n    searchInput,\n  } = useListQuery()\n\n  const previousSearch = useRef(resolvedSearch || '')\n  const searchChangeResults = useRef<unknown>(null)\n  const isDataGrouped = groupedData !== undefined\n  const shouldRenderGrid = layout === 'grid' && !isInDrawer\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n  const [isWhereOpen, setIsWhereOpen] = useState(hasActiveFilters)\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n      setIsWhereOpen(false)\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [query?.where])\n\n  const { openModal } = useModal()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const handleLayoutChange = async (nextLayout: DocumentLayout) => {\n    const preferencesKey = `collection-${collectionSlug}`\n\n    setLayout(nextLayout)\n    await setPreference<CollectionPreferences>(preferencesKey, (preferences) => ({\n      ...(preferences ?? {}),\n      documentLayout: nextLayout,\n    }))\n    router.refresh()\n  }\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n  const previousResults = useRef(data)\n  const [resultsAnnouncement, setResultsAnnouncement] = useState('')\n\n  const isSearchSettled =\n    (searchInput || '') === (resolvedSearch || '') &&\n    (query?.search || '') === (resolvedSearch || '') &&\n    (query?.groupBy || '') === (resolvedGroupBy || '')\n\n  useEffect(() => {\n    setResultsAnnouncement('')\n    if (previousSearch.current !== (resolvedSearch || '')) {\n      previousSearch.current = resolvedSearch || ''\n      searchChangeResults.current = data\n    }\n    const hasCompletedSearch = searchChangeResults.current === data\n\n    if (!isSearchSettled || !data || (!hasCompletedSearch && previousResults.current === data)) {\n      return\n    }\n\n    const announcement = hasCompletedSearch\n      ? i18n.t(\n          resolvedSearch\n            ? resolvedGroupBy\n              ? 'general:searchGroups'\n              : 'general:searchResults'\n            : 'general:searchCleared',\n          { count: data.totalDocs, search: resolvedSearch },\n        )\n      : `${data.totalDocs} ${getTranslation(\n          data.totalDocs === 1 ? labels.singular : labels.plural,\n          i18n,\n        )}`\n\n    const timeout = setTimeout(() => {\n      setResultsAnnouncement(announcement)\n      previousResults.current = data\n    }, 500)\n\n    return () => clearTimeout(timeout)\n  }, [\n    data,\n    i18n,\n    isSearchSettled,\n    labels.plural,\n    labels.singular,\n    resolvedGroupBy,\n    resolvedSearch,\n    searchInput,\n  ])\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n  const hierarchyParentFieldName =\n    !isInDrawer &&\n    viewType === 'list' &&\n    collectionConfig.hierarchy &&\n    typeof collectionConfig.hierarchy === 'object'\n      ? (collectionConfig.hierarchy.parentFieldName ?? 'parent')\n      : undefined\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url: hierarchyData\n          ? getHierarchyListURL({\n              adminRoute,\n              collectionSlug,\n            })\n          : isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : getHierarchyListURL({\n                  adminRoute,\n                  collectionSlug,\n                  parentFieldName: hierarchyData.parentFieldName,\n                  parentID: crumb.id,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  const Container = isInDrawer ? 'div' : 'main'\n\n  return (\n    <TableIdentityProvider\n      collectionSlug={collectionSlug}\n      navigationLabel={\n        !isInDrawer && !hierarchyData && !collectionConfig.orderable ? collectionLabel : undefined\n      }\n    >\n      <Container className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <CollectionListHeader\n              collectionConfig={collectionConfig}\n              currentHierarchyItem={currentHierarchyItem}\n              Description={\n                Description || collectionConfig?.admin?.description ? (\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                ) : undefined\n              }\n              disableBulkDelete={disableBulkDelete}\n              disableBulkEdit={disableBulkEdit}\n              enableRowSelections={enableRowSelections}\n              hasCreatePermission={hasCreatePermission}\n              hasDeletePermission={hasDeletePermission}\n              hasTrashPermission={hasTrashPermission}\n              i18n={i18n}\n              isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n              newDocumentURL={newDocumentURL}\n              smallBreak={smallBreak}\n              viewType={viewType}\n            />\n            <ListControls\n              beforeActions={beforeActions}\n              collectionConfig={collectionConfig}\n              collectionSlug={collectionSlug}\n              disableQueryPresets={\n                collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n              }\n              hasCreatePermission={hasCreatePermission && viewType !== 'trash' && !isInDrawer}\n              hasDeletePermission={hasDeletePermission}\n              isWhereOpen={isWhereOpen}\n              layoutToggle={\n                !hierarchyData && !isInDrawer ? (\n                  <LayoutToggle layout={layout} onChange={handleLayoutChange} />\n                ) : undefined\n              }\n              listMenuItems={listMenuItems}\n              newDocumentURL={newDocumentURL}\n              onWhereToggle={() => setIsWhereOpen((prev) => !prev)}\n              queryPreset={queryPreset}\n              queryPresetPermissions={queryPresetPermissions}\n              renderedFilters={renderedFilters}\n              resolvedFilterOptions={resolvedFilterOptions}\n              viewType={viewType}\n              wherePanelID={wherePanelID}\n            />\n            {isWhereOpen && (\n              <div id={wherePanelID}>\n                <ListWhereBuilder\n                  collectionPluralLabel={collectionConfig?.labels?.plural}\n                  collectionSlug={collectionSlug}\n                  fields={collectionConfig?.fields}\n                  onEmptyRemove={() => setIsWhereOpen(false)}\n                  renderedFilters={renderedFilters}\n                  resolvedFilterOptions={resolvedFilterOptions}\n                />\n              </div>\n            )}\n            <div aria-atomic=\"true\" className={`${baseClass}__search-status sr-only`} role=\"status\">\n              {isSearchSettled && resultsAnnouncement && (\n                <span key={resolvedSearch || ''}>{resultsAnnouncement}</span>\n              )}\n            </div>\n            {BeforeListTable}\n            {hierarchyData ? (\n              <DocumentSelectionProvider\n                collectionData={{\n                  [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                  ...Object.fromEntries(\n                    Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => [slug, { docs: related.result.docs }],\n                    ),\n                  ),\n                }}\n              >\n                <HierarchyTable\n                  childrenData={hierarchyData.childrenData}\n                  collectionSlug={collectionSlug}\n                  hierarchyLabel={collectionLabel}\n                  key={hierarchyData.parentId}\n                  parentId={hierarchyData.parentId}\n                  relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                    ([slug, related]) => ({\n                      collectionSlug: slug,\n                      data: related.result,\n                      fieldName: related.fieldName,\n                      hasMany: related.hasMany,\n                      label: related.label,\n                    }),\n                  )}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                />\n                <DocumentListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                />\n              </DocumentSelectionProvider>\n            ) : docs?.length > 0 ? (\n              shouldRenderGrid && isDataGrouped ? (\n                <GroupedDocumentGrid\n                  collectionSlug={collectionSlug}\n                  documentURLs={documentURLs}\n                  enableRowSelections={enableRowSelections}\n                  groups={groupedData}\n                  hierarchyParentFieldName={hierarchyParentFieldName}\n                  viewType={viewType}\n                />\n              ) : shouldRenderGrid ? (\n                <DocumentGrid\n                  adminRoute={adminRoute}\n                  collectionLabel={collectionLabel}\n                  collectionSlug={collectionSlug}\n                  docs={docs}\n                  documentURLs={documentURLs}\n                  enableRowSelections={enableRowSelections}\n                  hierarchyParentFieldName={hierarchyParentFieldName}\n                  useAsThumbnail={collectionConfig.admin.useAsThumbnail}\n                  useAsTitle={collectionConfig.admin.useAsTitle}\n                  viewType={viewType}\n                />\n              ) : (\n                <RelationshipProvider>{Table}</RelationshipProvider>\n              )\n            ) : null}\n            {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n            {docs?.length === 0 &&\n              (NoResults ?? (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  description={\n                    viewType === 'trash'\n                      ? i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })\n                      : i18n.t('general:noResultsDescription')\n                  }\n                  title={viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined}\n                  withMargin\n                />\n              ))}\n            {AfterListTable}\n            {AfterList}\n            {docs?.length > 0 && !isGroupingBy && (\n              <PageControls\n                AfterPageControls={\n                  smallBreak ? (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection\n                        collectionConfig={collectionConfig}\n                        disableBulkDelete={disableBulkDelete}\n                        disableBulkEdit={disableBulkEdit}\n                        label={collectionLabel}\n                        showSelectAllAcrossPages={!isGroupingBy}\n                      />\n                      <div className={`${baseClass}__list-selection-actions`}>{beforeActions}</div>\n                    </div>\n                  ) : null\n                }\n                collectionConfig={collectionConfig}\n                tableId={hierarchyData ? undefined : `payload-table-${collectionConfig.slug}`}\n              />\n            )}\n          </SelectionProvider>\n        </TableColumnsProvider>\n        {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n          <PageControls collectionConfig={collectionConfig} />\n        )}\n      </Container>\n    </TableIdentityProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/index.css

@@ -12,7 +12,7 @@
 
   .collection-list__sub-header {
     flex-basis: 100%;
-    padding-top: var(--spacer-3);
+    padding-top: var(--spacer-2-5);
   }
 
   .collection-list .table table {
@@ -21,7 +21,7 @@
   }
 
   .collection-list .table table td.cell--linked > :is(a, button) {
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: none;
@@ -35,6 +35,10 @@
     }
   }
 
+  .collection-list .table table td.cell--linked > :is(a, button):has(.id-label) {
+    text-decoration-line: none;
+  }
+
   .collection-list .table table [class^='cell']:not(.cell--linked) > p,
   .collection-list .table table [class^='cell']:not(.cell--linked) > span,
   .collection-list .table table [class^='cell']:not(.cell--linked) > a {
@@ -83,6 +87,7 @@
     margin-top: var(--spacer-2);
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .collection-list {
       margin-top: var(--spacer-2);
@@ -117,6 +122,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .collection-list {
       margin-bottom: var(--spacing-view-bottom);

package/dist/views/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAKpB,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAGjB,MAAM,SAAS,CAAA;AAYhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EACd,gBAAgB,GAChB,KAAK,CAAC,aAAa,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAA;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,oBAAoB,CAAA;AAExB;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,SACnB,kBAAkB,KACvB,OAAO,CAAC;IACT,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAieA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAMpB,SAAS,EACT,mBAAmB,EAEnB,uBAAuB,EAEvB,gBAAgB,EAGjB,MAAM,SAAS,CAAA;AAYhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0BvC,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EACd,gBAAgB,GAChB,KAAK,CAAC,aAAa,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAA;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,oBAAoB,CAAA;AAExB;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,SACnB,kBAAkB,KACvB,OAAO,CAAC;IACT,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAqkBA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}

package/dist/views/List/index.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { appendDateTimezoneSelectFields, appendUploadSelectFields, combineWhereConstraints, formatAdminURL, isNumber, mergeListSearchAndWhere, transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared';
+import { docAccessOperation } from 'payload';
+import { appendDateTimezoneSelectFields, combineWhereConstraints, formatAdminURL, isNumber, mergeListSearchAndWhere, transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared';
 import React, { Fragment } from 'react';
 import { RenderServerComponent } from '../../elements/RenderServerComponent/index.js';
 /* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */
-import { DefaultListView, HierarchyListView, HydrateAuthProvider, HydrateHierarchyProvider, ListQueryProvider } from '../../exports/client/index.js';
+import { DefaultListView, HierarchyListView, HydrateAuthProvider, HydrateHierarchyProvider, HydratePreferences, ListQueryProvider } from '../../exports/client/index.js';
 /* eslint-enable payload/no-imports-from-exports-dir */
 import { getColumns } from '../../utilities/getColumns.js';
 import { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js';
+import { getDocumentThumbnailPopulate } from '../../utilities/getDocumentThumbnailPopulate.js';
+import { getDocumentThumbnailSelect } from '../../utilities/getDocumentThumbnailSelect.js';
 import { renderFilters, renderTable } from '../../utilities/renderTable.js';
 import { upsertPreferences } from '../../utilities/upsertPreferences.js';
 import { enrichDocsWithVersionStatus } from './enrichDocsWithVersionStatus.js';
@@ -14,6 +17,7 @@ import { handleGroupBy } from './handleGroupBy.js';
 import { handleHierarchy } from './handleHierarchy.js';
 import { renderListViewSlots } from './renderListViewSlots.js';
 import { resolveAllFilterOptions } from './resolveAllFilterOptions.js';
+import { resolveDocumentListItemURL } from './resolveDocumentListItemURL.js';
 import { transformColumnsToSelect } from './transformColumnsToSelect.js';
 import './index.css';
 /**
@@ -40,6 +44,7 @@ export const renderListView = async args => {
     query: queryFromArgs,
     searchParams,
     trash,
+    user: userWithReadAccess,
     viewType
   } = args;
   const {
@@ -137,6 +142,7 @@ export const renderListView = async args => {
     };
   }
   let Table = null;
+  let groupedData;
   let columnState = [];
   let data = {
     // no results default
@@ -161,12 +167,32 @@ export const renderListView = async args => {
     permissions
   });
   /** Automatically force select active columns. */
-  const select = transformColumnsToSelect(columns);
-  /** Force select image fields for list view thumbnails */
-  appendUploadSelectFields({
+  const select = getDocumentThumbnailSelect({
     collectionConfig,
-    select
+    select: transformColumnsToSelect(columns)
   });
+  /** Grid cards need their title, timestamp, and thumbnail regardless of visible table columns. */
+  if (collectionConfig.admin.useAsTitle) {
+    select[collectionConfig.admin.useAsTitle] = true;
+  }
+  select.updatedAt = true;
+  /** Force select `useAsTitle` for accessible row-selection labels, even if its column is hidden. */
+  if (enableRowSelections && collectionConfig.admin.useAsTitle) {
+    select[collectionConfig.admin.useAsTitle] = true;
+  }
+  /** Force select hierarchy scope so parent cells can validate destinations independently of visible columns. */
+  if (typeof collectionConfig.hierarchy === 'object' && collectionConfig.hierarchy.collectionSpecific) {
+    select[collectionConfig.hierarchy.collectionSpecific.fieldName] = true;
+  }
+  /** Populate only the configured thumbnail relationship for flat collection grids. */
+  const thumbnailFieldName = collectionPreferences?.documentLayout === 'grid' && viewType !== 'hierarchy' ? collectionConfig.admin.useAsThumbnail : undefined;
+  const thumbnailPopulate = thumbnailFieldName ? getDocumentThumbnailPopulate({
+    collectionConfig,
+    collections: payload.config.collections
+  }) : undefined;
+  if (thumbnailFieldName) {
+    select[thumbnailFieldName] = true;
+  }
   /** Force select `_tz` siblings for any timezone-enabled date fields in select */
   appendDateTimezoneSelectFields({
     fields: collectionConfig.flattenedFields,
@@ -183,6 +209,7 @@ export const renderListView = async args => {
   // Check for hierarchy parent param
   const isHierarchyCollection = Boolean(collectionConfig.hierarchy);
   const hierarchyParentFieldName = typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName ?? 'parent' : 'parent';
+  const isHierarchyView = viewType === 'hierarchy';
   let hierarchyParentId = null;
   if (isHierarchyCollection) {
     const parentParam = searchParams?.[hierarchyParentFieldName];
@@ -192,6 +219,43 @@ export const renderListView = async args => {
       hierarchyParentId = payload.db.defaultIDType === 'number' && isNumber(parentParam) ? Number(parentParam) : parentParam;
     }
   }
+  let currentHierarchyItem;
+  if (isHierarchyCollection && hierarchyParentId !== null) {
+    try {
+      const currentHierarchyDoc = await payload.findByID({
+        id: hierarchyParentId,
+        collection: collectionSlug,
+        depth: 0,
+        disableErrors: true,
+        overrideAccess: false,
+        req,
+        user
+      });
+      if (currentHierarchyDoc) {
+        const {
+          update: hasUpdatePermission
+        } = await docAccessOperation({
+          id: currentHierarchyDoc.id,
+          collection: {
+            config: collectionConfig
+          },
+          data: currentHierarchyDoc,
+          req
+        });
+        const titleFieldName = collectionConfig.admin?.useAsTitle || 'id';
+        currentHierarchyItem = {
+          id: currentHierarchyDoc.id,
+          hasUpdatePermission: Boolean(hasUpdatePermission),
+          title: String(currentHierarchyDoc[titleFieldName] || currentHierarchyDoc.id)
+        };
+      }
+    } catch (err) {
+      payload.logger.warn({
+        err,
+        msg: `Could not resolve hierarchy item: ${hierarchyParentId}`
+      });
+    }
+  }
   // Hierarchy data for client-side rendering
   let hierarchyData;
   try {
@@ -200,6 +264,7 @@ export const renderListView = async args => {
       ({
         columnState,
         data,
+        groupedData,
         Table
       } = await handleGroupBy({
         clientCollectionConfig,
@@ -211,9 +276,12 @@ export const renderListView = async args => {
         drawerSlug,
         enableRowSelections,
         fieldPermissions: permissions?.collections?.[collectionSlug]?.fields,
+        hierarchyParentFieldName: isHierarchyCollection && !drawerSlug && viewType === 'list' ? hierarchyParentFieldName : undefined,
         query,
         req,
         select,
+        thumbnailFieldName,
+        thumbnailPopulate,
         trash,
         user,
         viewType,
@@ -228,7 +296,7 @@ export const renderListView = async args => {
     } else {
       data = await req.payload.find({
         collection: collectionSlug,
-        depth: 0,
+        depth: thumbnailFieldName ? 1 : 0,
         draft: true,
         fallbackLocale: false,
         includeLockStatus: true,
@@ -236,6 +304,7 @@ export const renderListView = async args => {
         locale: req.locale,
         overrideAccess: false,
         page: query?.page ? Number(query.page) : undefined,
+        populate: thumbnailPopulate,
         req,
         select,
         sort: query?.sort,
@@ -261,6 +330,7 @@ export const renderListView = async args => {
         drawerSlug,
         enableRowSelections,
         fieldPermissions: permissions?.collections?.[collectionSlug]?.fields,
+        hierarchyParentFieldName: isHierarchyCollection && !drawerSlug && viewType === 'list' ? hierarchyParentFieldName : undefined,
         i18n: req.i18n,
         orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,
         payload: req.payload,
@@ -280,9 +350,8 @@ export const renderListView = async args => {
       throw err;
     }
   }
-  // Fetch hierarchy data only for hierarchy view
+  // Resolve hierarchy data for the hierarchy list view.
   let HierarchyIcon;
-  const isHierarchyView = viewType === 'hierarchy';
   if (isHierarchyCollection && isHierarchyView) {
     // Extract typeFilter from searchParams (comma-separated list of collection slugs)
     const typeFilterParam = searchParams?.typeFilter;
@@ -344,9 +413,9 @@ export const renderListView = async args => {
     permissions,
     searchParams,
     server: req.server,
-    user
+    user: userWithReadAccess
   };
-  const listViewSlots = renderListViewSlots({
+  const listViewSlots = await renderListViewSlots({
     clientProps: {
       collectionSlug,
       hasCreatePermission,
@@ -359,9 +428,18 @@ export const renderListView = async args => {
     description: staticDescription,
     notFoundDocId,
     payload,
+    req,
     serverProps
   });
   const isInDrawer = Boolean(drawerSlug);
+  const documentURLs = !isInDrawer && !isHierarchyView && collectionConfig.admin.formatDocURL ? Object.fromEntries((groupedData ? groupedData.flatMap(group => group.data.docs) : data.docs).map(doc => [doc.id, resolveDocumentListItemURL({
+    collectionSlug,
+    doc,
+    formatDocURL: collectionConfig.admin.formatDocURL,
+    hierarchyParentFieldName: isHierarchyCollection ? hierarchyParentFieldName : undefined,
+    req,
+    viewType
+  })])) : undefined;
   // Needed to prevent: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props.
   // Is there a way to avoid this? The `where` object is already seemingly plain, but is not bc it originates from the params.
   query.where = query?.where ? JSON.parse(JSON.stringify(query?.where || {})) : undefined;
@@ -371,10 +449,14 @@ export const renderListView = async args => {
       baseFilter: baseFilterConstraint,
       collectionSlug,
       columnState,
+      currentHierarchyItem,
       disableBulkDelete: collectionConfig.disableBulkDelete ?? disableBulkDelete,
       disableBulkEdit: collectionConfig.disableBulkEdit ?? disableBulkEdit,
       disableQueryPresets,
+      documentLayout: collectionPreferences?.documentLayout,
+      documentURLs,
       enableRowSelections,
+      groupedData,
       hasCreatePermission,
       hasDeletePermission,
       hasTrashPermission,
@@ -399,6 +481,9 @@ export const renderListView = async args => {
     List: /*#__PURE__*/_jsxs(Fragment, {
       children: [/*#__PURE__*/_jsx(HydrateAuthProvider, {
         permissions: permissions
+      }), /*#__PURE__*/_jsx(HydratePreferences, {
+        collectionSlug: collectionSlug,
+        preferences: collectionPreferences
       }), isHierarchyView ? /*#__PURE__*/_jsxs(Fragment, {
         children: [/*#__PURE__*/_jsx(HydrateHierarchyProvider, {
           allowedCollections: hierarchyData?.allowedCollections,