@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

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,CAsHtC,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

@@ -26,7 +26,8 @@ export const renderListHandler = async args => {
         config
       },
       user
-    }
+    },
+    user: userWithReadAccess
   } = args;
   if (!req.user) {
     throw new UnauthorizedError();
@@ -50,6 +51,7 @@ export const renderListHandler = async args => {
     collection: 'payload-preferences',
     depth: 0,
     limit: 1,
+    overrideAccess: true,
     where: {
       and: [{
         key: {
@@ -121,6 +123,7 @@ export const renderListHandler = async args => {
     redirectAfterDuplicate,
     searchParams: {},
     server: req.server,
+    user: userWithReadAccess,
     viewType: 'list'
   });
   return {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAAgD,MAAM,OAAO,CAAA;AA4BpE,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAkVzD"}
+{"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,9 +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 { useBulkUpload } from '../../elements/BulkUpload/index.js';
+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';
@@ -13,14 +13,15 @@ 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';
@@ -28,7 +29,10 @@ 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';
@@ -41,11 +45,15 @@ export function DefaultListView(props) {
     BeforeListTable,
     collectionSlug,
     columnState,
+    currentHierarchyItem,
     Description,
     disableBulkDelete,
     disableBulkEdit,
     disableQueryPresets,
+    documentLayout,
+    documentURLs,
     enableRowSelections,
+    groupedData,
     hasCreatePermission: hasCreatePermissionFromProps,
     hasDeletePermission,
     hasTrashPermission,
@@ -61,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: {
@@ -77,13 +89,19 @@ export function DefaultListView(props) {
     },
     getEntityConfig
   } = useConfig();
-  const router = useRouter();
   const {
     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,14 +115,18 @@ export function DefaultListView(props) {
   const {
     openModal
   } = useModal();
-  const {
-    modalSlug: bulkUploadModalSlug,
-    setCollectionSlug,
-    setOnSuccess
-  } = useBulkUpload();
   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
@@ -115,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();
@@ -136,16 +182,14 @@ export function DefaultListView(props) {
       return data?.docs;
     }
   }, [data?.docs, isUploadCollection]);
-  const openBulkUpload = React.useCallback(() => {
-    setCollectionSlug(collectionSlug);
-    openModal(bulkUploadModalSlug);
-    setOnSuccess(() => router.refresh());
-  }, [router, collectionSlug, bulkUploadModalSlug, openModal, setCollectionSlug, setOnSuccess]);
   useEffect(() => {
     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
@@ -156,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
             })
           };
         });
@@ -172,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, {
@@ -195,34 +244,35 @@ export function DefaultListView(props) {
             }) : undefined,
             disableBulkDelete: disableBulkDelete,
             disableBulkEdit: disableBulkEdit,
+            enableRowSelections: enableRowSelections,
             hasCreatePermission: hasCreatePermission,
             hasDeletePermission: hasDeletePermission,
             hasTrashPermission: hasTrashPermission,
             i18n: i18n,
             isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
-            isTrashEnabled: isTrashEnabled,
             newDocumentURL: newDocumentURL,
-            openBulkUpload: openBulkUpload,
             smallBreak: smallBreak,
             viewType: viewType
           }), /*#__PURE__*/_jsx(ListControls, {
-            beforeActions: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
-              onClick: onBulkSelect
-            }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
-              onClick: onBulkSelect
-            }, "select-many")] : beforeActions,
+            beforeActions: beforeActions,
             collectionConfig: collectionConfig,
             collectionSlug: collectionSlug,
             disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
             hasCreatePermission: hasCreatePermission && viewType !== 'trash' && !isInDrawer,
+            hasDeletePermission: hasDeletePermission,
             isWhereOpen: isWhereOpen,
+            layoutToggle: !hierarchyData && !isInDrawer ? /*#__PURE__*/_jsx(LayoutToggle, {
+              layout: layout,
+              onChange: handleLayoutChange
+            }) : undefined,
             listMenuItems: listMenuItems,
             newDocumentURL: newDocumentURL,
             onWhereToggle: () => setIsWhereOpen(prev => !prev),
             queryPreset: queryPreset,
             queryPresetPermissions: queryPresetPermissions,
             renderedFilters: renderedFilters,
-            resolvedFilterOptions: resolvedFilterOptions
+            resolvedFilterOptions: resolvedFilterOptions,
+            viewType: viewType
           }), isWhereOpen && /*#__PURE__*/_jsx(ListWhereBuilder, {
             collectionPluralLabel: collectionConfig?.labels?.plural,
             collectionSlug: collectionSlug,
@@ -230,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]: {
@@ -256,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, {
@@ -288,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