Adapt the SimpleList stories

Author: erwanMarmelab

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

@@ -7,7 +7,7 @@ import {
     TestMemoryRouter,
     ResourceContextProvider,
     ResourceProps,
-    ResourceDefinitionContextProvider,
+    ListBase,
 } from 'ra-core';
 import defaultMessages from 'ra-language-english';
 import polyglotI18nProvider from 'ra-i18n-polyglot';
@@ -33,7 +33,7 @@ import { defaultLightTheme } from '../../theme';
 
 export default { title: 'ra-ui-materialui/list/SimpleList' };
 
-const data = {
+const myDataProvider = fakeRestDataProvider({
     books: [
         {
             id: 1,
@@ -114,19 +114,18 @@ const data = {
             year: 1956,
         },
     ],
-};
+});
 
 export const Basic = () => (
     <TestMemoryRouter>
-        <AdminContext>
-            <ResourceContextProvider value="books">
+        <AdminContext dataProvider={myDataProvider}>
+            <ListBase resource="books" perPage={15}>
                 <SimpleList
-                    data={data.books}
                     primaryText={record => record.title}
                     secondaryText={record => record.author}
                     tertiaryText={record => record.year}
                 />
-            </ResourceContextProvider>
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );
@@ -139,28 +138,16 @@ export const LinkType = ({
     locationCallback?: (l: Location) => void;
 }) => (
     <TestMemoryRouter locationCallback={locationCallback}>
-        <AdminContext>
-            <ResourceDefinitionContextProvider
-                definitions={{
-                    books: {
-                        name: 'books',
-                        hasList: true,
-                        hasEdit: true,
-                        hasShow: false,
-                    },
-                }}
-            >
-                <ResourceContextProvider value="books">
-                    <Alert color="info">Inferred should target edit</Alert>
-                    <SimpleList
-                        data={data.books}
-                        primaryText={record => record.title}
-                        secondaryText={record => record.author}
-                        tertiaryText={record => record.year}
-                        linkType={linkType}
-                    />
-                </ResourceContextProvider>
-            </ResourceDefinitionContextProvider>
+        <AdminContext dataProvider={myDataProvider}>
+            <ListBase resource="books" perPage={15}>
+                <Alert color="info">Inferred should target edit</Alert>
+                <SimpleList
+                    primaryText={record => record.title}
+                    secondaryText={record => record.author}
+                    tertiaryText={record => record.year}
+                    linkType={linkType}
+                />
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );
@@ -191,28 +178,16 @@ export const RowClick = ({
     rowClick: string | RowClickFunction | false;
 }) => (
     <TestMemoryRouter locationCallback={locationCallback}>
-        <AdminContext>
-            <ResourceDefinitionContextProvider
-                definitions={{
-                    books: {
-                        name: 'books',
-                        hasList: true,
-                        hasEdit: true,
-                        hasShow: false,
-                    },
-                }}
-            >
-                <ResourceContextProvider value="books">
-                    <Alert color="info">Inferred should target edit</Alert>
-                    <SimpleList
-                        data={data.books}
-                        primaryText={record => record.title}
-                        secondaryText={record => record.author}
-                        tertiaryText={record => record.year}
-                        rowClick={rowClick}
-                    />
-                </ResourceContextProvider>
-            </ResourceDefinitionContextProvider>
+        <AdminContext dataProvider={myDataProvider}>
+            <ListBase resource="books" perPage={15}>
+                <Alert color="info">Inferred should target edit</Alert>
+                <SimpleList
+                    primaryText={record => record.title}
+                    secondaryText={record => record.author}
+                    tertiaryText={record => record.year}
+                    rowClick={rowClick}
+                />
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );
@@ -237,8 +212,6 @@ RowClick.argTypes = {
     },
 };
 
-const myDataProvider = fakeRestDataProvider(data);
-
 const Wrapper = ({
     children,
     dataProvider = myDataProvider,
@@ -410,39 +383,39 @@ export const FullAppInError = () => (
 
 export const Standalone = () => (
     <TestMemoryRouter>
-        <AdminContext>
-            <ResourceContextProvider value="books">
+        <AdminContext dataProvider={myDataProvider}>
+            <ListBase resource="books" perPage={15}>
                 <SimpleList
-                    data={data.books}
                     primaryText={record => record.title}
                     secondaryText={record => record.author}
                     tertiaryText={record => record.year}
                     linkType={false}
                 />
-            </ResourceContextProvider>
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );
 
 export const StandaloneEmpty = () => (
     <TestMemoryRouter>
-        <AdminContext>
-            <ResourceContextProvider value="books">
+        <AdminContext dataProvider={myDataProvider}>
+            <ListBase resource="books" perPage={15}>
                 <SimpleList<any>
                     data={[]}
                     primaryText={record => record.title}
                     secondaryText={record => record.author}
                     tertiaryText={record => record.year}
                     linkType={false}
                 />
-            </ResourceContextProvider>
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );
 
 export const Themed = () => (
     <TestMemoryRouter>
         <AdminContext
+            dataProvider={myDataProvider}
             theme={deepmerge(defaultLightTheme, {
                 components: {
                     RaSimpleList: {
@@ -463,15 +436,14 @@ export const Themed = () => (
                 },
             } as ThemeOptions)}
         >
-            <ResourceContextProvider value="books">
+            <ListBase resource="books" perPage={15}>
                 <SimpleList
                     data-testid={'themed-list'}
-                    data={data.books}
                     primaryText={record => record.title}
                     secondaryText={record => record.author}
                     tertiaryText={record => record.year}
                 />
-            </ResourceContextProvider>
+            </ListBase>
         </AdminContext>
     </TestMemoryRouter>
 );