[RFR] Add aside support in List, Edit, and Show views

[fzaninotto]

• Add aside support in Create view
• Add aside support in Edit view
• Add aside support in Show view
• Add aside support in List view
• Document it
• Add integration tests

Users may need to see info related to the current content, but secondary. Using tabs for that has one drawback: it is contained in the form, and the presence of the "save" button makes the content not secondary.

Besides, adding a second column requires overriding the View, which is advanced customization.

The aside prop is style agnostic, and allows for all sorts of customizations thanks to flexbox.

const Aside = () => (
    <div style={{ width: 200, margin: '1em' }}>
        <Typography variant="title">App Users</Typography>
        <Typography variant="body1">
            Eiusmod adipisicing tempor duis qui. Ullamco aliqua tempor incididunt aliquip aliquip qui ad minim aliqua. Aute et magna quis pariatur irure sunt. Aliquip velit consequat dolore ullamco laborum voluptate cupidatat. Proident minim reprehenderit id dolore elit sit occaecat ad amet tempor esse occaecat enim. Laborum aliqua excepteur qui ipsum in dolor et cillum est.
        </Typography>
    </div>
);

const UserShow = ({ permissions, ...props }) => (
    <Show aside={<Aside />} {...props}>
        ...
    </Show>

[ashim-kr-saha]

User should able to hide/show <Aside /> component on demand.

[fzaninotto]

@ashim-k-saha that'd be up to you: you can implement your own Aside component with a show/hide logic.

[djhi]

Shouldn't we add something about Create too ?

[rabbititus]

Is it possible to use <Aside/> component on top of the <List/>?

[fzaninotto]

I believe so, CSS is your friend!