@payloadcms/next 3.0.0-canary.3ab8665 → 3.0.0-canary.3eda767

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

@@ -1,224 +1,387 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { DeleteMany } from '@payloadcms/ui/elements/DeleteMany';
-import { EditMany } from '@payloadcms/ui/elements/EditMany';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { ListControls } from '@payloadcms/ui/elements/ListControls';
-import { ListSelection } from '@payloadcms/ui/elements/ListSelection';
-import { Pagination } from '@payloadcms/ui/elements/Pagination';
-import { PerPage } from '@payloadcms/ui/elements/PerPage';
-import { Pill } from '@payloadcms/ui/elements/Pill';
-import { PublishMany } from '@payloadcms/ui/elements/PublishMany';
-import { StaggeredShimmers } from '@payloadcms/ui/elements/ShimmerEffect';
-import { useStepNav } from '@payloadcms/ui/elements/StepNav';
-import { Table } from '@payloadcms/ui/elements/Table';
-import { RelationshipProvider } from '@payloadcms/ui/elements/Table/RelationshipProvider';
-import { UnpublishMany } from '@payloadcms/ui/elements/UnpublishMany';
-import { useWindowInfo } from '@payloadcms/ui/elements/WindowInfo';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useEditDepth } from '@payloadcms/ui/providers/EditDepth';
-import { useListInfo } from '@payloadcms/ui/providers/ListInfo';
-import { useListQuery } from '@payloadcms/ui/providers/ListQuery';
-import { useSearchParams } from '@payloadcms/ui/providers/SearchParams';
-import { SelectionProvider } from '@payloadcms/ui/providers/Selection';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { Button, DeleteMany, EditMany, Gutter, ListControls, ListHeader, ListSelection, Pagination, PerPage, PublishMany, RelationshipProvider, RenderComponent, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, useAuth, useBulkUpload, useConfig, useEditDepth, useListInfo, useListQuery, useModal, useStepNav, useTranslation, useWindowInfo, ViewDescription } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
-import { formatFilesize, isNumber } from 'payload/utilities';
+import { useRouter } from 'next/navigation.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 { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery();
-    const { searchParams } = useSearchParams();
-    const config = useConfig();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug
+export const DefaultListView = () => {
+  const $ = _c(88);
+  const {
+    user
+  } = useAuth();
+  const {
+    beforeActions,
+    collectionSlug,
+    disableBulkDelete,
+    disableBulkEdit,
+    hasCreatePermission,
+    Header,
+    newDocumentURL
+  } = useListInfo();
+  const router = useRouter();
+  const {
+    data,
+    defaultLimit,
+    handlePageChange,
+    handlePerPageChange,
+    params
+  } = useListQuery();
+  const {
+    openModal
+  } = useModal();
+  const {
+    setCollectionSlug,
+    setOnSuccess
+  } = useBulkUpload();
+  const {
+    drawerSlug
+  } = useBulkUpload();
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== getEntityConfig) {
+    t0 = 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 drawerDepth = useEditDepth();
-    const { setStepNav } = useStepNav();
-    const { breakpoints: { s: smallBreak } } = useWindowInfo();
-    let docs = data.docs || [];
-    if (collectionConfig.upload) {
-        docs = docs?.map((doc)=>{
-            return {
-                ...doc,
-                filesize: formatFilesize(doc.filesize)
-            };
-        });
+    $[0] = collectionSlug;
+    $[1] = getEntityConfig;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const collectionConfig = t0;
+  const {
+    admin: t1,
+    fields,
+    labels
+  } = collectionConfig;
+  const {
+    components: t2,
+    description
+  } = t1;
+  const {
+    afterList,
+    afterListTable,
+    beforeList,
+    beforeListTable,
+    Description,
+    views: t3
+  } = t2;
+  const {
+    list: t4
+  } = t3;
+  const {
+    actions
+  } = t4;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const drawerDepth = useEditDepth();
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    breakpoints: t5
+  } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t5;
+  let t6;
+  if ($[3] !== data.docs) {
+    t6 = data.docs || [];
+    $[3] = data.docs;
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  let docs = t6;
+  const isUploadCollection = Boolean(collectionConfig.upload);
+  if (isUploadCollection) {
+    let t7;
+    if ($[5] !== docs) {
+      t7 = docs?.map(_temp);
+      $[5] = docs;
+      $[6] = t7;
+    } else {
+      t7 = $[6];
     }
-    useEffect(()=>{
-        if (drawerDepth <= 1) {
-            setStepNav([
-                {
-                    label: labels?.plural
-                }
-            ]);
-        }
-    }, [
-        setStepNav,
-        labels,
-        drawerDepth
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: actionsMap?.List
-            }),
-            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)
-                                    }),
-                                    Description && /*#__PURE__*/ _jsx("div", {
-                                        className: `${baseClass}__sub-header`,
-                                        children: Description
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx(ListControls, {
-                            collectionConfig: collectionConfig,
-                            fieldMap: fieldMap
-                        }),
-                        BeforeListTable,
-                        !data.docs && /*#__PURE__*/ _jsx(StaggeredShimmers, {
-                            className: [
-                                `${baseClass}__shimmer`,
-                                `${baseClass}__shimmer--rows`
-                            ].join(' '),
-                            count: 6
-                        }),
-                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsx(RelationshipProvider, {
-                            children: /*#__PURE__*/ _jsx(Table, {
-                                customCellContext: {
-                                    collectionSlug,
-                                    uploadConfig: collectionConfig.upload
-                                },
-                                data: docs,
-                                fieldMap: fieldMap
-                            })
-                        }),
-                        data.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__no-results`,
-                            children: [
-                                /*#__PURE__*/ _jsx("p", {
-                                    children: i18n.t('general:noResults', {
-                                        label: getTranslation(labels?.plural, i18n)
-                                    })
-                                }),
-                                hasCreatePermission && newDocumentURL && /*#__PURE__*/ _jsx(Button, {
-                                    Link: Link,
-                                    el: "link",
-                                    to: newDocumentURL,
-                                    children: i18n.t('general:createNewLabel', {
-                                        label: getTranslation(labels?.singular, i18n)
-                                    })
-                                })
-                            ]
-                        }),
-                        AfterListTable,
-                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__page-controls`,
-                            children: [
-                                /*#__PURE__*/ _jsx(Pagination, {
-                                    hasNextPage: data.hasNextPage,
-                                    hasPrevPage: data.hasPrevPage,
-                                    limit: data.limit,
-                                    nextPage: data.nextPage,
-                                    numberOfNeighbors: 1,
-                                    onChange: handlePageChange,
-                                    page: data.page,
-                                    prevPage: data.prevPage,
-                                    totalPages: data.totalPages
-                                }),
-                                data?.totalDocs > 0 && /*#__PURE__*/ _jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ _jsxs("div", {
-                                            className: `${baseClass}__page-info`,
-                                            children: [
-                                                data.page * data.limit - (data.limit - 1),
-                                                "-",
-                                                data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs,
-                                                ' ',
-                                                i18n.t('general:of'),
-                                                " ",
-                                                data.totalDocs
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ _jsx(PerPage, {
-                                            handleChange: handlePerPageChange,
-                                            limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
-                                            limits: collectionConfig?.admin?.pagination?.limits,
-                                            resetPage: data.totalDocs <= data.pagingCounter
-                                        }),
-                                        smallBreak && /*#__PURE__*/ _jsx("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
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                })
+    docs = t7;
+  }
+  let t7;
+  if ($[7] !== setCollectionSlug || $[8] !== collectionSlug || $[9] !== openModal || $[10] !== drawerSlug || $[11] !== setOnSuccess || $[12] !== router) {
+    t7 = () => {
+      setCollectionSlug(collectionSlug);
+      openModal(drawerSlug);
+      setOnSuccess(() => router.refresh());
+    };
+    $[7] = setCollectionSlug;
+    $[8] = collectionSlug;
+    $[9] = openModal;
+    $[10] = drawerSlug;
+    $[11] = setOnSuccess;
+    $[12] = router;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const openBulkUpload = t7;
+  let t8;
+  let t9;
+  if ($[14] !== drawerDepth || $[15] !== setStepNav || $[16] !== labels) {
+    t8 = () => {
+      if (drawerDepth <= 1) {
+        setStepNav([{
+          label: labels?.plural
+        }]);
+      }
+    };
+    t9 = [setStepNav, labels, drawerDepth];
+    $[14] = drawerDepth;
+    $[15] = setStepNav;
+    $[16] = labels;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t8 = $[17];
+    t9 = $[18];
+  }
+  useEffect(t8, t9);
+  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const t10 = `${baseClass} ${baseClass}--${collectionSlug}`;
+  let t11;
+  if ($[19] !== actions || $[20] !== beforeList || $[21] !== Header || $[22] !== labels || $[23] !== i18n || $[24] !== hasCreatePermission || $[25] !== newDocumentURL || $[26] !== isBulkUploadEnabled || $[27] !== t || $[28] !== openBulkUpload || $[29] !== smallBreak || $[30] !== collectionConfig || $[31] !== description || $[32] !== Description || $[33] !== fields || $[34] !== beforeListTable || $[35] !== data || $[36] !== collectionSlug || $[37] !== docs || $[38] !== afterListTable || $[39] !== handlePageChange || $[40] !== handlePerPageChange || $[41] !== params || $[42] !== defaultLimit || $[43] !== beforeActions || $[44] !== disableBulkEdit || $[45] !== disableBulkDelete || $[46] !== afterList || $[47] !== user || $[48] !== t10) {
+    let t12;
+    if ($[50] !== Header || $[51] !== labels || $[52] !== i18n || $[53] !== hasCreatePermission || $[54] !== newDocumentURL || $[55] !== isBulkUploadEnabled || $[56] !== t || $[57] !== openBulkUpload || $[58] !== smallBreak || $[59] !== collectionConfig || $[60] !== description || $[61] !== Description) {
+      t12 = Header || _jsxs(ListHeader, {
+        heading: getTranslation(labels?.plural, i18n),
+        children: [hasCreatePermission && _jsxs(_Fragment, {
+          children: [_jsx(Button, {
+            "aria-label": i18n.t("general:createNewLabel", {
+              label: getTranslation(labels?.singular, i18n)
             }),
-            AfterList
-        ]
+            buttonStyle: "pill",
+            el: "link",
+            Link,
+            size: "small",
+            to: newDocumentURL,
+            children: i18n.t("general:createNew")
+          }), isBulkUploadEnabled && _jsx(Button, {
+            "aria-label": t("upload:bulkUpload"),
+            buttonStyle: "pill",
+            onClick: openBulkUpload,
+            size: "small",
+            children: t("upload:bulkUpload")
+          })]
+        }), !smallBreak && _jsx(ListSelection, {
+          label: getTranslation(collectionConfig.labels.plural, i18n)
+        }), (description || Description) && _jsx("div", {
+          className: `${baseClass}__sub-header`,
+          children: _jsx(ViewDescription, {
+            Description,
+            description
+          })
+        })]
+      });
+      $[50] = Header;
+      $[51] = labels;
+      $[52] = i18n;
+      $[53] = hasCreatePermission;
+      $[54] = newDocumentURL;
+      $[55] = isBulkUploadEnabled;
+      $[56] = t;
+      $[57] = openBulkUpload;
+      $[58] = smallBreak;
+      $[59] = collectionConfig;
+      $[60] = description;
+      $[61] = Description;
+      $[62] = t12;
+    } else {
+      t12 = $[62];
+    }
+    let t13;
+    if ($[63] !== data.docs || $[64] !== collectionSlug || $[65] !== collectionConfig || $[66] !== docs || $[67] !== fields) {
+      t13 = data.docs && data.docs.length > 0 && _jsx(RelationshipProvider, {
+        children: _jsx(Table, {
+          customCellContext: {
+            collectionSlug,
+            uploadConfig: collectionConfig.upload
+          },
+          data: docs,
+          fields
+        })
+      });
+      $[63] = data.docs;
+      $[64] = collectionSlug;
+      $[65] = collectionConfig;
+      $[66] = docs;
+      $[67] = fields;
+      $[68] = t13;
+    } else {
+      t13 = $[68];
+    }
+    let t14;
+    if ($[69] !== data.docs || $[70] !== labels || $[71] !== i18n || $[72] !== hasCreatePermission || $[73] !== newDocumentURL) {
+      t14 = data.docs && data.docs.length === 0 && _jsxs("div", {
+        className: `${baseClass}__no-results`,
+        children: [_jsx("p", {
+          children: i18n.t("general:noResults", {
+            label: getTranslation(labels?.plural, i18n)
+          })
+        }), hasCreatePermission && newDocumentURL && _jsx(Button, {
+          el: "link",
+          Link,
+          to: newDocumentURL,
+          children: i18n.t("general:createNewLabel", {
+            label: getTranslation(labels?.singular, i18n)
+          })
+        })]
+      });
+      $[69] = data.docs;
+      $[70] = labels;
+      $[71] = i18n;
+      $[72] = hasCreatePermission;
+      $[73] = newDocumentURL;
+      $[74] = t14;
+    } else {
+      t14 = $[74];
+    }
+    let t15;
+    if ($[75] !== data || $[76] !== handlePageChange || $[77] !== i18n || $[78] !== handlePerPageChange || $[79] !== params || $[80] !== defaultLimit || $[81] !== collectionConfig || $[82] !== smallBreak || $[83] !== beforeActions || $[84] !== disableBulkEdit || $[85] !== fields || $[86] !== disableBulkDelete) {
+      t15 = data.docs && data.docs.length > 0 && _jsxs("div", {
+        className: `${baseClass}__page-controls`,
+        children: [_jsx(Pagination, {
+          hasNextPage: data.hasNextPage,
+          hasPrevPage: data.hasPrevPage,
+          limit: data.limit,
+          nextPage: data.nextPage,
+          numberOfNeighbors: 1,
+          onChange: page => void handlePageChange(page),
+          page: data.page,
+          prevPage: data.prevPage,
+          totalPages: data.totalPages
+        }), data?.totalDocs > 0 && _jsxs(Fragment, {
+          children: [_jsxs("div", {
+            className: `${baseClass}__page-info`,
+            children: [data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, " ", i18n.t("general:of"), " ", data.totalDocs]
+          }), _jsx(PerPage, {
+            handleChange: limit => void handlePerPageChange(limit),
+            limit: isNumber(params?.limit) ? Number(params.limit) : defaultLimit,
+            limits: collectionConfig?.admin?.pagination?.limits,
+            resetPage: data.totalDocs <= data.pagingCounter
+          }), smallBreak && _jsxs("div", {
+            className: `${baseClass}__list-selection`,
+            children: [_jsx(ListSelection, {
+              label: getTranslation(collectionConfig.labels.plural, i18n)
+            }), _jsxs("div", {
+              className: `${baseClass}__list-selection-actions`,
+              children: [beforeActions && beforeActions, !disableBulkEdit && _jsxs(Fragment, {
+                children: [_jsx(EditMany, {
+                  collection: collectionConfig,
+                  fields
+                }), _jsx(PublishMany, {
+                  collection: collectionConfig
+                }), _jsx(UnpublishMany, {
+                  collection: collectionConfig
+                })]
+              }), !disableBulkDelete && _jsx(DeleteMany, {
+                collection: collectionConfig
+              })]
+            })]
+          })]
+        })]
+      });
+      $[75] = data;
+      $[76] = handlePageChange;
+      $[77] = i18n;
+      $[78] = handlePerPageChange;
+      $[79] = params;
+      $[80] = defaultLimit;
+      $[81] = collectionConfig;
+      $[82] = smallBreak;
+      $[83] = beforeActions;
+      $[84] = disableBulkEdit;
+      $[85] = fields;
+      $[86] = disableBulkDelete;
+      $[87] = t15;
+    } else {
+      t15 = $[87];
+    }
+    t11 = _jsxs("div", {
+      className: t10,
+      children: [_jsx(SetViewActions, {
+        actions
+      }), _jsxs(SelectionProvider, {
+        docs: data.docs,
+        totalDocs: data.totalDocs,
+        user,
+        children: [_jsx(RenderComponent, {
+          mappedComponent: beforeList
+        }), _jsxs(Gutter, {
+          className: `${baseClass}__wrap`,
+          children: [t12, _jsx(ListControls, {
+            collectionConfig,
+            fields
+          }), _jsx(RenderComponent, {
+            mappedComponent: beforeListTable
+          }), !data.docs && _jsx(StaggeredShimmers, {
+            className: [`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(" "),
+            count: 6
+          }), t13, t14, _jsx(RenderComponent, {
+            mappedComponent: afterListTable
+          }), t15]
+        }), _jsx(RenderComponent, {
+          mappedComponent: afterList
+        })]
+      })]
     });
+    $[19] = actions;
+    $[20] = beforeList;
+    $[21] = Header;
+    $[22] = labels;
+    $[23] = i18n;
+    $[24] = hasCreatePermission;
+    $[25] = newDocumentURL;
+    $[26] = isBulkUploadEnabled;
+    $[27] = t;
+    $[28] = openBulkUpload;
+    $[29] = smallBreak;
+    $[30] = collectionConfig;
+    $[31] = description;
+    $[32] = Description;
+    $[33] = fields;
+    $[34] = beforeListTable;
+    $[35] = data;
+    $[36] = collectionSlug;
+    $[37] = docs;
+    $[38] = afterListTable;
+    $[39] = handlePageChange;
+    $[40] = handlePerPageChange;
+    $[41] = params;
+    $[42] = defaultLimit;
+    $[43] = beforeActions;
+    $[44] = disableBulkEdit;
+    $[45] = disableBulkDelete;
+    $[46] = afterList;
+    $[47] = user;
+    $[48] = t10;
+    $[49] = t11;
+  } else {
+    t11 = $[49];
+  }
+  return t11;
 };
-
+function _temp(doc) {
+  return {
+    ...doc,
+    filesize: formatFilesize(doc.filesize)
+  };
+}
 //# sourceMappingURL=index.js.map