@payloadcms/ui 4.0.0-internal.1f9ae9a → 4.0.0-internal.293e026

package/dist/views/List/handleServerFunction.js

@@ -0,0 +1,131 @@
+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
+    }
+  } = 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,
+    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,
+    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","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":[]}

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,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAAgD,MAAM,OAAO,CAAA;AA4BpE,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAgVzD"}

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

@@ -0,0 +1,306 @@
+'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, useRef, useState } 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 { WhereBuilder } from '../../elements/WhereBuilder/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 './index.css';
+const baseClass = 'collection-list';
+export function DefaultListView(props) {
+  const {
+    AfterList,
+    AfterListTable,
+    beforeActions,
+    BeforeList,
+    BeforeListTable,
+    collectionSlug,
+    columnState,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    enableRowSelections,
+    hasCreatePermission: hasCreatePermissionFromProps,
+    hasDeletePermission,
+    hasTrashPermission,
+    hierarchyData,
+    listMenuItems,
+    newDocumentURL,
+    queryPreset,
+    queryPresetPermissions,
+    renderedFilters,
+    resolvedFilterOptions,
+    Table: InitialTable,
+    viewType
+  } = props;
+  const [Table] = useControllableState(InitialTable);
+  const {
+    allowCreate,
+    createNewDrawerSlug,
+    isInDrawer,
+    onBulkSelect
+  } = useListDrawerContext();
+  const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const router = useRouter();
+  const {
+    data,
+    hasActiveFilters,
+    isGroupingBy,
+    query
+  } = useListQuery();
+  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 {
+    drawerSlug: bulkUploadDrawerSlug,
+    setCollectionSlug,
+    setOnSuccess
+  } = useBulkUpload();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  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
+    }
+  } = 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]);
+  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);
+    }
+  }, [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',
+            isWhereOpen: isWhereOpen,
+            listMenuItems: listMenuItems,
+            newDocumentURL: newDocumentURL,
+            onWhereToggle: () => setIsWhereOpen(prev => !prev),
+            queryPreset: queryPreset,
+            queryPresetPermissions: queryPresetPermissions,
+            renderedFilters: renderedFilters,
+            resolvedFilterOptions: resolvedFilterOptions
+          }), isWhereOpen && /*#__PURE__*/_jsx(WhereBuilder, {
+            collectionPluralLabel: collectionConfig?.labels?.plural,
+            collectionSlug: collectionSlug,
+            fields: collectionConfig?.fields,
+            onClose: () => setIsWhereOpen(false),
+            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
+    })]
+  });
+}
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["getTranslation","formatAdminURL","formatFilesize","React","Fragment","useEffect","useRef","useState","useBulkUpload","Button","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","WhereBuilder","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","useRouter","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","hasActiveFilters","isGroupingBy","query","hasWhereParam","Boolean","where","isWhereOpen","setIsWhereOpen","current","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","queryParam","parentFieldName","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","onWhereToggle","prev","collectionPluralLabel","fields","onClose","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","fieldName","hasMany","useAsTitle","Actions","el","singular","to","withMargin","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { WhereBuilder } from '../../elements/WhereBuilder/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, hasActiveFilters, isGroupingBy, query } = useListQuery()\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n  const [isWhereOpen, setIsWhereOpen] = useState(hasActiveFilters)\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n      setIsWhereOpen(false)\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [query?.where])\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const queryParam = hierarchyData.parentFieldName || 'parent'\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <CollectionListHeader\n              collectionConfig={collectionConfig}\n              Description={\n                Description || collectionConfig?.admin?.description ? (\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                ) : undefined\n              }\n              disableBulkDelete={disableBulkDelete}\n              disableBulkEdit={disableBulkEdit}\n              hasCreatePermission={hasCreatePermission}\n              hasDeletePermission={hasDeletePermission}\n              hasTrashPermission={hasTrashPermission}\n              i18n={i18n}\n              isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n              isTrashEnabled={isTrashEnabled}\n              newDocumentURL={newDocumentURL}\n              openBulkUpload={openBulkUpload}\n              smallBreak={smallBreak}\n              viewType={viewType}\n            />\n            <ListControls\n              beforeActions={\n                enableRowSelections && typeof onBulkSelect === 'function'\n                  ? beforeActions\n                    ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                  : beforeActions\n              }\n              collectionConfig={collectionConfig}\n              collectionSlug={collectionSlug}\n              disableQueryPresets={\n                collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n              }\n              hasCreatePermission={hasCreatePermission && viewType !== 'trash'}\n              isWhereOpen={isWhereOpen}\n              listMenuItems={listMenuItems}\n              newDocumentURL={newDocumentURL}\n              onWhereToggle={() => setIsWhereOpen((prev) => !prev)}\n              queryPreset={queryPreset}\n              queryPresetPermissions={queryPresetPermissions}\n              renderedFilters={renderedFilters}\n              resolvedFilterOptions={resolvedFilterOptions}\n            />\n            {isWhereOpen && (\n              <WhereBuilder\n                collectionPluralLabel={collectionConfig?.labels?.plural}\n                collectionSlug={collectionSlug}\n                fields={collectionConfig?.fields}\n                onClose={() => setIsWhereOpen(false)}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n            )}\n            {BeforeListTable}\n            {hierarchyData ? (\n              <DocumentSelectionProvider\n                collectionData={{\n                  [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                  ...Object.fromEntries(\n                    Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => [slug, { docs: related.result.docs }],\n                    ),\n                  ),\n                }}\n              >\n                <HierarchyTable\n                  childrenData={hierarchyData.childrenData}\n                  collectionSlug={collectionSlug}\n                  hierarchyLabel={collectionLabel}\n                  key={hierarchyData.parentId}\n                  parentId={hierarchyData.parentId}\n                  relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                    ([slug, related]) => ({\n                      collectionSlug: slug,\n                      data: related.result,\n                      fieldName: related.fieldName,\n                      hasMany: related.hasMany,\n                      label: related.label,\n                    }),\n                  )}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                />\n                <DocumentListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                />\n              </DocumentSelectionProvider>\n            ) : docs?.length > 0 ? (\n              <RelationshipProvider>{Table}</RelationshipProvider>\n            ) : null}\n            {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n            {docs?.length === 0 && (\n              <NoListResults\n                Actions={\n                  hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                    ? [\n                        isInDrawer ? (\n                          <Button\n                            el=\"button\"\n                            key=\"create\"\n                            onClick={() => openModal(createNewDrawerSlug)}\n                          >\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ) : (\n                          <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ),\n                      ]\n                    : []\n                }\n                description={\n                  viewType === 'trash'\n                    ? i18n.t('general:noTrashResults', {\n                        label: getTranslation(labels?.plural, i18n),\n                      })\n                    : i18n.t('general:noResultsDescription')\n                }\n                title={viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined}\n                withMargin\n              />\n            )}\n            {AfterListTable}\n            {AfterList}\n            {docs?.length > 0 && !isGroupingBy && (\n              <PageControls\n                AfterPageControls={\n                  smallBreak ? (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection\n                        collectionConfig={collectionConfig}\n                        disableBulkDelete={disableBulkDelete}\n                        disableBulkEdit={disableBulkEdit}\n                        label={collectionLabel}\n                        showSelectAllAcrossPages={!isGroupingBy}\n                      />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        {enableRowSelections && typeof onBulkSelect === 'function'\n                          ? beforeActions\n                            ? [\n                                ...beforeActions,\n                                <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                              ]\n                            : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                          : beforeActions}\n                      </div>\n                    </div>\n                  ) : null\n                }\n                collectionConfig={collectionConfig}\n              />\n            )}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <PageControls collectionConfig={collectionConfig} />\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SAASC,cAAc,EAAEC,cAAc,QAAQ;AAC/C,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE7D,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,SAAS,QAAQ;AAC1B,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,gBAAgBC,KAA0B;EACxD,MAAM;IACJC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC,UAAU;IACVC,eAAe;IACfC,cAAc;IACdC,WAAW;IACXC,WAAW;IACXC,iBAAiB;IACjBC,eAAe;IACfC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAA,EAAqBC,4BAA4B;IACjDC,mBAAmB;IACnBC,kBAAkB;IAClBC,aAAa;IACbC,aAAa;IACbC,cAAc;IACdC,WAAW;IACXC,sBAAsB;IACtBC,eAAe;IACfC,qBAAqB;IACrBC,KAAA,EAAOC,YAAY;IACnBC;EAAQ,CACT,GAAG1B,KAAA;EAEJ,MAAM,CAACwB,KAAA,CAAM,GAAGvC,oBAAA,CAAqBwC,YAAA;EAErC,MAAM;IAAEE,WAAW;IAAEC,mBAAmB;IAAEC,UAAU;IAAEC;EAAY,CAAE,GAAGvD,oBAAA;EAEvE,MAAMsC,mBAAA,GACJc,WAAA,KAAgBI,SAAA,GACZJ,WAAA,IAAeb,4BAAA,GACfA,4BAAA;EAEN,MAAM;IACJkB,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,KAAA,EAAOC;MAAU,CAAE;MAC7BC;IAAS,CACV;IACDC;EAAe,CAChB,GAAGnD,SAAA;EACJ,MAAMoD,MAAA,GAASjD,SAAA;EAEf,MAAM;IAAEkD,IAAI;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC;EAAK,CAAE,GAAGtD,YAAA;EAExD,MAAMuD,aAAA,GAAgBzE,MAAA,CAAO0E,OAAA,CAAQF,KAAA,EAAOG,KAAA;EAC5C,MAAM,CAACC,WAAA,EAAaC,cAAA,CAAe,GAAG5E,QAAA,CAASqE,gBAAA;EAE/CvE,SAAA,CAAU;IACR,IAAI0E,aAAA,CAAcK,OAAO,IAAI,CAACN,KAAA,EAAOG,KAAA,EAAO;MAC1CF,aAAA,CAAcK,OAAO,GAAG;MACxBD,cAAA,CAAe;IACjB,OAAO,IAAIL,KAAA,EAAOG,KAAA,EAAO;MACvBF,aAAA,CAAcK,OAAO,GAAG;IAC1B;EACF,GAAG,CAACN,KAAA,EAAOG,KAAA,CAAM;EAEjB,MAAM;IAAEI;EAAS,CAAE,GAAGzE,QAAA;EACtB,MAAM;IAAE0E,UAAA,EAAYC,oBAAoB;IAAEC,iBAAiB;IAAEC;EAAY,CAAE,GAAGjF,aAAA;EAE9E,MAAMkF,gBAAA,GAAmBjB,eAAA,CAAgB;IAAE/B;EAAe;EAE1D,MAAM;IAAEiD,MAAM;IAAEC;EAAM,CAAE,GAAGF,gBAAA;EAE3B,MAAMG,kBAAA,GAAqBb,OAAA,CAAQY,MAAA;EAEnC,MAAME,mBAAA,GAAsBD,kBAAA,IAAsBH,gBAAA,CAAiBE,MAAM,CAACG,UAAU;EAEpF,MAAMC,cAAA,GAAiBhB,OAAA,CAAQU,gBAAA,CAAiBO,KAAK;EAErD,MAAM;IAAEC;EAAI,CAAE,GAAGtE,cAAA;EAEjB,MAAMuE,eAAA,GAAkBnG,cAAA,CAAe2F,MAAA,EAAQS,MAAA,EAAQF,IAAA;EAEvD,MAAM;IAAEG;EAAU,CAAE,GAAGpF,UAAA;EAEvB,MAAM;IACJqF,WAAA,EAAa;MAAEC,CAAA,EAAGC;IAAU;EAAE,CAC/B,GAAG3E,aAAA;EAEJ,MAAM4E,IAAA,GAAOtG,KAAA,CAAMuG,OAAO,CAAC;IACzB,IAAIb,kBAAA,EAAoB;MACtB,OAAOlB,IAAA,CAAK8B,IAAI,CAACE,GAAG,CAAEC,GAAA;QACpB,OAAO;UACL,GAAGA,GAAG;UACNC,QAAA,EAAU3G,cAAA,CAAe0G,GAAA,CAAIC,QAAQ;QACvC;MACF;IACF,OAAO;MACL,OAAOlC,IAAA,EAAM8B,IAAA;IACf;EACF,GAAG,CAAC9B,IAAA,EAAM8B,IAAA,EAAMZ,kBAAA,CAAmB;EAEnC,MAAMiB,cAAA,GAAiB3G,KAAA,CAAM4G,WAAW,CAAC;IACvCvB,iBAAA,CAAkB9C,cAAA;IAClB2C,SAAA,CAAUE,oBAAA;IACVE,YAAA,CAAa,MAAMf,MAAA,CAAOsC,OAAO;EACnC,GAAG,CAACtC,MAAA,EAAQhC,cAAA,EAAgB6C,oBAAA,EAAsBF,SAAA,EAAWG,iBAAA,EAAmBC,YAAA,CAAa;EAE7FpF,SAAA,CAAU;IACR,IAAI,CAAC4D,UAAA,EAAY;MACf,MAAMgD,SAAA,GAAY;QAChBC,KAAA,EAAOf,eAAA;QACPgB,GAAA,EACE9D,aAAA,IAAkB2C,cAAA,IAAkBlC,QAAA,KAAa,UAC7C7D,cAAA,CAAe;UACbsE,UAAA;UACA6C,IAAA,EAAM,gBAAgB1E,cAAA;QACxB,KACAyB;MACR;MAEA,MAAMkD,UAAA,GAAa;QACjBH,KAAA,EAAOhB,IAAA,CAAKoB,CAAC,CAAC;MAChB;MAEA,IAAIC,QAAA,GAAWvB,cAAA,IAAkBlC,QAAA,KAAa,UAAU,CAACmD,SAAA,EAAWI,UAAA,CAAW,GAAG,CAACJ,SAAA,CAAU;MAE7F;MACA,IAAI5D,aAAA,EAAemE,WAAA,EAAa;QAC9B,MAAMC,UAAA,GAAapE,aAAA,CAAcqE,eAAe,IAAI;QACpD,MAAMC,oBAAA,GAAuBtE,aAAA,CAAcmE,WAAW,CAACb,GAAG,CAAC,CAACiB,KAAA,EAAOC,KAAA;UACjE,MAAMC,MAAA,GAASD,KAAA,KAAUxE,aAAA,CAAcmE,WAAW,CAACO,MAAM,GAAG;UAC5D,OAAO;YACLb,KAAA,EAAOU,KAAA,CAAMI,KAAK;YAClBb,GAAA,EAAKW,MAAA,GACD3D,SAAA,GACAlE,cAAA,CAAe;cACbsE,UAAA;cACA6C,IAAA,EAAM,gBAAgB1E,cAAA,IAAkB+E,UAAA,IAAcG,KAAA,CAAMK,EAAE;YAChE;UACN;QACF;QACAV,QAAA,GAAW,C,GAAIA,QAAA,E,GAAaI,oBAAA,CAAqB;MACnD;MAEAtB,UAAA,CAAWkB,QAAA;IACb;EACF,GAAG,CACDhD,UAAA,EACA8B,UAAA,EACA7B,SAAA,EACAmB,MAAA,EACA1B,UAAA,EACA+B,cAAA,EACAlC,QAAA,EACAoC,IAAA,EACAxD,cAAA,EACAW,aAAA,EACA8C,eAAA,CACD;EAED,oBACE+B,KAAA,CAAC9H,QAAA;4BACC+H,IAAA,CAACxG,oBAAA;MAAqBe,cAAA,EAAgBA,cAAA;MAAgBC,WAAA,EAAaA,WAAA;gBACjE,aAAAwF,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGlG,SAAA,IAAaA,SAAA,KAAcQ,cAAA,EAAgB;kBAC5D,aAAAwF,KAAA,CAACxG,iBAAA;UAAkB+E,IAAA,EAAMA,IAAA;UAAM4B,SAAA,EAAW1D,IAAA,EAAM0D,SAAA;qBAC7C7F,UAAA,E,aACD2F,IAAA,CAAClG,oBAAA;YACCyD,gBAAA,EAAkBA,gBAAA;YAClB9C,WAAA,EACEA,WAAA,IAAe8C,gBAAA,EAAkBpB,KAAA,EAAOgE,WAAA,gBACtCH,IAAA,CAAC;cAAIC,SAAA,EAAW,GAAGlG,SAAA,cAAuB;wBACxC,aAAAiG,IAAA,CAACpH,qBAAA;gBACCwH,eAAA,EAAiB3F,WAAA;gBACjB4F,QAAA,eACEL,IAAA,CAAChH,eAAA;kBACCuB,cAAA,EAAgBA,cAAA;kBAChB4F,WAAA,EAAa5C,gBAAA,EAAkBpB,KAAA,EAAOgE;;;iBAK5CnE,SAAA;YAENtB,iBAAA,EAAmBA,iBAAA;YACnBC,eAAA,EAAiBA,eAAA;YACjBG,mBAAA,EAAqBA,mBAAA;YACrBE,mBAAA,EAAqBA,mBAAA;YACrBC,kBAAA,EAAoBA,kBAAA;YACpB8C,IAAA,EAAMA,IAAA;YACNJ,mBAAA,EAAqBA,mBAAA,IAAuB,CAACF,MAAA,CAAO6C,qBAAqB;YACzEzC,cAAA,EAAgBA,cAAA;YAChBzC,cAAA,EAAgBA,cAAA;YAChBuD,cAAA,EAAgBA,cAAA;YAChBN,UAAA,EAAYA,UAAA;YACZ1C,QAAA,EAAUA;2BAEZqE,IAAA,CAACzH,YAAA;YACC6B,aAAA,EACES,mBAAA,IAAuB,OAAOkB,YAAA,KAAiB,aAC3C3B,aAAA,GACE,C,GAAIA,aAAA,E,aAAe4F,IAAA,CAACnH,UAAA;cAA6B0H,OAAA,EAASxE;eAAvB,eAAwC,GAC3E,C,aAACiE,IAAA,CAACnH,UAAA;cAA6B0H,OAAA,EAASxE;eAAvB,eAAwC,GAC3D3B,aAAA;YAENmD,gBAAA,EAAkBA,gBAAA;YAClBhD,cAAA,EAAgBA,cAAA;YAChBK,mBAAA,EACE2C,gBAAA,EAAkBiD,kBAAA,KAAuB,QAAQ5F,mBAAA;YAEnDE,mBAAA,EAAqBA,mBAAA,IAAuBa,QAAA,KAAa;YACzDoB,WAAA,EAAaA,WAAA;YACb5B,aAAA,EAAeA,aAAA;YACfC,cAAA,EAAgBA,cAAA;YAChBqF,aAAA,EAAeA,CAAA,KAAMzD,cAAA,CAAgB0D,IAAA,IAAS,CAACA,IAAA;YAC/CrF,WAAA,EAAaA,WAAA;YACbC,sBAAA,EAAwBA,sBAAA;YACxBC,eAAA,EAAiBA,eAAA;YACjBC,qBAAA,EAAuBA;cAExBuB,WAAA,iBACCiD,IAAA,CAAC/G,YAAA;YACC0H,qBAAA,EAAuBpD,gBAAA,EAAkBC,MAAA,EAAQS,MAAA;YACjD1D,cAAA,EAAgBA,cAAA;YAChBqG,MAAA,EAAQrD,gBAAA,EAAkBqD,MAAA;YAC1BC,OAAA,EAASA,CAAA,KAAM7D,cAAA,CAAe;YAC9BzB,eAAA,EAAiBA,eAAA;YACjBC,qBAAA,EAAuBA;cAG1BlB,eAAA,EACAY,aAAA,gBACC6E,KAAA,CAAC3G,yBAAA;YACC0H,cAAA,EAAgB;cACd,CAACvG,cAAA,GAAiB;gBAAE+D,IAAA,EAAMpD,aAAA,CAAc6F,YAAY,CAACzC;cAAK;cAC1D,GAAG0C,MAAA,CAAOC,WAAW,CACnBD,MAAA,CAAOE,OAAO,CAAChG,aAAA,CAAciG,4BAA4B,EAAE3C,GAAG,CAC5D,CAAC,CAAC4C,IAAA,EAAMC,OAAA,CAAQ,KAAK,CAACD,IAAA,EAAM;gBAAE9C,IAAA,EAAM+C,OAAA,CAAQC,MAAM,CAAChD;cAAK,EAAE;YAGhE;oCAEA0B,IAAA,CAACnG,cAAA;cACCkH,YAAA,EAAc7F,aAAA,CAAc6F,YAAY;cACxCxG,cAAA,EAAgBA,cAAA;cAChBgH,cAAA,EAAgBvD,eAAA;cAEhBwD,QAAA,EAAUtG,aAAA,CAAcsG,QAAQ;cAChCC,aAAA,EAAeT,MAAA,CAAOE,OAAO,CAAChG,aAAA,CAAciG,4BAA4B,EAAE3C,GAAG,CAC3E,CAAC,CAAC4C,MAAA,EAAMC,SAAA,CAAQ,MAAM;gBACpB9G,cAAA,EAAgB6G,MAAA;gBAChB5E,IAAA,EAAM6E,SAAA,CAAQC,MAAM;gBACpBI,SAAA,EAAWL,SAAA,CAAQK,SAAS;gBAC5BC,OAAA,EAASN,SAAA,CAAQM,OAAO;gBACxB5C,KAAA,EAAOsC,SAAA,CAAQtC;cACjB;cAEF6C,UAAA,EAAYrE,gBAAA,EAAkBpB,KAAA,EAAOyF,UAAA,IAAc;eAX9C1G,aAAA,CAAcsG,QAAQ,G,aAa7BxB,IAAA,CAACpG,qBAAA;cACCc,iBAAA,EAAmBA,iBAAA;cACnBC,eAAA,EAAiBA;;eAGnB2D,IAAA,EAAMsB,MAAA,GAAS,iBACjBI,IAAA,CAACjH,oBAAA;sBAAsB0C;eACrB,MAEH6C,IAAA,EAAMsB,MAAA,KAAW,kBAChBI,IAAA,CAACtH,aAAA;YACCmJ,OAAA,EACE/G,mBAAA,IAAuBM,cAAA,IAAkBO,QAAA,KAAa,UAClD,CACEG,UAAA,gBACEkE,IAAA,CAAC1H,MAAA;cACCwJ,EAAA,EAAG;cAEHvB,OAAA,EAASA,CAAA,KAAMrD,SAAA,CAAUrB,mBAAA;wBAExBkC,IAAA,CAAKoB,CAAC,CAAC,0BAA0B;gBAChCJ,KAAA,EAAOlH,cAAA,CAAe2F,MAAA,EAAQuE,QAAA,EAAUhE,IAAA;cAC1C;eALI,yBAQNiC,IAAA,CAAC1H,MAAA;cAAOwJ,EAAA,EAAG;cAAoBE,EAAA,EAAI5G,cAAA;wBAChC2C,IAAA,CAAKoB,CAAC,CAAC,0BAA0B;gBAChCJ,KAAA,EAAOlH,cAAA,CAAe2F,MAAA,EAAQuE,QAAA,EAAUhE,IAAA;cAC1C;eAHoB,UAMzB,GACD,EAAE;YAERoC,WAAA,EACExE,QAAA,KAAa,UACToC,IAAA,CAAKoB,CAAC,CAAC,0BAA0B;cAC/BJ,KAAA,EAAOlH,cAAA,CAAe2F,MAAA,EAAQS,MAAA,EAAQF,IAAA;YACxC,KACAA,IAAA,CAAKoB,CAAC,CAAC;YAEbU,KAAA,EAAOlE,QAAA,KAAa,UAAUoC,IAAA,CAAKoB,CAAC,CAAC,4BAA4BnD,SAAA;YACjEiG,UAAU;cAGb9H,cAAA,EACAD,SAAA,EACAoE,IAAA,EAAMsB,MAAA,GAAS,KAAK,CAAClD,YAAA,iBACpBsD,IAAA,CAACrH,YAAA;YACCuJ,iBAAA,EACE7D,UAAA,gBACE0B,KAAA,CAAC;cAAIE,SAAA,EAAW,GAAGlG,SAAA,kBAA2B;sCAC5CiG,IAAA,CAACrG,aAAA;gBACC4D,gBAAA,EAAkBA,gBAAA;gBAClB7C,iBAAA,EAAmBA,iBAAA;gBACnBC,eAAA,EAAiBA,eAAA;gBACjBoE,KAAA,EAAOf,eAAA;gBACPmE,wBAAA,EAA0B,CAACzF;+BAE7BsD,IAAA,CAAC;gBAAIC,SAAA,EAAW,GAAGlG,SAAA,0BAAmC;0BACnDc,mBAAA,IAAuB,OAAOkB,YAAA,KAAiB,aAC5C3B,aAAA,GACE,C,GACKA,aAAA,E,aACH4F,IAAA,CAACnH,UAAA;kBAA6B0H,OAAA,EAASxE;mBAAvB,eACjB,GACD,C,aAACiE,IAAA,CAACnH,UAAA;kBAA6B0H,OAAA,EAASxE;mBAAvB,eAAwC,GAC3D3B;;iBAGN;YAENmD,gBAAA,EAAkBA;;;;QAM3Be,IAAA,EAAMsB,MAAA,GAAS,KAAKlD,YAAA,IAAgBF,IAAA,CAAK4F,UAAU,GAAG,kBACrDpC,IAAA,CAACrH,YAAA;MAAa4E,gBAAA,EAAkBA;;;AAIxC","ignoreList":[]}

package/dist/views/List/index.css

@@ -116,4 +116,8 @@
       border-radius: 0;
     }
   }
+
+  .list-view__not-found-banner {
+    margin: var(--spacer-2-5) var(--gutter-h);
+  }
 }

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

@@ -1,5 +1,43 @@
-import type { ListViewClientProps } from 'payload';
+import type { AdminViewServerProps, ListQuery, ListViewClientProps, ListViewServerPropsOnly, PayloadComponent } from 'payload';
 import React from 'react';
 import './index.css';
-export declare function DefaultListView(props: ListViewClientProps): React.JSX.Element;
+/**
+ * @internal
+ */
+export type RenderListViewArgs = {
+    /**
+     * Allows providing your own list view component. This will override the default list view component and
+     * the collection's configured list view component (if any).
+     */
+    ComponentOverride?: PayloadComponent | React.ComponentType<ListViewClientProps | (ListViewClientProps & ListViewServerPropsOnly)>;
+    customCellProps?: Record<string, any>;
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    disableQueryPresets?: boolean;
+    drawerSlug?: string;
+    enableRowSelections: boolean;
+    overrideEntityVisibility?: boolean;
+    /**
+     * If not ListQuery is provided, `req.query` will be used.
+     */
+    query?: ListQuery;
+    redirectAfterDelete?: boolean;
+    redirectAfterDuplicate?: boolean;
+    /**
+     * @experimental This prop is subject to change in future releases.
+     */
+    trash?: boolean;
+} & AdminViewServerProps;
+/**
+ * This function is responsible for rendering
+ * the list view on the server for both:
+ *  - default list view
+ *  - list view within drawers
+ *
+ * @internal
+ */
+export declare const renderListView: (args: RenderListViewArgs) => Promise<{
+    List: React.ReactNode;
+}>;
+export declare const ListView: React.FC<RenderListViewArgs>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AA2BlD,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAwTzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAKpB,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAGjB,MAAM,SAAS,CAAA;AAYhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EACd,gBAAgB,GAChB,KAAK,CAAC,aAAa,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAA;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,oBAAoB,CAAA;AAExB;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,kBAAkB,KACvB,OAAO,CAAC;IACT,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAgeA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}