Allow to set default props for List.

Author: Madeorsk

packages/ra-ui-materialui/src/list/List.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ReactElement } from 'react';
 import { ListBase, ListBaseProps, RaRecord } from 'ra-core';
+import { useThemeProps } from '@mui/material/styles';
 
 import { ListView, ListViewProps } from './ListView';
 import { Loading } from '../layout';
@@ -55,42 +56,53 @@ import { Loading } from '../layout';
  *     </List>
  * );
  */
-export const List = <RecordType extends RaRecord = any>({
-    debounce,
-    disableAuthentication,
-    disableSyncWithLocation,
-    exporter,
-    filter = defaultFilter,
-    filterDefaultValues,
-    loading = defaultLoading,
-    perPage = 10,
-    queryOptions,
-    resource,
-    sort,
-    storeKey,
-    ...rest
-}: ListProps<RecordType>): ReactElement => (
-    <ListBase<RecordType>
-        debounce={debounce}
-        disableAuthentication={disableAuthentication}
-        disableSyncWithLocation={disableSyncWithLocation}
-        exporter={exporter}
-        filter={filter}
-        filterDefaultValues={filterDefaultValues}
-        loading={loading}
-        perPage={perPage}
-        queryOptions={queryOptions}
-        resource={resource}
-        sort={sort}
-        storeKey={storeKey}
-    >
-        <ListView<RecordType> {...rest} />
-    </ListBase>
-);
+export const List = <RecordType extends RaRecord = any>(
+    props: ListProps<RecordType>
+): ReactElement => {
+    const {
+        debounce,
+        disableAuthentication,
+        disableSyncWithLocation,
+        exporter,
+        filter = defaultFilter,
+        filterDefaultValues,
+        loading = defaultLoading,
+        perPage = 10,
+        queryOptions,
+        resource,
+        sort,
+        storeKey,
+        ...rest
+    } = useThemeProps({
+        props: props,
+        name: PREFIX,
+    });
+
+    return (
+        <ListBase<RecordType>
+            debounce={debounce}
+            disableAuthentication={disableAuthentication}
+            disableSyncWithLocation={disableSyncWithLocation}
+            exporter={exporter}
+            filter={filter}
+            filterDefaultValues={filterDefaultValues}
+            loading={loading}
+            perPage={perPage}
+            queryOptions={queryOptions}
+            resource={resource}
+            sort={sort}
+            storeKey={storeKey}
+        >
+            <ListView<RecordType> {...rest} />
+        </ListBase>
+    );
+};
 
 export interface ListProps<RecordType extends RaRecord = any>
     extends ListBaseProps<RecordType>,
         ListViewProps {}
 
 const defaultFilter = {};
 const defaultLoading = <Loading />;
+
+const PREFIX = 'RaList'; // Types declared in ListView.

packages/ra-ui-materialui/src/list/ListView.tsx

@@ -16,6 +16,7 @@ import { ListToolbar } from './ListToolbar';
 import { Pagination as DefaultPagination } from './pagination';
 import { ListActions as DefaultActions } from './ListActions';
 import { Empty } from './Empty';
+import { ListProps } from './List';
 
 const defaultActions = <DefaultActions />;
 const defaultPagination = <DefaultPagination />;
@@ -372,7 +373,7 @@ declare module '@mui/material/styles' {
     }
 
     interface ComponentsPropsList {
-        RaList: Partial<ListViewProps>;
+        RaList: Partial<ListProps>;
     }
 
     interface Components {