@payloadcms/ui 3.0.0-canary.78bbed6 → 3.0.0-canary.79ab53e

package/dist/elements/ListDrawer/DrawerContent.js

@@ -1,17 +1,18 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useEffect, useReducer, useState } from 'react';
+import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { SelectMany } from '../../elements/SelectMany/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { usePayloadAPI } from '../../hooks/usePayloadAPI.js';
+import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { XIcon } from '../../icons/X/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { ListInfoProvider } from '../../providers/ListInfo/index.js';
 import { ListQueryProvider } from '../../providers/ListQuery/index.js';
 import { usePreferences } from '../../providers/Preferences/index.js';
@@ -38,7 +39,7 @@ const hoistQueryParamsToAnd = (where, queryParams) => {
   return where;
 };
 export const ListDrawerContent = t0 => {
-  const $ = _c(97);
+  const $ = _c(95);
   const {
     collectionSlugs,
     customHeader,
@@ -57,6 +58,7 @@ export const ListDrawerContent = t0 => {
     permissions
   } = useAuth();
   const {
+    getPreference,
     setPreference
   } = usePreferences();
   const {
@@ -64,10 +66,20 @@ export const ListDrawerContent = t0 => {
     isModalOpen
   } = useModal();
   const [limit, setLimit] = useState();
+  const previousLimit = useRef(limit || null);
   const [sort, setSort] = useState(null);
   const [page, setPage] = useState(1);
   const [where, setWhere] = useState(null);
   const [search, setSearch] = useState("");
+  const [showLoadingOverlay, setShowLoadingOverlay] = useState(true);
+  const hasInitialised = useRef(false);
+  const params = {
+    limit,
+    page,
+    search,
+    sort,
+    where
+  };
   const {
     config: t1
   } = useConfig();
@@ -132,98 +144,98 @@ export const ListDrawerContent = t0 => {
   }
   const [selectedOption, setSelectedOption] = useState(t5);
   let t6;
-  if ($[11] !== selectedCollectionConfig) {
-    t6 = [selectedCollectionConfig];
-    $[11] = selectedCollectionConfig;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  useEffect(_temp, t6);
-  let t7;
-  if ($[13] !== selectedCollection || $[14] !== enabledCollectionConfigs) {
-    t7 = () => {
+  if ($[11] !== selectedCollection || $[12] !== enabledCollectionConfigs) {
+    t6 = () => {
       if (selectedCollection) {
-        const selectedConfig = enabledCollectionConfigs.find(t8 => {
+        const selectedConfig = enabledCollectionConfigs.find(t7 => {
           const {
             slug: slug_1
-          } = t8;
+          } = t7;
           return slug_1 === selectedCollection;
         }) || enabledCollectionConfigs?.[0];
         setSelectedCollectionConfig(selectedConfig);
       }
     };
-    $[13] = selectedCollection;
-    $[14] = enabledCollectionConfigs;
-    $[15] = t7;
+    $[11] = selectedCollection;
+    $[12] = enabledCollectionConfigs;
+    $[13] = t6;
   } else {
-    t7 = $[15];
+    t6 = $[13];
   }
-  let t8;
-  if ($[16] !== selectedCollection || $[17] !== enabledCollectionConfigs || $[18] !== onSelect || $[19] !== t) {
-    t8 = [selectedCollection, enabledCollectionConfigs, onSelect, t];
-    $[16] = selectedCollection;
-    $[17] = enabledCollectionConfigs;
-    $[18] = onSelect;
-    $[19] = t;
-    $[20] = t8;
+  let t7;
+  if ($[14] !== selectedCollection || $[15] !== enabledCollectionConfigs || $[16] !== onSelect || $[17] !== t) {
+    t7 = [selectedCollection, enabledCollectionConfigs, onSelect, t];
+    $[14] = selectedCollection;
+    $[15] = enabledCollectionConfigs;
+    $[16] = onSelect;
+    $[17] = t;
+    $[18] = t7;
   } else {
-    t8 = $[20];
+    t7 = $[18];
   }
-  useEffect(t7, t8);
-  const preferenceKey = `${selectedCollectionConfig.slug}-list`;
-  let t9;
-  if ($[21] !== selectedCollectionConfig.slug) {
-    t9 = {
+  useEffect(t6, t7);
+  const preferencesKey = `${selectedCollectionConfig.slug}-list`;
+  let t8;
+  if ($[19] !== selectedCollectionConfig.slug) {
+    t8 = {
       collectionSlug: selectedCollectionConfig.slug
     };
-    $[21] = selectedCollectionConfig.slug;
-    $[22] = t9;
+    $[19] = selectedCollectionConfig.slug;
+    $[20] = t8;
   } else {
-    t9 = $[22];
+    t8 = $[20];
   }
-  const [DocumentDrawer, DocumentDrawerToggler, t10] = useDocumentDrawer(t9);
+  const [DocumentDrawer, DocumentDrawerToggler, t9] = useDocumentDrawer(t8);
   const {
     drawerSlug: documentDrawerSlug
-  } = t10;
+  } = t9;
+  let t10;
   let t11;
-  let t12;
-  if ($[23] !== selectedOption || $[24] !== enabledCollectionConfigs) {
-    t11 = () => {
+  if ($[21] !== selectedOption || $[22] !== enabledCollectionConfigs) {
+    t10 = () => {
       if (selectedOption && !Array.isArray(selectedOption)) {
-        setSelectedCollectionConfig(enabledCollectionConfigs.find(t13 => {
+        setSelectedCollectionConfig(enabledCollectionConfigs.find(t12 => {
           const {
             slug: slug_2
-          } = t13;
+          } = t12;
           return selectedOption.value === slug_2;
         }));
       }
     };
-    t12 = [selectedOption, enabledCollectionConfigs];
-    $[23] = selectedOption;
-    $[24] = enabledCollectionConfigs;
-    $[25] = t11;
-    $[26] = t12;
+    t11 = [selectedOption, enabledCollectionConfigs];
+    $[21] = selectedOption;
+    $[22] = enabledCollectionConfigs;
+    $[23] = t10;
+    $[24] = t11;
   } else {
-    t11 = $[25];
-    t12 = $[26];
+    t10 = $[23];
+    t11 = $[24];
   }
-  useEffect(t11, t12);
+  useEffect(t10, t11);
   const collectionPermissions = permissions?.collections?.[selectedCollectionConfig?.slug];
   const hasCreatePermission = collectionPermissions?.create?.permission;
-  const isOpen = isModalOpen(drawerSlug);
+  let t12;
+  if ($[25] !== isModalOpen || $[26] !== drawerSlug) {
+    t12 = isModalOpen(drawerSlug);
+    $[25] = isModalOpen;
+    $[26] = drawerSlug;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  const isOpen = t12;
   const apiURL = isOpen ? `${serverURL}${api}/${selectedCollectionConfig.slug}` : null;
-  const [cacheBust, dispatchCacheBust] = useReducer(_temp2, 0);
+  const [cacheBust, dispatchCacheBust] = useReducer(_temp, 0);
   let t13;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
     t13 = {
       initialParams: {
         depth: 0
       }
     };
-    $[27] = t13;
+    $[28] = t13;
   } else {
-    t13 = $[27];
+    t13 = $[28];
   }
   const [t14, t15] = usePayloadAPI(apiURL, t13);
   const {
@@ -236,7 +248,7 @@ export const ListDrawerContent = t0 => {
   } = t15;
   const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1;
   let t16;
-  if ($[28] !== selectedCollectionConfig || $[29] !== where || $[30] !== filterOptions || $[31] !== search || $[32] !== page || $[33] !== sort || $[34] !== cacheBust || $[35] !== setParams) {
+  if ($[29] !== selectedCollectionConfig || $[30] !== where || $[31] !== filterOptions || $[32] !== search || $[33] !== page || $[34] !== sort || $[35] !== cacheBust || $[36] !== limit || $[37] !== setParams) {
     t16 = () => {
       const {
         slug: slug_3,
@@ -247,7 +259,7 @@ export const ListDrawerContent = t0 => {
         listSearchableFields,
         useAsTitle
       } = t17 === undefined ? {} : t17;
-      const params = {
+      const params_0 = {
         depth: 0
       };
       let copyOfWhere = {
@@ -271,79 +283,173 @@ export const ListDrawerContent = t0 => {
         }
       }
       if (page) {
-        params.page = page;
+        params_0.page = page;
       }
       if (sort) {
-        params.sort = sort;
+        params_0.sort = sort;
       }
       if (cacheBust) {
-        params.cacheBust = cacheBust;
+        params_0.cacheBust = cacheBust;
+      }
+      if (limit) {
+        params_0.limit = limit;
+        if (limit !== previousLimit.current) {
+          previousLimit.current = limit;
+          setPage(1);
+        }
       }
       if (copyOfWhere) {
-        params.where = copyOfWhere;
+        params_0.where = copyOfWhere;
       }
       if (versions?.drafts) {
-        params.draft = "true";
+        params_0.draft = "true";
       }
-      setParams(params);
+      setParams(params_0);
     };
-    $[28] = selectedCollectionConfig;
-    $[29] = where;
-    $[30] = filterOptions;
-    $[31] = search;
-    $[32] = page;
-    $[33] = sort;
-    $[34] = cacheBust;
-    $[35] = setParams;
-    $[36] = t16;
+    $[29] = selectedCollectionConfig;
+    $[30] = where;
+    $[31] = filterOptions;
+    $[32] = search;
+    $[33] = page;
+    $[34] = sort;
+    $[35] = cacheBust;
+    $[36] = limit;
+    $[37] = setParams;
+    $[38] = t16;
   } else {
-    t16 = $[36];
+    t16 = $[38];
   }
   let t17;
-  if ($[37] !== page || $[38] !== sort || $[39] !== where || $[40] !== search || $[41] !== cacheBust || $[42] !== filterOptions || $[43] !== selectedCollectionConfig || $[44] !== t || $[45] !== setParams) {
-    t17 = [page, sort, where, search, cacheBust, filterOptions, selectedCollectionConfig, t, setParams];
-    $[37] = page;
-    $[38] = sort;
-    $[39] = where;
-    $[40] = search;
-    $[41] = cacheBust;
-    $[42] = filterOptions;
-    $[43] = selectedCollectionConfig;
-    $[44] = t;
-    $[45] = setParams;
-    $[46] = t17;
+  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];
+    $[39] = page;
+    $[40] = sort;
+    $[41] = where;
+    $[42] = search;
+    $[43] = limit;
+    $[44] = cacheBust;
+    $[45] = filterOptions;
+    $[46] = selectedCollectionConfig;
+    $[47] = t;
+    $[48] = setParams;
+    $[49] = t17;
   } else {
-    t17 = $[46];
+    t17 = $[49];
   }
   useEffect(t16, t17);
   let t18;
   let t19;
-  if ($[47] !== limit || $[48] !== sort || $[49] !== setPreference || $[50] !== preferenceKey) {
+  if ($[50] !== limit || $[51] !== sort || $[52] !== setPreference || $[53] !== preferencesKey) {
     t18 = () => {
       const newPreferences = {
         limit,
         sort
       };
-      setPreference(preferenceKey, newPreferences, true);
+      if (limit || sort) {
+        setPreference(preferencesKey, newPreferences, true);
+      }
     };
-    t19 = [sort, limit, setPreference, preferenceKey];
-    $[47] = limit;
-    $[48] = sort;
-    $[49] = setPreference;
-    $[50] = preferenceKey;
-    $[51] = t18;
-    $[52] = t19;
+    t19 = [sort, limit, setPreference, preferencesKey];
+    $[50] = limit;
+    $[51] = sort;
+    $[52] = setPreference;
+    $[53] = preferencesKey;
+    $[54] = t18;
+    $[55] = t19;
   } else {
-    t18 = $[51];
-    t19 = $[52];
+    t18 = $[54];
+    t19 = $[55];
   }
   useEffect(t18, t19);
   let t20;
-  if ($[53] !== onSelect || $[54] !== selectedCollectionConfig.slug || $[55] !== closeModal || $[56] !== documentDrawerSlug || $[57] !== drawerSlug) {
-    t20 = t21 => {
+  let t21;
+  if ($[56] !== preferencesKey || $[57] !== limit || $[58] !== getPreference) {
+    t20 = () => {
+      if (preferencesKey && !limit) {
+        const getInitialPref = async () => {
+          const existingPreferences = await getPreference(preferencesKey);
+          if (existingPreferences?.limit) {
+            setLimit(existingPreferences?.limit);
+          }
+        };
+        getInitialPref();
+      }
+    };
+    t21 = [getPreference, limit, preferencesKey];
+    $[56] = preferencesKey;
+    $[57] = limit;
+    $[58] = getPreference;
+    $[59] = t20;
+    $[60] = t21;
+  } else {
+    t20 = $[59];
+    t21 = $[60];
+  }
+  useEffect(t20, t21);
+  let t22;
+  if ($[61] !== isLoadingList) {
+    t22 = () => {
+      if (isLoadingList) {
+        setShowLoadingOverlay(true);
+      }
+    };
+    $[61] = isLoadingList;
+    $[62] = t22;
+  } else {
+    t22 = $[62];
+  }
+  let t23;
+  if ($[63] !== isLoadingList) {
+    t23 = [isLoadingList, setShowLoadingOverlay];
+    $[63] = isLoadingList;
+    $[64] = t23;
+  } else {
+    t23 = $[64];
+  }
+  useThrottledEffect(t22, 1750, t23);
+  let t24;
+  let t25;
+  if ($[65] !== isOpen) {
+    t24 = () => {
+      if (isOpen) {
+        hasInitialised.current = true;
+      } else {
+        hasInitialised.current = false;
+      }
+    };
+    t25 = [isOpen];
+    $[65] = isOpen;
+    $[66] = t24;
+    $[67] = t25;
+  } else {
+    t24 = $[66];
+    t25 = $[67];
+  }
+  useEffect(t24, t25);
+  let t26;
+  let t27;
+  if ($[68] !== isLoadingList || $[69] !== showLoadingOverlay) {
+    t26 = () => {
+      if (!isLoadingList && showLoadingOverlay) {
+        setShowLoadingOverlay(false);
+      }
+    };
+    t27 = [isLoadingList, showLoadingOverlay];
+    $[68] = isLoadingList;
+    $[69] = showLoadingOverlay;
+    $[70] = t26;
+    $[71] = t27;
+  } else {
+    t26 = $[70];
+    t27 = $[71];
+  }
+  useEffect(t26, t27);
+  let t28;
+  if ($[72] !== onSelect || $[73] !== selectedCollectionConfig.slug || $[74] !== closeModal || $[75] !== documentDrawerSlug || $[76] !== drawerSlug) {
+    t28 = t29 => {
       const {
         doc
-      } = t21;
+      } = t29;
       if (typeof onSelect === "function") {
         onSelect({
           collectionSlug: selectedCollectionConfig.slug,
@@ -354,101 +460,106 @@ export const ListDrawerContent = t0 => {
       closeModal(documentDrawerSlug);
       closeModal(drawerSlug);
     };
-    $[53] = onSelect;
-    $[54] = selectedCollectionConfig.slug;
-    $[55] = closeModal;
-    $[56] = documentDrawerSlug;
-    $[57] = drawerSlug;
-    $[58] = t20;
+    $[72] = onSelect;
+    $[73] = selectedCollectionConfig.slug;
+    $[74] = closeModal;
+    $[75] = documentDrawerSlug;
+    $[76] = drawerSlug;
+    $[77] = t28;
   } else {
-    t20 = $[58];
+    t28 = $[77];
   }
-  const onCreateNew = t20;
+  const onCreateNew = t28;
   if (!selectedCollectionConfig || isError) {
     return null;
   }
-  if (isLoadingList) {
-    let t21;
-    if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
-      t21 = _jsx(LoadingOverlay, {});
-      $[59] = t21;
-    } else {
-      t21 = $[59];
-    }
-    return t21;
+  let t29;
+  if ($[78] !== showLoadingOverlay) {
+    t29 = showLoadingOverlay && _jsx(LoadingOverlay, {});
+    $[78] = showLoadingOverlay;
+    $[79] = t29;
+  } else {
+    t29 = $[79];
   }
-  let t21;
-  if ($[60] !== customHeader || $[61] !== selectedCollectionConfig || $[62] !== i18n) {
-    t21 = !customHeader ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n) : customHeader;
-    $[60] = customHeader;
-    $[61] = selectedCollectionConfig;
-    $[62] = i18n;
-    $[63] = t21;
+  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;
   } else {
-    t21 = $[63];
+    t30 = $[83];
   }
-  let t22;
-  if ($[64] !== t21 || $[65] !== hasCreatePermission || $[66] !== t || $[67] !== DocumentDrawerToggler || $[68] !== closeModal || $[69] !== drawerSlug || $[70] !== selectedCollectionConfig || $[71] !== moreThanOneAvailableCollection || $[72] !== i18n || $[73] !== enabledCollectionConfigs || $[74] !== selectedOption || $[75] !== enableRowSelections || $[76] !== onBulkSelect || $[77] !== limit || $[78] !== onSelect || $[79] !== List || $[80] !== onCreateNew || $[81] !== DocumentDrawer || $[82] !== preferenceKey || $[83] !== data || $[84] !== sort) {
-    let t23;
-    if ($[86] !== hasCreatePermission || $[87] !== t || $[88] !== DocumentDrawerToggler) {
-      t23 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
-        className: `${baseClass}__create-new-button`,
-        children: _jsx(Pill, {
-          children: t("general:createNew")
-        })
-      });
-      $[86] = hasCreatePermission;
-      $[87] = t;
-      $[88] = DocumentDrawerToggler;
-      $[89] = t23;
-    } else {
-      t23 = $[89];
-    }
-    let t24;
-    if ($[90] !== closeModal || $[91] !== drawerSlug) {
-      t24 = () => {
-        closeModal(drawerSlug);
-      };
-      $[90] = closeModal;
-      $[91] = drawerSlug;
-      $[92] = t24;
-    } else {
-      t24 = $[92];
-    }
-    let t25;
-    if ($[93] !== selectedCollectionConfig) {
-      t25 = (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
-        })
-      });
-      $[93] = selectedCollectionConfig;
-      $[94] = t25;
-    } else {
-      t25 = $[94];
-    }
-    let t26;
-    if ($[95] !== onSelect) {
-      t26 = t27 => {
-        const {
+  let t31;
+  if ($[84] !== hasCreatePermission || $[85] !== t || $[86] !== DocumentDrawerToggler) {
+    t31 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
+      className: `${baseClass}__create-new-button`,
+      children: _jsx(Pill, {
+        children: t("general:createNew")
+      })
+    });
+    $[84] = hasCreatePermission;
+    $[85] = t;
+    $[86] = DocumentDrawerToggler;
+    $[87] = t31;
+  } else {
+    t31 = $[87];
+  }
+  let t32;
+  if ($[88] !== closeModal || $[89] !== drawerSlug) {
+    t32 = () => {
+      closeModal(drawerSlug);
+    };
+    $[88] = closeModal;
+    $[89] = drawerSlug;
+    $[90] = t32;
+  } else {
+    t32 = $[90];
+  }
+  let t33;
+  if ($[91] !== selectedCollectionConfig) {
+    t33 = (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;
+    $[92] = t33;
+  } else {
+    t33 = $[92];
+  }
+  let t34;
+  if ($[93] !== onSelect) {
+    t34 = t35 => {
+      const {
+        collectionSlug: rowColl,
+        rowData
+      } = t35;
+      if (typeof onSelect === "function") {
+        onSelect({
           collectionSlug: rowColl,
-          rowData
-        } = t27;
-        if (typeof onSelect === "function") {
-          onSelect({
-            collectionSlug: rowColl,
-            docID: rowData.id
-          });
-        }
-      };
-      $[95] = onSelect;
-      $[96] = t26;
-    } else {
-      t26 = $[96];
-    }
-    t22 = _jsx(ListInfoProvider, {
+          docID: rowData.id
+        });
+      }
+    };
+    $[93] = onSelect;
+    $[94] = t34;
+  } else {
+    t34 = $[94];
+  }
+  return _jsxs(_Fragment, {
+    children: [t29, _jsx(ListInfoProvider, {
+      beforeActions: enableRowSelections ? [_jsx(SelectMany, {
+        onClick: onBulkSelect
+      }, "select-many")] : undefined,
+      collectionConfig: selectedCollectionConfig,
+      collectionSlug: selectedCollectionConfig.slug,
+      disableBulkDelete: true,
+      disableBulkEdit: true,
+      hasCreatePermission,
       Header: _jsxs("header", {
         className: `${baseClass}__header`,
         children: [_jsxs("div", {
@@ -457,16 +568,16 @@ export const ListDrawerContent = t0 => {
             className: `${baseClass}__header-content`,
             children: [_jsx("h2", {
               className: `${baseClass}__header-text`,
-              children: t21
-            }), t23]
+              children: t30
+            }), t31]
           }), _jsx("button", {
             "aria-label": t("general:close"),
             className: `${baseClass}__header-close`,
-            onClick: t24,
+            onClick: t32,
             type: "button",
             children: _jsx(XIcon, {})
           })]
-        }), t25, moreThanOneAvailableCollection && _jsxs("div", {
+        }), t33, moreThanOneAvailableCollection && _jsxs("div", {
           className: `${baseClass}__select-collection-wrap`,
           children: [_jsx(FieldLabel, {
             field: null,
@@ -482,14 +593,6 @@ export const ListDrawerContent = t0 => {
           })]
         })]
       }),
-      beforeActions: enableRowSelections ? [_jsx(SelectMany, {
-        onClick: onBulkSelect
-      }, "select-many")] : undefined,
-      collectionConfig: selectedCollectionConfig,
-      collectionSlug: selectedCollectionConfig.slug,
-      disableBulkDelete: true,
-      disableBulkEdit: true,
-      hasCreatePermission,
       newDocumentURL: null,
       children: _jsx(ListQueryProvider, {
         data,
@@ -501,16 +604,17 @@ export const ListDrawerContent = t0 => {
         handleSortChange: setSort,
         handleWhereChange: setWhere,
         modifySearchParams: false,
-        preferenceKey,
+        params,
+        preferenceKey: preferencesKey,
         children: _jsxs(TableColumnsProvider, {
           cellProps: [{
             className: `${baseClass}__first-cell`,
             link: false,
-            onClick: t26
+            onClick: t34
           }],
           collectionSlug: selectedCollectionConfig.slug,
           enableRowSelections,
-          preferenceKey,
+          preferenceKey: preferencesKey,
           children: [_jsx(RenderComponent, {
             mappedComponent: List
           }), _jsx(DocumentDrawer, {
@@ -518,36 +622,10 @@ export const ListDrawerContent = t0 => {
           })]
         })
       })
-    });
-    $[64] = t21;
-    $[65] = hasCreatePermission;
-    $[66] = t;
-    $[67] = DocumentDrawerToggler;
-    $[68] = closeModal;
-    $[69] = drawerSlug;
-    $[70] = selectedCollectionConfig;
-    $[71] = moreThanOneAvailableCollection;
-    $[72] = i18n;
-    $[73] = enabledCollectionConfigs;
-    $[74] = selectedOption;
-    $[75] = enableRowSelections;
-    $[76] = onBulkSelect;
-    $[77] = limit;
-    $[78] = onSelect;
-    $[79] = List;
-    $[80] = onCreateNew;
-    $[81] = DocumentDrawer;
-    $[82] = preferenceKey;
-    $[83] = data;
-    $[84] = sort;
-    $[85] = t22;
-  } else {
-    t22 = $[85];
-  }
-  return t22;
+    })]
+  });
 };
-function _temp() {}
-function _temp2(state) {
+function _temp(state) {
   return state + 1;
 }
 //# sourceMappingURL=DrawerContent.js.map