@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5e065b3

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleHierarchy.js","names":["getTranslation","getAncestors","combineWhereConstraints","DEFAULT_HIERARCHY_LIST_LIMIT","handleHierarchy","baseFilter","collectionConfig","collectionSlug","parentId","permissions","req","search","typeFilter","user","hierarchyConfig","hierarchy","undefined","Error","parentFieldName","useAsTitle","admin","parent","breadcrumbs","item","ancestors","Promise","all","payload","findByID","id","collection","depth","overrideAccess","_error","logger","warn","msg","parentCondition","or","exists","equals","typeCondition","length","collectionSpecific","typeFieldName","fieldName","filteredTypes","filter","t","in","conditions","push","like","childrenWhere","and","childrenData","find","draft","fallbackLocale","includeLockStatus","limit","locale","page","where","relatedDocumentsByCollection","relatedBaseFilters","relatedCollectionsConfig","relatedCollections","relatedSlug","fieldInfo","Object","entries","relatedCollectionConfig","collections","config","read","hasMany","relatedBaseFilter","baseListFilter","sort","relationshipWhere","relatedUseAsTitle","whereWithSearch","data","totalDocs","label","labels","plural","i18n","result","error","err","allowedCollections","typeValues","map","slug","keys"],"sources":["../../../src/views/List/handleHierarchy.ts"],"sourcesContent":["import type {\n  HierarchyViewData,\n  PayloadRequest,\n  RelatedDocumentsGrouped,\n  SanitizedCollectionConfig,\n  SanitizedPermissions,\n  TypeWithID,\n  Where,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getAncestors } from 'payload'\nimport { combineWhereConstraints, DEFAULT_HIERARCHY_LIST_LIMIT } from 'payload/shared'\n\n/**\n * Fetches hierarchy data for a collection with a selected parent.\n * Returns data that can be rendered client-side by HierarchyTable.\n */\nexport const handleHierarchy = async ({\n  baseFilter,\n  collectionConfig,\n  collectionSlug,\n  parentId,\n  permissions,\n  req,\n  search,\n  typeFilter,\n  user,\n}: {\n  baseFilter?: null | Where\n  collectionConfig: SanitizedCollectionConfig\n  collectionSlug: string\n  parentId: null | number | string\n  permissions?: SanitizedPermissions\n  req: PayloadRequest\n  search?: string\n  /** Filter hierarchy items by their collectionSpecific type field */\n  typeFilter?: string[]\n  user: PayloadRequest['user']\n}): Promise<HierarchyViewData> => {\n  const hierarchyConfig =\n    collectionConfig.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n\n  if (!hierarchyConfig) {\n    throw new Error('Collection is not a hierarchy')\n  }\n\n  const parentFieldName = hierarchyConfig.parentFieldName\n\n  const useAsTitle = collectionConfig.admin?.useAsTitle || 'id'\n\n  // Fetch the parent item and breadcrumbs (skip for root level)\n  let parent: null | (Record<string, unknown> & TypeWithID) = null\n  let breadcrumbs: Array<{ id: number | string; title: string }> = []\n\n  if (parentId !== null) {\n    try {\n      const [item, ancestors] = await Promise.all([\n        req.payload.findByID({\n          id: parentId,\n          collection: collectionSlug,\n          depth: 0,\n          overrideAccess: false,\n          req,\n          user,\n        }),\n        getAncestors({\n          id: parentId,\n          collectionSlug,\n          req,\n        }),\n      ])\n\n      parent = item\n      breadcrumbs = ancestors\n    } catch (_error) {\n      req.payload.logger.warn({\n        msg: `Hierarchy item not found: ${parentId}`,\n      })\n    }\n  }\n\n  // Build children where clause\n  // For root level (parentId is null), find items without a parent\n  // For nested level, find items with this specific parent\n  const parentCondition =\n    parentId === null\n      ? {\n          or: [{ [parentFieldName]: { exists: false } }, { [parentFieldName]: { equals: null } }],\n        }\n      : { [parentFieldName]: { equals: parentId } }\n\n  // Build type filter condition if typeFilter is provided and collectionSpecific is configured\n  // Filter to folders that allow ANY of the selected types OR are unrestricted\n  let typeCondition: Record<string, unknown> | undefined\n\n  if (\n    typeFilter &&\n    typeFilter.length > 0 &&\n    hierarchyConfig.collectionSpecific &&\n    typeof hierarchyConfig.collectionSpecific === 'object'\n  ) {\n    const typeFieldName = hierarchyConfig.collectionSpecific.fieldName\n    // Exclude the hierarchy collection itself from the filter (folders always show folders)\n    const filteredTypes = typeFilter.filter((t) => t !== collectionSlug)\n\n    if (filteredTypes.length > 0) {\n      typeCondition = {\n        or: [\n          { [typeFieldName]: { in: filteredTypes } },\n          { [typeFieldName]: { exists: false } }, // Include unrestricted folders\n        ],\n      }\n    }\n  }\n\n  // Combine conditions: parent + search + typeFilter\n  const conditions: Record<string, unknown>[] = [parentCondition]\n\n  if (search) {\n    conditions.push({ [useAsTitle]: { like: search } })\n  }\n\n  if (typeCondition) {\n    conditions.push(typeCondition)\n  }\n\n  const childrenWhere = conditions.length > 1 ? { and: conditions } : parentCondition\n\n  // Fetch children (hierarchy items with this parent, or root items if parentId is null)\n  const childrenData = await req.payload.find({\n    collection: collectionSlug,\n    depth: 0,\n    draft: true,\n    fallbackLocale: false,\n    includeLockStatus: true,\n    limit: DEFAULT_HIERARCHY_LIST_LIMIT,\n    locale: req.locale,\n    overrideAccess: false,\n    page: 1,\n    req,\n    user,\n    where: combineWhereConstraints([childrenWhere, baseFilter]),\n  })\n\n  // Fetch related documents from other collections\n  // At root level: show unassigned documents (where hierarchy field doesn't exist)\n  // At nested level: show documents assigned to the selected hierarchy item\n  const relatedDocumentsByCollection: RelatedDocumentsGrouped = {}\n  const relatedBaseFilters: Record<string, Where> = {}\n\n  // Use pre-computed relatedCollections from sanitized hierarchy config\n  const relatedCollectionsConfig = hierarchyConfig.relatedCollections || {}\n\n  for (const [relatedSlug, fieldInfo] of Object.entries(relatedCollectionsConfig)) {\n    if (relatedSlug === collectionSlug) {\n      continue\n    }\n\n    const relatedCollectionConfig = req.payload.collections[relatedSlug]?.config\n    if (!relatedCollectionConfig) {\n      continue\n    }\n\n    // Check if user has read permission for this collection\n    if (!permissions?.collections?.[relatedSlug]?.read) {\n      continue\n    }\n\n    const { fieldName, hasMany } = fieldInfo\n\n    // Get baseFilter for this related collection\n    const relatedBaseFilter = await (\n      relatedCollectionConfig.admin?.baseFilter ?? relatedCollectionConfig.admin?.baseListFilter\n    )?.({\n      limit: DEFAULT_HIERARCHY_LIST_LIMIT,\n      page: 1,\n      req,\n      sort: undefined,\n    })\n\n    if (relatedBaseFilter) {\n      relatedBaseFilters[relatedSlug] = relatedBaseFilter\n    }\n\n    // Build where clause based on whether we're at root or nested level\n    let relationshipWhere: Record<string, unknown>\n\n    if (parentId === null) {\n      // Root level: find documents where hierarchy field doesn't exist, is null, or is empty array\n      const conditions: Record<string, unknown>[] = [\n        { [fieldName]: { exists: false } },\n        { [fieldName]: { equals: null } },\n      ]\n      if (hasMany) {\n        // hasMany fields store cleared values as empty arrays\n        conditions.push({ [fieldName]: { equals: [] } })\n      }\n      relationshipWhere = { or: conditions }\n    } else {\n      // Nested level: find documents assigned to this hierarchy item\n      // \"in\" operator works for both hasMany and single relationship fields\n      relationshipWhere = {\n        [fieldName]: { in: [parentId] },\n      }\n    }\n\n    // Add search filter if provided\n    const relatedUseAsTitle = relatedCollectionConfig.admin?.useAsTitle || 'id'\n    const whereWithSearch = search\n      ? { and: [relationshipWhere, { [relatedUseAsTitle]: { like: search } }] }\n      : relationshipWhere\n\n    // Combine relationship where with related collection's baseFilter\n    const where = combineWhereConstraints([whereWithSearch, relatedBaseFilter])\n\n    try {\n      const data = await req.payload.find({\n        collection: relatedSlug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: false,\n        includeLockStatus: true,\n        limit: DEFAULT_HIERARCHY_LIST_LIMIT,\n        locale: req.locale,\n        overrideAccess: false,\n        page: 1,\n        req,\n        user,\n        where,\n      })\n\n      if (data.totalDocs > 0) {\n        relatedDocumentsByCollection[relatedSlug] = {\n          fieldName,\n          hasMany,\n          label: getTranslation(relatedCollectionConfig.labels?.plural, req.i18n),\n          result: data,\n        }\n      }\n    } catch (error) {\n      req.payload.logger.warn({\n        err: error,\n        msg: `Failed to query related collection ${relatedSlug}`,\n      })\n    }\n  }\n\n  // Extract allowed collections from parent's collectionSpecific field\n  // - undefined: collectionSpecific not configured, no filtering needed\n  // - []: parent folder accepts everything, can only move to unrestricted destinations\n  // - [{ slug, label }, ...]: parent folder has restrictions\n  let allowedCollections: Array<{ label: string; slug: string }> | undefined\n\n  if (hierarchyConfig.collectionSpecific && parent) {\n    const typeFieldName = hierarchyConfig.collectionSpecific.fieldName\n    const typeValues = parent[typeFieldName] as null | string[] | undefined\n\n    if (typeValues && typeValues.length > 0) {\n      allowedCollections = typeValues.map((slug) => {\n        const config = req.payload.collections[slug]?.config\n        const label = config ? getTranslation(config.labels?.plural, req.i18n) : slug\n        return { slug, label }\n      })\n    } else {\n      // Parent folder accepts everything (type is null or empty)\n      allowedCollections = []\n    }\n  }\n\n  return {\n    allowedCollections,\n    breadcrumbs,\n    childrenData,\n    parent,\n    parentFieldName,\n    parentId,\n    relatedBaseFilters: Object.keys(relatedBaseFilters).length > 0 ? relatedBaseFilters : undefined,\n    relatedDocumentsByCollection,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { ServerFunction } from 'payload';
+import type { RenderListServerFnArgs, RenderListServerFnReturnType } from '../../elements/ListDrawer/types.js';
+export declare const renderListHandler: ServerFunction<RenderListServerFnArgs, Promise<RenderListServerFnReturnType>>;
+//# sourceMappingURL=handleServerFunction.d.ts.map

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

@@ -0,0 +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,CAyHtC,CAAA"}

package/dist/views/List/handleServerFunction.js

@@ -0,0 +1,134 @@
+import { canAccessAdmin, isEntityHidden, UnauthorizedError } from 'payload';
+import { applyLocaleFiltering } from 'payload/shared';
+import { getClientConfig } from '../../utilities/getClientConfig.js';
+import { renderListView } from './index.js';
+export const renderListHandler = async args => {
+  const {
+    collectionSlug,
+    cookies,
+    disableActions,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    drawerSlug,
+    enableRowSelections,
+    locale,
+    overrideEntityVisibility,
+    permissions,
+    query,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    req,
+    req: {
+      i18n,
+      payload,
+      payload: {
+        config
+      },
+      user
+    },
+    user: userWithReadAccess
+  } = args;
+  if (!req.user) {
+    throw new UnauthorizedError();
+  }
+  await canAccessAdmin({
+    req
+  });
+  const clientConfig = getClientConfig({
+    config,
+    i18n,
+    importMap: payload.importMap,
+    user
+  });
+  await applyLocaleFiltering({
+    clientConfig,
+    config,
+    req
+  });
+  const preferencesKey = `collection-${collectionSlug}`;
+  const preferences = await payload.find({
+    collection: 'payload-preferences',
+    depth: 0,
+    limit: 1,
+    overrideAccess: true,
+    where: {
+      and: [{
+        key: {
+          equals: preferencesKey
+        }
+      }, {
+        'user.relationTo': {
+          equals: user.collection
+        }
+      }, {
+        'user.value': {
+          equals: user.id
+        }
+      }]
+    }
+  }).then(res => res.docs[0]?.value);
+  const visibleEntities = {
+    collections: payload.config.collections.map(({
+      slug,
+      admin: {
+        hidden
+      }
+    }) => !isEntityHidden({
+      hidden,
+      user
+    }) ? slug : null).filter(Boolean),
+    globals: payload.config.globals.map(({
+      slug,
+      admin: {
+        hidden
+      }
+    }) => !isEntityHidden({
+      hidden,
+      user
+    }) ? slug : null).filter(Boolean)
+  };
+  const {
+    List
+  } = await renderListView({
+    clientConfig,
+    disableActions,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    drawerSlug,
+    enableRowSelections,
+    i18n,
+    importMap: payload.importMap,
+    initPageResult: {
+      collectionConfig: payload?.collections?.[collectionSlug]?.config,
+      cookies,
+      globalConfig: payload.config.globals.find(global => global.slug === collectionSlug),
+      languageOptions: undefined,
+      locale,
+      permissions,
+      req,
+      translations: undefined,
+      visibleEntities
+    },
+    locale,
+    overrideEntityVisibility,
+    params: {
+      segments: ['collections', collectionSlug]
+    },
+    payload,
+    permissions,
+    query,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    searchParams: {},
+    server: req.server,
+    user: userWithReadAccess,
+    viewType: 'list'
+  });
+  return {
+    List,
+    preferences
+  };
+};
+//# sourceMappingURL=handleServerFunction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleServerFunction.js","names":["canAccessAdmin","isEntityHidden","UnauthorizedError","applyLocaleFiltering","getClientConfig","renderListView","renderListHandler","args","collectionSlug","cookies","disableActions","disableBulkDelete","disableBulkEdit","disableQueryPresets","drawerSlug","enableRowSelections","locale","overrideEntityVisibility","permissions","query","redirectAfterDelete","redirectAfterDuplicate","req","i18n","payload","config","user","userWithReadAccess","clientConfig","importMap","preferencesKey","preferences","find","collection","depth","limit","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

@@ -0,0 +1,5 @@
+import type { ListViewClientProps } from 'payload';
+import React from 'react';
+import './index.css';
+export declare function DefaultListView(props: ListViewClientProps): React.JSX.Element;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,379 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+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 { useStepNav } from '../../elements/StepNav/index.js';
+import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js';
+import { TableIdentityProvider } from '../../elements/Table/TableIdentity.js';
+import { ViewDescription } from '../../elements/ViewDescription/index.js';
+import { useControllableState } from '../../hooks/useControllableState.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { SelectionProvider } from '../../providers/Selection/index.js';
+import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import { ListSelection } from '../../views/List/ListSelection/index.js';
+import { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js';
+import { getHierarchyListURL } from '../HierarchyList/getHierarchyListURL.js';
+import { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js';
+import { DocumentGrid } from './DocumentGrid/index.js';
+import { GroupedDocumentGrid } from './GroupedDocumentGrid/index.js';
+import { CollectionListHeader } from './ListHeader/index.js';
+import './index.css';
+const baseClass = 'collection-list';
+export function DefaultListView(props) {
+  const {
+    AfterList,
+    AfterListTable,
+    beforeActions,
+    BeforeList,
+    BeforeListTable,
+    collectionSlug,
+    columnState,
+    currentHierarchyItem,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    documentLayout,
+    documentURLs,
+    enableRowSelections,
+    groupedData,
+    hasCreatePermission: hasCreatePermissionFromProps,
+    hasDeletePermission,
+    hasTrashPermission,
+    hierarchyData,
+    listMenuItems,
+    newDocumentURL,
+    NoResults,
+    queryPreset,
+    queryPresetPermissions,
+    renderedFilters,
+    resolvedFilterOptions,
+    Table: InitialTable,
+    viewType
+  } = props;
+  const [Table] = useControllableState(InitialTable);
+  const [layout, setLayout] = useState(documentLayout ?? 'table');
+  const {
+    allowCreate,
+    createNewDrawerSlug,
+    isInDrawer
+  } = useListDrawerContext();
+  const {
+    setPreference
+  } = usePreferences();
+  const router = useRouter();
+  const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const {
+    data,
+    hasActiveFilters,
+    isGroupingBy,
+    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(() => {
+    if (hasWhereParam.current && !query?.where) {
+      hasWhereParam.current = false;
+      setIsWhereOpen(false);
+    } else if (query?.where) {
+      hasWhereParam.current = true;
+    }
+  }, [query?.where]);
+  const {
+    openModal
+  } = useModal();
+  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
+  } = collectionConfig;
+  const isUploadCollection = Boolean(upload);
+  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const isTrashEnabled = Boolean(collectionConfig.trash);
+  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();
+  const {
+    breakpoints: {
+      s: smallBreak
+    }
+  } = useWindowInfo();
+  const docs = React.useMemo(() => {
+    if (isUploadCollection) {
+      return data.docs.map(doc => {
+        return {
+          ...doc,
+          filesize: formatFilesize(doc.filesize)
+        };
+      });
+    } else {
+      return data?.docs;
+    }
+  }, [data?.docs, isUploadCollection]);
+  useEffect(() => {
+    if (!isInDrawer) {
+      const baseLabel = {
+        label: collectionLabel,
+        url: hierarchyData ? getHierarchyListURL({
+          adminRoute,
+          collectionSlug
+        }) : isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${collectionSlug}`
+        }) : undefined
+      };
+      const trashLabel = {
+        label: i18n.t('general:trash')
+      };
+      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      // Add hierarchy breadcrumbs
+      if (hierarchyData?.breadcrumbs) {
+        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {
+          const isLast = index === hierarchyData.breadcrumbs.length - 1;
+          return {
+            label: crumb.title,
+            url: isLast ? undefined : getHierarchyListURL({
+              adminRoute,
+              collectionSlug,
+              parentFieldName: hierarchyData.parentFieldName,
+              parentID: crumb.id
+            })
+          };
+        });
+        navItems = [...navItems, ...hierarchyBreadcrumbs];
+      }
+      setStepNav(navItems);
+    }
+  }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug, hierarchyData, collectionLabel]);
+  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, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/_jsx(ViewDescription, {
+                  collectionSlug: collectionSlug,
+                  description: collectionConfig?.admin?.description
+                })
+              })
+            }) : undefined,
+            disableBulkDelete: disableBulkDelete,
+            disableBulkEdit: disableBulkEdit,
+            enableRowSelections: enableRowSelections,
+            hasCreatePermission: hasCreatePermission,
+            hasDeletePermission: hasDeletePermission,
+            hasTrashPermission: hasTrashPermission,
+            i18n: i18n,
+            isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
+            newDocumentURL: newDocumentURL,
+            smallBreak: smallBreak,
+            viewType: viewType
+          }), /*#__PURE__*/_jsx(ListControls, {
+            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,
+            viewType: viewType
+          }), isWhereOpen && /*#__PURE__*/_jsx(ListWhereBuilder, {
+            collectionPluralLabel: collectionConfig?.labels?.plural,
+            collectionSlug: collectionSlug,
+            fields: collectionConfig?.fields,
+            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]: {
+                docs: hierarchyData.childrenData.docs
+              },
+              ...Object.fromEntries(Object.entries(hierarchyData.relatedDocumentsByCollection).map(([slug, related]) => [slug, {
+                docs: related.result.docs
+              }]))
+            },
+            children: [/*#__PURE__*/_jsx(HierarchyTable, {
+              childrenData: hierarchyData.childrenData,
+              collectionSlug: collectionSlug,
+              hierarchyLabel: collectionLabel,
+              parentId: hierarchyData.parentId,
+              relatedGroups: Object.entries(hierarchyData.relatedDocumentsByCollection).map(([slug_0, related_0]) => ({
+                collectionSlug: slug_0,
+                data: related_0.result,
+                fieldName: related_0.fieldName,
+                hasMany: related_0.hasMany,
+                label: related_0.label
+              })),
+              useAsTitle: collectionConfig?.admin?.useAsTitle || 'id'
+            }, hierarchyData.parentId), /*#__PURE__*/_jsx(DocumentListSelection, {
+              disableBulkDelete: disableBulkDelete,
+              disableBulkEdit: disableBulkEdit
+            })]
+          }) : 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, {
+              el: "button",
+              onClick: () => openModal(createNewDrawerSlug),
+              children: i18n.t('general:createNewLabel', {
+                label: getTranslation(labels?.singular, i18n)
+              })
+            }, "create") : /*#__PURE__*/_jsx(Button, {
+              el: "link",
+              to: newDocumentURL,
+              children: i18n.t('general:createNewLabel', {
+                label: getTranslation(labels?.singular, i18n)
+              })
+            }, "create")] : [],
+            description: viewType === 'trash' ? i18n.t('general:noTrashResults', {
+              label: getTranslation(labels?.plural, i18n)
+            }) : i18n.t('general:noResultsDescription'),
+            title: viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined,
+            withMargin: true
+          })), AfterListTable, AfterList, docs?.length > 0 && !isGroupingBy && /*#__PURE__*/_jsx(PageControls, {
+            AfterPageControls: smallBreak ? /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__list-selection`,
+              children: [/*#__PURE__*/_jsx(ListSelection, {
+                collectionConfig: collectionConfig,
+                disableBulkDelete: disableBulkDelete,
+                disableBulkEdit: disableBulkEdit,
+                label: collectionLabel,
+                showSelectAllAcrossPages: !isGroupingBy
+              }), /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__list-selection-actions`,
+                children: beforeActions
+              })]
+            }) : null,
+            collectionConfig: collectionConfig,
+            tableId: hierarchyData ? undefined : `payload-table-${collectionConfig.slug}`
+          })]
+        })
+      }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(PageControls, {
+        collectionConfig: collectionConfig
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.client.js.map