Add the ability to override form layouts in a simpler way

[fzaninotto]

• Add ability to customize Edit, Create, and Show root component
• Make handleSubmitWithRedirect optional in Toolbar
• Create FormWithRedirect component in ra-core to refactor common form code and make custom form layouts easier
• Document the way to build a custom form layout
• Use the previous changes to improve use of screen real estate in demo/Customers/Edit view
• Fix demo/Customer/Create form to match the Edit one

before

after

[fzaninotto]

Back to WIP, I'll do the layout of the forms with Box instead of divs with useStyle. In fact, I kind of fell in love with material-ui's Box.

[fzaninotto]

And we're back to RFR

[fzaninotto]

After a good night's sleep, I think we can do a better work than inviting people to copy a large bunch of code. Back to WIP.

[fzaninotto]

And Ready For Review

[djhi]

Neat! 💪

[djhi]

We really should use react Context instead :)

[djhi]

I know, v4 ^^

[fzaninotto]

indeed ^^

[arkkanoid]

Hi, Just updating to v3.1.0:

./~/ra-core/esm/form/FormWithRedirect.js
Module parse failed: /usr/src/app/node_modules/ra-core/esm/form/FormWithRedirect.js Unexpected token (53:313)
You may need an appropriate loader to handle this file type.

[fzaninotto]

Weird, the transpilation didn't transform { ...arrayMutators } properly in this file, because it's a default value for a prop... I'll fix it and republish shortly.

Thanks for the report.

[fzaninotto]

Out of curiosity, how did you get this error (webpack/parce, babel settings, browser)? I can't reproduce it on any browser on the react-admin demo, even IE11.

[arkkanoid]

I upgraded RA from v2.9, after installing the new packages and run yarn start I get this error

[fzaninotto]

FYI this is a bug in TypeScript (microsoft/TypeScript#35771) triggered by a useless convention in react-final-form (final-form/react-final-form#704), but we'll have to fix it in the react-admin code...