revert(ui): adds admin.components.listControlsMenu option (#11047)

Reverts payloadcms/payload#10981 In using this feature I think we need to iterate once more before it can be released.
2025-02-07 09:15:46 -05:00
parent b820a75ec5
commit 6f53747040
47 changed files with 1 additions and 149 deletions
--- a/docs/configuration/collections.mdx
+++ b/docs/configuration/collections.mdx
@@ -158,7 +158,6 @@ The following options are available:
 | **`beforeListTable`**      | An array of components to inject _before_ the built-in List View's table                                                                   |
 | **`afterList`**            | An array of components to inject _after_ the built-in List View                                                                            |
 | **`afterListTable`**       | An array of components to inject _after_ the built-in List View's table                                                                    |
-| **`listControlsMenu`**      | An array of components to render as buttons within a menu next to the List Controls (after the Columns and Filters options)                |
 | **`Description`**          | A component to render below the Collection label in the List View. An alternative to the `admin.description` property.                     |
 | **`edit.SaveButton`**      | Replace the default Save Button with a Custom Component. [Drafts](../versions/drafts) must be disabled.                                    |
 | **`edit.SaveDraftButton`** | Replace the default Save Draft Button with a Custom Component. [Drafts](../versions/drafts) must be enabled and autosave must be disabled. |
--- a/packages/next/src/views/List/renderListViewSlots.tsx
+++ b/packages/next/src/views/List/renderListViewSlots.tsx
@@ -33,15 +33,6 @@ export const renderListViewSlots = ({
    })
  }

-  if (collectionConfig.admin.components?.listControlsMenu) {
-    result.ListControlsMenu = RenderServerComponent({
-      clientProps,
-      Component: collectionConfig.admin.components.listControlsMenu,
-      importMap: payload.importMap,
-      serverProps,
-    })
-  }
-
  if (collectionConfig.admin.components?.afterListTable) {
    result.AfterListTable = RenderServerComponent({
      clientProps,
--- a/packages/payload/src/bin/generateImportMap/iterateCollections.ts
+++ b/packages/payload/src/bin/generateImportMap/iterateCollections.ts
@@ -30,7 +30,6 @@ export function iterateCollections({
    })

    addToImportMap(collection.admin?.components?.afterList)
-    addToImportMap(collection.admin?.components?.listControlsMenu)
    addToImportMap(collection.admin?.components?.afterListTable)
    addToImportMap(collection.admin?.components?.beforeList)
    addToImportMap(collection.admin?.components?.beforeListTable)
--- a/packages/payload/src/collections/config/types.ts
+++ b/packages/payload/src/collections/config/types.ts
@@ -310,7 +310,6 @@ export type CollectionAdminOptions = {
       */
      Upload?: CustomUpload
    }
-    listControlsMenu?: CustomComponent[]
    views?: {
      /**
       * Set to a React component to replace the entire Edit View, including all nested routes.
--- a/packages/translations/src/clientKeys.ts
+++ b/packages/translations/src/clientKeys.ts
@@ -209,7 +209,6 @@ export const clientTranslationKeys = createClientTranslationKeys([
  'general:loading',
  'general:locale',
  'general:menu',
-  'general:listControlMenu',
  'general:moveDown',
  'general:moveUp',
  'general:next',
--- a/packages/translations/src/languages/ar.ts
+++ b/packages/translations/src/languages/ar.ts
@@ -261,7 +261,6 @@ export const arTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'المغادرة على أي حال',
    leaveWithoutSaving: 'المغادرة بدون حفظ',
    light: 'فاتح',
-    listControlMenu: 'قائمة التحكم',
    livePreview: 'معاينة مباشرة',
    loading: 'يتمّ التّحميل',
    locale: 'اللّغة',
--- a/packages/translations/src/languages/az.ts
+++ b/packages/translations/src/languages/az.ts
@@ -265,7 +265,6 @@ export const azTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Heç olmasa çıx',
    leaveWithoutSaving: 'Saxlamadan çıx',
    light: 'Açıq',
-    listControlMenu: 'Siyahı nəzarət menyusu',
    livePreview: 'Öncədən baxış',
    loading: 'Yüklənir',
    locale: 'Lokal',
--- a/packages/translations/src/languages/bg.ts
+++ b/packages/translations/src/languages/bg.ts
@@ -264,7 +264,6 @@ export const bgTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Напусни въпреки това',
    leaveWithoutSaving: 'Напусни без да запазиш',
    light: 'Светла',
-    listControlMenu: 'Меню за контрол на списъка',
    livePreview: 'Предварителен преглед',
    loading: 'Зарежда се',
    locale: 'Локализация',
--- a/packages/translations/src/languages/ca.ts
+++ b/packages/translations/src/languages/ca.ts
@@ -265,7 +265,6 @@ export const caTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Deixa-ho de totes maneres',
    leaveWithoutSaving: 'Deixa sense desar',
    light: 'Clar',
-    listControlMenu: 'Menú de control de llista',
    livePreview: 'Previsualització en viu',
    loading: 'Carregant',
    locale: 'Idioma',
--- a/packages/translations/src/languages/cs.ts
+++ b/packages/translations/src/languages/cs.ts
@@ -263,7 +263,6 @@ export const csTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Přesto odejít',
    leaveWithoutSaving: 'Odejít bez uložení',
    light: 'Světlé',
-    listControlMenu: 'Nabídka ovládání seznamu',
    livePreview: 'Náhled',
    loading: 'Načítání',
    locale: 'Místní verze',
--- a/packages/translations/src/languages/da.ts
+++ b/packages/translations/src/languages/da.ts
@@ -263,7 +263,6 @@ export const daTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Forlad alligevel',
    leaveWithoutSaving: 'Forlad uden at gemme',
    light: 'Lys',
-    listControlMenu: 'Kontrolmenu for liste',
    livePreview: 'Live-forhåndsvisning',
    loading: 'Loader',
    locale: 'Lokalitet',
--- a/packages/translations/src/languages/de.ts
+++ b/packages/translations/src/languages/de.ts
@@ -269,7 +269,6 @@ export const deTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Trotzdem verlassen',
    leaveWithoutSaving: 'Ohne speichern verlassen',
    light: 'Hell',
-    listControlMenu: 'Kontrollmenü auflisten',
    livePreview: 'Vorschau',
    loading: 'Lädt',
    locale: 'Sprache',
--- a/packages/translations/src/languages/en.ts
+++ b/packages/translations/src/languages/en.ts
@@ -265,7 +265,6 @@ export const enTranslations = {
    leaveAnyway: 'Leave anyway',
    leaveWithoutSaving: 'Leave without saving',
    light: 'Light',
-    listControlMenu: 'List control menu',
    livePreview: 'Live Preview',
    loading: 'Loading',
    locale: 'Locale',
--- a/packages/translations/src/languages/es.ts
+++ b/packages/translations/src/languages/es.ts
@@ -269,7 +269,6 @@ export const esTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Salir de todos modos',
    leaveWithoutSaving: 'Salir sin guardar',
    light: 'Claro',
-    listControlMenu: 'Menú de control de lista',
    livePreview: 'Previsualizar',
    loading: 'Cargando',
    locale: 'Regional',
--- a/packages/translations/src/languages/et.ts
+++ b/packages/translations/src/languages/et.ts
@@ -262,7 +262,6 @@ export const etTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Lahku ikkagi',
    leaveWithoutSaving: 'Lahku ilma salvestamata',
    light: 'Hele',
-    listControlMenu: 'Loendikontrolli menüü',
    livePreview: 'Reaalajas eelvaade',
    loading: 'Laadimine',
    locale: 'Keel',
--- a/packages/translations/src/languages/fa.ts
+++ b/packages/translations/src/languages/fa.ts
@@ -263,7 +263,6 @@ export const faTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'به هر حال ترک کن',
    leaveWithoutSaving: 'ترک کردن بدون ذخیره',
    light: 'روشن',
-    listControlMenu: 'منوی کنترل لیست',
    livePreview: 'پیش‌نمایش',
    loading: 'در حال بارگذاری',
    locale: 'زبان',
--- a/packages/translations/src/languages/fr.ts
+++ b/packages/translations/src/languages/fr.ts
@@ -272,7 +272,6 @@ export const frTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Quitter quand même',
    leaveWithoutSaving: 'Quitter sans sauvegarder',
    light: 'Clair',
-    listControlMenu: 'Menu de contrôle de liste',
    livePreview: 'Aperçu',
    loading: 'Chargement en cours',
    locale: 'Paramètres régionaux',
--- a/packages/translations/src/languages/he.ts
+++ b/packages/translations/src/languages/he.ts
@@ -259,7 +259,6 @@ export const heTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'צא בכל זאת',
    leaveWithoutSaving: 'צא מבלי לשמור',
    light: 'בהיר',
-    listControlMenu: 'תפריט בקרת רשימה',
    livePreview: 'תצוגה מקדימה חיה',
    loading: 'טוען',
    locale: 'שפה',
--- a/packages/translations/src/languages/hr.ts
+++ b/packages/translations/src/languages/hr.ts
@@ -265,7 +265,6 @@ export const hrTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Svejedno napusti',
    leaveWithoutSaving: 'Napusti bez spremanja',
    light: 'Svijetlo',
-    listControlMenu: 'Izbornik za kontrolu popisa',
    livePreview: 'Pregled',
    loading: 'Učitavanje',
    locale: 'Jezik',
--- a/packages/translations/src/languages/hu.ts
+++ b/packages/translations/src/languages/hu.ts
@@ -267,7 +267,6 @@ export const huTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Távozás mindenképp',
    leaveWithoutSaving: 'Távozás mentés nélkül',
    light: 'Világos',
-    listControlMenu: 'Lista vezérlő menü',
    livePreview: 'Előnézet',
    loading: 'Betöltés',
    locale: 'Nyelv',
--- a/packages/translations/src/languages/it.ts
+++ b/packages/translations/src/languages/it.ts
@@ -268,7 +268,6 @@ export const itTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Esci comunque',
    leaveWithoutSaving: 'Esci senza salvare',
    light: 'Chiaro',
-    listControlMenu: 'Menu di controllo elenco',
    livePreview: 'Anteprima dal vivo',
    loading: 'Caricamento',
    locale: 'Locale',
--- a/packages/translations/src/languages/ja.ts
+++ b/packages/translations/src/languages/ja.ts
@@ -265,7 +265,6 @@ export const jaTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'すぐに画面を離れる',
    leaveWithoutSaving: '内容が保存されていません',
    light: 'ライトモード',
-    listControlMenu: 'リスト制御メニュー',
    livePreview: 'プレビュー',
    loading: 'ローディング中',
    locale: 'ロケール',
--- a/packages/translations/src/languages/ko.ts
+++ b/packages/translations/src/languages/ko.ts
@@ -263,7 +263,6 @@ export const koTranslations: DefaultTranslationsObject = {
    leaveAnyway: '그래도 나가시겠습니까?',
    leaveWithoutSaving: '저장하지 않고 나가기',
    light: '라이트',
-    listControlMenu: '목록 제어 메뉴',
    livePreview: '실시간 미리보기',
    loading: '불러오는 중',
    locale: 'locale',
--- a/packages/translations/src/languages/my.ts
+++ b/packages/translations/src/languages/my.ts
@@ -267,7 +267,6 @@ export const myTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'ဘာဖြစ်ဖြစ် ထွက်မည်။',
    leaveWithoutSaving: 'မသိမ်းဘဲ ထွက်မည်။',
    light: 'အလင်း',
-    listControlMenu: 'စာရင်းထိန်းချုပ် မီနူး',
    livePreview: 'အစမ်းကြည့်ရန်',
    loading: 'ဖွင့်နေသည်',
    locale: 'ဒေသ',
--- a/packages/translations/src/languages/nb.ts
+++ b/packages/translations/src/languages/nb.ts
@@ -265,7 +265,6 @@ export const nbTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Forlat likevel',
    leaveWithoutSaving: 'Forlat uten å lagre',
    light: 'Lys',
-    listControlMenu: 'Kontrollmeny for liste',
    livePreview: 'Forhåndsvisning',
    loading: 'Laster',
    locale: 'Lokalitet',
--- a/packages/translations/src/languages/nl.ts
+++ b/packages/translations/src/languages/nl.ts
@@ -268,7 +268,6 @@ export const nlTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Toch weggaan',
    leaveWithoutSaving: 'Verlaten zonder op te slaan',
    light: 'Licht',
-    listControlMenu: 'Controlelijstmenu',
    livePreview: 'Voorbeeld',
    loading: 'Laden',
    locale: 'Taal',
--- a/packages/translations/src/languages/pl.ts
+++ b/packages/translations/src/languages/pl.ts
@@ -265,7 +265,6 @@ export const plTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Wyjdź mimo to',
    leaveWithoutSaving: 'Wyjdź bez zapisywania',
    light: 'Jasny',
-    listControlMenu: 'Menu kontroli listy',
    livePreview: 'Podgląd',
    loading: 'Ładowanie',
    locale: 'Ustawienia regionalne',
--- a/packages/translations/src/languages/pt.ts
+++ b/packages/translations/src/languages/pt.ts
@@ -265,7 +265,6 @@ export const ptTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Sair mesmo assim',
    leaveWithoutSaving: 'Sair sem salvar',
    light: 'Claro',
-    listControlMenu: 'Menu de controle de lista',
    livePreview: 'Pré-visualização',
    loading: 'Carregando',
    locale: 'Local',
--- a/packages/translations/src/languages/ro.ts
+++ b/packages/translations/src/languages/ro.ts
@@ -269,7 +269,6 @@ export const roTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Pleacă oricum',
    leaveWithoutSaving: 'Plecare fără a salva',
    light: 'Light',
-    listControlMenu: 'Meniu de control al listei',
    livePreview: 'Previzualizare',
    loading: 'Încărcare',
    locale: 'Localitate',
--- a/packages/translations/src/languages/rs.ts
+++ b/packages/translations/src/languages/rs.ts
@@ -265,7 +265,6 @@ export const rsTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Свеједно напусти',
    leaveWithoutSaving: 'Напусти без чувања',
    light: 'Светло',
-    listControlMenu: 'Meni za kontrolu liste',
    livePreview: 'Преглед',
    loading: 'Учитавање',
    locale: 'Језик',
--- a/packages/translations/src/languages/rsLatin.ts
+++ b/packages/translations/src/languages/rsLatin.ts
@@ -265,7 +265,6 @@ export const rsLatinTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Svejedno napusti',
    leaveWithoutSaving: 'Napusti bez čuvanja',
    light: 'Svetlo',
-    listControlMenu: 'Kontrolni meni liste',
    livePreview: 'Pregled',
    loading: 'Učitavanje',
    locale: 'Jezik',
--- a/packages/translations/src/languages/ru.ts
+++ b/packages/translations/src/languages/ru.ts
@@ -267,7 +267,6 @@ export const ruTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Все равно уйти',
    leaveWithoutSaving: 'Выход без сохранения',
    light: 'Светлая',
-    listControlMenu: 'Меню управления списком',
    livePreview: 'Предпросмотр',
    loading: 'Загрузка',
    locale: 'Локаль',
--- a/packages/translations/src/languages/sk.ts
+++ b/packages/translations/src/languages/sk.ts
@@ -266,7 +266,6 @@ export const skTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Presto odísť',
    leaveWithoutSaving: 'Odísť bez uloženia',
    light: 'Svetlý',
-    listControlMenu: 'Menu ovládania zoznamu',
    livePreview: 'Náhľad',
    loading: 'Načítavanie',
    locale: 'Jazyk',
--- a/packages/translations/src/languages/sl.ts
+++ b/packages/translations/src/languages/sl.ts
@@ -264,7 +264,6 @@ export const slTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Vseeno zapusti',
    leaveWithoutSaving: 'Zapusti brez shranjevanja',
    light: 'Svetlo',
-    listControlMenu: 'Meni za nadzor seznama',
    livePreview: 'Predogled',
    loading: 'Nalaganje',
    locale: 'Jezik',
--- a/packages/translations/src/languages/sv.ts
+++ b/packages/translations/src/languages/sv.ts
@@ -265,7 +265,6 @@ export const svTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Lämna ändå',
    leaveWithoutSaving: 'Lämna utan att spara',
    light: 'Ljus',
-    listControlMenu: 'Kontrollmeny för lista',
    livePreview: 'Förhandsvisa',
    loading: 'Läser in',
    locale: 'Lokal',
--- a/packages/translations/src/languages/th.ts
+++ b/packages/translations/src/languages/th.ts
@@ -261,7 +261,6 @@ export const thTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'ออกจากหน้านี้',
    leaveWithoutSaving: 'ออกโดยไม่บันทึก',
    light: 'สว่าง',
-    listControlMenu: 'เมนูควบคุมรายการ',
    livePreview: 'แสดงตัวอย่าง',
    loading: 'กำลังโหลด',
    locale: 'ตำแหน่งที่ตั้ง',
--- a/packages/translations/src/languages/tr.ts
+++ b/packages/translations/src/languages/tr.ts
@@ -268,7 +268,6 @@ export const trTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Yine de ayrıl',
    leaveWithoutSaving: 'Kaydetmeden ayrıl',
    light: 'Aydınlık',
-    listControlMenu: 'Liste kontrol menüsü',
    livePreview: 'Önizleme',
    loading: 'Yükleniyor',
    locale: 'Yerel ayar',
--- a/packages/translations/src/languages/uk.ts
+++ b/packages/translations/src/languages/uk.ts
@@ -264,7 +264,6 @@ export const ukTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Все одно вийти',
    leaveWithoutSaving: 'Вийти без збереження',
    light: 'Світла',
-    listControlMenu: 'Меню контролю списку',
    livePreview: 'Попередній перегляд',
    loading: 'Завантаження',
    locale: 'Локаль',
--- a/packages/translations/src/languages/vi.ts
+++ b/packages/translations/src/languages/vi.ts
@@ -264,7 +264,6 @@ export const viTranslations: DefaultTranslationsObject = {
    leaveAnyway: 'Tiếp tục thoát',
    leaveWithoutSaving: 'Thay đổi chưa được lưu',
    light: 'Nền sáng',
-    listControlMenu: 'Menu điều khiển danh sách',
    livePreview: 'Xem trước',
    loading: 'Đang tải',
    locale: 'Ngôn ngữ',
--- a/packages/translations/src/languages/zh.ts
+++ b/packages/translations/src/languages/zh.ts
@@ -255,7 +255,6 @@ export const zhTranslations: DefaultTranslationsObject = {
    leaveAnyway: '无论如何都要离开',
    leaveWithoutSaving: '离开而不保存',
    light: '亮色',
-    listControlMenu: '列表控制菜单',
    livePreview: '预览',
    loading: '加载中...',
    locale: '语言环境',
--- a/packages/translations/src/languages/zhTw.ts
+++ b/packages/translations/src/languages/zhTw.ts
@@ -255,7 +255,6 @@ export const zhTwTranslations: DefaultTranslationsObject = {
    leaveAnyway: '無論如何都要離開',
    leaveWithoutSaving: '不儲存直接離開',
    light: '亮色',
-    listControlMenu: '列表控制菜單',
    livePreview: '預覽',
    loading: '載入中...',
    locale: '語言環境',
--- a/packages/ui/src/elements/ListControls/index.tsx
+++ b/packages/ui/src/elements/ListControls/index.tsx
@@ -5,10 +5,8 @@ import { useWindowInfo } from '@faceless-ui/window-info'
 import { getTranslation } from '@payloadcms/translations'
 import React, { Fragment, useEffect, useRef, useState } from 'react'

-import { Popup, PopupList } from '../../elements/Popup/index.js'
 import { useUseTitleField } from '../../hooks/useUseAsTitle.js'
 import { ChevronIcon } from '../../icons/Chevron/index.js'
-import { Dots } from '../../icons/Dots/index.js'
 import { SearchIcon } from '../../icons/Search/index.js'
 import { useListQuery } from '../../providers/ListQuery/index.js'
 import { useTranslation } from '../../providers/Translation/index.js'
@@ -21,8 +19,8 @@ import { PublishMany } from '../PublishMany/index.js'
 import { SearchFilter } from '../SearchFilter/index.js'
 import { UnpublishMany } from '../UnpublishMany/index.js'
 import { WhereBuilder } from '../WhereBuilder/index.js'
-import './index.scss'
 import validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'
+import './index.scss'
 import { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'

 const baseClass = 'list-controls'
@@ -38,7 +36,6 @@ export type ListControlsProps = {
  readonly handleSearchChange?: (search: string) => void
  readonly handleSortChange?: (sort: string) => void
  readonly handleWhereChange?: (where: Where) => void
-  readonly listControlsMenu?: React.ReactNode | React.ReactNode[]
  readonly renderedFilters?: Map<string, React.ReactNode>
 }

@@ -56,7 +53,6 @@ export const ListControls: React.FC<ListControlsProps> = (props) => {
    disableBulkEdit,
    enableColumns = true,
    enableSort = false,
-    listControlsMenu,
    renderedFilters,
  } = props

@@ -196,21 +192,6 @@ export const ListControls: React.FC<ListControlsProps> = (props) => {
                {t('general:sort')}
              </Pill>
            )}
-            {listControlsMenu && Array.isArray(listControlsMenu) && (
-              <Popup
-                button={<Dots ariaLabel={t('general:listControlMenu')} />}
-                className={`${baseClass}__popup`}
-                horizontalAlign="right"
-                size="large"
-                verticalAlign="bottom"
-              >
-                <PopupList.ButtonGroup>
-                  {listControlsMenu.map((control, index) => (
-                    <PopupList.Button key={index}>{control}</PopupList.Button>
-                  ))}
-                </PopupList.ButtonGroup>
-              </Popup>
-            )}
          </div>
        </div>
      </div>
--- a/packages/ui/src/icons/Dots/index.scss
+++ b/packages/ui/src/icons/Dots/index.scss
@@ -1,27 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .dots {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 2px;
-    background-color: var(--theme-elevation-150);
-    border-radius: $style-radius-m;
-    height: calc(var(--base) * 1.2);
-    width: calc(var(--base) * 1.2);
-
-    &:hover {
-      background-color: var(--theme-elevation-100);
-    }
-
-    > div {
-      width: 2.5px;
-      height: 2.5px;
-      border-radius: 100%;
-      background-color: currentColor;
-    }
-  }
-}
--- a/packages/ui/src/icons/Dots/index.tsx
+++ b/packages/ui/src/icons/Dots/index.tsx
@@ -1,17 +0,0 @@
-import React from 'react'
-
-import './index.scss'
-
-export const Dots: React.FC<{ ariaLabel?: string; className?: string }> = ({
-  ariaLabel,
-  className,
-}) => (
-  <div
-    aria-label={ariaLabel}
-    className={[className && className, 'dots'].filter(Boolean).join(' ')}
-  >
-    <div />
-    <div />
-    <div />
-  </div>
-)
--- a/packages/ui/src/views/List/index.tsx
+++ b/packages/ui/src/views/List/index.tsx
@@ -48,7 +48,6 @@ export type ListViewSlots = {
  BeforeList?: React.ReactNode
  BeforeListTable?: React.ReactNode
  Description?: React.ReactNode
-  ListControlsMenu?: React.ReactNode | React.ReactNode[]
  Table: React.ReactNode
 }

@@ -80,7 +79,6 @@ export const DefaultListView: React.FC<ListViewClientProps> = (props) => {
    disableBulkEdit,
    enableRowSelections,
    hasCreatePermission,
-    ListControlsMenu,
    listPreferences,
    newDocumentURL,
    preferenceKey,
@@ -220,7 +218,6 @@ export const DefaultListView: React.FC<ListViewClientProps> = (props) => {
                collectionSlug={collectionSlug}
                disableBulkDelete={disableBulkDelete}
                disableBulkEdit={disableBulkEdit}
-                listControlsMenu={ListControlsMenu}
                renderedFilters={renderedFilters}
              />
              {BeforeListTable}
--- a/test/admin/collections/Posts.ts
+++ b/test/admin/collections/Posts.ts
@@ -33,26 +33,6 @@ export const Posts: CollectionConfig = {
          },
        },
      ],
-      listControlsMenu: [
-        {
-          path: '/components/Banner/index.js#Banner',
-          clientProps: {
-            message: 'ListControlsMenu',
-          },
-        },
-        {
-          path: '/components/Banner/index.js#Banner',
-          clientProps: {
-            message: 'Many of them',
-          },
-        },
-        {
-          path: '/components/Banner/index.js#Banner',
-          clientProps: {
-            message: 'Ok last one',
-          },
-        },
-      ],
      afterList: [
        {
          path: '/components/Banner/index.js#Banner',
--- a/test/admin/e2e/list-view/e2e.spec.ts
+++ b/test/admin/e2e/list-view/e2e.spec.ts
@@ -198,19 +198,6 @@ describe('List View', () => {
      ).toBeVisible()
    })

-    test('should render custom listControlsMenu component', async () => {
-      await page.goto(postsUrl.list)
-      const kebabMenu = page.locator('.list-controls__popup')
-      await expect(kebabMenu).toBeVisible()
-      await kebabMenu.click()
-
-      await expect(
-        page.locator('.popup-button-list__button').locator('div', {
-          hasText: 'ListControlsMenu',
-        }),
-      ).toBeVisible()
-    })
-
    test('should render custom afterListTable component', async () => {
      await page.goto(postsUrl.list)
      await expect(