[DNM] Remove ListIterator

docs/ReferenceArrayFieldBase.md

@@ -45,16 +45,21 @@ A typical `post` record therefore looks like this:
 In that case, use `<ReferenceArrayFieldBase>` to display the post tag names as a list of chips, as follows:
 
 ```jsx
-import { ListBase, ListIterator, ReferenceArrayFieldBase } from 'react-admin';
+import { ListBase, ReferenceArrayFieldBase, RecordsIterator } from 'react-admin';
 
 export const PostList = () => (
-    <ListBase>
-        <ListIterator>
-            <ReferenceArrayFieldBase reference="tags" source="tag_ids">
-                <TagList />
-            </ReferenceArrayFieldBase>
-        </ListIterator>
-    </ListBase>
+    <ListBase
+        render={({ data, isPending }) => (
+            <>
+                {!isPending &&
+                    <RecordsIterator data={data}>
+                        <ReferenceArrayFieldBase reference="tags" source="tag_ids">
+                            <TagList />
+                        </ReferenceArrayFieldBase>
+                    </RecordsIterator>
+            </>
+        )}
+    />
 );
 
 const TagList = (props: { children: React.ReactNode }) => {

docs/ReferenceFieldBase.md

@@ -205,16 +205,21 @@ When used in a `<DataTable>`, `<ReferenceFieldBase>` fetches the referenced reco
 For instance, with this code:
 
 ```jsx
-import { ListBase, ListIterator, ReferenceFieldBase } from 'react-admin';
+import { ListBase, ReferenceFieldBase, RecordContextProvider } from 'react-admin';
 
 export const PostList = () => (
-    <ListBase>
-        <ListIterator>
-            <ReferenceFieldBase source="user_id" reference="users">
-                <AuthorView />
-            </ReferenceFieldBase>
-        </ListIterator>
-    </ListBase>
+    <ListBase
+        render={({ data, isPending }) => (
+            <>
+                {!isPending &&
+                    <RecordsIterator data={data}>
+                        <ReferenceFieldBase source="user_id" reference="users">
+                            <AuthorView />
+                        </ReferenceFieldBase>
+                    </RecordsIterator>
+            </>
+        )}
+    />
 );
 ```
 
@@ -251,18 +256,23 @@ For example, the following code prefetches the authors referenced by the posts:
 {% raw %}
 ```jsx
 const PostList = () => (
-    <ListBase queryOptions={{ meta: { prefetch: ['author'] } }}>
-        <ListIterator
-            render={({ title, author_id }) => (
-                <div>
-                    <h3>{title}</h3>
-                    <ReferenceFieldBase source="author_id" reference="authors">
-                        <AuthorView />
-                    </ReferenceFieldBase>
-                </div>
-            )}
-        />
-    </ListBase>
+    <ListBase 
+        queryOptions={{ meta: { prefetch: ['author'] } }}
+        render={({ data, isPending }) => (
+            <>
+                {!isPending &&
+                    <RecordsIterator render={(author) => (
+                        <div>
+                            <h3>{author.title}</h3>
+                            <ReferenceFieldBase source="author_id" reference="authors">
+                                <AuthorView />
+                            </ReferenceFieldBase>
+                        </div>
+                    )} />
+                }
+            </>
+        )}
+    />
 );
 ```
 {% endraw %}
@@ -285,4 +295,4 @@ React-Admin will call `canAccess` with the following parameters:
 - If the `users` resource has a Show view: `{ action: "show", resource: 'posts', record: Object }`
 - If the `users` resource has an Edit view: `{ action: "edit", resource: 'posts', record: Object }`
 
-And the link property of the referenceField context will be set accordingly. It will be set to false if the access is denied.
+And the link property of the referenceField context will be set accordingly. It will be set to false if the access is denied.