JSON Schema-based forms with Wordpress Components renderer
The goal of this project is to replace all controls in @jsonforms/material-renderers into @wordpress/components to take advantage of the full set of custom controls such as: duotone picker, datetime picker...
Introduce the new Layout to display the nested object/array properties into disclosure views, bring the app-like UI for the generated forms ( eg: your android phone Settings screen )
| JSON Schema | Renderer | React Material | Gutenberg |
|---|---|---|---|
| boolean | Checkbox | ✅ | #14 |
| Toggle | ✅ | #14 | |
| integer | Number | ✅ | |
| Text | ❌ | ||
| String | Text | ✅ | #4 |
| Textarea | ✅ | #6 | |
| ColorPalette | ✅ | #8 | |
| Enum | ToggleGroup | ✅ | #40 |
Brought to jsonforms by a new NavigatorLayout which will render a whole set of NavigatorScreen by rendering the deep nested node into its own Screen, in other words: all the object/array nested nodes will be rendered in flat structure instead of nested.
By default, nested nodes will render JsonFormDispatch components, but with the new Layout, they will only render a NavigatorButton and pass their JsonFormDispatch to root node via Context.
Development notes can be found in these issues
| Issue/PR | Notes |
|---|---|
| 🖍️ WP-Builder: Integrate Form builder with Gutenberg Navigator | |
| 🖍️ WP-Builder: with or within jsonforms | |
| WP-Builder: Introduce new NavigatorLayout #19 |
Are very welcome!! Please open new issues, PRs about anything relevant to this project scope and we can have a look together!