@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/views/List/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL, formatFilesize } from 'payload/shared';
@@ -30,216 +29,325 @@ 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__*/_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
-      })
-    })]
-  });
+    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);
 }
+
 //# sourceMappingURL=index.js.map