adapt stories with the last implem to fix stories

Author: erwanMarmelab

packages/ra-ui-materialui/src/button/SelectAllButton.stories.tsx

@@ -7,8 +7,9 @@ import fakeRestDataProvider from 'ra-data-fakerest';
 import { SelectAllButton } from './SelectAllButton';
 import { AdminContext } from '../AdminContext';
 import { AdminUI } from '../AdminUI';
-import { List, Datagrid } from '../list';
+import { List, Datagrid, BulkActionsToolbar } from '../list';
 import { TextField, NumberField } from '../field';
+import { BulkDeleteButton } from './BulkDeleteButton';
 
 export default { title: 'ra-ui-materialui/button/SelectAllButton' };
 
@@ -133,7 +134,15 @@ const Wrapper = ({ children }) => (
                     name="books"
                     list={() => (
                         <List>
-                            <Datagrid selectAllButton={children}>
+                            <Datagrid
+                                bulkActionsToolbar={
+                                    <BulkActionsToolbar
+                                        selectAllButton={children}
+                                    >
+                                        <BulkDeleteButton />
+                                    </BulkActionsToolbar>
+                                }
+                            >
                                 <TextField source="id" />
                                 <TextField source="title" />
                                 <TextField source="author" />

packages/ra-ui-materialui/src/field/ReferenceManyField.stories.tsx

@@ -193,7 +193,7 @@ export const WithPagination = ({
     selectAllButton,
 }: {
     dataProvider?: AdminProps['dataProvider'];
-    selectAllButton?: DatagridProps['selectAllButton'];
+    selectAllButton?: React.ReactElement;
 }) => (
     <Wrapper
         i18nProvider={polyglotI18nProvider(() => englishMessages)}
@@ -206,7 +206,13 @@ export const WithPagination = ({
             pagination={<Pagination />}
             perPage={5}
         >
-            <Datagrid selectAllButton={selectAllButton}>
+            <Datagrid
+                bulkActionsToolbar={
+                    <BulkActionsToolbar selectAllButton={selectAllButton}>
+                        <BulkDeleteButton />
+                    </BulkActionsToolbar>
+                }
+            >
                 <TextField source="title" />
             </Datagrid>
         </ReferenceManyField>

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

@@ -13,7 +13,7 @@ import { Box, Card, Typography, Button, Link as MuiLink } from '@mui/material';
 import { List } from './List';
 import { SimpleList } from './SimpleList';
 import { ListActions } from './ListActions';
-import { Datagrid, DatagridProps } from './datagrid';
+import { Datagrid } from './datagrid';
 import { TextField } from '../field';
 import { SearchInput, TextInput } from '../input';
 import { Route } from 'react-router';
@@ -474,15 +474,23 @@ export const Default = ({
 }: {
     dataProvider?: DataProvider;
     children?: React.ReactNode;
-    selectAllButton?: DatagridProps['selectAllButton'];
+    selectAllButton?: React.ReactElement;
 }) => (
     <TestMemoryRouter initialEntries={['/books']}>
         <Admin dataProvider={dataProvider}>
             <Resource
                 name="books"
                 list={() => (
                     <List filters={[<SearchInput source="q" alwaysOn />]}>
-                        <Datagrid selectAllButton={selectAllButton}>
+                        <Datagrid
+                            bulkActionsToolbar={
+                                <BulkActionsToolbar
+                                    selectAllButton={selectAllButton}
+                                >
+                                    <BulkDeleteButton />
+                                </BulkActionsToolbar>
+                            }
+                        >
                             <TextField source="id" />
                             <TextField source="title" />
                             <TextField source="author" />