@jsonforms/material-renderers 3.0.0-beta.2 → 3.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +71 -13
  2. package/docs/assets/js/search.json +1 -1
  3. package/docs/globals.html +103 -52
  4. package/docs/index.html +79 -13
  5. package/docs/interfaces/inputref.html +168 -0
  6. package/lib/additional/MaterialListWithDetailRenderer.d.ts +1 -1
  7. package/lib/jsonforms-react-material.cjs.js +47 -19
  8. package/lib/jsonforms-react-material.cjs.js.map +1 -1
  9. package/lib/jsonforms-react-material.esm.js +50 -15
  10. package/lib/jsonforms-react-material.esm.js.map +1 -1
  11. package/lib/layouts/MaterialArrayLayoutRenderer.d.ts +1 -1
  12. package/lib/util/datejs.d.ts +17 -1
  13. package/package.json +7 -7
  14. package/src/additional/MaterialListWithDetailRenderer.tsx +5 -3
  15. package/src/complex/MaterialTableControl.tsx +1 -1
  16. package/src/controls/MaterialDateControl.tsx +23 -6
  17. package/src/controls/MaterialDateTimeControl.tsx +23 -6
  18. package/src/controls/MaterialTimeControl.tsx +24 -7
  19. package/src/layouts/ExpandPanelRenderer.tsx +2 -1
  20. package/src/layouts/MaterialArrayLayoutRenderer.tsx +3 -25
  21. package/src/mui-controls/MuiAutocomplete.tsx +1 -0
  22. package/src/util/datejs.tsx +73 -0
  23. package/stats.html +1 -1
  24. package/test/renderers/MaterialArrayLayout.test.tsx +32 -1
  25. package/test/renderers/MaterialDateControl.test.tsx +27 -0
  26. package/test/renderers/MaterialDateTimeControl.test.tsx +27 -0
  27. package/test/renderers/MaterialTimeControl.test.tsx +27 -0
  28. package/src/util/datejs.ts +0 -32
package/docs/globals.html CHANGED
@@ -85,6 +85,7 @@
85
85
  <li class="tsd-kind-interface"><a href="interfaces/dispatchpropsofexpandpanel.html" class="tsd-kind-icon">Dispatch<wbr>Props<wbr>OfExpand<wbr>Panel</a></li>
86
86
  <li class="tsd-kind-interface"><a href="interfaces/emptytableprops.html" class="tsd-kind-icon">Empty<wbr>Table<wbr>Props</a></li>
87
87
  <li class="tsd-kind-interface"><a href="interfaces/expandpanelprops.html" class="tsd-kind-icon">Expand<wbr>Panel<wbr>Props</a></li>
88
+ <li class="tsd-kind-interface"><a href="interfaces/inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a></li>
88
89
  <li class="tsd-kind-interface"><a href="interfaces/jsonformstheme.html" class="tsd-kind-icon">Json<wbr>Forms<wbr>Theme</a></li>
89
90
  <li class="tsd-kind-interface"><a href="interfaces/materialcategorizationlayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Categorization<wbr>Layout<wbr>Renderer<wbr>Props</a></li>
90
91
  <li class="tsd-kind-interface"><a href="interfaces/materialcategorizationstepperlayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Categorization<wbr>Stepper<wbr>Layout<wbr>Renderer<wbr>Props</a></li>
@@ -106,6 +107,12 @@
106
107
  <li class="tsd-kind-interface"><a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a></li>
107
108
  </ul>
108
109
  </section>
110
+ <section class="tsd-index-section ">
111
+ <h3>Type aliases</h3>
112
+ <ul class="tsd-index-list">
113
+ <li class="tsd-kind-type-alias"><a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a></li>
114
+ </ul>
115
+ </section>
109
116
  <section class="tsd-index-section ">
110
117
  <h3>Variables</h3>
111
118
  <ul class="tsd-index-list">
@@ -228,6 +235,7 @@
228
235
  <li class="tsd-kind-function"><a href="globals.html#nobordertablecell" class="tsd-kind-icon">No<wbr>Border<wbr>Table<wbr>Cell</a></li>
229
236
  <li class="tsd-kind-function"><a href="globals.html#nonemptycell" class="tsd-kind-icon">Non<wbr>Empty<wbr>Cell</a></li>
230
237
  <li class="tsd-kind-function"><a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a></li>
238
+ <li class="tsd-kind-function"><a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a></li>
231
239
  <li class="tsd-kind-function"><a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a></li>
232
240
  <li class="tsd-kind-function"><a href="globals.html#validationicon" class="tsd-kind-icon">Validation<wbr>Icon</a></li>
233
241
  <li class="tsd-kind-function"><a href="globals.html#controlwithoutlabel" class="tsd-kind-icon">control<wbr>Without<wbr>Label</a></li>
@@ -266,6 +274,19 @@
266
274
  </div>
267
275
  </section>
268
276
  </section>
277
+ <section class="tsd-panel-group tsd-member-group ">
278
+ <h2>Type aliases</h2>
279
+ <section class="tsd-panel tsd-member tsd-kind-type-alias">
280
+ <a name="resettabletextfieldprops" class="tsd-anchor"></a>
281
+ <h3>Resettable<wbr>Text<wbr>Field<wbr>Props</h3>
282
+ <div class="tsd-signature tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TextFieldProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>dayjsValueIsValid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>focused<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>rawValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>valueInInputFormat<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
283
+ <aside class="tsd-sources">
284
+ <ul>
285
+ <li>Defined in packages/material/src/util/datejs.tsx:42</li>
286
+ </ul>
287
+ </aside>
288
+ </section>
289
+ </section>
269
290
  <section class="tsd-panel-group tsd-member-group ">
270
291
  <h2>Variables</h2>
271
292
  <section class="tsd-panel tsd-member tsd-kind-variable">
@@ -294,7 +315,7 @@
294
315
  <div class="tsd-signature tsd-kind-icon">Expand<wbr>Panel<wbr>Renderer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="globals.html#expandpanelrenderercomponent" class="tsd-signature-type">ExpandPanelRendererComponent</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo(ExpandPanelRendererComponent)</span></div>
295
316
  <aside class="tsd-sources">
296
317
  <ul>
297
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:205</li>
318
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:206</li>
298
319
  </ul>
299
320
  </aside>
300
321
  </section>
@@ -534,7 +555,7 @@
534
555
  <div class="tsd-signature tsd-kind-icon">material<wbr>Array<wbr>Layout<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(4,isObjectArrayWithNesting)</span></div>
535
556
  <aside class="tsd-sources">
536
557
  <ul>
537
- <li>Defined in packages/material/src/layouts/MaterialArrayLayoutRenderer.tsx:78</li>
558
+ <li>Defined in packages/material/src/layouts/MaterialArrayLayoutRenderer.tsx:56</li>
538
559
  </ul>
539
560
  </aside>
540
561
  </section>
@@ -624,7 +645,7 @@
624
645
  <div class="tsd-signature tsd-kind-icon">material<wbr>Date<wbr>Control<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(4,isDateControl)</span></div>
625
646
  <aside class="tsd-sources">
626
647
  <ul>
627
- <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:125</li>
648
+ <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:142</li>
628
649
  </ul>
629
650
  </aside>
630
651
  </section>
@@ -634,7 +655,7 @@
634
655
  <div class="tsd-signature tsd-kind-icon">material<wbr>Date<wbr>Time<wbr>Control<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(2,isDateTimeControl)</span></div>
635
656
  <aside class="tsd-sources">
636
657
  <ul>
637
- <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:128</li>
658
+ <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:145</li>
638
659
  </ul>
639
660
  </aside>
640
661
  </section>
@@ -739,7 +760,7 @@
739
760
  <div class="tsd-signature tsd-kind-icon">material<wbr>List<wbr>With<wbr>Detail<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(4,and(uiTypeIs(&#x27;ListWithDetail&#x27;), isObjectArray))</span></div>
740
761
  <aside class="tsd-sources">
741
762
  <ul>
742
- <li>Defined in packages/material/src/additional/MaterialListWithDetailRenderer.tsx:151</li>
763
+ <li>Defined in packages/material/src/additional/MaterialListWithDetailRenderer.tsx:153</li>
743
764
  </ul>
744
765
  </aside>
745
766
  </section>
@@ -919,7 +940,7 @@
919
940
  <div class="tsd-signature tsd-kind-icon">material<wbr>Time<wbr>Control<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(4,isTimeControl)</span></div>
920
941
  <aside class="tsd-sources">
921
942
  <ul>
922
- <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:128</li>
943
+ <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:145</li>
923
944
  </ul>
924
945
  </aside>
925
946
  </section>
@@ -1196,7 +1217,7 @@
1196
1217
  <a name="materialarraylayoutrenderer" class="tsd-anchor"></a>
1197
1218
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>Array<wbr>Layout<wbr>Renderer</h3>
1198
1219
  <ul class="tsd-signatures tsd-kind-function">
1199
- <li class="tsd-signature tsd-kind-icon">Material<wbr>Array<wbr>Layout<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>enabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>rootSchema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1220
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>Array<wbr>Layout<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1200
1221
  </ul>
1201
1222
  <ul class="tsd-descriptions">
1202
1223
  <li class="tsd-description">
@@ -1208,46 +1229,13 @@
1208
1229
  <h4 class="tsd-parameters-title">Parameters</h4>
1209
1230
  <ul class="tsd-parameters">
1210
1231
  <li>
1211
- <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>enabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>rootSchema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h5>
1232
+ <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h5>
1212
1233
  <ul class="tsd-parameters">
1213
1234
  <li class="tsd-parameter">
1214
1235
  <h5>add<wbr>Item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span></h5>
1215
1236
  </li>
1216
1237
  <li class="tsd-parameter">
1217
- <h5>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span></h5>
1218
- </li>
1219
- <li class="tsd-parameter">
1220
- <h5>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5>
1221
- </li>
1222
- <li class="tsd-parameter">
1223
- <h5>enabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
1224
- </li>
1225
- <li class="tsd-parameter">
1226
- <h5>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
1227
- </li>
1228
- <li class="tsd-parameter">
1229
- <h5>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
1230
- </li>
1231
- <li class="tsd-parameter">
1232
- <h5>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
1233
- </li>
1234
- <li class="tsd-parameter">
1235
- <h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
1236
- </li>
1237
- <li class="tsd-parameter">
1238
- <h5>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span></h5>
1239
- </li>
1240
- <li class="tsd-parameter">
1241
- <h5>root<wbr>Schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span></h5>
1242
- </li>
1243
- <li class="tsd-parameter">
1244
- <h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span></h5>
1245
- </li>
1246
- <li class="tsd-parameter">
1247
- <h5>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span></h5>
1248
- </li>
1249
- <li class="tsd-parameter">
1250
- <h5>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span></h5>
1238
+ <h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
1251
1239
  </li>
1252
1240
  <li class="tsd-parameter">
1253
1241
  <h5>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
@@ -1506,7 +1494,7 @@
1506
1494
  <li class="tsd-description">
1507
1495
  <aside class="tsd-sources">
1508
1496
  <ul>
1509
- <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:43</li>
1497
+ <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:48</li>
1510
1498
  </ul>
1511
1499
  </aside>
1512
1500
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1529,7 +1517,7 @@
1529
1517
  <li class="tsd-description">
1530
1518
  <aside class="tsd-sources">
1531
1519
  <ul>
1532
- <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:43</li>
1520
+ <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:48</li>
1533
1521
  </ul>
1534
1522
  </aside>
1535
1523
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1889,7 +1877,7 @@
1889
1877
  <a name="materiallistwithdetailrenderer" class="tsd-anchor"></a>
1890
1878
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>List<wbr>With<wbr>Detail<wbr>Renderer</h3>
1891
1879
  <ul class="tsd-signatures tsd-kind-function">
1892
- <li class="tsd-signature tsd-kind-icon">Material<wbr>List<wbr>With<wbr>Detail<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>config<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>removeItems<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">removeItems</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>required<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1880
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>List<wbr>With<wbr>Detail<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>config<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>removeItems<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">removeItems</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>required<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>rootSchema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1893
1881
  </ul>
1894
1882
  <ul class="tsd-descriptions">
1895
1883
  <li class="tsd-description">
@@ -1901,7 +1889,7 @@
1901
1889
  <h4 class="tsd-parameters-title">Parameters</h4>
1902
1890
  <ul class="tsd-parameters">
1903
1891
  <li>
1904
- <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>config<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>removeItems<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">removeItems</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>required<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h5>
1892
+ <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>addItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span><span class="tsd-signature-symbol">; </span>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>config<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>removeItems<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">removeItems</span><span class="tsd-signature-symbol">; </span>renderers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>required<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>rootSchema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span><span class="tsd-signature-symbol">; </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlElement</span><span class="tsd-signature-symbol">; </span>uischemas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsUISchemaRegistryEntry</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h5>
1905
1893
  <ul class="tsd-parameters">
1906
1894
  <li class="tsd-parameter">
1907
1895
  <h5>add<wbr>Item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span></h5>
@@ -1933,6 +1921,9 @@
1933
1921
  <li class="tsd-parameter">
1934
1922
  <h5>required<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
1935
1923
  </li>
1924
+ <li class="tsd-parameter">
1925
+ <h5>root<wbr>Schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span></h5>
1926
+ </li>
1936
1927
  <li class="tsd-parameter">
1937
1928
  <h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span></h5>
1938
1929
  </li>
@@ -2377,7 +2368,7 @@
2377
2368
  <li class="tsd-description">
2378
2369
  <aside class="tsd-sources">
2379
2370
  <ul>
2380
- <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:43</li>
2371
+ <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:48</li>
2381
2372
  </ul>
2382
2373
  </aside>
2383
2374
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -2712,6 +2703,57 @@
2712
2703
  </li>
2713
2704
  </ul>
2714
2705
  </section>
2706
+ <section class="tsd-panel tsd-member tsd-kind-function">
2707
+ <a name="resettabletextfield" class="tsd-anchor"></a>
2708
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Resettable<wbr>Text<wbr>Field</h3>
2709
+ <ul class="tsd-signatures tsd-kind-function">
2710
+ <li class="tsd-signature tsd-kind-icon">Resettable<wbr>Text<wbr>Field<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>dayjsValueIsValid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>focused<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>inputProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">InputBaseComponentProps</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol">; </span>rawValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>valueInInputFormat<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2711
+ </ul>
2712
+ <ul class="tsd-descriptions">
2713
+ <li class="tsd-description">
2714
+ <aside class="tsd-sources">
2715
+ <ul>
2716
+ <li>Defined in packages/material/src/util/datejs.tsx:55</li>
2717
+ </ul>
2718
+ </aside>
2719
+ <div class="tsd-comment tsd-typography">
2720
+ <div class="lead">
2721
+ <p>The dayjs formatter/parser is very lenient and for example ignores additional digits and/or characters.
2722
+ In these cases the input text can look vastly different than the actual value stored in the data.
2723
+ The &#39;ResettableTextField&#39; component adjusts the text field to reflect the actual value stored in the data
2724
+ once it&#39;s no longer &#39;focused&#39;, i.e. when the user stops editing.</p>
2725
+ </div>
2726
+ </div>
2727
+ <h4 class="tsd-parameters-title">Parameters</h4>
2728
+ <ul class="tsd-parameters">
2729
+ <li>
2730
+ <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>dayjsValueIsValid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>focused<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>inputProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">InputBaseComponentProps</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol">; </span>rawValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>valueInInputFormat<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
2731
+ <ul class="tsd-parameters">
2732
+ <li class="tsd-parameter">
2733
+ <h5>dayjs<wbr>Value<wbr>IsValid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
2734
+ </li>
2735
+ <li class="tsd-parameter">
2736
+ <h5>focused<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
2737
+ </li>
2738
+ <li class="tsd-parameter">
2739
+ <h5>input<wbr>Props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">InputBaseComponentProps</span></h5>
2740
+ </li>
2741
+ <li class="tsd-parameter">
2742
+ <h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> | </span><a href="" class="tsd-signature-type">props</a></h5>
2743
+ </li>
2744
+ <li class="tsd-parameter">
2745
+ <h5>raw<wbr>Value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
2746
+ </li>
2747
+ <li class="tsd-parameter">
2748
+ <h5>value<wbr>InInput<wbr>Format<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
2749
+ </li>
2750
+ </ul>
2751
+ </li>
2752
+ </ul>
2753
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
2754
+ </li>
2755
+ </ul>
2756
+ </section>
2715
2757
  <section class="tsd-panel tsd-member tsd-kind-function">
2716
2758
  <a name="tablerows" class="tsd-anchor"></a>
2717
2759
  <h3><span class="tsd-flag ts-flagConst">Const</span> Table<wbr>Rows</h3>
@@ -2831,7 +2873,7 @@
2831
2873
  <li class="tsd-description">
2832
2874
  <aside class="tsd-sources">
2833
2875
  <ul>
2834
- <li>Defined in packages/material/src/util/datejs.ts:7</li>
2876
+ <li>Defined in packages/material/src/util/datejs.tsx:9</li>
2835
2877
  </ul>
2836
2878
  </aside>
2837
2879
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -2881,7 +2923,7 @@
2881
2923
  <li class="tsd-description">
2882
2924
  <aside class="tsd-sources">
2883
2925
  <ul>
2884
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:215</li>
2926
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:216</li>
2885
2927
  </ul>
2886
2928
  </aside>
2887
2929
  <div class="tsd-comment tsd-typography">
@@ -3086,7 +3128,7 @@
3086
3128
  <li class="tsd-description">
3087
3129
  <aside class="tsd-sources">
3088
3130
  <ul>
3089
- <li>Defined in packages/material/src/util/datejs.ts:20</li>
3131
+ <li>Defined in packages/material/src/util/datejs.tsx:22</li>
3090
3132
  </ul>
3091
3133
  </aside>
3092
3134
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -3426,7 +3468,7 @@
3426
3468
  <li class="tsd-description">
3427
3469
  <aside class="tsd-sources">
3428
3470
  <ul>
3429
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:254</li>
3471
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:255</li>
3430
3472
  </ul>
3431
3473
  </aside>
3432
3474
  <div class="tsd-comment tsd-typography">
@@ -3455,7 +3497,7 @@
3455
3497
  <li class="tsd-description">
3456
3498
  <aside class="tsd-sources">
3457
3499
  <ul>
3458
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:279</li>
3500
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:280</li>
3459
3501
  </ul>
3460
3502
  </aside>
3461
3503
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -3879,6 +3921,9 @@
3879
3921
  <li class=" tsd-kind-interface">
3880
3922
  <a href="interfaces/expandpanelprops.html" class="tsd-kind-icon">Expand<wbr>Panel<wbr>Props</a>
3881
3923
  </li>
3924
+ <li class=" tsd-kind-interface">
3925
+ <a href="interfaces/inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a>
3926
+ </li>
3882
3927
  <li class=" tsd-kind-interface">
3883
3928
  <a href="interfaces/jsonformstheme.html" class="tsd-kind-icon">Json<wbr>Forms<wbr>Theme</a>
3884
3929
  </li>
@@ -3936,6 +3981,9 @@
3936
3981
  <li class=" tsd-kind-interface">
3937
3982
  <a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a>
3938
3983
  </li>
3984
+ <li class=" tsd-kind-type-alias">
3985
+ <a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a>
3986
+ </li>
3939
3987
  <li class=" tsd-kind-variable">
3940
3988
  <a href="globals.html#arraylayouttoolbar" class="tsd-kind-icon">Array<wbr>Layout<wbr>Toolbar</a>
3941
3989
  </li>
@@ -4278,6 +4326,9 @@
4278
4326
  <li class=" tsd-kind-function">
4279
4327
  <a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a>
4280
4328
  </li>
4329
+ <li class=" tsd-kind-function">
4330
+ <a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a>
4331
+ </li>
4281
4332
  <li class=" tsd-kind-function">
4282
4333
  <a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a>
4283
4334
  </li>
package/docs/index.html CHANGED
@@ -72,7 +72,7 @@
72
72
  </a>
73
73
  <p>This is the JSON Forms Material Renderers Package. This package only contains renderers and must be combined with <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a>.</p>
74
74
  <p>See the official <a href="https://jsonforms.io/docs/integrations/react/">documentation</a> and the JSON Forms React <a href="https://github.com/eclipsesource/jsonforms-react-seed">seed repository</a> for examples on how to integrate JSON Forms with your application.</p>
75
- <p>You can combine <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a> with other renderers too, for example with the <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers">Vanilla Renderers</a>.</p>
75
+ <p>You can combine <a href="https://github.com/eclipsesource/jsonforms/blob/master/packages/react">JSON Forms React</a> with other renderers too, for example with the <a href="https://github.com/eclipsesource/jsonforms/tree/master/packages/vanilla">Vanilla Renderers</a>.</p>
76
76
  <p>Check <a href="https://www.npmjs.com/search?q=%40jsonforms">https://www.npmjs.com/search?q=%40jsonforms</a> for all published JSONForms packages.</p>
77
77
  <a href="#quick-start" id="quick-start" style="color: inherit; text-decoration: none;">
78
78
  <h3>Quick start</h3>
@@ -81,23 +81,76 @@
81
81
  <pre><code class="language-bash">npm i --save @jsonforms/core @jsonforms/react @jsonforms/material-renderers
82
82
  </code></pre>
83
83
  <p>Use the <code>JsonForms</code> component for each form you want to render and hand over the renderer set.</p>
84
- <pre><code class="language-js"><span class="hljs-keyword">import</span> React, { useState } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react&#x27;</span>;
84
+ <pre><code class="language-ts"><span class="hljs-keyword">import</span> React, { useState } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;react&#x27;</span>;
85
+ <span class="hljs-keyword">import</span> {
86
+ materialRenderers,
87
+ materialCells
88
+ } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/material-renderers&#x27;</span>;
85
89
  <span class="hljs-keyword">import</span> { JsonForms } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/react&#x27;</span>;
86
- <span class="hljs-keyword">import</span> { materialCells, materialRenderers } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@jsonforms/material-renderers&#x27;</span>;
90
+
91
+ <span class="hljs-keyword">const</span> schema = {
92
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;object&#x27;</span>,
93
+ <span class="hljs-attr">properties</span>: {
94
+ <span class="hljs-attr">name</span>: {
95
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
96
+ <span class="hljs-attr">minLength</span>: <span class="hljs-number">1</span>
97
+ },
98
+ <span class="hljs-attr">done</span>: {
99
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;boolean&#x27;</span>
100
+ },
101
+ <span class="hljs-attr">due_date</span>: {
102
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
103
+ <span class="hljs-attr">format</span>: <span class="hljs-string">&#x27;date&#x27;</span>
104
+ },
105
+ <span class="hljs-attr">recurrence</span>: {
106
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;string&#x27;</span>,
107
+ <span class="hljs-attr">enum</span>: [<span class="hljs-string">&#x27;Never&#x27;</span>, <span class="hljs-string">&#x27;Daily&#x27;</span>, <span class="hljs-string">&#x27;Weekly&#x27;</span>, <span class="hljs-string">&#x27;Monthly&#x27;</span>]
108
+ }
109
+ },
110
+ <span class="hljs-attr">required</span>: [<span class="hljs-string">&#x27;name&#x27;</span>, <span class="hljs-string">&#x27;due_date&#x27;</span>]
111
+ };
112
+
113
+ <span class="hljs-keyword">const</span> uischema = {
114
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;VerticalLayout&#x27;</span>,
115
+ <span class="hljs-attr">elements</span>: [
116
+ {
117
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
118
+ <span class="hljs-attr">label</span>: <span class="hljs-literal">false</span>,
119
+ <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/done&#x27;</span>
120
+ },
121
+ {
122
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
123
+ <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/name&#x27;</span>
124
+ },
125
+ {
126
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;HorizontalLayout&#x27;</span>,
127
+ <span class="hljs-attr">elements</span>: [
128
+ {
129
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
130
+ <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/due_date&#x27;</span>
131
+ },
132
+ {
133
+ <span class="hljs-attr">type</span>: <span class="hljs-string">&#x27;Control&#x27;</span>,
134
+ <span class="hljs-attr">scope</span>: <span class="hljs-string">&#x27;#/properties/recurrence&#x27;</span>
135
+ }
136
+ ]
137
+ }
138
+ ]
139
+ };
140
+
141
+ <span class="hljs-keyword">const</span> initialData = {};
87
142
 
88
143
  <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">App</span>(<span class="hljs-params"></span>) </span>{
89
144
  <span class="hljs-keyword">const</span> [data, setData] = useState(initialData);
90
145
  <span class="hljs-keyword">return</span> (
91
- <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">className</span>=<span class="hljs-string">&#x27;App&#x27;</span>&gt;</span>
92
- <span class="hljs-tag">&lt;<span class="hljs-name">JsonForms</span>
93
- <span class="hljs-attr">schema</span>=<span class="hljs-string">{schema}</span>
94
- <span class="hljs-attr">uischema</span>=<span class="hljs-string">{uischema}</span>
95
- <span class="hljs-attr">data</span>=<span class="hljs-string">{data}</span>
96
- <span class="hljs-attr">renderers</span>=<span class="hljs-string">{materialRenderers}</span>
97
- <span class="hljs-attr">cells</span>=<span class="hljs-string">{materialCells}</span>
98
- <span class="hljs-attr">onChange</span>=<span class="hljs-string">{({</span> <span class="hljs-attr">data</span>, <span class="hljs-attr">_errors</span> }) =&gt;</span> setData(data)}
99
- /&gt;
100
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
146
+ <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">JsonForms</span>
147
+ <span class="hljs-attr">schema</span>=<span class="hljs-string">{schema}</span>
148
+ <span class="hljs-attr">uischema</span>=<span class="hljs-string">{uischema}</span>
149
+ <span class="hljs-attr">data</span>=<span class="hljs-string">{data}</span>
150
+ <span class="hljs-attr">renderers</span>=<span class="hljs-string">{materialRenderers}</span>
151
+ <span class="hljs-attr">cells</span>=<span class="hljs-string">{materialCells}</span>
152
+ <span class="hljs-attr">onChange</span>=<span class="hljs-string">{({</span> <span class="hljs-attr">data</span>, <span class="hljs-attr">_errors</span> }) =&gt;</span> setData(data)}
153
+ /&gt;</span>
101
154
  );
102
155
  }
103
156
  </code></pre>
@@ -117,6 +170,10 @@
117
170
  For questions and discussions please use the <a href="https://jsonforms.discourse.group">JSON Forms board</a>.
118
171
  You can also reach us via <a href="mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms">email</a>.
119
172
  In addition, EclipseSource also offers <a href="https://jsonforms.io/support">professional support</a> for JSON Forms.</p>
173
+ <a href="#migration" id="migration" style="color: inherit; text-decoration: none;">
174
+ <h2>Migration</h2>
175
+ </a>
176
+ <p>See our <a href="https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md">migration guide</a> when updating JSON Forms.</p>
120
177
  </div>
121
178
  </div>
122
179
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -165,6 +222,9 @@
165
222
  <li class=" tsd-kind-interface">
166
223
  <a href="interfaces/expandpanelprops.html" class="tsd-kind-icon">Expand<wbr>Panel<wbr>Props</a>
167
224
  </li>
225
+ <li class=" tsd-kind-interface">
226
+ <a href="interfaces/inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a>
227
+ </li>
168
228
  <li class=" tsd-kind-interface">
169
229
  <a href="interfaces/jsonformstheme.html" class="tsd-kind-icon">Json<wbr>Forms<wbr>Theme</a>
170
230
  </li>
@@ -222,6 +282,9 @@
222
282
  <li class=" tsd-kind-interface">
223
283
  <a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a>
224
284
  </li>
285
+ <li class=" tsd-kind-type-alias">
286
+ <a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a>
287
+ </li>
225
288
  <li class=" tsd-kind-variable">
226
289
  <a href="globals.html#arraylayouttoolbar" class="tsd-kind-icon">Array<wbr>Layout<wbr>Toolbar</a>
227
290
  </li>
@@ -564,6 +627,9 @@
564
627
  <li class=" tsd-kind-function">
565
628
  <a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a>
566
629
  </li>
630
+ <li class=" tsd-kind-function">
631
+ <a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a>
632
+ </li>
567
633
  <li class=" tsd-kind-function">
568
634
  <a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a>
569
635
  </li>