@payloadcms/ui 4.0.0-internal.8001944 → 4.0.0-internal.8089ef7

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

@@ -3,9 +3,10 @@ import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { CloseModalButton } from '../../../elements/CloseModalButton/index.js';
 import { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js';
+import { HierarchyEditButton } from '../../../elements/Hierarchy/EditButton/index.js';
 import { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js';
 import { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js';
-import { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
+import { ListDrawerConfirmSelectionButton, ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
 import { ListHeader } from '../../../elements/ListHeader/index.js';
 import { ListBulkUploadButton } from '../../../elements/ListHeader/TitleActions/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -16,9 +17,11 @@ const drawerBaseClass = 'list-drawer';
 export const CollectionListHeader = ({
   className,
   collectionConfig,
+  currentHierarchyItem,
   Description,
   disableBulkDelete,
   disableBulkEdit,
+  enableRowSelections,
   hasCreatePermission,
   hasDeletePermission,
   hasTrashPermission,
@@ -41,6 +44,7 @@ export const CollectionListHeader = ({
   const {
     isGroupingBy
   } = useListQuery();
+  const title = currentHierarchyItem?.title ?? getTranslation(collectionConfig?.labels?.plural, i18n);
   if (isInDrawer) {
     return /*#__PURE__*/_jsx(ListHeader, {
       Actions: [],
@@ -57,7 +61,9 @@ export const CollectionListHeader = ({
       })?.labels?.plural, i18n),
       TitleActions: [/*#__PURE__*/_jsx(ListDrawerCreateNewDocButton, {
         hasCreatePermission: hasCreatePermission
-      }, "list-drawer-create-new-doc")].filter(Boolean)
+      }, "list-drawer-create-new-doc"), /*#__PURE__*/_jsx(ListDrawerConfirmSelectionButton, {
+        enableRowSelections: enableRowSelections
+      }, "list-drawer-confirm-selection")].filter(Boolean)
     });
   }
   return /*#__PURE__*/_jsx(ListHeader, {
@@ -77,8 +83,13 @@ export const CollectionListHeader = ({
     }, "default-list-actions")].filter(Boolean),
     AfterListHeaderContent: Description,
     className: className,
-    title: getTranslation(collectionConfig?.labels?.plural, i18n),
-    TitleActions: [hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
+    title: title,
+    TitleActions: [currentHierarchyItem && /*#__PURE__*/_jsx(HierarchyEditButton, {
+      collectionSlug: collectionConfig.slug,
+      hasUpdatePermission: currentHierarchyItem.hasUpdatePermission,
+      id: currentHierarchyItem.id,
+      title: title
+    }, "edit-hierarchy-document"), hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
       collectionSlug: collectionConfig.slug,
       hasCreatePermission: hasCreatePermission,
       isBulkUploadEnabled: isBulkUploadEnabled,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","useListDrawerContext","DrawerRelationshipSelect","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","onBulkUploadSuccess","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","_jsx","Actions","AfterListHeaderContent","_jsxs","_Fragment","BeforeTitle","slug","title","collectionSlug","value","labels","plural","TitleActions","filter","Boolean","label","showSelectAllAcrossPages"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { ListBulkUploadButton } from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.css'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  smallBreak: boolean\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        BeforeTitle={\n          <CloseModalButton className={`${drawerBaseClass}__header-close`} slug={drawerSlug} />\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={getTranslation(collectionConfig?.labels?.plural, i18n)}\n      TitleActions={[\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","HierarchyEditButton","useListDrawerContext","DrawerRelationshipSelect","ListDrawerConfirmSelectionButton","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","currentHierarchyItem","Description","disableBulkDelete","disableBulkEdit","enableRowSelections","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","onBulkUploadSuccess","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","title","labels","plural","_jsx","Actions","AfterListHeaderContent","_jsxs","_Fragment","BeforeTitle","slug","collectionSlug","value","TitleActions","filter","Boolean","label","showSelectAllAcrossPages","hasUpdatePermission","id"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, CurrentHierarchyItem, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { HierarchyEditButton } from '../../../elements/Hierarchy/EditButton/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport {\n  ListDrawerConfirmSelectionButton,\n  ListDrawerCreateNewDocButton,\n} from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { ListBulkUploadButton } from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.css'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  currentHierarchyItem?: CurrentHierarchyItem\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  enableRowSelections?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  smallBreak: boolean\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  currentHierarchyItem,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  enableRowSelections,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n  const title =\n    currentHierarchyItem?.title ?? getTranslation(collectionConfig?.labels?.plural, i18n)\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        BeforeTitle={\n          <CloseModalButton className={`${drawerBaseClass}__header-close`} slug={drawerSlug} />\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n          <ListDrawerConfirmSelectionButton\n            enableRowSelections={enableRowSelections}\n            key=\"list-drawer-confirm-selection\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={title}\n      TitleActions={[\n        currentHierarchyItem && (\n          <HierarchyEditButton\n            collectionSlug={collectionConfig.slug}\n            hasUpdatePermission={currentHierarchyItem.hasUpdatePermission}\n            id={currentHierarchyItem.id}\n            key=\"edit-hierarchy-document\"\n            title={title}\n          />\n        ),\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"enrichDocsWithVersionStatus.d.ts","sourceRoot":"","sources":["../../../src/views/List/enrichDocsWithVersionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEvF;;;;;;GAMG;AACH,wBAAsB,2BAA2B,CAAC,EAChD,gBAAgB,EAChB,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,IAAI,EAAE,aAAa,CAAA;IACnB,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,OAAO,CAAC,aAAa,CAAC,CAoGzB"}
+{"version":3,"file":"enrichDocsWithVersionStatus.d.ts","sourceRoot":"","sources":["../../../src/views/List/enrichDocsWithVersionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEvF;;;;;;GAMG;AACH,wBAAsB,2BAA2B,CAAC,EAChD,gBAAgB,EAChB,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,IAAI,EAAE,aAAa,CAAA;IACnB,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,OAAO,CAAC,aAAa,CAAC,CAsGzB"}

package/dist/views/List/enrichDocsWithVersionStatus.js

@@ -48,11 +48,13 @@
       collection: collectionConfig.slug,
       depth: 0,
       limit: 0,
-      overrideAccess: true,
+      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","overrideAccess","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      overrideAccess: true,\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,cAAA,EAAgB;MAChBC,UAAA,EAAY;MACZC,MAAA,EAAQ;QACNC,MAAA,EAAQ;MACV;MACAC,KAAA,EAAO;QACLC,GAAA,EAAK,CACH;UACEF,MAAA,EAAQ;YACNG,EAAA,EAAIjB;UACN;QACF,GACA;UACE,mBAAmB;YACjBkB,MAAA,EAAQ;UACV;QACF;MAEJ;IACF;IAEA;IACA,MAAMC,sBAAA,GAAyB,IAAIC,GAAA,CACjChB,iBAAA,CAAkBV,IAAI,CAACO,GAAG,CAAEoB,OAAA,IAAYA,OAAA,CAAQP,MAAM,EAAEjB,MAAM,CAACM,OAAA;IAGjE;IACA,MAAMmB,YAAA,GAAejC,IAAA,CAAKK,IAAI,CAACO,GAAG,CAAEH,GAAA;MAClC;MACA,IAAIA,GAAA,CAAIC,OAAO,KAAK,WAAWoB,sBAAA,CAAuBI,GAAG,CAACzB,GAAA,CAAII,EAAE,GAAG;QACjE,OAAO;UACL,GAAGJ,GAAG;UACN0B,cAAA,EAAgB;QAClB;MACF;MAEA,OAAO;QACL,GAAG1B,GAAG;QACN0B,cAAA,EAAgB1B,GAAA,CAAIC;MACtB;IACF;IAEA,OAAO;MACL,GAAGV,IAAI;MACPK,IAAA,EAAM4B;IACR;EACF,EAAE,OAAOG,KAAA,EAAO;IACd;IACAnC,GAAA,CAAIe,OAAO,CAACqB,MAAM,CAACD,KAAK,CAAC;MACvBE,GAAA,EAAKF,KAAA;MACLG,GAAA,EAAK,gDAAgDxC,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/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,KAAsC,MAAM,OAAO,CAAA;AA2B1D,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAoZzD"}
+{"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

@@ -5,6 +5,7 @@ import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, formatFilesize } from 'payload/shared';
 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,7 +13,6 @@ 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';
@@ -21,13 +21,18 @@ 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';
@@ -40,11 +45,15 @@ export function DefaultListView(props) {
     BeforeListTable,
     collectionSlug,
     columnState,
+    currentHierarchyItem,
     Description,
     disableBulkDelete,
     disableBulkEdit,
     disableQueryPresets,
+    documentLayout,
+    documentURLs,
     enableRowSelections,
+    groupedData,
     hasCreatePermission: hasCreatePermissionFromProps,
     hasDeletePermission,
     hasTrashPermission,
@@ -60,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: {
@@ -87,6 +100,8 @@ export function DefaultListView(props) {
   } = 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(() => {
@@ -103,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
@@ -137,6 +161,7 @@ export function DefaultListView(props) {
     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();
@@ -161,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
@@ -172,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
             })
           };
         });
@@ -202,6 +231,7 @@ export function DefaultListView(props) {
           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, {
@@ -214,6 +244,7 @@ export function DefaultListView(props) {
             }) : undefined,
             disableBulkDelete: disableBulkDelete,
             disableBulkEdit: disableBulkEdit,
+            enableRowSelections: enableRowSelections,
             hasCreatePermission: hasCreatePermission,
             hasDeletePermission: hasDeletePermission,
             hasTrashPermission: hasTrashPermission,
@@ -223,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),
@@ -282,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, {
@@ -314,11 +363,7 @@ 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,