@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/views/List/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL, formatFilesize } from 'payload/shared';
@@ -29,325 +30,216 @@ import { CollectionListHeader } from './ListHeader/index.js';
 import './index.scss';
 const baseClass = 'collection-list';
 export function DefaultListView(props) {
-    const { AfterList, AfterListTable, beforeActions, BeforeList, BeforeListTable, collectionSlug, columnState, Description, disableBulkDelete, disableBulkEdit, disableQueryPresets, enableRowSelections, hasCreatePermission: hasCreatePermissionFromProps, hasDeletePermission, 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, isGroupingBy } = useListQuery();
-    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 { 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: getTranslation(labels?.plural, i18n),
-                url: isTrashEnabled && viewType === 'trash' ? formatAdminURL({
-                    adminRoute,
-                    path: `/collections/${collectionSlug}`
-                }) : undefined
-            };
-            const trashLabel = {
-                label: i18n.t('general:trash')
-            };
-            const navItems = isTrashEnabled && viewType === 'trash' ? [
-                baseLabel,
-                trashLabel
-            ] : [
-                baseLabel
-            ];
-            setStepNav(navItems);
-        }
-    }, [
-        adminRoute,
-        setStepNav,
-        serverURL,
-        labels,
-        isInDrawer,
-        isTrashEnabled,
-        viewType,
-        i18n,
-        collectionSlug
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(TableColumnsProvider, {
-                collectionSlug: collectionSlug,
-                columnState: columnState,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass} ${baseClass}--${collectionSlug}`,
-                    children: /*#__PURE__*/ _jsxDEV(SelectionProvider, {
-                        docs: docs,
-                        totalDocs: data?.totalDocs,
-                        children: [
-                            BeforeList,
-                            /*#__PURE__*/ _jsxDEV(Gutter, {
-                                className: `${baseClass}__wrap`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(CollectionListHeader, {
-                                        collectionConfig: collectionConfig,
-                                        Description: /*#__PURE__*/ _jsxDEV("div", {
-                                            className: `${baseClass}__sub-header`,
-                                            children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                                CustomComponent: Description,
-                                                Fallback: /*#__PURE__*/ _jsxDEV(ViewDescription, {
-                                                    collectionSlug: collectionSlug,
-                                                    description: collectionConfig?.admin?.description
-                                                }, void 0, false, {
-                                                    fileName: "src/views/List/index.tsx",
-                                                    lineNumber: 170,
-                                                    columnNumber: 25
-                                                }, void 0)
-                                            }, void 0, false, {
-                                                fileName: "src/views/List/index.tsx",
-                                                lineNumber: 167,
-                                                columnNumber: 21
-                                            }, void 0)
-                                        }, void 0, false, {
-                                            fileName: "src/views/List/index.tsx",
-                                            lineNumber: 166,
-                                            columnNumber: 19
-                                        }, void 0),
-                                        disableBulkDelete: disableBulkDelete,
-                                        disableBulkEdit: disableBulkEdit,
-                                        hasCreatePermission: hasCreatePermission,
-                                        hasDeletePermission: hasDeletePermission,
-                                        i18n: i18n,
-                                        isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
-                                        isTrashEnabled: isTrashEnabled,
-                                        newDocumentURL: newDocumentURL,
-                                        openBulkUpload: openBulkUpload,
-                                        smallBreak: smallBreak,
-                                        viewType: viewType
-                                    }, void 0, false, {
-                                        fileName: "src/views/List/index.tsx",
-                                        lineNumber: 163,
-                                        columnNumber: 15
-                                    }, this),
-                                    /*#__PURE__*/ _jsxDEV(ListControls, {
-                                        beforeActions: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [
-                                            ...beforeActions,
-                                            /*#__PURE__*/ _jsxDEV(SelectMany, {
-                                                onClick: onBulkSelect
-                                            }, "select-many", false, {
-                                                fileName: "src/views/List/index.tsx",
-                                                lineNumber: 194,
-                                                columnNumber: 44
-                                            }, void 0)
-                                        ] : [
-                                            /*#__PURE__*/ _jsxDEV(SelectMany, {
-                                                onClick: onBulkSelect
-                                            }, "select-many", false, {
-                                                fileName: "src/views/List/index.tsx",
-                                                lineNumber: 195,
-                                                columnNumber: 26
-                                            }, void 0)
-                                        ] : beforeActions,
-                                        collectionConfig: collectionConfig,
-                                        collectionSlug: collectionSlug,
-                                        disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
-                                        listMenuItems: listMenuItems,
-                                        queryPreset: queryPreset,
-                                        queryPresetPermissions: queryPresetPermissions,
-                                        renderedFilters: renderedFilters,
-                                        resolvedFilterOptions: resolvedFilterOptions
-                                    }, void 0, false, {
-                                        fileName: "src/views/List/index.tsx",
-                                        lineNumber: 190,
-                                        columnNumber: 15
-                                    }, this),
-                                    BeforeListTable,
-                                    docs?.length > 0 && /*#__PURE__*/ _jsxDEV("div", {
-                                        className: `${baseClass}__tables`,
-                                        children: /*#__PURE__*/ _jsxDEV(RelationshipProvider, {
-                                            children: Table
-                                        }, void 0, false, {
-                                            fileName: "src/views/List/index.tsx",
-                                            lineNumber: 212,
-                                            columnNumber: 19
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/views/List/index.tsx",
-                                        lineNumber: 211,
-                                        columnNumber: 17
-                                    }, this),
-                                    docs?.length === 0 && /*#__PURE__*/ _jsxDEV("div", {
-                                        className: `${baseClass}__no-results`,
-                                        children: [
-                                            /*#__PURE__*/ _jsxDEV("p", {
-                                                children: i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {
-                                                    label: getTranslation(labels?.plural, i18n)
-                                                })
-                                            }, void 0, false, {
-                                                fileName: "src/views/List/index.tsx",
-                                                lineNumber: 217,
-                                                columnNumber: 19
-                                            }, this),
-                                            hasCreatePermission && newDocumentURL && viewType !== 'trash' && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                                children: isInDrawer ? /*#__PURE__*/ _jsxDEV(Button, {
-                                                    el: "button",
-                                                    onClick: ()=>openModal(createNewDrawerSlug),
-                                                    children: i18n.t('general:createNewLabel', {
-                                                        label: getTranslation(labels?.singular, i18n)
-                                                    })
-                                                }, void 0, false, {
-                                                    fileName: "src/views/List/index.tsx",
-                                                    lineNumber: 225,
-                                                    columnNumber: 25
-                                                }, this) : /*#__PURE__*/ _jsxDEV(Button, {
-                                                    el: "link",
-                                                    to: newDocumentURL,
-                                                    children: i18n.t('general:createNewLabel', {
-                                                        label: getTranslation(labels?.singular, i18n)
-                                                    })
-                                                }, void 0, false, {
-                                                    fileName: "src/views/List/index.tsx",
-                                                    lineNumber: 231,
-                                                    columnNumber: 25
-                                                }, this)
-                                            }, void 0, false, {
-                                                fileName: "src/views/List/index.tsx",
-                                                lineNumber: 223,
-                                                columnNumber: 21
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/views/List/index.tsx",
-                                        lineNumber: 216,
-                                        columnNumber: 17
-                                    }, this),
-                                    AfterListTable,
-                                    docs?.length > 0 && !isGroupingBy && /*#__PURE__*/ _jsxDEV(PageControls, {
-                                        AfterPageControls: smallBreak ? /*#__PURE__*/ _jsxDEV("div", {
-                                            className: `${baseClass}__list-selection`,
-                                            children: [
-                                                /*#__PURE__*/ _jsxDEV(ListSelection, {
-                                                    collectionConfig: collectionConfig,
-                                                    disableBulkDelete: disableBulkDelete,
-                                                    disableBulkEdit: disableBulkEdit,
-                                                    label: getTranslation(collectionConfig.labels.plural, i18n),
-                                                    showSelectAllAcrossPages: !isGroupingBy
-                                                }, void 0, false, {
-                                                    fileName: "src/views/List/index.tsx",
-                                                    lineNumber: 247,
-                                                    columnNumber: 25
-                                                }, void 0),
-                                                /*#__PURE__*/ _jsxDEV("div", {
-                                                    className: `${baseClass}__list-selection-actions`,
-                                                    children: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [
-                                                        ...beforeActions,
-                                                        /*#__PURE__*/ _jsxDEV(SelectMany, {
-                                                            onClick: onBulkSelect
-                                                        }, "select-many", false, {
-                                                            fileName: "src/views/List/index.tsx",
-                                                            lineNumber: 259,
-                                                            columnNumber: 35
-                                                        }, void 0)
-                                                    ] : [
-                                                        /*#__PURE__*/ _jsxDEV(SelectMany, {
-                                                            onClick: onBulkSelect
-                                                        }, "select-many", false, {
-                                                            fileName: "src/views/List/index.tsx",
-                                                            lineNumber: 261,
-                                                            columnNumber: 34
-                                                        }, void 0)
-                                                    ] : beforeActions
-                                                }, void 0, false, {
-                                                    fileName: "src/views/List/index.tsx",
-                                                    lineNumber: 254,
-                                                    columnNumber: 25
-                                                }, void 0)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/views/List/index.tsx",
-                                            lineNumber: 246,
-                                            columnNumber: 23
-                                        }, void 0) : null,
-                                        collectionConfig: collectionConfig
-                                    }, void 0, false, {
-                                        fileName: "src/views/List/index.tsx",
-                                        lineNumber: 243,
-                                        columnNumber: 17
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/views/List/index.tsx",
-                                lineNumber: 162,
-                                columnNumber: 13
-                            }, this),
-                            AfterList
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/List/index.tsx",
-                        lineNumber: 160,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/views/List/index.tsx",
-                    lineNumber: 159,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/views/List/index.tsx",
-                lineNumber: 158,
-                columnNumber: 7
-            }, this),
-            docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/ _jsxDEV(StickyToolbar, {
-                children: /*#__PURE__*/ _jsxDEV(PageControls, {
-                    collectionConfig: collectionConfig
-                }, void 0, false, {
-                    fileName: "src/views/List/index.tsx",
-                    lineNumber: 277,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/views/List/index.tsx",
-                lineNumber: 276,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/List/index.tsx",
-        lineNumber: 157,
-        columnNumber: 5
-    }, this);
+  const {
+    AfterList,
+    AfterListTable,
+    beforeActions,
+    BeforeList,
+    BeforeListTable,
+    collectionSlug,
+    columnState,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    enableRowSelections,
+    hasCreatePermission: hasCreatePermissionFromProps,
+    hasDeletePermission,
+    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,
+    isGroupingBy
+  } = useListQuery();
+  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 {
+    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: getTranslation(labels?.plural, i18n),
+        url: isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${collectionSlug}`
+        }) : undefined
+      };
+      const trashLabel = {
+        label: i18n.t('general:trash')
+      };
+      const navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      setStepNav(navItems);
+    }
+  }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug]);
+  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__*/_jsxs(Gutter, {
+            className: `${baseClass}__wrap`,
+            children: [/*#__PURE__*/_jsx(CollectionListHeader, {
+              collectionConfig: collectionConfig,
+              Description: /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__sub-header`,
+                children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+                  CustomComponent: Description,
+                  Fallback: /*#__PURE__*/_jsx(ViewDescription, {
+                    collectionSlug: collectionSlug,
+                    description: collectionConfig?.admin?.description
+                  })
+                })
+              }),
+              disableBulkDelete: disableBulkDelete,
+              disableBulkEdit: disableBulkEdit,
+              hasCreatePermission: hasCreatePermission,
+              hasDeletePermission: hasDeletePermission,
+              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,
+              listMenuItems: listMenuItems,
+              queryPreset: queryPreset,
+              queryPresetPermissions: queryPresetPermissions,
+              renderedFilters: renderedFilters,
+              resolvedFilterOptions: resolvedFilterOptions
+            }), BeforeListTable, docs?.length > 0 && /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__tables`,
+              children: /*#__PURE__*/_jsx(RelationshipProvider, {
+                children: Table
+              })
+            }), docs?.length === 0 && /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__no-results`,
+              children: [/*#__PURE__*/_jsx("p", {
+                children: i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {
+                  label: getTranslation(labels?.plural, i18n)
+                })
+              }), hasCreatePermission && newDocumentURL && viewType !== 'trash' && /*#__PURE__*/_jsx(Fragment, {
+                children: isInDrawer ? /*#__PURE__*/_jsx(Button, {
+                  el: "button",
+                  onClick: () => openModal(createNewDrawerSlug),
+                  children: i18n.t('general:createNewLabel', {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                }) : /*#__PURE__*/_jsx(Button, {
+                  el: "link",
+                  to: newDocumentURL,
+                  children: i18n.t('general:createNewLabel', {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                })
+              })]
+            }), AfterListTable, 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: getTranslation(collectionConfig.labels.plural, i18n),
+                  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
+            })]
+          }), AfterList]
+        })
+      })
+    }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(StickyToolbar, {
+      children: /*#__PURE__*/_jsx(PageControls, {
+        collectionConfig: collectionConfig
+      })
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map