Add record context in SimpleList

[djhi]

SimpleList now wrap each item inside a record context and support React elements directly for the primaryText, secondaryText and tertiaryText props.

This allows to use any of the react-admin fields and make it way easier to display referenced records data:

// in src/posts.js
import * as React from "react";
import { List, SimpleList } from 'react-admin';

const postRowStyle = (record, index) => ({
    backgroundColor: record.nb_views >= 500 ? '#efe' : 'white',
});

export const PostList = (props) => (
    <List {...props}>
        <SimpleList
            primaryText={<TextField source="title" />}
            secondaryText={record => `${record.views} views`}
            tertiaryText={
                <ReferenceField reference="categories" source="category_id">
                    <TextField source="name" />
                </ReferenceField>
            }
            linkType={record => record.canEdit ? "edit" : "show"}
            rowStyle={postRowStyle}
        />
    </List>
);

It also fixes a semantic issue as the SimpleList display an ul but the children were anchors instead of li

[fzaninotto]

Awesome!