@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/elements/ListDrawer/DrawerContent.js

@@ -41,6 +41,7 @@ export const hoistQueryParamsToAnd = (where, queryParams) => {
 export const ListDrawerContent = t0 => {
   const $ = _c(95);
   const {
+    allowCreate: t1,
     collectionSlugs,
     customHeader,
     drawerSlug,
@@ -50,6 +51,7 @@ export const ListDrawerContent = t0 => {
     onSelect,
     selectedCollection
   } = t0;
+  const allowCreate = t1 === undefined ? true : t1;
   const {
     i18n,
     t
@@ -81,76 +83,76 @@ export const ListDrawerContent = t0 => {
     where
   };
   const {
-    config: t1
+    config: t2
   } = useConfig();
   const {
     collections,
-    routes: t2,
+    routes: t3,
     serverURL
-  } = t1;
+  } = t2;
   const {
     api
-  } = t2;
-  let t3;
+  } = t3;
+  let t4;
   if ($[0] !== collectionSlugs || $[1] !== collections) {
-    let t4;
+    let t5;
     if ($[3] !== collectionSlugs) {
-      t4 = t5 => {
+      t5 = t6 => {
         const {
           slug
-        } = t5;
+        } = t6;
         return collectionSlugs.includes(slug);
       };
       $[3] = collectionSlugs;
-      $[4] = t4;
+      $[4] = t5;
     } else {
-      t4 = $[4];
+      t5 = $[4];
     }
-    t3 = collections.filter(t4);
+    t4 = collections.filter(t5);
     $[0] = collectionSlugs;
     $[1] = collections;
-    $[2] = t3;
+    $[2] = t4;
   } else {
-    t3 = $[2];
+    t4 = $[2];
   }
-  const enabledCollectionConfigs = t3;
-  let t4;
+  const enabledCollectionConfigs = t4;
+  let t5;
   if ($[5] !== enabledCollectionConfigs || $[6] !== selectedCollection) {
-    t4 = () => enabledCollectionConfigs.find(t5 => {
+    t5 = () => enabledCollectionConfigs.find(t6 => {
       const {
         slug: slug_0
-      } = t5;
+      } = t6;
       return slug_0 === selectedCollection;
     }) || enabledCollectionConfigs?.[0];
     $[5] = enabledCollectionConfigs;
     $[6] = selectedCollection;
-    $[7] = t4;
+    $[7] = t5;
   } else {
-    t4 = $[7];
+    t5 = $[7];
   }
-  const [selectedCollectionConfig, setSelectedCollectionConfig] = useState(t4);
+  const [selectedCollectionConfig, setSelectedCollectionConfig] = useState(t5);
   const List = selectedCollectionConfig?.admin?.components.views.list.Component;
-  let t5;
+  let t6;
   if ($[8] !== selectedCollectionConfig || $[9] !== i18n) {
-    t5 = () => selectedCollectionConfig ? {
+    t6 = () => selectedCollectionConfig ? {
       label: getTranslation(selectedCollectionConfig.labels.singular, i18n),
       value: selectedCollectionConfig.slug
     } : undefined;
     $[8] = selectedCollectionConfig;
     $[9] = i18n;
-    $[10] = t5;
+    $[10] = t6;
   } else {
-    t5 = $[10];
+    t6 = $[10];
   }
-  const [selectedOption, setSelectedOption] = useState(t5);
-  let t6;
+  const [selectedOption, setSelectedOption] = useState(t6);
+  let t7;
   if ($[11] !== selectedCollection || $[12] !== enabledCollectionConfigs) {
-    t6 = () => {
+    t7 = () => {
       if (selectedCollection) {
-        const selectedConfig = enabledCollectionConfigs.find(t7 => {
+        const selectedConfig = enabledCollectionConfigs.find(t8 => {
           const {
             slug: slug_1
-          } = t7;
+          } = t8;
           return slug_1 === selectedCollection;
         }) || enabledCollectionConfigs?.[0];
         setSelectedCollectionConfig(selectedConfig);
@@ -158,107 +160,107 @@ export const ListDrawerContent = t0 => {
     };
     $[11] = selectedCollection;
     $[12] = enabledCollectionConfigs;
-    $[13] = t6;
+    $[13] = t7;
   } else {
-    t6 = $[13];
+    t7 = $[13];
   }
-  let t7;
+  let t8;
   if ($[14] !== selectedCollection || $[15] !== enabledCollectionConfigs || $[16] !== onSelect || $[17] !== t) {
-    t7 = [selectedCollection, enabledCollectionConfigs, onSelect, t];
+    t8 = [selectedCollection, enabledCollectionConfigs, onSelect, t];
     $[14] = selectedCollection;
     $[15] = enabledCollectionConfigs;
     $[16] = onSelect;
     $[17] = t;
-    $[18] = t7;
+    $[18] = t8;
   } else {
-    t7 = $[18];
+    t8 = $[18];
   }
-  useEffect(t6, t7);
+  useEffect(t7, t8);
   const preferencesKey = `${selectedCollectionConfig.slug}-list`;
-  let t8;
+  let t9;
   if ($[19] !== selectedCollectionConfig.slug) {
-    t8 = {
+    t9 = {
       collectionSlug: selectedCollectionConfig.slug
     };
     $[19] = selectedCollectionConfig.slug;
-    $[20] = t8;
+    $[20] = t9;
   } else {
-    t8 = $[20];
+    t9 = $[20];
   }
-  const [DocumentDrawer, DocumentDrawerToggler, t9] = useDocumentDrawer(t8);
+  const [DocumentDrawer, DocumentDrawerToggler, t10] = useDocumentDrawer(t9);
   const {
     drawerSlug: documentDrawerSlug
-  } = t9;
-  let t10;
+  } = t10;
   let t11;
+  let t12;
   if ($[21] !== selectedOption || $[22] !== enabledCollectionConfigs) {
-    t10 = () => {
+    t11 = () => {
       if (selectedOption && !Array.isArray(selectedOption)) {
-        setSelectedCollectionConfig(enabledCollectionConfigs.find(t12 => {
+        setSelectedCollectionConfig(enabledCollectionConfigs.find(t13 => {
           const {
             slug: slug_2
-          } = t12;
+          } = t13;
           return selectedOption.value === slug_2;
         }));
       }
     };
-    t11 = [selectedOption, enabledCollectionConfigs];
+    t12 = [selectedOption, enabledCollectionConfigs];
     $[21] = selectedOption;
     $[22] = enabledCollectionConfigs;
-    $[23] = t10;
-    $[24] = t11;
+    $[23] = t11;
+    $[24] = t12;
   } else {
-    t10 = $[23];
-    t11 = $[24];
+    t11 = $[23];
+    t12 = $[24];
   }
-  useEffect(t10, t11);
+  useEffect(t11, t12);
   const collectionPermissions = permissions?.collections?.[selectedCollectionConfig?.slug];
-  const hasCreatePermission = collectionPermissions?.create?.permission;
-  let t12;
+  const hasCreatePermission = collectionPermissions?.create?.permission && allowCreate;
+  let t13;
   if ($[25] !== isModalOpen || $[26] !== drawerSlug) {
-    t12 = isModalOpen(drawerSlug);
+    t13 = isModalOpen(drawerSlug);
     $[25] = isModalOpen;
     $[26] = drawerSlug;
-    $[27] = t12;
+    $[27] = t13;
   } else {
-    t12 = $[27];
+    t13 = $[27];
   }
-  const isOpen = t12;
+  const isOpen = t13;
   const apiURL = isOpen ? `${serverURL}${api}/${selectedCollectionConfig.slug}` : null;
   const [cacheBust, dispatchCacheBust] = useReducer(_temp, 0);
-  let t13;
+  let t14;
   if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = {
+    t14 = {
       initialParams: {
         depth: 0
       }
     };
-    $[28] = t13;
+    $[28] = t14;
   } else {
-    t13 = $[28];
+    t14 = $[28];
   }
-  const [t14, t15] = usePayloadAPI(apiURL, t13);
+  const [t15, t16] = usePayloadAPI(apiURL, t14);
   const {
     data,
     isError,
     isLoading: isLoadingList
-  } = t14;
+  } = t15;
   const {
     setParams
-  } = t15;
+  } = t16;
   const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1;
-  let t16;
+  let t17;
   if ($[29] !== selectedCollectionConfig || $[30] !== where || $[31] !== filterOptions || $[32] !== search || $[33] !== page || $[34] !== sort || $[35] !== cacheBust || $[36] !== limit || $[37] !== setParams) {
-    t16 = () => {
+    t17 = () => {
       const {
         slug: slug_3,
-        admin: t17,
+        admin: t18,
         versions
       } = selectedCollectionConfig;
       const {
         listSearchableFields,
         useAsTitle
-      } = t17 === undefined ? {} : t17;
+      } = t18 === undefined ? {} : t18;
       const params_0 = {
         depth: 0
       };
@@ -315,13 +317,13 @@ export const ListDrawerContent = t0 => {
     $[35] = cacheBust;
     $[36] = limit;
     $[37] = setParams;
-    $[38] = t16;
+    $[38] = t17;
   } else {
-    t16 = $[38];
+    t17 = $[38];
   }
-  let t17;
+  let t18;
   if ($[39] !== page || $[40] !== sort || $[41] !== where || $[42] !== search || $[43] !== limit || $[44] !== cacheBust || $[45] !== filterOptions || $[46] !== selectedCollectionConfig || $[47] !== t || $[48] !== setParams) {
-    t17 = [page, sort, where, search, limit, cacheBust, filterOptions, selectedCollectionConfig, t, setParams];
+    t18 = [page, sort, where, search, limit, cacheBust, filterOptions, selectedCollectionConfig, t, setParams];
     $[39] = page;
     $[40] = sort;
     $[41] = where;
@@ -332,15 +334,15 @@ export const ListDrawerContent = t0 => {
     $[46] = selectedCollectionConfig;
     $[47] = t;
     $[48] = setParams;
-    $[49] = t17;
+    $[49] = t18;
   } else {
-    t17 = $[49];
+    t18 = $[49];
   }
-  useEffect(t16, t17);
-  let t18;
+  useEffect(t17, t18);
   let t19;
+  let t20;
   if ($[50] !== limit || $[51] !== sort || $[52] !== setPreference || $[53] !== preferencesKey) {
-    t18 = () => {
+    t19 = () => {
       const newPreferences = {
         limit,
         sort
@@ -349,22 +351,22 @@ export const ListDrawerContent = t0 => {
         setPreference(preferencesKey, newPreferences, true);
       }
     };
-    t19 = [sort, limit, setPreference, preferencesKey];
+    t20 = [sort, limit, setPreference, preferencesKey];
     $[50] = limit;
     $[51] = sort;
     $[52] = setPreference;
     $[53] = preferencesKey;
-    $[54] = t18;
-    $[55] = t19;
+    $[54] = t19;
+    $[55] = t20;
   } else {
-    t18 = $[54];
-    t19 = $[55];
+    t19 = $[54];
+    t20 = $[55];
   }
-  useEffect(t18, t19);
-  let t20;
+  useEffect(t19, t20);
   let t21;
+  let t22;
   if ($[56] !== preferencesKey || $[57] !== limit || $[58] !== getPreference) {
-    t20 = () => {
+    t21 = () => {
       if (preferencesKey && !limit) {
         const getInitialPref = async () => {
           const existingPreferences = await getPreference(preferencesKey);
@@ -375,81 +377,81 @@ export const ListDrawerContent = t0 => {
         getInitialPref();
       }
     };
-    t21 = [getPreference, limit, preferencesKey];
+    t22 = [getPreference, limit, preferencesKey];
     $[56] = preferencesKey;
     $[57] = limit;
     $[58] = getPreference;
-    $[59] = t20;
-    $[60] = t21;
+    $[59] = t21;
+    $[60] = t22;
   } else {
-    t20 = $[59];
-    t21 = $[60];
+    t21 = $[59];
+    t22 = $[60];
   }
-  useEffect(t20, t21);
-  let t22;
+  useEffect(t21, t22);
+  let t23;
   if ($[61] !== isLoadingList) {
-    t22 = () => {
+    t23 = () => {
       if (isLoadingList) {
         setShowLoadingOverlay(true);
       }
     };
     $[61] = isLoadingList;
-    $[62] = t22;
+    $[62] = t23;
   } else {
-    t22 = $[62];
+    t23 = $[62];
   }
-  let t23;
+  let t24;
   if ($[63] !== isLoadingList) {
-    t23 = [isLoadingList, setShowLoadingOverlay];
+    t24 = [isLoadingList, setShowLoadingOverlay];
     $[63] = isLoadingList;
-    $[64] = t23;
+    $[64] = t24;
   } else {
-    t23 = $[64];
+    t24 = $[64];
   }
-  useThrottledEffect(t22, 1750, t23);
-  let t24;
+  useThrottledEffect(t23, 1750, t24);
   let t25;
+  let t26;
   if ($[65] !== isOpen) {
-    t24 = () => {
+    t25 = () => {
       if (isOpen) {
         hasInitialised.current = true;
       } else {
         hasInitialised.current = false;
       }
     };
-    t25 = [isOpen];
+    t26 = [isOpen];
     $[65] = isOpen;
-    $[66] = t24;
-    $[67] = t25;
+    $[66] = t25;
+    $[67] = t26;
   } else {
-    t24 = $[66];
-    t25 = $[67];
+    t25 = $[66];
+    t26 = $[67];
   }
-  useEffect(t24, t25);
-  let t26;
+  useEffect(t25, t26);
   let t27;
+  let t28;
   if ($[68] !== isLoadingList || $[69] !== showLoadingOverlay) {
-    t26 = () => {
+    t27 = () => {
       if (!isLoadingList && showLoadingOverlay) {
         setShowLoadingOverlay(false);
       }
     };
-    t27 = [isLoadingList, showLoadingOverlay];
+    t28 = [isLoadingList, showLoadingOverlay];
     $[68] = isLoadingList;
     $[69] = showLoadingOverlay;
-    $[70] = t26;
-    $[71] = t27;
+    $[70] = t27;
+    $[71] = t28;
   } else {
-    t26 = $[70];
-    t27 = $[71];
+    t27 = $[70];
+    t28 = $[71];
   }
-  useEffect(t26, t27);
-  let t28;
+  useEffect(t27, t28);
+  let t29;
   if ($[72] !== onSelect || $[73] !== selectedCollectionConfig.slug || $[74] !== closeModal || $[75] !== documentDrawerSlug || $[76] !== drawerSlug) {
-    t28 = t29 => {
+    t29 = t30 => {
       const {
         doc
-      } = t29;
+      } = t30;
       if (typeof onSelect === "function") {
         onSelect({
           collectionSlug: selectedCollectionConfig.slug,
@@ -465,93 +467,101 @@ export const ListDrawerContent = t0 => {
     $[74] = closeModal;
     $[75] = documentDrawerSlug;
     $[76] = drawerSlug;
-    $[77] = t28;
+    $[77] = t29;
   } else {
-    t28 = $[77];
+    t29 = $[77];
   }
-  const onCreateNew = t28;
+  const onCreateNew = t29;
   if (!selectedCollectionConfig || isError) {
     return null;
   }
-  let t29;
-  if ($[78] !== showLoadingOverlay) {
-    t29 = showLoadingOverlay && _jsx(LoadingOverlay, {});
-    $[78] = showLoadingOverlay;
-    $[79] = t29;
-  } else {
-    t29 = $[79];
-  }
   let t30;
-  if ($[80] !== customHeader || $[81] !== selectedCollectionConfig || $[82] !== i18n) {
-    t30 = !customHeader ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n) : customHeader;
-    $[80] = customHeader;
-    $[81] = selectedCollectionConfig;
-    $[82] = i18n;
-    $[83] = t30;
+  if ($[78] !== onSelect) {
+    t30 = t31 => {
+      const {
+        collectionSlug: rowColl,
+        rowData
+      } = t31;
+      if (typeof onSelect === "function") {
+        onSelect({
+          collectionSlug: rowColl,
+          docID: rowData.id
+        });
+      }
+    };
+    $[78] = onSelect;
+    $[79] = t30;
   } else {
-    t30 = $[83];
+    t30 = $[79];
+  }
+  const tableColumnCellProps = [{
+    className: `${baseClass}__first-cell`,
+    link: false,
+    onClick: t30
+  }];
+  if (enableRowSelections) {
+    tableColumnCellProps.unshift(undefined);
   }
   let t31;
-  if ($[84] !== hasCreatePermission || $[85] !== t || $[86] !== DocumentDrawerToggler) {
-    t31 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
+  if ($[80] !== showLoadingOverlay) {
+    t31 = showLoadingOverlay && _jsx(LoadingOverlay, {});
+    $[80] = showLoadingOverlay;
+    $[81] = t31;
+  } else {
+    t31 = $[81];
+  }
+  let t32;
+  if ($[82] !== customHeader || $[83] !== selectedCollectionConfig || $[84] !== i18n) {
+    t32 = !customHeader ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n) : customHeader;
+    $[82] = customHeader;
+    $[83] = selectedCollectionConfig;
+    $[84] = i18n;
+    $[85] = t32;
+  } else {
+    t32 = $[85];
+  }
+  let t33;
+  if ($[86] !== hasCreatePermission || $[87] !== t || $[88] !== DocumentDrawerToggler) {
+    t33 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
       className: `${baseClass}__create-new-button`,
       children: _jsx(Pill, {
         children: t("general:createNew")
       })
     });
-    $[84] = hasCreatePermission;
-    $[85] = t;
-    $[86] = DocumentDrawerToggler;
-    $[87] = t31;
+    $[86] = hasCreatePermission;
+    $[87] = t;
+    $[88] = DocumentDrawerToggler;
+    $[89] = t33;
   } else {
-    t31 = $[87];
+    t33 = $[89];
   }
-  let t32;
-  if ($[88] !== closeModal || $[89] !== drawerSlug) {
-    t32 = () => {
+  let t34;
+  if ($[90] !== closeModal || $[91] !== drawerSlug) {
+    t34 = () => {
       closeModal(drawerSlug);
     };
-    $[88] = closeModal;
-    $[89] = drawerSlug;
-    $[90] = t32;
+    $[90] = closeModal;
+    $[91] = drawerSlug;
+    $[92] = t34;
   } else {
-    t32 = $[90];
+    t34 = $[92];
   }
-  let t33;
-  if ($[91] !== selectedCollectionConfig?.admin) {
-    t33 = (selectedCollectionConfig?.admin?.description || selectedCollectionConfig?.admin?.components?.Description) && _jsx("div", {
+  let t35;
+  if ($[93] !== selectedCollectionConfig?.admin) {
+    t35 = (selectedCollectionConfig?.admin?.description || selectedCollectionConfig?.admin?.components?.Description) && _jsx("div", {
       className: `${baseClass}__sub-header`,
       children: _jsx(ViewDescription, {
         Description: selectedCollectionConfig.admin?.components?.Description,
         description: selectedCollectionConfig.admin?.description
       })
     });
-    $[91] = selectedCollectionConfig?.admin;
-    $[92] = t33;
-  } else {
-    t33 = $[92];
-  }
-  let t34;
-  if ($[93] !== onSelect) {
-    t34 = t35 => {
-      const {
-        collectionSlug: rowColl,
-        rowData
-      } = t35;
-      if (typeof onSelect === "function") {
-        onSelect({
-          collectionSlug: rowColl,
-          docID: rowData.id
-        });
-      }
-    };
-    $[93] = onSelect;
-    $[94] = t34;
+    $[93] = selectedCollectionConfig?.admin;
+    $[94] = t35;
   } else {
-    t34 = $[94];
+    t35 = $[94];
   }
   return _jsxs(_Fragment, {
-    children: [t29, _jsx(ListInfoProvider, {
+    children: [t31, _jsx(ListInfoProvider, {
       beforeActions: enableRowSelections ? [_jsx(SelectMany, {
         onClick: onBulkSelect
       }, "select-many")] : undefined,
@@ -568,16 +578,16 @@ export const ListDrawerContent = t0 => {
             className: `${baseClass}__header-content`,
             children: [_jsx("h2", {
               className: `${baseClass}__header-text`,
-              children: t30
-            }), t31]
+              children: t32
+            }), t33]
           }), _jsx("button", {
             "aria-label": t("general:close"),
             className: `${baseClass}__header-close`,
-            onClick: t32,
+            onClick: t34,
             type: "button",
             children: _jsx(XIcon, {})
           })]
-        }), t33, moreThanOneAvailableCollection && _jsxs("div", {
+        }), t35, moreThanOneAvailableCollection && _jsxs("div", {
           className: `${baseClass}__select-collection-wrap`,
           children: [_jsx(FieldLabel, {
             field: null,
@@ -607,11 +617,7 @@ export const ListDrawerContent = t0 => {
         params,
         preferenceKey: preferencesKey,
         children: _jsxs(TableColumnsProvider, {
-          cellProps: [{
-            className: `${baseClass}__first-cell`,
-            link: false,
-            onClick: t34
-          }],
+          cellProps: tableColumnCellProps,
           collectionSlug: selectedCollectionConfig.slug,
           enableRowSelections,
           preferenceKey: preferencesKey,