remove ListIterator usage of SimpleList

Author: erwanMarmelab

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

@@ -13,14 +13,15 @@ import {
     useThemeProps,
 } from '@mui/material/styles';
 import {
-    ListIterator,
     type RaRecord,
+    RecordContextProvider,
     sanitizeListRestProps,
     useGetRecordRepresentation,
     useListContextWithProps,
     useRecordContext,
     useResourceContext,
     useTranslate,
+    WithListContext,
 } from 'ra-core';
 import * as React from 'react';
 import { isValidElement, type ReactElement } from 'react';
@@ -100,6 +101,8 @@ export const SimpleList = <RecordType extends RaRecord = any>(
     const { data, isPending, total } =
         useListContextWithProps<RecordType>(props);
 
+    console.log('SimpleList');
+
     if (isPending === true) {
         return (
             <SimpleListLoading
@@ -122,31 +125,40 @@ export const SimpleList = <RecordType extends RaRecord = any>(
 
     return (
         <Root className={className} {...sanitizeListRestProps(rest)}>
-            <ListIterator<RecordType>
-                data={data}
-                total={total}
-                render={(record, rowIndex) => (
-                    <SimpleListItem
-                        key={record.id}
-                        rowIndex={rowIndex}
-                        linkType={linkType}
-                        rowClick={rowClick}
-                        rowSx={rowSx}
-                        rowStyle={rowStyle}
-                        resource={resource}
-                    >
-                        <SimpleListItemContent
-                            leftAvatar={leftAvatar}
-                            leftIcon={leftIcon}
-                            primaryText={primaryText}
-                            rightAvatar={rightAvatar}
-                            rightIcon={rightIcon}
-                            secondaryText={secondaryText}
-                            tertiaryText={tertiaryText}
-                            rowIndex={rowIndex}
-                        />
-                    </SimpleListItem>
-                )}
+            <WithListContext<RecordType>
+                render={({ isPending, data }) =>
+                    !isPending && (
+                        <>
+                            {data?.map((record, rowIndex) => (
+                                <RecordContextProvider
+                                    value={record}
+                                    key={record.id}
+                                >
+                                    <SimpleListItem
+                                        key={record.id}
+                                        rowIndex={rowIndex}
+                                        linkType={linkType}
+                                        rowClick={rowClick}
+                                        rowSx={rowSx}
+                                        rowStyle={rowStyle}
+                                        resource={resource}
+                                    >
+                                        <SimpleListItemContent
+                                            leftAvatar={leftAvatar}
+                                            leftIcon={leftIcon}
+                                            primaryText={primaryText}
+                                            rightAvatar={rightAvatar}
+                                            rightIcon={rightIcon}
+                                            secondaryText={secondaryText}
+                                            tertiaryText={tertiaryText}
+                                            rowIndex={rowIndex}
+                                        />
+                                    </SimpleListItem>
+                                </RecordContextProvider>
+                            ))}
+                        </>
+                    )
+                }
             />
         </Root>
     );