@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.688c4d0

package/dist/views/List/index.js

@@ -1,284 +1,448 @@
-'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, { Fragment, useEffect } from 'react';
-import { useBulkUpload } from '../../elements/BulkUpload/index.js';
-import { Button } from '../../elements/Button/index.js';
-import { ListControls } from '../../elements/ListControls/index.js';
-import { useListDrawerContext } from '../../elements/ListDrawer/Provider.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 { SelectMany } from '../../elements/SelectMany/index.js';
-import { useStepNav } from '../../elements/StepNav/index.js';
-import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.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 { 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 { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js';
-import { CollectionListHeader } from './ListHeader/index.js';
+import { appendDateTimezoneSelectFields, appendUploadSelectFields, combineWhereConstraints, formatAdminURL, isNumber, mergeListSearchAndWhere, transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared';
+import React, { Fragment } from 'react';
+import { RenderServerComponent } from '../../elements/RenderServerComponent/index.js';
+/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */
+import { DefaultListView, HierarchyListView, HydrateAuthProvider, HydrateHierarchyProvider, ListQueryProvider } from '../../exports/client/index.js';
+/* eslint-enable payload/no-imports-from-exports-dir */
+import { getColumns } from '../../utilities/getColumns.js';
+import { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js';
+import { renderFilters, renderTable } from '../../utilities/renderTable.js';
+import { upsertPreferences } from '../../utilities/upsertPreferences.js';
+import { enrichDocsWithVersionStatus } from './enrichDocsWithVersionStatus.js';
+import { handleGroupBy } from './handleGroupBy.js';
+import { handleHierarchy } from './handleHierarchy.js';
+import { renderListViewSlots } from './renderListViewSlots.js';
+import { resolveAllFilterOptions } from './resolveAllFilterOptions.js';
+import { transformColumnsToSelect } from './transformColumnsToSelect.js';
 import './index.css';
-const baseClass = 'collection-list';
-export function DefaultListView(props) {
+/**
+ * This function is responsible for rendering
+ * the list view on the server for both:
+ *  - default list view
+ *  - list view within drawers
+ *
+ * @internal
+ */
+export const renderListView = async args => {
   const {
-    AfterList,
-    AfterListTable,
-    beforeActions,
-    BeforeList,
-    BeforeListTable,
-    collectionSlug,
-    columnState,
-    Description,
+    clientConfig,
+    ComponentOverride,
+    customCellProps,
     disableBulkDelete,
     disableBulkEdit,
     disableQueryPresets,
+    drawerSlug,
     enableRowSelections,
-    hasCreatePermission: hasCreatePermissionFromProps,
-    hasDeletePermission,
-    hasTrashPermission,
-    hierarchyData,
-    listMenuItems,
-    newDocumentURL,
-    queryPreset,
-    queryPresetPermissions,
-    renderedFilters,
-    resolvedFilterOptions,
-    Table: InitialTable,
+    initPageResult,
+    overrideEntityVisibility,
+    params,
+    query: queryFromArgs,
+    searchParams,
+    trash,
     viewType
-  } = props;
-  const [Table] = useControllableState(InitialTable);
-  const {
-    allowCreate,
-    createNewDrawerSlug,
-    isInDrawer,
-    onBulkSelect
-  } = useListDrawerContext();
-  const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
+  } = args;
   const {
-    config: {
-      routes: {
-        admin: adminRoute
+    collectionConfig,
+    collectionConfig: {
+      slug: collectionSlug
+    },
+    locale: fullLocale,
+    permissions,
+    req,
+    req: {
+      i18n,
+      payload,
+      payload: {
+        config
       },
-      serverURL
+      query: queryFromReq,
+      user
     },
-    getEntityConfig
-  } = useConfig();
-  const router = useRouter();
-  const {
-    data,
-    isGroupingBy
-  } = useListQuery();
-  const {
-    openModal
-  } = useModal();
+    visibleEntities
+  } = initPageResult;
   const {
-    drawerSlug: bulkUploadDrawerSlug,
-    setCollectionSlug,
-    setOnSuccess
-  } = useBulkUpload();
-  const collectionConfig = getEntityConfig({
-    collectionSlug
+    routes: {
+      admin: adminRoute
+    }
+  } = config;
+  if (!collectionConfig || !permissions?.collections?.[collectionSlug]?.read || !visibleEntities.collections.includes(collectionSlug) && !overrideEntityVisibility) {
+    throw new Error('not-found');
+  }
+  const query = queryFromArgs || queryFromReq;
+  const columnsFromQuery = transformColumnsToPreferences(query?.columns);
+  query.queryByGroup = query?.queryByGroup && typeof query.queryByGroup === 'string' ? JSON.parse(query.queryByGroup) : query?.queryByGroup;
+  const collectionPreferences = await upsertPreferences({
+    key: `collection-${collectionSlug}`,
+    req,
+    value: {
+      columns: columnsFromQuery,
+      groupBy: query?.groupBy,
+      limit: isNumber(query?.limit) ? Number(query.limit) : undefined,
+      preset: query?.preset,
+      sort: query?.sort
+    }
   });
-  const {
-    labels,
-    upload
-  } = collectionConfig;
-  const isUploadCollection = Boolean(upload);
-  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
-  const isTrashEnabled = Boolean(collectionConfig.trash);
-  const {
-    i18n
-  } = useTranslation();
-  const collectionLabel = getTranslation(labels?.plural, i18n);
-  const {
-    setStepNav
-  } = useStepNav();
-  const {
-    breakpoints: {
-      s: smallBreak
+  let queryPreset;
+  let queryPresetPermissions = permissions?.collections?.['payload-query-presets'];
+  if (collectionPreferences?.preset) {
+    try {
+      queryPreset = await payload.findByID({
+        id: collectionPreferences?.preset,
+        collection: 'payload-query-presets',
+        depth: 0,
+        overrideAccess: false,
+        user
+      });
+      if (queryPreset) {
+        queryPresetPermissions = (await getDocumentPermissions({
+          id: queryPreset.id,
+          collectionConfig: req.payload.collections['payload-query-presets'].config,
+          data: queryPreset,
+          req
+        }))?.docPermissions;
+      }
+    } catch (err) {
+      req.payload.logger.error(`Error fetching query preset or preset permissions: ${err}`);
     }
-  } = useWindowInfo();
-  const docs = React.useMemo(() => {
-    if (isUploadCollection) {
-      return data.docs.map(doc => {
-        return {
-          ...doc,
-          filesize: formatFilesize(doc.filesize)
-        };
+  }
+  query.preset = queryPreset?.id;
+  if (queryPreset?.where && !query.where) {
+    query.where = queryPreset.where;
+  }
+  // Prefer an explicit user preference (incl. an empty string, which means the
+  // user cleared grouping on a modified preset) over the preset's saved groupBy.
+  // Otherwise clearing groupBy while a preset is active reverts: the cleared URL
+  // re-syncs to `groupBy` absent and `?? queryPreset.groupBy` re-applies the
+  // preset's value. `??` keeps an empty-string preference and only falls through
+  // to the preset when the preference is truly unset.
+  query.groupBy = query.groupBy ?? collectionPreferences?.groupBy ?? queryPreset?.groupBy;
+  const columnPreference = query.columns ? transformColumnsToPreferences(query.columns) : queryPreset?.columns ?? collectionPreferences?.columns;
+  query.columns = transformColumnsToSearchParams(columnPreference);
+  query.page = isNumber(query?.page) ? Number(query.page) : 0;
+  query.limit = collectionPreferences?.limit || collectionConfig.admin.pagination.defaultLimit;
+  query.sort = collectionPreferences?.sort || (typeof collectionConfig.defaultSort === 'string' ? collectionConfig.defaultSort : undefined);
+  const baseFilterConstraint = await (collectionConfig.admin?.baseFilter ?? collectionConfig.admin?.baseListFilter)?.({
+    limit: query.limit,
+    page: query.page,
+    req,
+    sort: query.sort
+  });
+  let whereWithMergedSearch = mergeListSearchAndWhere({
+    collectionConfig,
+    search: typeof query?.search === 'string' ? query.search : undefined,
+    where: combineWhereConstraints([query?.where, baseFilterConstraint])
+  });
+  if (trash === true) {
+    whereWithMergedSearch = {
+      and: [whereWithMergedSearch, {
+        deletedAt: {
+          exists: true
+        }
+      }]
+    };
+  }
+  let Table = null;
+  let columnState = [];
+  let data = {
+    // no results default
+    docs: [],
+    hasNextPage: false,
+    hasPrevPage: false,
+    limit: query.limit,
+    nextPage: null,
+    page: 1,
+    pagingCounter: 0,
+    prevPage: null,
+    totalDocs: 0,
+    totalPages: 0
+  };
+  const clientCollectionConfig = clientConfig.collections.find(c => c.slug === collectionSlug);
+  const columns = getColumns({
+    clientConfig,
+    collectionConfig: clientCollectionConfig,
+    collectionSlug,
+    columns: columnPreference,
+    i18n,
+    permissions
+  });
+  /** Automatically force select active columns. */
+  const select = transformColumnsToSelect(columns);
+  /** Force select image fields for list view thumbnails */
+  appendUploadSelectFields({
+    collectionConfig,
+    select
+  });
+  /** Force select `_tz` siblings for any timezone-enabled date fields in select */
+  appendDateTimezoneSelectFields({
+    fields: collectionConfig.flattenedFields,
+    select
+  });
+  /** Force select `_order` for orderable collections — OrderableTable needs it to compute reorder targets */
+  if (collectionConfig.orderable === true) {
+    select._order = true;
+  }
+  /** Force select `_status` for drafts-enabled collections — needed by `enrichDocsWithVersionStatus` and `formatDocURL` */
+  if (collectionConfig.versions?.drafts) {
+    select._status = true;
+  }
+  // Check for hierarchy parent param
+  const isHierarchyCollection = Boolean(collectionConfig.hierarchy);
+  const hierarchyParentFieldName = typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName ?? 'parent' : 'parent';
+  let hierarchyParentId = null;
+  if (isHierarchyCollection) {
+    const parentParam = searchParams?.[hierarchyParentFieldName];
+    if (parentParam === 'null' || parentParam === undefined) {
+      hierarchyParentId = null;
+    } else if (typeof parentParam === 'string') {
+      hierarchyParentId = payload.db.defaultIDType === 'number' && isNumber(parentParam) ? Number(parentParam) : parentParam;
+    }
+  }
+  // Hierarchy data for client-side rendering
+  let hierarchyData;
+  try {
+    if (query.groupBy) {
+      ;
+      ({
+        columnState,
+        data,
+        Table
+      } = await handleGroupBy({
+        clientCollectionConfig,
+        clientConfig,
+        collectionConfig,
+        collectionSlug,
+        columns,
+        customCellProps,
+        drawerSlug,
+        enableRowSelections,
+        fieldPermissions: permissions?.collections?.[collectionSlug]?.fields,
+        query,
+        req,
+        select,
+        trash,
+        user,
+        viewType,
+        where: whereWithMergedSearch
+      }));
+      // Enrich documents with correct display status for drafts
+      data = await enrichDocsWithVersionStatus({
+        collectionConfig,
+        data,
+        req
       });
     } else {
-      return data?.docs;
+      data = await req.payload.find({
+        collection: collectionSlug,
+        depth: 0,
+        draft: true,
+        fallbackLocale: false,
+        includeLockStatus: true,
+        limit: query?.limit ? Number(query.limit) : undefined,
+        locale: req.locale,
+        overrideAccess: false,
+        page: query?.page ? Number(query.page) : undefined,
+        req,
+        select,
+        sort: query?.sort,
+        trash,
+        user,
+        where: whereWithMergedSearch
+      });
+      // Enrich documents with correct display status for drafts
+      data = await enrichDocsWithVersionStatus({
+        collectionConfig,
+        data,
+        req
+      });
+      ({
+        columnState,
+        Table
+      } = renderTable({
+        clientCollectionConfig,
+        collectionConfig,
+        columns,
+        customCellProps,
+        data,
+        drawerSlug,
+        enableRowSelections,
+        fieldPermissions: permissions?.collections?.[collectionSlug]?.fields,
+        i18n: req.i18n,
+        orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,
+        payload: req.payload,
+        query,
+        req,
+        useAsTitle: collectionConfig.admin.useAsTitle,
+        viewType
+      }));
     }
-  }, [data?.docs, isUploadCollection]);
-  const openBulkUpload = React.useCallback(() => {
-    setCollectionSlug(collectionSlug);
-    openModal(bulkUploadDrawerSlug);
-    setOnSuccess(() => router.refresh());
-  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess]);
-  useEffect(() => {
-    if (!isInDrawer) {
-      const baseLabel = {
-        label: collectionLabel,
-        url: hierarchyData || 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 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({
-              adminRoute,
-              path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`
-            })
-          };
-        });
-        navItems = [...navItems, ...hierarchyBreadcrumbs];
-      }
-      setStepNav(navItems);
+  } catch (err) {
+    if (err.name !== 'QueryError') {
+      // QueryErrors are expected when a user filters by a field they do not have access to
+      req.payload.logger.error({
+        err,
+        msg: `There was an error fetching the list view data for collection ${collectionSlug}`
+      });
+      throw err;
     }
-  }, [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}`,
-        children: /*#__PURE__*/_jsxs(SelectionProvider, {
-          docs: docs,
-          totalDocs: data?.totalDocs,
-          children: [BeforeList, /*#__PURE__*/_jsx(CollectionListHeader, {
-            collectionConfig: collectionConfig,
-            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,
-            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,
-            collectionConfig: collectionConfig,
-            collectionSlug: collectionSlug,
-            disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
-            hasCreatePermission: hasCreatePermission && viewType !== 'trash',
-            listMenuItems: listMenuItems,
-            newDocumentURL: newDocumentURL,
-            queryPreset: queryPreset,
-            queryPresetPermissions: queryPresetPermissions,
-            renderedFilters: renderedFilters,
-            resolvedFilterOptions: resolvedFilterOptions
-          }), 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 ? /*#__PURE__*/_jsx(RelationshipProvider, {
-            children: Table
-          }) : null, docs?.length === 0 && /*#__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: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
-                  onClick: onBulkSelect
-                }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
-                  onClick: onBulkSelect
-                }, "select-many")] : beforeActions
-              })]
-            }) : null,
-            collectionConfig: collectionConfig
-          })]
-        })
-      })
-    }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(PageControls, {
-      collectionConfig: collectionConfig
-    })]
+  }
+  // Fetch hierarchy data only for hierarchy view
+  let HierarchyIcon;
+  const isHierarchyView = viewType === 'hierarchy';
+  if (isHierarchyCollection && isHierarchyView) {
+    // Extract typeFilter from searchParams (comma-separated list of collection slugs)
+    const typeFilterParam = searchParams?.typeFilter;
+    const typeFilter = typeof typeFilterParam === 'string' && typeFilterParam.length > 0 ? typeFilterParam.split(',') : undefined;
+    hierarchyData = await handleHierarchy({
+      baseFilter: baseFilterConstraint,
+      collectionConfig,
+      collectionSlug,
+      parentId: hierarchyParentId,
+      permissions,
+      req,
+      search: typeof query?.search === 'string' ? query.search : undefined,
+      typeFilter,
+      user
+    });
+    data = hierarchyData.childrenData;
+    // Resolve hierarchy icon from collection config
+    const hierarchyConfig = typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
+    HierarchyIcon = RenderServerComponent({
+      Component: hierarchyConfig?.admin?.components?.Icon,
+      importMap: payload.importMap,
+      key: `hierarchy-icon-${collectionSlug}`
+    });
+  }
+  const renderedFilters = renderFilters(collectionConfig.fields, req.payload.importMap);
+  const resolvedFilterOptions = await resolveAllFilterOptions({
+    fields: collectionConfig.fields,
+    req
+  });
+  const staticDescription = typeof collectionConfig.admin.description === 'function' ? collectionConfig.admin.description({
+    t: i18n.t
+  }) : collectionConfig.admin.description;
+  const newDocumentURL = formatAdminURL({
+    adminRoute,
+    path: `/collections/${collectionSlug}/create`
+  });
+  const hasCreatePermission = permissions?.collections?.[collectionSlug]?.create;
+  const {
+    hasDeletePermission,
+    hasTrashPermission
+  } = await getDocumentPermissions({
+    collectionConfig,
+    // Empty object serves as base for computing differentiated trash/delete permissions
+    data: {},
+    req
+  });
+  // Check if there's a notFound query parameter (document ID that wasn't found)
+  const notFoundDocId = typeof searchParams?.notFound === 'string' ? searchParams.notFound : null;
+  const serverProps = {
+    collectionConfig,
+    data,
+    i18n,
+    limit: query.limit,
+    listPreferences: collectionPreferences,
+    listSearchableFields: collectionConfig.admin.listSearchableFields,
+    locale: fullLocale,
+    params,
+    payload,
+    permissions,
+    searchParams,
+    server: req.server,
+    user
+  };
+  const listViewSlots = renderListViewSlots({
+    clientProps: {
+      collectionSlug,
+      hasCreatePermission,
+      hasDeletePermission,
+      hasTrashPermission,
+      newDocumentURL,
+      viewType
+    },
+    collectionConfig,
+    description: staticDescription,
+    notFoundDocId,
+    payload,
+    serverProps
   });
-}
+  const isInDrawer = Boolean(drawerSlug);
+  // Needed to prevent: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props.
+  // Is there a way to avoid this? The `where` object is already seemingly plain, but is not bc it originates from the params.
+  query.where = query?.where ? JSON.parse(JSON.stringify(query?.where || {})) : undefined;
+  const RenderedListViewComponent = RenderServerComponent({
+    clientProps: {
+      ...listViewSlots,
+      baseFilter: baseFilterConstraint,
+      collectionSlug,
+      columnState,
+      disableBulkDelete: collectionConfig.disableBulkDelete ?? disableBulkDelete,
+      disableBulkEdit: collectionConfig.disableBulkEdit ?? disableBulkEdit,
+      disableQueryPresets,
+      enableRowSelections,
+      hasCreatePermission,
+      hasDeletePermission,
+      hasTrashPermission,
+      hierarchyData,
+      HierarchyIcon,
+      listPreferences: collectionPreferences,
+      newDocumentURL,
+      queryPreset,
+      queryPresetPermissions,
+      renderedFilters,
+      resolvedFilterOptions,
+      Table,
+      viewType
+    },
+    Component: ComponentOverride ?? collectionConfig?.admin?.components?.views?.list?.Component,
+    Fallback: viewType === 'hierarchy' ? HierarchyListView : DefaultListView,
+    importMap: payload.importMap,
+    key: `list-view-${collectionSlug}-${viewType}`,
+    serverProps
+  });
+  return {
+    List: /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(HydrateAuthProvider, {
+        permissions: permissions
+      }), isHierarchyView ? /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(HydrateHierarchyProvider, {
+          allowedCollections: hierarchyData?.allowedCollections,
+          baseFilter: baseFilterConstraint,
+          collectionSlug: collectionSlug,
+          expandedNodes: hierarchyData?.breadcrumbs?.slice(0, -1).map(b => b.id),
+          parent: hierarchyData?.parent,
+          parentFieldName: typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy?.parentFieldName : undefined,
+          tableData: data,
+          treeLimit: typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy?.admin?.treeLimit : undefined,
+          typeFieldName: typeof collectionConfig.hierarchy === 'object' && collectionConfig.hierarchy?.collectionSpecific && typeof collectionConfig.hierarchy.collectionSpecific === 'object' ? collectionConfig.hierarchy.collectionSpecific.fieldName : undefined
+        }), RenderedListViewComponent]
+      }) : /*#__PURE__*/_jsx(ListQueryProvider, {
+        collectionSlug: collectionSlug,
+        data: data,
+        modifySearchParams: !isInDrawer,
+        orderableFieldName: collectionConfig.orderable === true ? '_order' : undefined,
+        query: query,
+        children: RenderedListViewComponent
+      })]
+    })
+  };
+};
+export const ListView = async args => {
+  try {
+    const {
+      List: RenderedList
+    } = await renderListView({
+      ...args,
+      enableRowSelections: true
+    });
+    return RenderedList;
+  } catch (error) {
+    if (error.message === 'not-found') {
+      args.initPageResult.req.server.notFound();
+    } else {
+      console.error(error); // eslint-disable-line no-console
+    }
+  }
+};
 //# sourceMappingURL=index.js.map