@payloadcms/next 3.0.0-canary.7660f90 → 3.0.0-canary.78bbed6

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

@@ -1,30 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, DeleteMany, EditMany, Gutter, ListControls, ListSelection, Pagination, PerPage, Pill, PublishMany, RelationshipProvider, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, useComponentMap, useConfig, useEditDepth, useListInfo, useListQuery, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui';
+import { BulkUploadDrawer, Button, DeleteMany, EditMany, Gutter, ListControls, ListHeader, ListSelection, Pagination, PerPage, PopupList, PublishMany, RelationshipProvider, RenderComponent, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, ViewDescription, bulkUploadDrawerSlug, useConfig, useEditDepth, useListInfo, useListQuery, useModal, useRouteCache, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
 import { formatFilesize, isNumber } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
 const baseClass = 'collection-list';
 const Link = LinkImport.default || LinkImport;
 export const DefaultListView = ()=>{
-    const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo();
+    const { Header, beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit, hasCreatePermission, newDocumentURL } = useListInfo();
     const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery();
     const { searchParams } = useSearchParams();
-    const config = useConfig();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
+    const { openModal } = useModal();
+    const { clearRouteCache } = useRouteCache();
+    const { getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
         collectionSlug
     });
-    const { AfterList, AfterListTable, BeforeList, BeforeListTable, Description, actionsMap, fieldMap } = componentMap || {};
-    const collectionConfig = config.collections.find((collection)=>collection.slug === collectionSlug);
-    const { labels } = collectionConfig;
-    const { i18n } = useTranslation();
+    const { admin: { components: { Description, afterList, afterListTable, beforeList, beforeListTable, views: { list: { actions } } }, description }, fields, labels } = collectionConfig;
+    const { i18n, t } = useTranslation();
     const drawerDepth = useEditDepth();
     const { setStepNav } = useStepNav();
     const { breakpoints: { s: smallBreak } } = useWindowInfo();
     let docs = data.docs || [];
-    if (collectionConfig.upload) {
+    const isUploadCollection = Boolean(collectionConfig.upload);
+    if (isUploadCollection) {
         docs = docs?.map((doc)=>{
             return {
                 ...doc,
@@ -46,47 +46,63 @@ export const DefaultListView = ()=>{
         drawerDepth
     ]);
     return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
+        className: `${baseClass} ${baseClass}--${collectionSlug}`,
         children: [
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: actionsMap?.List
+                actions: actions
+            }),
+            /*#__PURE__*/ _jsx(RenderComponent, {
+                mappedComponent: beforeList
             }),
-            BeforeList,
             /*#__PURE__*/ _jsx(SelectionProvider, {
                 docs: data.docs,
                 totalDocs: data.totalDocs,
                 children: /*#__PURE__*/ _jsxs(Gutter, {
                     className: `${baseClass}__wrap`,
                     children: [
-                        /*#__PURE__*/ _jsx("header", {
-                            className: `${baseClass}__header`,
-                            children: Header || /*#__PURE__*/ _jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ _jsx("h1", {
-                                        children: getTranslation(labels?.plural, i18n)
-                                    }),
-                                    hasCreatePermission && /*#__PURE__*/ _jsx(Pill, {
-                                        "aria-label": i18n.t('general:createNewLabel', {
-                                            label: getTranslation(labels?.singular, i18n)
-                                        }),
-                                        to: newDocumentURL,
-                                        children: i18n.t('general:createNew')
-                                    }),
-                                    !smallBreak && /*#__PURE__*/ _jsx(ListSelection, {
-                                        label: getTranslation(collectionConfig.labels.plural, i18n)
+                        Header || /*#__PURE__*/ _jsxs(ListHeader, {
+                            heading: getTranslation(labels?.plural, i18n),
+                            children: [
+                                hasCreatePermission && /*#__PURE__*/ _jsx(Button, {
+                                    Link: Link,
+                                    SubMenuPopupContent: isUploadCollection && collectionConfig.upload.bulkUpload ? /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
+                                        children: /*#__PURE__*/ _jsx(PopupList.Button, {
+                                            onClick: ()=>openModal(bulkUploadDrawerSlug),
+                                            children: t('upload:bulkUpload')
+                                        })
+                                    }) : null,
+                                    "aria-label": i18n.t('general:createNewLabel', {
+                                        label: getTranslation(labels?.singular, i18n)
                                     }),
-                                    Description && /*#__PURE__*/ _jsx("div", {
-                                        className: `${baseClass}__sub-header`,
-                                        children: Description
+                                    buttonStyle: "pill",
+                                    el: "link",
+                                    size: "small",
+                                    to: newDocumentURL,
+                                    children: i18n.t('general:createNew')
+                                }),
+                                !smallBreak && /*#__PURE__*/ _jsx(ListSelection, {
+                                    label: getTranslation(collectionConfig.labels.plural, i18n)
+                                }),
+                                (description || Description) && /*#__PURE__*/ _jsx("div", {
+                                    className: `${baseClass}__sub-header`,
+                                    children: /*#__PURE__*/ _jsx(ViewDescription, {
+                                        Description: Description,
+                                        description: description
                                     })
-                                ]
-                            })
+                                }),
+                                isUploadCollection && collectionConfig.upload.bulkUpload ? /*#__PURE__*/ _jsx(BulkUploadDrawer, {
+                                    collectionSlug: collectionSlug,
+                                    onSuccess: ()=>clearRouteCache()
+                                }) : null
+                            ]
                         }),
                         /*#__PURE__*/ _jsx(ListControls, {
                             collectionConfig: collectionConfig,
-                            fieldMap: fieldMap
+                            fields: fields
+                        }),
+                        /*#__PURE__*/ _jsx(RenderComponent, {
+                            mappedComponent: beforeListTable
                         }),
-                        BeforeListTable,
                         !data.docs && /*#__PURE__*/ _jsx(StaggeredShimmers, {
                             className: [
                                 `${baseClass}__shimmer`,
@@ -101,7 +117,7 @@ export const DefaultListView = ()=>{
                                     uploadConfig: collectionConfig.upload
                                 },
                                 data: docs,
-                                fieldMap: fieldMap
+                                fields: fields
                             })
                         }),
                         data.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
@@ -122,7 +138,9 @@ export const DefaultListView = ()=>{
                                 })
                             ]
                         }),
-                        AfterListTable,
+                        /*#__PURE__*/ _jsx(RenderComponent, {
+                            mappedComponent: afterListTable
+                        }),
                         data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxs("div", {
                             className: `${baseClass}__page-controls`,
                             children: [
@@ -132,7 +150,7 @@ export const DefaultListView = ()=>{
                                     limit: data.limit,
                                     nextPage: data.nextPage,
                                     numberOfNeighbors: 1,
-                                    onChange: handlePageChange,
+                                    onChange: (page)=>void handlePageChange(page),
                                     page: data.page,
                                     prevPage: data.prevPage,
                                     totalPages: data.totalPages
@@ -152,38 +170,41 @@ export const DefaultListView = ()=>{
                                             ]
                                         }),
                                         /*#__PURE__*/ _jsx(PerPage, {
-                                            handleChange: handlePerPageChange,
+                                            handleChange: (limit)=>void handlePerPageChange(limit),
                                             limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
                                             limits: collectionConfig?.admin?.pagination?.limits,
                                             resetPage: data.totalDocs <= data.pagingCounter
                                         }),
-                                        smallBreak && /*#__PURE__*/ _jsx("div", {
+                                        smallBreak && /*#__PURE__*/ _jsxs("div", {
                                             className: `${baseClass}__list-selection`,
-                                            children: /*#__PURE__*/ _jsxs(Fragment, {
-                                                children: [
-                                                    /*#__PURE__*/ _jsx(ListSelection, {
-                                                        label: getTranslation(collectionConfig.labels.plural, i18n)
-                                                    }),
-                                                    /*#__PURE__*/ _jsxs("div", {
-                                                        className: `${baseClass}__list-selection-actions`,
-                                                        children: [
-                                                            /*#__PURE__*/ _jsx(EditMany, {
-                                                                collection: collectionConfig,
-                                                                fieldMap: fieldMap
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(PublishMany, {
-                                                                collection: collectionConfig
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(UnpublishMany, {
-                                                                collection: collectionConfig
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(DeleteMany, {
-                                                                collection: collectionConfig
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
+                                            children: [
+                                                /*#__PURE__*/ _jsx(ListSelection, {
+                                                    label: getTranslation(collectionConfig.labels.plural, i18n)
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: `${baseClass}__list-selection-actions`,
+                                                    children: [
+                                                        beforeActions && beforeActions,
+                                                        !disableBulkEdit && /*#__PURE__*/ _jsxs(Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(EditMany, {
+                                                                    collection: collectionConfig,
+                                                                    fields: fields
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(PublishMany, {
+                                                                    collection: collectionConfig
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(UnpublishMany, {
+                                                                    collection: collectionConfig
+                                                                })
+                                                            ]
+                                                        }),
+                                                        !disableBulkDelete && /*#__PURE__*/ _jsx(DeleteMany, {
+                                                            collection: collectionConfig
+                                                        })
+                                                    ]
+                                                })
+                                            ]
                                         })
                                     ]
                                 })
@@ -192,7 +213,9 @@ export const DefaultListView = ()=>{
                     ]
                 })
             }),
-            AfterList
+            /*#__PURE__*/ _jsx(RenderComponent, {
+                mappedComponent: afterList
+            })
         ]
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListSelection,\n  Pagination,\n  PerPage,\n  Pill,\n  PublishMany,\n  RelationshipProvider,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  useComponentMap,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\n          {BeforeListTable}\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {AfterListTable}\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={handlePageChange}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","RelationshipProvider","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,oBAAoB,EACpBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,KAAK,EACLC,aAAa,EACbC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,eAAe,EACfC,UAAU,EACVC,cAAc,EACdC,aAAa,QACR,iBAAgB;AACvB,OAAOC,gBAAgB,eAAc;AACrC,SAASC,cAAc,EAAEC,QAAQ,QAAQ,iBAAgB;AACzD,OAAOC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AAIlD,MAAMC,YAAY;AAClB,MAAMC,OAAQP,WAAWQ,OAAO,IAAIR;AAEpC,OAAO,MAAMS,kBAA4B;IACvC,MAAM,EAAEC,MAAM,EAAEC,cAAc,EAAEC,mBAAmB,EAAEC,cAAc,EAAE,GAAGnB;IACxE,MAAM,EAAEoB,IAAI,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAE,GAAGtB;IACtE,MAAM,EAAEuB,YAAY,EAAE,GAAGtB;IAEzB,MAAMuB,SAAS3B;IAEf,MAAM,EAAE4B,eAAe,EAAE,GAAG7B;IAE5B,MAAM8B,eAAeD,gBAAgB;QAAET;IAAe;IAEtD,MAAM,EACJW,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,eAAe,EACfC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACT,GAAGP,gBAAgB,CAAC;IAErB,MAAMQ,mBAAmBV,OAAOW,WAAW,CAACC,IAAI,CAC9C,CAACC,aAAeA,WAAWC,IAAI,KAAKtB;IAGtC,MAAM,EAAEuB,MAAM,EAAE,GAAGL;IAEnB,MAAM,EAAEM,IAAI,EAAE,GAAGrC;IAEjB,MAAMsC,cAAc3C;IAEpB,MAAM,EAAE4C,UAAU,EAAE,GAAGxC;IAEvB,MAAM,EACJyC,aAAa,EAAEC,GAAGC,UAAU,EAAE,EAC/B,GAAGzC;IAEJ,IAAI0C,OAAO3B,KAAK2B,IAAI,IAAI,EAAE;IAE1B,IAAIZ,iBAAiBa,MAAM,EAAE;QAC3BD,OAAOA,MAAME,IAAI,CAACC;YAChB,OAAO;gBACL,GAAGA,GAAG;gBACNC,UAAU5C,eAAe2C,IAAIC,QAAQ;YACvC;QACF;IACF;IAEAxC,UAAU;QACR,IAAI+B,eAAe,GAAG;YACpBC,WAAW;gBACT;oBACES,OAAOZ,QAAQa;gBACjB;aACD;QACH;IACF,GAAG;QAACV;QAAYH;QAAQE;KAAY;IAEpC,qBACE,MAACY;QAAIC,WAAW3C;;0BACd,KAACnB;gBAAe+D,SAASvB,YAAYwB;;YACpC3B;0BACD,KAACtC;gBAAkBuD,MAAM3B,KAAK2B,IAAI;gBAAEW,WAAWtC,KAAKsC,SAAS;0BAC3D,cAAA,MAAC1E;oBAAOuE,WAAW,CAAC,EAAE3C,UAAU,MAAM,CAAC;;sCACrC,KAAC+C;4BAAOJ,WAAW,CAAC,EAAE3C,UAAU,QAAQ,CAAC;sCACtCI,wBACC,MAACN;;kDACC,KAACkD;kDAAIhF,eAAe4D,QAAQa,QAAQZ;;oCACnCvB,qCACC,KAAC7B;wCACCwE,cAAYpB,KAAKqB,CAAC,CAAC,0BAA0B;4CAC3CV,OAAOxE,eAAe4D,QAAQuB,UAAUtB;wCAC1C;wCACAuB,IAAI7C;kDAEHsB,KAAKqB,CAAC,CAAC;;oCAGX,CAAChB,4BACA,KAAC5D;wCAAckE,OAAOxE,eAAeuD,iBAAiBK,MAAM,CAACa,MAAM,EAAEZ;;oCAEtET,6BAAe,KAACsB;wCAAIC,WAAW,CAAC,EAAE3C,UAAU,YAAY,CAAC;kDAAGoB;;;;;sCAInE,KAAC/C;4BAAakD,kBAAkBA;4BAAkBD,UAAUA;;wBAC3DH;wBACA,CAACX,KAAK2B,IAAI,kBACT,KAACrD;4BACC6D,WAAW;gCAAC,CAAC,EAAE3C,UAAU,SAAS,CAAC;gCAAE,CAAC,EAAEA,UAAU,eAAe,CAAC;6BAAC,CAACqD,IAAI,CAAC;4BACzEC,OAAO;;wBAGV9C,KAAK2B,IAAI,IAAI3B,KAAK2B,IAAI,CAACoB,MAAM,GAAG,mBAC/B,KAAC5E;sCACC,cAAA,KAACI;gCACCyE,mBAAmB;oCACjBnD;oCACAoD,cAAclC,iBAAiBa,MAAM;gCACvC;gCACA5B,MAAM2B;gCACNb,UAAUA;;;wBAIfd,KAAK2B,IAAI,IAAI3B,KAAK2B,IAAI,CAACoB,MAAM,KAAK,mBACjC,MAACb;4BAAIC,WAAW,CAAC,EAAE3C,UAAU,YAAY,CAAC;;8CACxC,KAAC0D;8CAAG7B,KAAKqB,CAAC,CAAC,qBAAqB;wCAAEV,OAAOxE,eAAe4D,QAAQa,QAAQZ;oCAAM;;gCAC7EvB,uBAAuBC,gCACtB,KAACtC;oCAAOgC,MAAMA;oCAAM0D,IAAG;oCAAOP,IAAI7C;8CAC/BsB,KAAKqB,CAAC,CAAC,0BAA0B;wCAChCV,OAAOxE,eAAe4D,QAAQuB,UAAUtB;oCAC1C;;;;wBAKPZ;wBACAT,KAAK2B,IAAI,IAAI3B,KAAK2B,IAAI,CAACoB,MAAM,GAAG,mBAC/B,MAACb;4BAAIC,WAAW,CAAC,EAAE3C,UAAU,eAAe,CAAC;;8CAC3C,KAACzB;oCACCqF,aAAapD,KAAKoD,WAAW;oCAC7BC,aAAarD,KAAKqD,WAAW;oCAC7BC,OAAOtD,KAAKsD,KAAK;oCACjBC,UAAUvD,KAAKuD,QAAQ;oCACvBC,mBAAmB;oCACnBC,UAAUvD;oCACVwD,MAAM1D,KAAK0D,IAAI;oCACfC,UAAU3D,KAAK2D,QAAQ;oCACvBC,YAAY5D,KAAK4D,UAAU;;gCAE5B5D,MAAMsC,YAAY,mBACjB,MAAChD;;sDACC,MAAC4C;4CAAIC,WAAW,CAAC,EAAE3C,UAAU,WAAW,CAAC;;gDACtCQ,KAAK0D,IAAI,GAAG1D,KAAKsD,KAAK,GAAItD,CAAAA,KAAKsD,KAAK,GAAG,CAAA;gDAAG;gDAC1CtD,KAAK4D,UAAU,GAAG,KAAK5D,KAAK4D,UAAU,KAAK5D,KAAK0D,IAAI,GACjD1D,KAAKsD,KAAK,GAAGtD,KAAK0D,IAAI,GACtB1D,KAAKsC,SAAS;gDAAE;gDACnBjB,KAAKqB,CAAC,CAAC;gDAAc;gDAAE1C,KAAKsC,SAAS;;;sDAExC,KAACtE;4CACC6F,cAAc1D;4CACdmD,OACElE,SAASgB,cAAckD,SAASQ,OAAO1D,aAAakD,KAAK,IAAIrD;4CAE/D8D,QAAQhD,kBAAkBiD,OAAOC,YAAYF;4CAC7CG,WAAWlE,KAAKsC,SAAS,IAAItC,KAAKmE,aAAa;;wCAEhDzC,4BACC,KAACQ;4CAAIC,WAAW,CAAC,EAAE3C,UAAU,gBAAgB,CAAC;sDAC5C,cAAA,MAACF;;kEACC,KAACxB;wDACCkE,OAAOxE,eAAeuD,iBAAiBK,MAAM,CAACa,MAAM,EAAEZ;;kEAExD,MAACa;wDAAIC,WAAW,CAAC,EAAE3C,UAAU,wBAAwB,CAAC;;0EACpD,KAAC7B;gEAASuD,YAAYH;gEAAkBD,UAAUA;;0EAClD,KAAC5C;gEAAYgD,YAAYH;;0EACzB,KAACvC;gEAAc0C,YAAYH;;0EAC3B,KAACrD;gEAAWwD,YAAYH;;;;;;;;;;;;;;YAW3CP;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  BulkUploadDrawer,\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListHeader,\n  ListSelection,\n  Pagination,\n  PerPage,\n  PopupList,\n  PublishMany,\n  RelationshipProvider,\n  RenderComponent,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  ViewDescription,\n  bulkUploadDrawerSlug,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useModal,\n  useRouteCache,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const {\n    Header,\n    beforeActions,\n    collectionSlug,\n    disableBulkDelete,\n    disableBulkEdit,\n    hasCreatePermission,\n    newDocumentURL,\n  } = useListInfo()\n\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n  const { openModal } = useModal()\n  const { clearRouteCache } = useRouteCache()\n\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const {\n    admin: {\n      components: {\n        Description,\n        afterList,\n        afterListTable,\n        beforeList,\n        beforeListTable,\n        views: {\n          list: { actions },\n        },\n      },\n      description,\n    },\n    fields,\n    labels,\n  } = collectionConfig\n\n  const { i18n, t } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  const isUploadCollection = Boolean(collectionConfig.upload)\n\n  if (isUploadCollection) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n      <SetViewActions actions={actions} />\n      <RenderComponent mappedComponent={beforeList} />\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          {Header || (\n            <ListHeader heading={getTranslation(labels?.plural, i18n)}>\n              {hasCreatePermission && (\n                <Button\n                  Link={Link}\n                  SubMenuPopupContent={\n                    isUploadCollection && collectionConfig.upload.bulkUpload ? (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button onClick={() => openModal(bulkUploadDrawerSlug)}>\n                          {t('upload:bulkUpload')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    ) : null\n                  }\n                  aria-label={i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                  buttonStyle=\"pill\"\n                  el=\"link\"\n                  size=\"small\"\n                  to={newDocumentURL}\n                >\n                  {i18n.t('general:createNew')}\n                </Button>\n              )}\n              {!smallBreak && (\n                <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n              )}\n              {(description || Description) && (\n                <div className={`${baseClass}__sub-header`}>\n                  <ViewDescription Description={Description} description={description} />\n                </div>\n              )}\n              {isUploadCollection && collectionConfig.upload.bulkUpload ? (\n                <BulkUploadDrawer\n                  collectionSlug={collectionSlug}\n                  onSuccess={() => clearRouteCache()}\n                />\n              ) : null}\n            </ListHeader>\n          )}\n          <ListControls collectionConfig={collectionConfig} fields={fields} />\n          <RenderComponent mappedComponent={beforeListTable} />\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fields={fields}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          <RenderComponent mappedComponent={afterListTable} />\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={(page) => void handlePageChange(page)}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={(limit) => void handlePerPageChange(limit)}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        {beforeActions && beforeActions}\n                        {!disableBulkEdit && (\n                          <Fragment>\n                            <EditMany collection={collectionConfig} fields={fields} />\n                            <PublishMany collection={collectionConfig} />\n                            <UnpublishMany collection={collectionConfig} />\n                          </Fragment>\n                        )}\n                        {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n                      </div>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      <RenderComponent mappedComponent={afterList} />\n    </div>\n  )\n}\n"],"names":["getTranslation","BulkUploadDrawer","Button","DeleteMany","EditMany","Gutter","ListControls","ListHeader","ListSelection","Pagination","PerPage","PopupList","PublishMany","RelationshipProvider","RenderComponent","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","ViewDescription","bulkUploadDrawerSlug","useConfig","useEditDepth","useListInfo","useListQuery","useModal","useRouteCache","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","openModal","clearRouteCache","getEntityConfig","collectionConfig","admin","components","Description","afterList","afterListTable","beforeList","beforeListTable","views","list","actions","description","fields","labels","i18n","t","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","isUploadCollection","Boolean","upload","map","doc","filesize","label","plural","div","className","mappedComponent","totalDocs","heading","SubMenuPopupContent","bulkUpload","ButtonGroup","onClick","aria-label","singular","buttonStyle","el","size","to","onSuccess","join","count","length","customCellContext","uploadConfig","p","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","pagination","resetPage","pagingCounter","collection"],"mappings":"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"}

package/dist/views/List/Default/index.scss

@@ -2,7 +2,6 @@
 
 .collection-list {
   width: 100%;
-  margin-top: base(0.5);
 
   &__wrap {
     padding-bottom: var(--spacing-view-bottom);
@@ -12,30 +11,20 @@
     }
   }
 
-  &__header {
-    display: flex;
-    align-items: flex-end;
-    flex-wrap: wrap;
-    gap: base(0.75);
-
-    h1 {
-      margin: 0;
-    }
-
+  .list-header {
     a {
       text-decoration: none;
     }
 
-    .pill {
+    .btn--withoutPopup,
+    .btn--withPopup {
       position: relative;
-      top: -14px;
-      margin: 0;
+      margin: 0 0 base(0.2);
     }
   }
 
   &__sub-header {
     flex-basis: 100%;
-    margin-top: base(0.25);
   }
 
   .table {
@@ -57,7 +46,7 @@
       #heading-_select,
       .cell-_select {
         min-width: unset;
-        width: auto;
+        width: base(1);
       }
     }
   }
@@ -98,18 +87,18 @@
     position: fixed;
     bottom: 0;
     z-index: 10;
-    padding: base(0.75) 0;
+    padding: base(0.8) 0;
     width: 100%;
     background-color: var(--theme-bg);
 
     .btn {
-      margin: 0 0 0 base(0.5);
+      margin: 0 0 0 base(0.4);
     }
 
     .btn {
       background-color: var(--theme-elevation-100);
       cursor: pointer;
-      padding: 0 base(0.25);
+      padding: 0 base(0.4);
       border-radius: $style-radius-s;
 
       &:hover {
@@ -183,13 +172,6 @@
   }
 
   @include small-break {
-    margin-top: 0;
-    margin-bottom: base(3);
-
-    &__header {
-      .pill {
-        top: -6px;
-      }
-    }
+    margin-bottom: base(2.4);
   }
 }

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,SAAS,CAAA;AAYpD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8J7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiC,MAAM,SAAS,CAAA;AAa5E,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0L7C,CAAA"}

package/dist/views/List/index.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HydrateClientUser, ListInfoProvider, ListQueryProvider, TableColumnsProvider } from '@payloadcms/ui';
-import { RenderCustomComponent } from '@payloadcms/ui/shared';
+import { HydrateAuthProvider, ListInfoProvider, ListQueryProvider, TableColumnsProvider } from '@payloadcms/ui';
+import { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import { createClientCollectionConfig } from '@payloadcms/ui/utilities/createClientConfig';
 import { notFound } from 'next/navigation.js';
-import { createClientCollectionConfig, mergeListSearchAndWhere } from 'payload';
-import { isNumber, isReactComponentOrFunction } from 'payload/shared';
+import { deepCopyObjectSimple, mergeListSearchAndWhere } from 'payload';
+import { isNumber } from 'payload/shared';
 import React, { Fragment } from 'react';
+import { DefaultEditView } from '../Edit/Default/index.js';
 import { DefaultListView } from './Default/index.js';
 export { generateListMetadata } from './meta.js';
 export const ListView = async ({ initPageResult, params, searchParams })=>{
@@ -23,24 +25,31 @@ export const ListView = async ({ initPageResult, params, searchParams })=>{
             req,
             user,
             where: {
-                key: {
-                    equals: preferenceKey
-                }
+                and: [
+                    {
+                        key: {
+                            equals: preferenceKey
+                        }
+                    },
+                    {
+                        'user.relationTo': {
+                            equals: user.collection
+                        }
+                    },
+                    {
+                        'user.value': {
+                            equals: user?.id
+                        }
+                    }
+                ]
             }
         })?.then((res)=>res?.docs?.[0]?.value);
     } catch (error) {} // eslint-disable-line no-empty
-    const { routes: { admin } } = config;
+    const { routes: { admin: adminRoute } } = config;
     if (collectionConfig) {
-        const { admin: { components: { views: { List: CustomList } = {} } = {} } } = collectionConfig;
         if (!visibleEntities.collections.includes(collectionSlug)) {
             return notFound();
         }
-        let CustomListView = null;
-        if (CustomList && typeof CustomList === 'function') {
-            CustomListView = CustomList;
-        } else if (typeof CustomList === 'object' && isReactComponentOrFunction(CustomList.Component)) {
-            CustomListView = CustomList.Component;
-        }
         const page = isNumber(query?.page) ? Number(query.page) : 0;
         const whereQuery = mergeListSearchAndWhere({
             collectionConfig,
@@ -65,24 +74,54 @@ export const ListView = async ({ initPageResult, params, searchParams })=>{
             user,
             where: whereQuery || {}
         });
-        const viewComponentProps = {
-            collectionSlug,
-            listSearchableFields: collectionConfig.admin.listSearchableFields
-        };
+        const createMappedComponent = getCreateMappedComponent({
+            importMap: payload.importMap,
+            serverProps: {
+                collectionConfig,
+                collectionSlug,
+                data,
+                hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
+                i18n,
+                limit,
+                listPreferences,
+                listSearchableFields: collectionConfig.admin.listSearchableFields,
+                locale: fullLocale,
+                newDocumentURL: formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${collectionSlug}/create`
+                }),
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        });
+        const ListComponent = createMappedComponent(collectionConfig?.admin?.components?.views?.list?.Component, undefined, DefaultListView, 'collectionConfig?.admin?.components?.views?.list?.Component');
+        let clientCollectionConfig = deepCopyObjectSimple(collectionConfig);
+        clientCollectionConfig = createClientCollectionConfig({
+            DefaultEditView,
+            DefaultListView,
+            clientCollection: clientCollectionConfig,
+            collection: collectionConfig,
+            createMappedComponent,
+            i18n,
+            importMap: payload.importMap,
+            payload
+        });
         return /*#__PURE__*/ _jsxs(Fragment, {
             children: [
-                /*#__PURE__*/ _jsx(HydrateClientUser, {
-                    permissions: permissions,
-                    user: user
+                /*#__PURE__*/ _jsx(HydrateAuthProvider, {
+                    permissions: permissions
                 }),
                 /*#__PURE__*/ _jsx(ListInfoProvider, {
-                    collectionConfig: createClientCollectionConfig({
-                        collection: collectionConfig,
-                        t: initPageResult.req.i18n.t
-                    }),
+                    collectionConfig: clientCollectionConfig,
                     collectionSlug: collectionSlug,
                     hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                    newDocumentURL: `${admin}/collections/${collectionSlug}/create`,
+                    newDocumentURL: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}/create`
+                    }),
                     children: /*#__PURE__*/ _jsx(ListQueryProvider, {
                         data: data,
                         defaultLimit: limit || collectionConfig?.admin?.pagination?.defaultLimit,
@@ -94,25 +133,12 @@ export const ListView = async ({ initPageResult, params, searchParams })=>{
                             enableRowSelections: true,
                             listPreferences: listPreferences,
                             preferenceKey: preferenceKey,
-                            children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                                CustomComponent: CustomListView,
-                                DefaultComponent: DefaultListView,
-                                componentProps: viewComponentProps,
-                                serverOnlyProps: {
-                                    collectionConfig,
-                                    data,
-                                    hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                                    i18n,
-                                    limit,
-                                    listPreferences,
-                                    locale: fullLocale,
-                                    newDocumentURL: `${admin}/collections/${collectionSlug}/create`,
-                                    params,
-                                    payload,
-                                    permissions,
-                                    searchParams,
-                                    user
-                                }
+                            children: /*#__PURE__*/ _jsx(RenderComponent, {
+                                clientProps: {
+                                    collectionSlug,
+                                    listSearchableFields: collectionConfig?.admin?.listSearchableFields
+                                },
+                                mappedComponent: ListComponent
                             })
                         })
                     })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { AdminViewProps, Where } from 'payload'\n\nimport {\n  HydrateClientUser,\n  ListInfoProvider,\n  ListQueryProvider,\n  TableColumnsProvider,\n} from '@payloadcms/ui'\nimport { RenderCustomComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport { createClientCollectionConfig, mergeListSearchAndWhere } from 'payload'\nimport { isNumber, isReactComponentOrFunction } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { DefaultListViewProps, ListPreferences } from './Default/types.js'\n\nimport { DefaultListView } from './Default/index.js'\n\nexport { generateListMetadata } from './meta.js'\n\nexport const ListView: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    locale: fullLocale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      locale,\n      payload,\n      payload: { config },\n      query,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n\n  if (!permissions?.collections?.[collectionSlug]?.read?.permission) {\n    notFound()\n  }\n\n  let listPreferences: ListPreferences\n  const preferenceKey = `${collectionSlug}-list`\n\n  try {\n    listPreferences = (await payload\n      .find({\n        collection: 'payload-preferences',\n        depth: 0,\n        limit: 1,\n        req,\n        user,\n        where: {\n          key: {\n            equals: preferenceKey,\n          },\n        },\n      })\n      ?.then((res) => res?.docs?.[0]?.value)) as ListPreferences\n  } catch (error) {} // eslint-disable-line no-empty\n\n  const {\n    routes: { admin },\n  } = config\n\n  if (collectionConfig) {\n    const {\n      admin: { components: { views: { List: CustomList } = {} } = {} },\n    } = collectionConfig\n\n    if (!visibleEntities.collections.includes(collectionSlug)) {\n      return notFound()\n    }\n\n    let CustomListView = null\n\n    if (CustomList && typeof CustomList === 'function') {\n      CustomListView = CustomList\n    } else if (typeof CustomList === 'object' && isReactComponentOrFunction(CustomList.Component)) {\n      CustomListView = CustomList.Component\n    }\n\n    const page = isNumber(query?.page) ? Number(query.page) : 0\n    const whereQuery = mergeListSearchAndWhere({\n      collectionConfig,\n      query: {\n        search: typeof query?.search === 'string' ? query.search : undefined,\n        where: (query?.where as Where) || undefined,\n      },\n    })\n    const limit = isNumber(query?.limit)\n      ? Number(query.limit)\n      : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit\n    const sort =\n      query?.sort && typeof query.sort === 'string'\n        ? query.sort\n        : listPreferences?.sort || collectionConfig.defaultSort || undefined\n\n    const data = await payload.find({\n      collection: collectionSlug,\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      limit,\n      locale,\n      overrideAccess: false,\n      page,\n      req,\n      sort,\n      user,\n      where: whereQuery || {},\n    })\n\n    const viewComponentProps: DefaultListViewProps = {\n      collectionSlug,\n      listSearchableFields: collectionConfig.admin.listSearchableFields,\n    }\n\n    return (\n      <Fragment>\n        <HydrateClientUser permissions={permissions} user={user} />\n        <ListInfoProvider\n          collectionConfig={createClientCollectionConfig({\n            collection: collectionConfig,\n            t: initPageResult.req.i18n.t,\n          })}\n          collectionSlug={collectionSlug}\n          hasCreatePermission={permissions?.collections?.[collectionSlug]?.create?.permission}\n          newDocumentURL={`${admin}/collections/${collectionSlug}/create`}\n        >\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            modifySearchParams\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              collectionSlug={collectionSlug}\n              enableRowSelections\n              listPreferences={listPreferences}\n              preferenceKey={preferenceKey}\n            >\n              <RenderCustomComponent\n                CustomComponent={CustomListView}\n                DefaultComponent={DefaultListView}\n                componentProps={viewComponentProps}\n                serverOnlyProps={{\n                  collectionConfig,\n                  data,\n                  hasCreatePermission:\n                    permissions?.collections?.[collectionSlug]?.create?.permission,\n                  i18n,\n                  limit,\n                  listPreferences,\n                  locale: fullLocale,\n                  newDocumentURL: `${admin}/collections/${collectionSlug}/create`,\n                  params,\n                  payload,\n                  permissions,\n                  searchParams,\n                  user,\n                }}\n              />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </ListInfoProvider>\n      </Fragment>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["HydrateClientUser","ListInfoProvider","ListQueryProvider","TableColumnsProvider","RenderCustomComponent","notFound","createClientCollectionConfig","mergeListSearchAndWhere","isNumber","isReactComponentOrFunction","React","Fragment","DefaultListView","generateListMetadata","ListView","initPageResult","params","searchParams","collectionConfig","locale","fullLocale","permissions","req","i18n","payload","config","query","user","visibleEntities","collectionSlug","slug","collections","read","permission","listPreferences","preferenceKey","find","collection","depth","limit","where","key","equals","then","res","docs","value","error","routes","admin","components","views","List","CustomList","includes","CustomListView","Component","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","defaultSort","data","draft","fallbackLocale","overrideAccess","viewComponentProps","listSearchableFields","t","hasCreatePermission","create","newDocumentURL","modifySearchParams","enableRowSelections","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { AdminViewProps, ClientCollectionConfig, Where } from 'payload'\n\nimport {\n  HydrateAuthProvider,\n  ListInfoProvider,\n  ListQueryProvider,\n  TableColumnsProvider,\n} from '@payloadcms/ui'\nimport { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { createClientCollectionConfig } from '@payloadcms/ui/utilities/createClientConfig'\nimport { notFound } from 'next/navigation.js'\nimport { deepCopyObjectSimple, mergeListSearchAndWhere } from 'payload'\nimport { isNumber } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { ListPreferences } from './Default/types.js'\n\nimport { DefaultEditView } from '../Edit/Default/index.js'\nimport { DefaultListView } from './Default/index.js'\n\nexport { generateListMetadata } from './meta.js'\n\nexport const ListView: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    locale: fullLocale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      locale,\n      payload,\n      payload: { config },\n      query,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n\n  if (!permissions?.collections?.[collectionSlug]?.read?.permission) {\n    notFound()\n  }\n\n  let listPreferences: ListPreferences\n  const preferenceKey = `${collectionSlug}-list`\n\n  try {\n    listPreferences = (await payload\n      .find({\n        collection: 'payload-preferences',\n        depth: 0,\n        limit: 1,\n        req,\n        user,\n        where: {\n          and: [\n            {\n              key: {\n                equals: preferenceKey,\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 ListPreferences\n  } catch (error) {} // eslint-disable-line no-empty\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  if (collectionConfig) {\n    if (!visibleEntities.collections.includes(collectionSlug)) {\n      return notFound()\n    }\n\n    const page = isNumber(query?.page) ? Number(query.page) : 0\n    const whereQuery = mergeListSearchAndWhere({\n      collectionConfig,\n      query: {\n        search: typeof query?.search === 'string' ? query.search : undefined,\n        where: (query?.where as Where) || undefined,\n      },\n    })\n    const limit = isNumber(query?.limit)\n      ? Number(query.limit)\n      : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit\n    const sort =\n      query?.sort && typeof query.sort === 'string'\n        ? query.sort\n        : listPreferences?.sort || collectionConfig.defaultSort || undefined\n\n    const data = await payload.find({\n      collection: collectionSlug,\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      limit,\n      locale,\n      overrideAccess: false,\n      page,\n      req,\n      sort,\n      user,\n      where: whereQuery || {},\n    })\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        collectionConfig,\n        collectionSlug,\n        data,\n        hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,\n        i18n,\n        limit,\n        listPreferences,\n        listSearchableFields: collectionConfig.admin.listSearchableFields,\n        locale: fullLocale,\n        newDocumentURL: formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/create`,\n        }),\n        params,\n        payload,\n        permissions,\n        searchParams,\n        user,\n      },\n    })\n\n    const ListComponent = createMappedComponent(\n      collectionConfig?.admin?.components?.views?.list?.Component,\n      undefined,\n      DefaultListView,\n      'collectionConfig?.admin?.components?.views?.list?.Component',\n    )\n\n    let clientCollectionConfig = deepCopyObjectSimple(\n      collectionConfig,\n    ) as unknown as ClientCollectionConfig\n    clientCollectionConfig = createClientCollectionConfig({\n      DefaultEditView,\n      DefaultListView,\n      clientCollection: clientCollectionConfig,\n      collection: collectionConfig,\n      createMappedComponent,\n      i18n,\n      importMap: payload.importMap,\n      payload,\n    })\n\n    return (\n      <Fragment>\n        <HydrateAuthProvider permissions={permissions} />\n        <ListInfoProvider\n          collectionConfig={clientCollectionConfig}\n          collectionSlug={collectionSlug}\n          hasCreatePermission={permissions?.collections?.[collectionSlug]?.create?.permission}\n          newDocumentURL={formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/create`,\n          })}\n        >\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            modifySearchParams\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              collectionSlug={collectionSlug}\n              enableRowSelections\n              listPreferences={listPreferences}\n              preferenceKey={preferenceKey}\n            >\n              <RenderComponent\n                clientProps={{\n                  collectionSlug,\n                  listSearchableFields: collectionConfig?.admin?.listSearchableFields,\n                }}\n                mappedComponent={ListComponent}\n              />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </ListInfoProvider>\n      </Fragment>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["HydrateAuthProvider","ListInfoProvider","ListQueryProvider","TableColumnsProvider","RenderComponent","formatAdminURL","getCreateMappedComponent","createClientCollectionConfig","notFound","deepCopyObjectSimple","mergeListSearchAndWhere","isNumber","React","Fragment","DefaultEditView","DefaultListView","generateListMetadata","ListView","initPageResult","params","searchParams","collectionConfig","locale","fullLocale","permissions","req","i18n","payload","config","query","user","visibleEntities","collectionSlug","slug","collections","read","permission","listPreferences","preferenceKey","find","collection","depth","limit","where","and","key","equals","id","then","res","docs","value","error","routes","admin","adminRoute","includes","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","defaultSort","data","draft","fallbackLocale","overrideAccess","createMappedComponent","importMap","serverProps","hasCreatePermission","create","listSearchableFields","newDocumentURL","path","ListComponent","components","views","list","Component","clientCollectionConfig","clientCollection","modifySearchParams","enableRowSelections","clientProps","mappedComponent"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import type { SanitizedCollectionConfig } from 'payload';
 import type { GenerateViewMetadata } from '../Root/index.js';
-export declare const generateListMetadata: (args: Parameters<GenerateViewMetadata>[0] & {
+export declare const generateListMetadata: (args: {
     collectionConfig: SanitizedCollectionConfig;
-}) => Promise<Metadata>;
+} & Parameters<GenerateViewMetadata>[0]) => Promise<Metadata>;
 //# sourceMappingURL=meta.d.ts.map