@payloadcms/ui 4.0.0-internal.f05c47f → 4.0.0-internal.f15737c

package/dist/views/List/handleServerFunction.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleServerFunction.js","names":["canAccessAdmin","isEntityHidden","UnauthorizedError","applyLocaleFiltering","getClientConfig","renderListView","renderListHandler","args","collectionSlug","cookies","disableActions","disableBulkDelete","disableBulkEdit","disableQueryPresets","drawerSlug","enableRowSelections","locale","overrideEntityVisibility","permissions","query","redirectAfterDelete","redirectAfterDuplicate","req","i18n","payload","config","user","clientConfig","importMap","preferencesKey","preferences","find","collection","depth","limit","where","and","key","equals","id","then","res","docs","value","visibleEntities","collections","map","slug","admin","hidden","filter","Boolean","globals","List","initPageResult","collectionConfig","globalConfig","global","languageOptions","undefined","translations","params","segments","searchParams","server","viewType"],"sources":["../../../src/views/List/handleServerFunction.tsx"],"sourcesContent":["import type { CollectionPreferences, ServerFunction, VisibleEntities } from 'payload'\n\nimport { canAccessAdmin, isEntityHidden, UnauthorizedError } from 'payload'\nimport { applyLocaleFiltering } from 'payload/shared'\n\nimport type {\n  RenderListServerFnArgs,\n  RenderListServerFnReturnType,\n} from '../../elements/ListDrawer/types.js'\n\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { renderListView } from './index.js'\n\nexport const renderListHandler: ServerFunction<\n  RenderListServerFnArgs,\n  Promise<RenderListServerFnReturnType>\n> = async (args) => {\n  const {\n    collectionSlug,\n    cookies,\n    disableActions,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    drawerSlug,\n    enableRowSelections,\n    locale,\n    overrideEntityVisibility,\n    permissions,\n    query,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = args\n\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  await canAccessAdmin({ req })\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n,\n    importMap: payload.importMap,\n    user,\n  })\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  const preferencesKey = `collection-${collectionSlug}`\n\n  const preferences = await payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      where: {\n        and: [\n          {\n            key: {\n              equals: preferencesKey,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: user.id,\n            },\n          },\n        ],\n      },\n    })\n    .then((res) => res.docs[0]?.value as CollectionPreferences)\n\n  const visibleEntities: VisibleEntities = {\n    collections: payload.config.collections\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n    globals: payload.config.globals\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n  }\n\n  const { List } = await renderListView({\n    clientConfig,\n    disableActions,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    drawerSlug,\n    enableRowSelections,\n    i18n,\n    importMap: payload.importMap,\n    initPageResult: {\n      collectionConfig: payload?.collections?.[collectionSlug]?.config,\n      cookies,\n      globalConfig: payload.config.globals.find((global) => global.slug === collectionSlug),\n      languageOptions: undefined, // TODO\n      locale,\n      permissions,\n      req,\n      translations: undefined, // TODO\n      visibleEntities,\n    },\n    locale,\n    overrideEntityVisibility,\n    params: {\n      segments: ['collections', collectionSlug],\n    },\n    payload,\n    permissions,\n    query,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    searchParams: {},\n    server: req.server,\n    viewType: 'list',\n  })\n\n  return {\n    List,\n    preferences,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"handleServerFunction.js","names":["canAccessAdmin","isEntityHidden","UnauthorizedError","applyLocaleFiltering","getClientConfig","renderListView","renderListHandler","args","collectionSlug","cookies","disableActions","disableBulkDelete","disableBulkEdit","disableQueryPresets","drawerSlug","enableRowSelections","locale","overrideEntityVisibility","permissions","query","redirectAfterDelete","redirectAfterDuplicate","req","i18n","payload","config","user","userWithReadAccess","clientConfig","importMap","preferencesKey","preferences","find","collection","depth","limit","overrideAccess","where","and","key","equals","id","then","res","docs","value","visibleEntities","collections","map","slug","admin","hidden","filter","Boolean","globals","List","initPageResult","collectionConfig","globalConfig","global","languageOptions","undefined","translations","params","segments","searchParams","server","viewType"],"sources":["../../../src/views/List/handleServerFunction.tsx"],"sourcesContent":["import type { CollectionPreferences, ServerFunction, VisibleEntities } from 'payload'\n\nimport { canAccessAdmin, isEntityHidden, UnauthorizedError } from 'payload'\nimport { applyLocaleFiltering } from 'payload/shared'\n\nimport type {\n  RenderListServerFnArgs,\n  RenderListServerFnReturnType,\n} from '../../elements/ListDrawer/types.js'\n\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { renderListView } from './index.js'\n\nexport const renderListHandler: ServerFunction<\n  RenderListServerFnArgs,\n  Promise<RenderListServerFnReturnType>\n> = async (args) => {\n  const {\n    collectionSlug,\n    cookies,\n    disableActions,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    drawerSlug,\n    enableRowSelections,\n    locale,\n    overrideEntityVisibility,\n    permissions,\n    query,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n    user: userWithReadAccess,\n  } = args\n\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  await canAccessAdmin({ req })\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n,\n    importMap: payload.importMap,\n    user,\n  })\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  const preferencesKey = `collection-${collectionSlug}`\n\n  const preferences = await payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      overrideAccess: true,\n      where: {\n        and: [\n          {\n            key: {\n              equals: preferencesKey,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: user.id,\n            },\n          },\n        ],\n      },\n    })\n    .then((res) => res.docs[0]?.value as CollectionPreferences)\n\n  const visibleEntities: VisibleEntities = {\n    collections: payload.config.collections\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n    globals: payload.config.globals\n      .map(({ slug, admin: { hidden } }) => (!isEntityHidden({ hidden, user }) ? slug : null))\n      .filter(Boolean),\n  }\n\n  const { List } = await renderListView({\n    clientConfig,\n    disableActions,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    drawerSlug,\n    enableRowSelections,\n    i18n,\n    importMap: payload.importMap,\n    initPageResult: {\n      collectionConfig: payload?.collections?.[collectionSlug]?.config,\n      cookies,\n      globalConfig: payload.config.globals.find((global) => global.slug === collectionSlug),\n      languageOptions: undefined, // TODO\n      locale,\n      permissions,\n      req,\n      translations: undefined, // TODO\n      visibleEntities,\n    },\n    locale,\n    overrideEntityVisibility,\n    params: {\n      segments: ['collections', collectionSlug],\n    },\n    payload,\n    permissions,\n    query,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    searchParams: {},\n    server: req.server,\n    user: userWithReadAccess,\n    viewType: 'list',\n  })\n\n  return {\n    List,\n    preferences,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAAgD,MAAM,OAAO,CAAA;AA0BpE,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAyUzD"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAyB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAsC,MAAM,OAAO,CAAA;AAkC1D,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAoczD"}

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

@@ -3,8 +3,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, formatFilesize } from 'payload/shared';
-import React, { Fragment, useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Button } from '../../elements/Button/index.js';
+import { LayoutToggle } from '../../elements/LayoutToggle/index.js';
 import { ListControls } from '../../elements/ListControls/index.js';
 import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
 import { ListWhereBuilder } from '../../elements/ListWhereBuilder/index.js';
@@ -12,21 +13,26 @@ import { useModal } from '../../elements/Modal/index.js';
 import { NoListResults } from '../../elements/NoListResults/index.js';
 import { PageControls } from '../../elements/PageControls/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
-import { SelectMany } from '../../elements/SelectMany/index.js';
 import { useStepNav } from '../../elements/StepNav/index.js';
 import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js';
+import { TableIdentityProvider } from '../../elements/Table/TableIdentity.js';
 import { ViewDescription } from '../../elements/ViewDescription/index.js';
 import { useControllableState } from '../../hooks/useControllableState.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { SelectionProvider } from '../../providers/Selection/index.js';
 import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useWindowInfo } from '../../providers/WindowInfo/index.js';
 import { ListSelection } from '../../views/List/ListSelection/index.js';
 import { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js';
+import { getHierarchyListURL } from '../HierarchyList/getHierarchyListURL.js';
 import { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js';
+import { DocumentGrid } from './DocumentGrid/index.js';
+import { GroupedDocumentGrid } from './GroupedDocumentGrid/index.js';
 import { CollectionListHeader } from './ListHeader/index.js';
 import './index.css';
 const baseClass = 'collection-list';
@@ -39,11 +45,15 @@ export function DefaultListView(props) {
     BeforeListTable,
     collectionSlug,
     columnState,
+    currentHierarchyItem,
     Description,
     disableBulkDelete,
     disableBulkEdit,
     disableQueryPresets,
+    documentLayout,
+    documentURLs,
     enableRowSelections,
+    groupedData,
     hasCreatePermission: hasCreatePermissionFromProps,
     hasDeletePermission,
     hasTrashPermission,
@@ -59,12 +69,16 @@ export function DefaultListView(props) {
     viewType
   } = props;
   const [Table] = useControllableState(InitialTable);
+  const [layout, setLayout] = useState(documentLayout ?? 'table');
   const {
     allowCreate,
     createNewDrawerSlug,
-    isInDrawer,
-    onBulkSelect
+    isInDrawer
   } = useListDrawerContext();
+  const {
+    setPreference
+  } = usePreferences();
+  const router = useRouter();
   const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
   const {
     config: {
@@ -79,8 +93,15 @@ export function DefaultListView(props) {
     data,
     hasActiveFilters,
     isGroupingBy,
-    query
+    query,
+    resolvedGroupBy,
+    resolvedSearch,
+    searchInput
   } = useListQuery();
+  const previousSearch = useRef(resolvedSearch || '');
+  const searchChangeResults = useRef(null);
+  const isDataGrouped = groupedData !== undefined;
+  const shouldRenderGrid = layout === 'grid' && !isInDrawer;
   const hasWhereParam = useRef(Boolean(query?.where));
   const [isWhereOpen, setIsWhereOpen] = useState(hasActiveFilters);
   useEffect(() => {
@@ -97,6 +118,15 @@ export function DefaultListView(props) {
   const collectionConfig = getEntityConfig({
     collectionSlug
   });
+  const handleLayoutChange = async nextLayout => {
+    const preferencesKey = `collection-${collectionSlug}`;
+    setLayout(nextLayout);
+    await setPreference(preferencesKey, preferences => ({
+      ...(preferences ?? {}),
+      documentLayout: nextLayout
+    }));
+    router.refresh();
+  };
   const {
     labels,
     upload
@@ -107,7 +137,31 @@ export function DefaultListView(props) {
   const {
     i18n
   } = useTranslation();
+  const previousResults = useRef(data);
+  const [resultsAnnouncement, setResultsAnnouncement] = useState('');
+  const isSearchSettled = (searchInput || '') === (resolvedSearch || '') && (query?.search || '') === (resolvedSearch || '') && (query?.groupBy || '') === (resolvedGroupBy || '');
+  useEffect(() => {
+    setResultsAnnouncement('');
+    if (previousSearch.current !== (resolvedSearch || '')) {
+      previousSearch.current = resolvedSearch || '';
+      searchChangeResults.current = data;
+    }
+    const hasCompletedSearch = searchChangeResults.current === data;
+    if (!isSearchSettled || !data || !hasCompletedSearch && previousResults.current === data) {
+      return;
+    }
+    const announcement = hasCompletedSearch ? i18n.t(resolvedSearch ? resolvedGroupBy ? 'general:searchGroups' : 'general:searchResults' : 'general:searchCleared', {
+      count: data.totalDocs,
+      search: resolvedSearch
+    }) : `${data.totalDocs} ${getTranslation(data.totalDocs === 1 ? labels.singular : labels.plural, i18n)}`;
+    const timeout = setTimeout(() => {
+      setResultsAnnouncement(announcement);
+      previousResults.current = data;
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [data, i18n, isSearchSettled, labels.plural, labels.singular, resolvedGroupBy, resolvedSearch, searchInput]);
   const collectionLabel = getTranslation(labels?.plural, i18n);
+  const hierarchyParentFieldName = !isInDrawer && viewType === 'list' && collectionConfig.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName ?? 'parent' : undefined;
   const {
     setStepNav
   } = useStepNav();
@@ -132,7 +186,10 @@ export function DefaultListView(props) {
     if (!isInDrawer) {
       const baseLabel = {
         label: collectionLabel,
-        url: hierarchyData || isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+        url: hierarchyData ? getHierarchyListURL({
+          adminRoute,
+          collectionSlug
+        }) : isTrashEnabled && viewType === 'trash' ? formatAdminURL({
           adminRoute,
           path: `/collections/${collectionSlug}`
         }) : undefined
@@ -143,14 +200,15 @@ export function DefaultListView(props) {
       let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
       // Add hierarchy breadcrumbs
       if (hierarchyData?.breadcrumbs) {
-        const queryParam = hierarchyData.parentFieldName || 'parent';
         const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {
           const isLast = index === hierarchyData.breadcrumbs.length - 1;
           return {
             label: crumb.title,
-            url: isLast ? undefined : formatAdminURL({
+            url: isLast ? undefined : getHierarchyListURL({
               adminRoute,
-              path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`
+              collectionSlug,
+              parentFieldName: hierarchyData.parentFieldName,
+              parentID: crumb.id
             })
           };
         });
@@ -159,17 +217,21 @@ export function DefaultListView(props) {
       setStepNav(navItems);
     }
   }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug, hierarchyData, collectionLabel]);
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(TableColumnsProvider, {
-      collectionSlug: collectionSlug,
-      columnState: columnState,
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass} ${baseClass}--${collectionSlug}`,
+  const Container = isInDrawer ? 'div' : 'main';
+  return /*#__PURE__*/_jsx(TableIdentityProvider, {
+    collectionSlug: collectionSlug,
+    navigationLabel: !isInDrawer && !hierarchyData && !collectionConfig.orderable ? collectionLabel : undefined,
+    children: /*#__PURE__*/_jsxs(Container, {
+      className: `${baseClass} ${baseClass}--${collectionSlug}`,
+      children: [/*#__PURE__*/_jsx(TableColumnsProvider, {
+        collectionSlug: collectionSlug,
+        columnState: columnState,
         children: /*#__PURE__*/_jsxs(SelectionProvider, {
           docs: docs,
           totalDocs: data?.totalDocs,
           children: [BeforeList, /*#__PURE__*/_jsx(CollectionListHeader, {
             collectionConfig: collectionConfig,
+            currentHierarchyItem: currentHierarchyItem,
             Description: Description || collectionConfig?.admin?.description ? /*#__PURE__*/_jsx("div", {
               className: `${baseClass}__sub-header`,
               children: /*#__PURE__*/_jsx(RenderCustomComponent, {
@@ -182,33 +244,35 @@ export function DefaultListView(props) {
             }) : undefined,
             disableBulkDelete: disableBulkDelete,
             disableBulkEdit: disableBulkEdit,
+            enableRowSelections: enableRowSelections,
             hasCreatePermission: hasCreatePermission,
             hasDeletePermission: hasDeletePermission,
             hasTrashPermission: hasTrashPermission,
             i18n: i18n,
             isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
-            isTrashEnabled: isTrashEnabled,
             newDocumentURL: newDocumentURL,
             smallBreak: smallBreak,
             viewType: viewType
           }), /*#__PURE__*/_jsx(ListControls, {
-            beforeActions: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
-              onClick: onBulkSelect
-            }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
-              onClick: onBulkSelect
-            }, "select-many")] : beforeActions,
+            beforeActions: beforeActions,
             collectionConfig: collectionConfig,
             collectionSlug: collectionSlug,
             disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
             hasCreatePermission: hasCreatePermission && viewType !== 'trash' && !isInDrawer,
+            hasDeletePermission: hasDeletePermission,
             isWhereOpen: isWhereOpen,
+            layoutToggle: !hierarchyData && !isInDrawer ? /*#__PURE__*/_jsx(LayoutToggle, {
+              layout: layout,
+              onChange: handleLayoutChange
+            }) : undefined,
             listMenuItems: listMenuItems,
             newDocumentURL: newDocumentURL,
             onWhereToggle: () => setIsWhereOpen(prev => !prev),
             queryPreset: queryPreset,
             queryPresetPermissions: queryPresetPermissions,
             renderedFilters: renderedFilters,
-            resolvedFilterOptions: resolvedFilterOptions
+            resolvedFilterOptions: resolvedFilterOptions,
+            viewType: viewType
           }), isWhereOpen && /*#__PURE__*/_jsx(ListWhereBuilder, {
             collectionPluralLabel: collectionConfig?.labels?.plural,
             collectionSlug: collectionSlug,
@@ -216,6 +280,13 @@ export function DefaultListView(props) {
             onEmptyRemove: () => setIsWhereOpen(false),
             renderedFilters: renderedFilters,
             resolvedFilterOptions: resolvedFilterOptions
+          }), /*#__PURE__*/_jsx("div", {
+            "aria-atomic": "true",
+            className: `${baseClass}__search-status sr-only`,
+            role: "status",
+            children: isSearchSettled && resultsAnnouncement && /*#__PURE__*/_jsx("span", {
+              children: resultsAnnouncement
+            }, resolvedSearch || '')
           }), BeforeListTable, hierarchyData ? /*#__PURE__*/_jsxs(DocumentSelectionProvider, {
             collectionData: {
               [collectionSlug]: {
@@ -242,7 +313,25 @@ export function DefaultListView(props) {
               disableBulkDelete: disableBulkDelete,
               disableBulkEdit: disableBulkEdit
             })]
-          }) : docs?.length > 0 ? /*#__PURE__*/_jsx(RelationshipProvider, {
+          }) : docs?.length > 0 ? shouldRenderGrid && isDataGrouped ? /*#__PURE__*/_jsx(GroupedDocumentGrid, {
+            collectionSlug: collectionSlug,
+            documentURLs: documentURLs,
+            enableRowSelections: enableRowSelections,
+            groups: groupedData,
+            hierarchyParentFieldName: hierarchyParentFieldName,
+            viewType: viewType
+          }) : shouldRenderGrid ? /*#__PURE__*/_jsx(DocumentGrid, {
+            adminRoute: adminRoute,
+            collectionLabel: collectionLabel,
+            collectionSlug: collectionSlug,
+            docs: docs,
+            documentURLs: documentURLs,
+            enableRowSelections: enableRowSelections,
+            hierarchyParentFieldName: hierarchyParentFieldName,
+            useAsThumbnail: collectionConfig.admin.useAsThumbnail,
+            useAsTitle: collectionConfig.admin.useAsTitle,
+            viewType: viewType
+          }) : /*#__PURE__*/_jsx(RelationshipProvider, {
             children: Table
           }) : null, docs?.length === 0 && (NoResults ?? /*#__PURE__*/_jsx(NoListResults, {
             Actions: hasCreatePermission && newDocumentURL && viewType !== 'trash' ? [isInDrawer ? /*#__PURE__*/_jsx(Button, {
@@ -274,20 +363,17 @@ export function DefaultListView(props) {
                 showSelectAllAcrossPages: !isGroupingBy
               }), /*#__PURE__*/_jsx("div", {
                 className: `${baseClass}__list-selection-actions`,
-                children: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
-                  onClick: onBulkSelect
-                }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
-                  onClick: onBulkSelect
-                }, "select-many")] : beforeActions
+                children: beforeActions
               })]
             }) : null,
-            collectionConfig: collectionConfig
+            collectionConfig: collectionConfig,
+            tableId: hierarchyData ? undefined : `payload-table-${collectionConfig.slug}`
           })]
         })
-      })
-    }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(PageControls, {
-      collectionConfig: collectionConfig
-    })]
+      }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(PageControls, {
+        collectionConfig: collectionConfig
+      })]
+    })
   });
 }
 //# sourceMappingURL=index.client.js.map

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","Button","ListControls","useListDrawerContext","ListWhereBuilder","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","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","data","hasActiveFilters","isGroupingBy","query","hasWhereParam","Boolean","where","isWhereOpen","setIsWhereOpen","current","openModal","collectionConfig","labels","upload","isUploadCollection","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","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 { 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 { 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\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\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  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              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","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","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, 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 [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            />\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            <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

@@ -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,7 +35,6 @@
     }
   }
 
-  /* The ID cell renders its own pill with a hover background instead of an underline */
   .collection-list .table table td.cell--linked > :is(a, button):has(.id-label) {
     text-decoration-line: none;
   }
@@ -88,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);
@@ -122,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,CAseA,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,EAKjB,MAAM,SAAS,CAAA;AAahB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAwBvC,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,CAimBA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}