@payloadcms/ui 4.0.0-internal.d21c039 → 4.0.0-internal.d3909a9

package/dist/views/List/enrichDocsWithVersionStatus.js

@@ -48,10 +48,13 @@
       collection: collectionConfig.slug,
       depth: 0,
       limit: 0,
+      overrideAccess: false,
       pagination: false,
+      req,
       select: {
         parent: true
       },
+      user: req.user,
       where: {
         and: [{
           parent: {

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

@@ -1 +1 @@
-{"version":3,"file":"enrichDocsWithVersionStatus.js","names":["enrichDocsWithVersionStatus","collectionConfig","data","req","draftsEnabled","versions","drafts","docs","length","draftDocs","filter","doc","_status","draftDocIds","map","id","Boolean","publishedVersions","payload","findVersions","collection","slug","depth","limit","pagination","select","parent","where","and","in","equals","hasPublishedVersionSet","Set","version","enrichedDocs","has","_displayStatus","error","logger","err","msg"],"sources":["../../../src/views/List/enrichDocsWithVersionStatus.ts"],"sourcesContent":["import type { PaginatedDocs, PayloadRequest, SanitizedCollectionConfig } from 'payload'\n\n/**\n * Enriches list view documents with correct draft status display.\n * When draft=true is used in the query, Payload returns the latest draft version if it exists.\n * This function checks if draft documents also have a published version to determine \"changed\" status.\n *\n * Performance: Uses a single query to find all documents with \"changed\" status instead of N queries.\n */\nexport async function enrichDocsWithVersionStatus({\n  collectionConfig,\n  data,\n  req,\n}: {\n  collectionConfig: SanitizedCollectionConfig\n  data: PaginatedDocs\n  req: PayloadRequest\n}): Promise<PaginatedDocs> {\n  const draftsEnabled = collectionConfig?.versions?.drafts\n\n  if (!draftsEnabled || !data?.docs?.length) {\n    return data\n  }\n\n  // Find all draft documents\n  // When querying with draft:true, we get the latest draft if it exists\n  // We need to check if these drafts have a published version\n  const draftDocs = data.docs.filter((doc) => doc._status === 'draft')\n\n  if (draftDocs.length === 0) {\n    return data\n  }\n\n  const draftDocIds = draftDocs.map((doc) => doc.id).filter(Boolean)\n\n  if (draftDocIds.length === 0) {\n    return data\n  }\n\n  // OPTIMIZATION: Single query to find all document IDs that have BOTH:\n  // 1. A draft version (latest=true, _status='draft')\n  // 2. A published version (_status='published')\n  // These are the documents with \"changed\" status\n  try {\n    // TODO: This could be more efficient with a findDistinctVersions() API:\n    // const { values } = await req.payload.findDistinctVersions({\n    //   collection: collectionConfig.slug,\n    //   field: 'parent',\n    //   where: {\n    //     and: [\n    //       { parent: { in: draftDocIds } },\n    //       { 'version._status': { equals: 'published' } },\n    //     ],\n    //   },\n    // })\n    // const hasPublishedVersionSet = new Set(values)\n    //\n    // For now, we query all published versions but only select the 'parent' field\n    // to minimize data transfer, then deduplicate with a Set\n    const publishedVersions = await req.payload.findVersions({\n      collection: collectionConfig.slug,\n      depth: 0,\n      limit: 0,\n      pagination: false,\n      select: {\n        parent: true,\n      },\n      where: {\n        and: [\n          {\n            parent: {\n              in: draftDocIds,\n            },\n          },\n          {\n            'version._status': {\n              equals: 'published',\n            },\n          },\n        ],\n      },\n    })\n\n    // Create a Set of document IDs that have published versions\n    const hasPublishedVersionSet = new Set(\n      publishedVersions.docs.map((version) => version.parent).filter(Boolean),\n    )\n\n    // Enrich documents with display status\n    const enrichedDocs = data.docs.map((doc) => {\n      // If it's a draft and has a published version, show \"changed\"\n      if (doc._status === 'draft' && hasPublishedVersionSet.has(doc.id)) {\n        return {\n          ...doc,\n          _displayStatus: 'changed' as const,\n        }\n      }\n\n      return {\n        ...doc,\n        _displayStatus: doc._status as 'draft' | 'published',\n      }\n    })\n\n    return {\n      ...data,\n      docs: enrichedDocs,\n    }\n  } catch (error) {\n    // If there's an error querying versions, just return the original data\n    req.payload.logger.error({\n      err: error,\n      msg: `Error checking version status for collection ${collectionConfig.slug}`,\n    })\n    return data\n  }\n}\n"],"mappings":"AAEA;;;;;;GAOA,OAAO,eAAeA,4BAA4B;EAChDC,gBAAgB;EAChBC,IAAI;EACJC;AAAG,CAKJ;EACC,MAAMC,aAAA,GAAgBH,gBAAA,EAAkBI,QAAA,EAAUC,MAAA;EAElD,IAAI,CAACF,aAAA,IAAiB,CAACF,IAAA,EAAMK,IAAA,EAAMC,MAAA,EAAQ;IACzC,OAAON,IAAA;EACT;EAEA;EACA;EACA;EACA,MAAMO,SAAA,GAAYP,IAAA,CAAKK,IAAI,CAACG,MAAM,CAAEC,GAAA,IAAQA,GAAA,CAAIC,OAAO,KAAK;EAE5D,IAAIH,SAAA,CAAUD,MAAM,KAAK,GAAG;IAC1B,OAAON,IAAA;EACT;EAEA,MAAMW,WAAA,GAAcJ,SAAA,CAAUK,GAAG,CAAEH,GAAA,IAAQA,GAAA,CAAII,EAAE,EAAEL,MAAM,CAACM,OAAA;EAE1D,IAAIH,WAAA,CAAYL,MAAM,KAAK,GAAG;IAC5B,OAAON,IAAA;EACT;EAEA;EACA;EACA;EACA;EACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMe,iBAAA,GAAoB,MAAMd,GAAA,CAAIe,OAAO,CAACC,YAAY,CAAC;MACvDC,UAAA,EAAYnB,gBAAA,CAAiBoB,IAAI;MACjCC,KAAA,EAAO;MACPC,KAAA,EAAO;MACPC,UAAA,EAAY;MACZC,MAAA,EAAQ;QACNC,MAAA,EAAQ;MACV;MACAC,KAAA,EAAO;QACLC,GAAA,EAAK,CACH;UACEF,MAAA,EAAQ;YACNG,EAAA,EAAIhB;UACN;QACF,GACA;UACE,mBAAmB;YACjBiB,MAAA,EAAQ;UACV;QACF;MAEJ;IACF;IAEA;IACA,MAAMC,sBAAA,GAAyB,IAAIC,GAAA,CACjCf,iBAAA,CAAkBV,IAAI,CAACO,GAAG,CAAEmB,OAAA,IAAYA,OAAA,CAAQP,MAAM,EAAEhB,MAAM,CAACM,OAAA;IAGjE;IACA,MAAMkB,YAAA,GAAehC,IAAA,CAAKK,IAAI,CAACO,GAAG,CAAEH,GAAA;MAClC;MACA,IAAIA,GAAA,CAAIC,OAAO,KAAK,WAAWmB,sBAAA,CAAuBI,GAAG,CAACxB,GAAA,CAAII,EAAE,GAAG;QACjE,OAAO;UACL,GAAGJ,GAAG;UACNyB,cAAA,EAAgB;QAClB;MACF;MAEA,OAAO;QACL,GAAGzB,GAAG;QACNyB,cAAA,EAAgBzB,GAAA,CAAIC;MACtB;IACF;IAEA,OAAO;MACL,GAAGV,IAAI;MACPK,IAAA,EAAM2B;IACR;EACF,EAAE,OAAOG,KAAA,EAAO;IACd;IACAlC,GAAA,CAAIe,OAAO,CAACoB,MAAM,CAACD,KAAK,CAAC;MACvBE,GAAA,EAAKF,KAAA;MACLG,GAAA,EAAK,gDAAgDvC,gBAAA,CAAiBoB,IAAI;IAC5E;IACA,OAAOnB,IAAA;EACT;AACF","ignoreList":[]}
+{"version":3,"file":"enrichDocsWithVersionStatus.js","names":["enrichDocsWithVersionStatus","collectionConfig","data","req","draftsEnabled","versions","drafts","docs","length","draftDocs","filter","doc","_status","draftDocIds","map","id","Boolean","publishedVersions","payload","findVersions","collection","slug","depth","limit","overrideAccess","pagination","select","parent","user","where","and","in","equals","hasPublishedVersionSet","Set","version","enrichedDocs","has","_displayStatus","error","logger","err","msg"],"sources":["../../../src/views/List/enrichDocsWithVersionStatus.ts"],"sourcesContent":["import type { PaginatedDocs, PayloadRequest, SanitizedCollectionConfig } from 'payload'\n\n/**\n * Enriches list view documents with correct draft status display.\n * When draft=true is used in the query, Payload returns the latest draft version if it exists.\n * This function checks if draft documents also have a published version to determine \"changed\" status.\n *\n * Performance: Uses a single query to find all documents with \"changed\" status instead of N queries.\n */\nexport async function enrichDocsWithVersionStatus({\n  collectionConfig,\n  data,\n  req,\n}: {\n  collectionConfig: SanitizedCollectionConfig\n  data: PaginatedDocs\n  req: PayloadRequest\n}): Promise<PaginatedDocs> {\n  const draftsEnabled = collectionConfig?.versions?.drafts\n\n  if (!draftsEnabled || !data?.docs?.length) {\n    return data\n  }\n\n  // Find all draft documents\n  // When querying with draft:true, we get the latest draft if it exists\n  // We need to check if these drafts have a published version\n  const draftDocs = data.docs.filter((doc) => doc._status === 'draft')\n\n  if (draftDocs.length === 0) {\n    return data\n  }\n\n  const draftDocIds = draftDocs.map((doc) => doc.id).filter(Boolean)\n\n  if (draftDocIds.length === 0) {\n    return data\n  }\n\n  // OPTIMIZATION: Single query to find all document IDs that have BOTH:\n  // 1. A draft version (latest=true, _status='draft')\n  // 2. A published version (_status='published')\n  // These are the documents with \"changed\" status\n  try {\n    // TODO: This could be more efficient with a findDistinctVersions() API:\n    // const { values } = await req.payload.findDistinctVersions({\n    //   collection: collectionConfig.slug,\n    //   field: 'parent',\n    //   where: {\n    //     and: [\n    //       { parent: { in: draftDocIds } },\n    //       { 'version._status': { equals: 'published' } },\n    //     ],\n    //   },\n    // })\n    // const hasPublishedVersionSet = new Set(values)\n    //\n    // For now, we query all published versions but only select the 'parent' field\n    // to minimize data transfer, then deduplicate with a Set\n    const publishedVersions = await req.payload.findVersions({\n      collection: collectionConfig.slug,\n      depth: 0,\n      limit: 0,\n      overrideAccess: false,\n      pagination: false,\n      req,\n      select: {\n        parent: true,\n      },\n      user: req.user,\n      where: {\n        and: [\n          {\n            parent: {\n              in: draftDocIds,\n            },\n          },\n          {\n            'version._status': {\n              equals: 'published',\n            },\n          },\n        ],\n      },\n    })\n\n    // Create a Set of document IDs that have published versions\n    const hasPublishedVersionSet = new Set(\n      publishedVersions.docs.map((version) => version.parent).filter(Boolean),\n    )\n\n    // Enrich documents with display status\n    const enrichedDocs = data.docs.map((doc) => {\n      // If it's a draft and has a published version, show \"changed\"\n      if (doc._status === 'draft' && hasPublishedVersionSet.has(doc.id)) {\n        return {\n          ...doc,\n          _displayStatus: 'changed' as const,\n        }\n      }\n\n      return {\n        ...doc,\n        _displayStatus: doc._status as 'draft' | 'published',\n      }\n    })\n\n    return {\n      ...data,\n      docs: enrichedDocs,\n    }\n  } catch (error) {\n    // If there's an error querying versions, just return the original data\n    req.payload.logger.error({\n      err: error,\n      msg: `Error checking version status for collection ${collectionConfig.slug}`,\n    })\n    return data\n  }\n}\n"],"mappings":"AAEA;;;;;;GAOA,OAAO,eAAeA,4BAA4B;EAChDC,gBAAgB;EAChBC,IAAI;EACJC;AAAG,CAKJ;EACC,MAAMC,aAAA,GAAgBH,gBAAA,EAAkBI,QAAA,EAAUC,MAAA;EAElD,IAAI,CAACF,aAAA,IAAiB,CAACF,IAAA,EAAMK,IAAA,EAAMC,MAAA,EAAQ;IACzC,OAAON,IAAA;EACT;EAEA;EACA;EACA;EACA,MAAMO,SAAA,GAAYP,IAAA,CAAKK,IAAI,CAACG,MAAM,CAAEC,GAAA,IAAQA,GAAA,CAAIC,OAAO,KAAK;EAE5D,IAAIH,SAAA,CAAUD,MAAM,KAAK,GAAG;IAC1B,OAAON,IAAA;EACT;EAEA,MAAMW,WAAA,GAAcJ,SAAA,CAAUK,GAAG,CAAEH,GAAA,IAAQA,GAAA,CAAII,EAAE,EAAEL,MAAM,CAACM,OAAA;EAE1D,IAAIH,WAAA,CAAYL,MAAM,KAAK,GAAG;IAC5B,OAAON,IAAA;EACT;EAEA;EACA;EACA;EACA;EACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMe,iBAAA,GAAoB,MAAMd,GAAA,CAAIe,OAAO,CAACC,YAAY,CAAC;MACvDC,UAAA,EAAYnB,gBAAA,CAAiBoB,IAAI;MACjCC,KAAA,EAAO;MACPC,KAAA,EAAO;MACPC,cAAA,EAAgB;MAChBC,UAAA,EAAY;MACZtB,GAAA;MACAuB,MAAA,EAAQ;QACNC,MAAA,EAAQ;MACV;MACAC,IAAA,EAAMzB,GAAA,CAAIyB,IAAI;MACdC,KAAA,EAAO;QACLC,GAAA,EAAK,CACH;UACEH,MAAA,EAAQ;YACNI,EAAA,EAAIlB;UACN;QACF,GACA;UACE,mBAAmB;YACjBmB,MAAA,EAAQ;UACV;QACF;MAEJ;IACF;IAEA;IACA,MAAMC,sBAAA,GAAyB,IAAIC,GAAA,CACjCjB,iBAAA,CAAkBV,IAAI,CAACO,GAAG,CAAEqB,OAAA,IAAYA,OAAA,CAAQR,MAAM,EAAEjB,MAAM,CAACM,OAAA;IAGjE;IACA,MAAMoB,YAAA,GAAelC,IAAA,CAAKK,IAAI,CAACO,GAAG,CAAEH,GAAA;MAClC;MACA,IAAIA,GAAA,CAAIC,OAAO,KAAK,WAAWqB,sBAAA,CAAuBI,GAAG,CAAC1B,GAAA,CAAII,EAAE,GAAG;QACjE,OAAO;UACL,GAAGJ,GAAG;UACN2B,cAAA,EAAgB;QAClB;MACF;MAEA,OAAO;QACL,GAAG3B,GAAG;QACN2B,cAAA,EAAgB3B,GAAA,CAAIC;MACtB;IACF;IAEA,OAAO;MACL,GAAGV,IAAI;MACPK,IAAA,EAAM6B;IACR;EACF,EAAE,OAAOG,KAAA,EAAO;IACd;IACApC,GAAA,CAAIe,OAAO,CAACsB,MAAM,CAACD,KAAK,CAAC;MACvBE,GAAA,EAAKF,KAAA;MACLG,GAAA,EAAK,gDAAgDzC,gBAAA,CAAiBoB,IAAI;IAC5E;IACA,OAAOnB,IAAA;EACT;AACF","ignoreList":[]}

package/dist/views/List/getDocumentListItemURL.d.ts

@@ -0,0 +1,9 @@
+import type { ViewTypes } from 'payload';
+export declare const getDocumentListItemURL: ({ adminRoute, collectionSlug, documentID, hierarchyParentFieldName, viewType, }: {
+    adminRoute: string;
+    collectionSlug: string;
+    documentID: number | string;
+    hierarchyParentFieldName?: string;
+    viewType?: ViewTypes;
+}) => string;
+//# sourceMappingURL=getDocumentListItemURL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDocumentListItemURL.d.ts","sourceRoot":"","sources":["../../../src/views/List/getDocumentListItemURL.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAMxC,eAAO,MAAM,sBAAsB,oFAMhC;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,KAAG,MAcH,CAAA"}

package/dist/views/List/getDocumentListItemURL.js

@@ -0,0 +1,23 @@
+import { formatAdminURL } from 'payload/shared';
+import { getHierarchyListURL } from '../HierarchyList/getHierarchyListURL.js';
+export const getDocumentListItemURL = ({
+  adminRoute,
+  collectionSlug,
+  documentID,
+  hierarchyParentFieldName,
+  viewType
+}) => {
+  if (viewType === 'list' && hierarchyParentFieldName) {
+    return getHierarchyListURL({
+      adminRoute,
+      collectionSlug,
+      parentFieldName: hierarchyParentFieldName,
+      parentID: documentID
+    });
+  }
+  return formatAdminURL({
+    adminRoute,
+    path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(documentID))}`
+  });
+};
+//# sourceMappingURL=getDocumentListItemURL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDocumentListItemURL.js","names":["formatAdminURL","getHierarchyListURL","getDocumentListItemURL","adminRoute","collectionSlug","documentID","hierarchyParentFieldName","viewType","parentFieldName","parentID","path","encodeURIComponent","String"],"sources":["../../../src/views/List/getDocumentListItemURL.ts"],"sourcesContent":["import type { ViewTypes } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\n\nimport { getHierarchyListURL } from '../HierarchyList/getHierarchyListURL.js'\n\nexport const getDocumentListItemURL = ({\n  adminRoute,\n  collectionSlug,\n  documentID,\n  hierarchyParentFieldName,\n  viewType,\n}: {\n  adminRoute: string\n  collectionSlug: string\n  documentID: number | string\n  hierarchyParentFieldName?: string\n  viewType?: ViewTypes\n}): string => {\n  if (viewType === 'list' && hierarchyParentFieldName) {\n    return getHierarchyListURL({\n      adminRoute,\n      collectionSlug,\n      parentFieldName: hierarchyParentFieldName,\n      parentID: documentID,\n    })\n  }\n\n  return formatAdminURL({\n    adminRoute,\n    path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(documentID))}`,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAE/B,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,sBAAA,GAAyBA,CAAC;EACrCC,UAAU;EACVC,cAAc;EACdC,UAAU;EACVC,wBAAwB;EACxBC;AAAQ,CAOT;EACC,IAAIA,QAAA,KAAa,UAAUD,wBAAA,EAA0B;IACnD,OAAOL,mBAAA,CAAoB;MACzBE,UAAA;MACAC,cAAA;MACAI,eAAA,EAAiBF,wBAAA;MACjBG,QAAA,EAAUJ;IACZ;EACF;EAEA,OAAOL,cAAA,CAAe;IACpBG,UAAA;IACAO,IAAA,EAAM,gBAAgBN,cAAA,GAAiBG,QAAA,KAAa,UAAU,WAAW,MAAMI,kBAAA,CAAmBC,MAAA,CAAOP,UAAA;EAC3G;AACF","ignoreList":[]}

package/dist/views/List/handleGroupBy.d.ts

@@ -1,5 +1,5 @@
-import type { ClientCollectionConfig, ClientConfig, Column, ListQuery, PaginatedDocs, PayloadRequest, SanitizedCollectionConfig, SanitizedFieldsPermissions, SelectType, ViewTypes, Where } from 'payload';
-export declare const handleGroupBy: ({ clientCollectionConfig, clientConfig, collectionConfig, collectionSlug, columns, customCellProps, drawerSlug, enableRowSelections, fieldPermissions, query, req, select, trash, user, viewType, where: whereWithMergedSearch, }: {
+import type { ClientCollectionConfig, ClientConfig, Column, ListQuery, ListViewGroup, PaginatedDocs, PayloadRequest, PopulateType, SanitizedCollectionConfig, SanitizedFieldsPermissions, SelectType, ViewTypes, Where } from 'payload';
+export declare const handleGroupBy: ({ clientCollectionConfig, clientConfig, collectionConfig, collectionSlug, columns, customCellProps, drawerSlug, enableRowSelections, fieldPermissions, hierarchyParentFieldName, query, req, select, thumbnailFieldName, thumbnailPopulate, trash, user, viewType, where: whereWithMergedSearch, }: {
     clientCollectionConfig: ClientCollectionConfig;
     clientConfig: ClientConfig;
     collectionConfig: SanitizedCollectionConfig;
@@ -9,9 +9,12 @@ export declare const handleGroupBy: ({ clientCollectionConfig, clientConfig, col
     drawerSlug?: string;
     enableRowSelections?: boolean;
     fieldPermissions?: SanitizedFieldsPermissions;
+    hierarchyParentFieldName?: string;
     query?: ListQuery;
     req: PayloadRequest;
     select?: SelectType;
+    thumbnailFieldName?: string;
+    thumbnailPopulate?: PopulateType;
     trash?: boolean;
     user: any;
     viewType?: ViewTypes;
@@ -19,6 +22,7 @@ export declare const handleGroupBy: ({ clientCollectionConfig, clientConfig, col
 }) => Promise<{
     columnState: Column[];
     data: PaginatedDocs;
+    groupedData: ListViewGroup[];
     Table: null | React.ReactNode | React.ReactNode[];
 }>;
 //# sourceMappingURL=handleGroupBy.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"handleGroupBy.d.ts","sourceRoot":"","sources":["../../../src/views/List/handleGroupBy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,cAAc,EACd,yBAAyB,EACzB,0BAA0B,EAC1B,UAAU,EACV,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAA;AAWhB,eAAO,MAAM,aAAa,sOAiBvB;IACD,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,YAAY,EAAE,YAAY,CAAA;IAC1B,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,GAAG,EAAE,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,gBAAgB,CAAC,EAAE,0BAA0B,CAAA;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,KAAK,CAAA;CACb,KAAG,OAAO,CAAC;IACV,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAClD,CA4KA,CAAA"}
+{"version":3,"file":"handleGroupBy.d.ts","sourceRoot":"","sources":["../../../src/views/List/handleGroupBy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,EACZ,yBAAyB,EACzB,0BAA0B,EAC1B,UAAU,EACV,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAA;AAWhB,eAAO,MAAM,aAAa,uSAoBvB;IACD,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,YAAY,EAAE,YAAY,CAAA;IAC1B,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,GAAG,EAAE,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,gBAAgB,CAAC,EAAE,0BAA0B,CAAA;IAC7C,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,KAAK,CAAA;CACb,KAAG,OAAO,CAAC;IACV,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;IACnB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAClD,CAmLA,CAAA"}

package/dist/views/List/handleGroupBy.js

@@ -15,9 +15,12 @@ export const handleGroupBy = async ({
   drawerSlug,
   enableRowSelections,
   fieldPermissions,
+  hierarchyParentFieldName,
   query,
   req,
   select,
+  thumbnailFieldName,
+  thumbnailPopulate,
   trash = false,
   user,
   viewType,
@@ -25,7 +28,7 @@ export const handleGroupBy = async ({
 }) => {
   let Table = null;
   let columnState;
-  const dataByGroup = {};
+  const groupedData = [];
   // NOTE: is there a faster/better way to do this?
   const flattenedFields = flattenAllFields({
     fields: collectionConfig.fields
@@ -69,7 +72,7 @@ export const handleGroupBy = async ({
     const valueOrRelationshipID = extractValueOrRelationshipID(potentiallyPopulatedRelationship);
     const groupData = await req.payload.find({
       collection: collectionSlug,
-      depth: 0,
+      depth: thumbnailFieldName ? 1 : 0,
       draft: true,
       fallbackLocale: false,
       includeLockStatus: true,
@@ -77,6 +80,7 @@ export const handleGroupBy = async ({
       locale: req.locale,
       overrideAccess: false,
       page: query?.queryByGroup?.[valueOrRelationshipID]?.page ? Number(query.queryByGroup[valueOrRelationshipID].page) : undefined,
+      populate: thumbnailPopulate,
       req,
       // Note: if we wanted to enable table-by-table sorting, we could use this:
       // sort: query?.queryByGroup?.[valueOrRelationshipID]?.sort,
@@ -140,6 +144,7 @@ export const handleGroupBy = async ({
         groupByFieldPath,
         groupByValue: serializableValue,
         heading: heading || req.i18n.t('general:noValue'),
+        hierarchyParentFieldName,
         i18n: req.i18n,
         key: `table-${serializableValue}`,
         orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,
@@ -156,13 +161,18 @@ export const handleGroupBy = async ({
       if (!Table) {
         Table = [];
       }
-      dataByGroup[serializableValue] = groupData;
+      groupedData[i] = {
+        data: groupData,
+        heading: heading || req.i18n.t('general:noValue'),
+        value: serializableValue
+      };
       Table[i] = NewTable;
     }
   }));
   return {
     columnState,
     data,
+    groupedData: groupedData.filter(Boolean),
     Table
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"handleGroupBy.js","names":["getTranslation","flattenAllFields","formatDate","renderTable","createSerializableValue","extractRelationshipDisplayValue","extractValueOrRelationshipID","handleGroupBy","clientCollectionConfig","clientConfig","collectionConfig","collectionSlug","columns","customCellProps","drawerSlug","enableRowSelections","fieldPermissions","query","req","select","trash","user","viewType","where","whereWithMergedSearch","Table","columnState","dataByGroup","flattenedFields","fields","groupByFieldPath","groupBy","replace","groupByField","find","f","name","populate","type","relationTo","Array","isArray","forEach","rel","config","collections","c","slug","admin","useAsTitle","distinct","payload","findDistinct","collection","depth","field","limit","Number","undefined","locale","overrideAccess","page","sort","data","docs","values","map","Promise","all","distinctValue","i","potentiallyPopulatedRelationship","valueOrRelationshipID","groupData","draft","fallbackLocale","includeLockStatus","queryByGroup","equals","heading","i18n","t","relationshipConfig","date","String","pattern","dateFormat","option","options","opt","value","translated","label","serializableValue","length","newColumnState","NewTable","groupByValue","key","orderableFieldName","orderable"],"sources":["../../../src/views/List/handleGroupBy.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  Column,\n  ListQuery,\n  PaginatedDocs,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  SelectType,\n  ViewTypes,\n  Where,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { flattenAllFields } from 'payload'\n\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { renderTable } from '../../utilities/renderTable.js'\nimport { createSerializableValue } from './createSerializableValue.js'\nimport { extractRelationshipDisplayValue } from './extractRelationshipDisplayValue.js'\nimport { extractValueOrRelationshipID } from './extractValueOrRelationshipID.js'\n\nexport const handleGroupBy = async ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collectionSlug,\n  columns,\n  customCellProps,\n  drawerSlug,\n  enableRowSelections,\n  fieldPermissions,\n  query,\n  req,\n  select,\n  trash = false,\n  user,\n  viewType,\n  where: whereWithMergedSearch,\n}: {\n  clientCollectionConfig: ClientCollectionConfig\n  clientConfig: ClientConfig\n  collectionConfig: SanitizedCollectionConfig\n  collectionSlug: string\n  columns: any[]\n  customCellProps?: Record<string, any>\n  drawerSlug?: string\n  enableRowSelections?: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  query?: ListQuery\n  req: PayloadRequest\n  select?: SelectType\n  trash?: boolean\n  user: any\n  viewType?: ViewTypes\n  where: Where\n}): Promise<{\n  columnState: Column[]\n  data: PaginatedDocs\n  Table: null | React.ReactNode | React.ReactNode[]\n}> => {\n  let Table: React.ReactNode | React.ReactNode[] = null\n  let columnState: Column[]\n\n  const dataByGroup: Record<string, PaginatedDocs> = {}\n\n  // NOTE: is there a faster/better way to do this?\n  const flattenedFields = flattenAllFields({ fields: collectionConfig.fields })\n\n  const groupByFieldPath = query.groupBy.replace(/^-/, '')\n\n  const groupByField = flattenedFields.find((f) => f.name === groupByFieldPath)\n\n  // Set up population for relationships\n  let populate\n\n  if (groupByField?.type === 'relationship' && groupByField.relationTo) {\n    const relationTo = Array.isArray(groupByField.relationTo)\n      ? groupByField.relationTo\n      : [groupByField.relationTo]\n\n    populate = {}\n    relationTo.forEach((rel) => {\n      const config = clientConfig.collections.find((c) => c.slug === rel)\n      populate[rel] = { [config?.admin?.useAsTitle || 'id']: true }\n    })\n  }\n\n  const distinct = await req.payload.findDistinct({\n    collection: collectionSlug,\n    depth: 1,\n    field: groupByFieldPath,\n    limit: query?.limit ? Number(query.limit) : undefined,\n    locale: req.locale,\n    overrideAccess: false,\n    page: query?.page ? Number(query.page) : undefined,\n    populate,\n    req,\n    sort: query?.groupBy,\n    trash,\n    where: whereWithMergedSearch,\n  })\n\n  const data = {\n    ...distinct,\n    docs: distinct.values?.map(() => ({})) || [],\n    values: undefined,\n  }\n\n  await Promise.all(\n    (distinct.values || []).map(async (distinctValue, i) => {\n      const potentiallyPopulatedRelationship = distinctValue[groupByFieldPath]\n\n      // Extract value or relationship ID for database query\n      const valueOrRelationshipID = extractValueOrRelationshipID(potentiallyPopulatedRelationship)\n\n      const groupData = await req.payload.find({\n        collection: collectionSlug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: false,\n        includeLockStatus: true,\n        limit: query?.queryByGroup?.[valueOrRelationshipID]?.limit\n          ? Number(query.queryByGroup[valueOrRelationshipID].limit)\n          : undefined,\n        locale: req.locale,\n        overrideAccess: false,\n        page: query?.queryByGroup?.[valueOrRelationshipID]?.page\n          ? Number(query.queryByGroup[valueOrRelationshipID].page)\n          : undefined,\n        req,\n        // Note: if we wanted to enable table-by-table sorting, we could use this:\n        // sort: query?.queryByGroup?.[valueOrRelationshipID]?.sort,\n        select,\n        sort: query?.sort,\n        trash,\n        user,\n        where: {\n          ...(whereWithMergedSearch || {}),\n          [groupByFieldPath]: {\n            equals: valueOrRelationshipID,\n          },\n        },\n      })\n\n      // Extract heading\n      let heading: string\n\n      if (potentiallyPopulatedRelationship === null) {\n        heading = req.i18n.t('general:noValue')\n      } else if (groupByField?.type === 'relationship') {\n        const relationshipConfig = Array.isArray(groupByField.relationTo)\n          ? undefined\n          : clientConfig.collections.find((c) => c.slug === groupByField.relationTo)\n        heading = extractRelationshipDisplayValue(\n          potentiallyPopulatedRelationship,\n          clientConfig,\n          relationshipConfig,\n        )\n      } else if (groupByField?.type === 'date') {\n        heading = formatDate({\n          date: String(valueOrRelationshipID),\n          i18n: req.i18n,\n          pattern: clientConfig.admin.dateFormat,\n        })\n      } else if (groupByField?.type === 'checkbox') {\n        if (valueOrRelationshipID === true) {\n          heading = req.i18n.t('general:true')\n        }\n        if (valueOrRelationshipID === false) {\n          heading = req.i18n.t('general:false')\n        }\n      } else if (groupByField?.type === 'select' || groupByField?.type === 'radio') {\n        const option = groupByField.options?.find(\n          (opt) => (typeof opt === 'string' ? opt : opt.value) === valueOrRelationshipID,\n        )\n        if (option && typeof option !== 'string') {\n          const translated = getTranslation(option.label, req.i18n)\n          heading = typeof translated === 'string' ? translated : String(valueOrRelationshipID)\n        } else {\n          heading = String(valueOrRelationshipID)\n        }\n      } else {\n        heading = String(valueOrRelationshipID)\n      }\n\n      // Create serializable value for client\n      const serializableValue = createSerializableValue(valueOrRelationshipID)\n\n      if (groupData.docs && groupData.docs.length > 0) {\n        const { columnState: newColumnState, Table: NewTable } = renderTable({\n          clientCollectionConfig,\n          collectionConfig,\n          columns,\n          customCellProps,\n          data: groupData,\n          drawerSlug,\n          enableRowSelections,\n          fieldPermissions,\n          groupByFieldPath,\n          groupByValue: serializableValue,\n          heading: heading || req.i18n.t('general:noValue'),\n          i18n: req.i18n,\n          key: `table-${serializableValue}`,\n          orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,\n          payload: req.payload,\n          query,\n          useAsTitle: collectionConfig.admin.useAsTitle,\n          viewType,\n        })\n\n        // Only need to set `columnState` once, using the first table's column state\n        // This will avoid needing to generate column state explicitly for root context that wraps all tables\n        if (!columnState) {\n          columnState = newColumnState\n        }\n\n        if (!Table) {\n          Table = []\n        }\n\n        dataByGroup[serializableValue] = groupData\n        ;(Table as Array<React.ReactNode>)[i] = NewTable\n      }\n    }),\n  )\n\n  return {\n    columnState,\n    data,\n    Table,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"handleGroupBy.js","names":["getTranslation","flattenAllFields","formatDate","renderTable","createSerializableValue","extractRelationshipDisplayValue","extractValueOrRelationshipID","handleGroupBy","clientCollectionConfig","clientConfig","collectionConfig","collectionSlug","columns","customCellProps","drawerSlug","enableRowSelections","fieldPermissions","hierarchyParentFieldName","query","req","select","thumbnailFieldName","thumbnailPopulate","trash","user","viewType","where","whereWithMergedSearch","Table","columnState","groupedData","flattenedFields","fields","groupByFieldPath","groupBy","replace","groupByField","find","f","name","populate","type","relationTo","Array","isArray","forEach","rel","config","collections","c","slug","admin","useAsTitle","distinct","payload","findDistinct","collection","depth","field","limit","Number","undefined","locale","overrideAccess","page","sort","data","docs","values","map","Promise","all","distinctValue","i","potentiallyPopulatedRelationship","valueOrRelationshipID","groupData","draft","fallbackLocale","includeLockStatus","queryByGroup","equals","heading","i18n","t","relationshipConfig","date","String","pattern","dateFormat","option","options","opt","value","translated","label","serializableValue","length","newColumnState","NewTable","groupByValue","key","orderableFieldName","orderable","filter","Boolean"],"sources":["../../../src/views/List/handleGroupBy.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  Column,\n  ListQuery,\n  ListViewGroup,\n  PaginatedDocs,\n  PayloadRequest,\n  PopulateType,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  SelectType,\n  ViewTypes,\n  Where,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { flattenAllFields } from 'payload'\n\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { renderTable } from '../../utilities/renderTable.js'\nimport { createSerializableValue } from './createSerializableValue.js'\nimport { extractRelationshipDisplayValue } from './extractRelationshipDisplayValue.js'\nimport { extractValueOrRelationshipID } from './extractValueOrRelationshipID.js'\n\nexport const handleGroupBy = async ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collectionSlug,\n  columns,\n  customCellProps,\n  drawerSlug,\n  enableRowSelections,\n  fieldPermissions,\n  hierarchyParentFieldName,\n  query,\n  req,\n  select,\n  thumbnailFieldName,\n  thumbnailPopulate,\n  trash = false,\n  user,\n  viewType,\n  where: whereWithMergedSearch,\n}: {\n  clientCollectionConfig: ClientCollectionConfig\n  clientConfig: ClientConfig\n  collectionConfig: SanitizedCollectionConfig\n  collectionSlug: string\n  columns: any[]\n  customCellProps?: Record<string, any>\n  drawerSlug?: string\n  enableRowSelections?: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  hierarchyParentFieldName?: string\n  query?: ListQuery\n  req: PayloadRequest\n  select?: SelectType\n  thumbnailFieldName?: string\n  thumbnailPopulate?: PopulateType\n  trash?: boolean\n  user: any\n  viewType?: ViewTypes\n  where: Where\n}): Promise<{\n  columnState: Column[]\n  data: PaginatedDocs\n  groupedData: ListViewGroup[]\n  Table: null | React.ReactNode | React.ReactNode[]\n}> => {\n  let Table: React.ReactNode | React.ReactNode[] = null\n  let columnState: Column[]\n\n  const groupedData: ListViewGroup[] = []\n\n  // NOTE: is there a faster/better way to do this?\n  const flattenedFields = flattenAllFields({ fields: collectionConfig.fields })\n\n  const groupByFieldPath = query.groupBy.replace(/^-/, '')\n\n  const groupByField = flattenedFields.find((f) => f.name === groupByFieldPath)\n\n  // Set up population for relationships\n  let populate\n\n  if (groupByField?.type === 'relationship' && groupByField.relationTo) {\n    const relationTo = Array.isArray(groupByField.relationTo)\n      ? groupByField.relationTo\n      : [groupByField.relationTo]\n\n    populate = {}\n    relationTo.forEach((rel) => {\n      const config = clientConfig.collections.find((c) => c.slug === rel)\n      populate[rel] = { [config?.admin?.useAsTitle || 'id']: true }\n    })\n  }\n\n  const distinct = await req.payload.findDistinct({\n    collection: collectionSlug,\n    depth: 1,\n    field: groupByFieldPath,\n    limit: query?.limit ? Number(query.limit) : undefined,\n    locale: req.locale,\n    overrideAccess: false,\n    page: query?.page ? Number(query.page) : undefined,\n    populate,\n    req,\n    sort: query?.groupBy,\n    trash,\n    where: whereWithMergedSearch,\n  })\n\n  const data = {\n    ...distinct,\n    docs: distinct.values?.map(() => ({})) || [],\n    values: undefined,\n  }\n\n  await Promise.all(\n    (distinct.values || []).map(async (distinctValue, i) => {\n      const potentiallyPopulatedRelationship = distinctValue[groupByFieldPath]\n\n      // Extract value or relationship ID for database query\n      const valueOrRelationshipID = extractValueOrRelationshipID(potentiallyPopulatedRelationship)\n\n      const groupData = await req.payload.find({\n        collection: collectionSlug,\n        depth: thumbnailFieldName ? 1 : 0,\n        draft: true,\n        fallbackLocale: false,\n        includeLockStatus: true,\n        limit: query?.queryByGroup?.[valueOrRelationshipID]?.limit\n          ? Number(query.queryByGroup[valueOrRelationshipID].limit)\n          : undefined,\n        locale: req.locale,\n        overrideAccess: false,\n        page: query?.queryByGroup?.[valueOrRelationshipID]?.page\n          ? Number(query.queryByGroup[valueOrRelationshipID].page)\n          : undefined,\n        populate: thumbnailPopulate,\n        req,\n        // Note: if we wanted to enable table-by-table sorting, we could use this:\n        // sort: query?.queryByGroup?.[valueOrRelationshipID]?.sort,\n        select,\n        sort: query?.sort,\n        trash,\n        user,\n        where: {\n          ...(whereWithMergedSearch || {}),\n          [groupByFieldPath]: {\n            equals: valueOrRelationshipID,\n          },\n        },\n      })\n\n      // Extract heading\n      let heading: string\n\n      if (potentiallyPopulatedRelationship === null) {\n        heading = req.i18n.t('general:noValue')\n      } else if (groupByField?.type === 'relationship') {\n        const relationshipConfig = Array.isArray(groupByField.relationTo)\n          ? undefined\n          : clientConfig.collections.find((c) => c.slug === groupByField.relationTo)\n        heading = extractRelationshipDisplayValue(\n          potentiallyPopulatedRelationship,\n          clientConfig,\n          relationshipConfig,\n        )\n      } else if (groupByField?.type === 'date') {\n        heading = formatDate({\n          date: String(valueOrRelationshipID),\n          i18n: req.i18n,\n          pattern: clientConfig.admin.dateFormat,\n        })\n      } else if (groupByField?.type === 'checkbox') {\n        if (valueOrRelationshipID === true) {\n          heading = req.i18n.t('general:true')\n        }\n        if (valueOrRelationshipID === false) {\n          heading = req.i18n.t('general:false')\n        }\n      } else if (groupByField?.type === 'select' || groupByField?.type === 'radio') {\n        const option = groupByField.options?.find(\n          (opt) => (typeof opt === 'string' ? opt : opt.value) === valueOrRelationshipID,\n        )\n        if (option && typeof option !== 'string') {\n          const translated = getTranslation(option.label, req.i18n)\n          heading = typeof translated === 'string' ? translated : String(valueOrRelationshipID)\n        } else {\n          heading = String(valueOrRelationshipID)\n        }\n      } else {\n        heading = String(valueOrRelationshipID)\n      }\n\n      // Create serializable value for client\n      const serializableValue = createSerializableValue(valueOrRelationshipID)\n\n      if (groupData.docs && groupData.docs.length > 0) {\n        const { columnState: newColumnState, Table: NewTable } = renderTable({\n          clientCollectionConfig,\n          collectionConfig,\n          columns,\n          customCellProps,\n          data: groupData,\n          drawerSlug,\n          enableRowSelections,\n          fieldPermissions,\n          groupByFieldPath,\n          groupByValue: serializableValue,\n          heading: heading || req.i18n.t('general:noValue'),\n          hierarchyParentFieldName,\n          i18n: req.i18n,\n          key: `table-${serializableValue}`,\n          orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,\n          payload: req.payload,\n          query,\n          useAsTitle: collectionConfig.admin.useAsTitle,\n          viewType,\n        })\n\n        // Only need to set `columnState` once, using the first table's column state\n        // This will avoid needing to generate column state explicitly for root context that wraps all tables\n        if (!columnState) {\n          columnState = newColumnState\n        }\n\n        if (!Table) {\n          Table = []\n        }\n\n        groupedData[i] = {\n          data: groupData,\n          heading: heading || req.i18n.t('general:noValue'),\n          value: serializableValue,\n        }\n        ;(Table as Array<React.ReactNode>)[i] = NewTable\n      }\n    }),\n  )\n\n  return {\n    columnState,\n    data,\n    groupedData: groupedData.filter(Boolean),\n    Table,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"handleServerFunction.d.ts","sourceRoot":"","sources":["../../../src/views/List/handleServerFunction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAyB,cAAc,EAAmB,MAAM,SAAS,CAAA;AAKrF,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,oCAAoC,CAAA;AAK3C,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAC5C,sBAAsB,EACtB,OAAO,CAAC,4BAA4B,CAAC,CAwHtC,CAAA"}
+{"version":3,"file":"handleServerFunction.d.ts","sourceRoot":"","sources":["../../../src/views/List/handleServerFunction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAyB,cAAc,EAAmB,MAAM,SAAS,CAAA;AAKrF,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,oCAAoC,CAAA;AAK3C,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAC5C,sBAAsB,EACtB,OAAO,CAAC,4BAA4B,CAAC,CAyHtC,CAAA"}

package/dist/views/List/handleServerFunction.js

@@ -51,6 +51,7 @@ export const renderListHandler = async args => {
     collection: 'payload-preferences',
     depth: 0,
     limit: 1,
+    overrideAccess: true,
     where: {
       and: [{
         key: {

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","userWithReadAccess","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    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      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":[]}
+{"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,qBA0UzD"}
+{"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,6 +244,7 @@ export function DefaultListView(props) {
             }) : undefined,
             disableBulkDelete: disableBulkDelete,
             disableBulkEdit: disableBulkEdit,
+            enableRowSelections: enableRowSelections,
             hasCreatePermission: hasCreatePermission,
             hasDeletePermission: hasDeletePermission,
             hasTrashPermission: hasTrashPermission,
@@ -191,17 +254,17 @@ export function DefaultListView(props) {
             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),
@@ -217,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]: {
@@ -243,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, {
@@ -275,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