@jsonforms/material-renderers 3.0.0-beta.3 → 3.0.0-rc.0

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 (68) hide show
  1. package/README.md +71 -13
  2. package/docs/assets/js/search.json +1 -1
  3. package/docs/globals.html +174 -80
  4. package/docs/index.html +85 -13
  5. package/docs/interfaces/categorizationstate.html +1 -1
  6. package/docs/interfaces/categorizationstepperstate.html +1 -1
  7. package/docs/interfaces/inputref.html +168 -0
  8. package/docs/interfaces/materialcategorizationlayoutrendererprops.html +49 -4
  9. package/docs/interfaces/materialcategorizationstepperlayoutrendererprops.html +46 -1
  10. package/docs/interfaces/materiallabelablelayoutrendererprops.html +328 -0
  11. package/docs/interfaces/materiallayoutrendererprops.html +5 -0
  12. package/docs/interfaces/withoptionlabel.html +3 -3
  13. package/lib/additional/MaterialLabelRenderer.d.ts +3 -3
  14. package/lib/cells/MaterialEnumCell.d.ts +2 -1
  15. package/lib/cells/MaterialOneOfEnumCell.d.ts +2 -1
  16. package/lib/controls/MaterialEnumControl.d.ts +2 -1
  17. package/lib/controls/MaterialOneOfEnumControl.d.ts +2 -1
  18. package/lib/controls/index.d.ts +2 -2
  19. package/lib/jsonforms-react-material.cjs.js +125 -61
  20. package/lib/jsonforms-react-material.cjs.js.map +1 -1
  21. package/lib/jsonforms-react-material.esm.js +124 -58
  22. package/lib/jsonforms-react-material.esm.js.map +1 -1
  23. package/lib/layouts/MaterialArrayLayoutRenderer.d.ts +1 -1
  24. package/lib/layouts/MaterialCategorizationLayout.d.ts +4 -3
  25. package/lib/layouts/MaterialCategorizationStepperLayout.d.ts +4 -3
  26. package/lib/layouts/MaterialGroupLayout.d.ts +2 -2
  27. package/lib/layouts/MaterialHorizontalLayout.d.ts +1 -1
  28. package/lib/layouts/MaterialVerticalLayout.d.ts +1 -1
  29. package/lib/mui-controls/MuiAutocomplete.d.ts +2 -2
  30. package/lib/mui-controls/MuiSelect.d.ts +2 -1
  31. package/lib/util/datejs.d.ts +17 -1
  32. package/lib/util/i18nDefaults.d.ts +3 -0
  33. package/lib/util/index.d.ts +1 -0
  34. package/lib/util/layout.d.ts +3 -0
  35. package/package.json +7 -7
  36. package/src/additional/MaterialLabelRenderer.tsx +5 -7
  37. package/src/cells/MaterialEnumCell.tsx +4 -3
  38. package/src/cells/MaterialOneOfEnumCell.tsx +3 -3
  39. package/src/complex/MaterialTableControl.tsx +1 -1
  40. package/src/controls/MaterialDateControl.tsx +23 -6
  41. package/src/controls/MaterialDateTimeControl.tsx +23 -6
  42. package/src/controls/MaterialEnumControl.tsx +12 -5
  43. package/src/controls/MaterialOneOfEnumControl.tsx +13 -5
  44. package/src/controls/MaterialTimeControl.tsx +24 -7
  45. package/src/layouts/ExpandPanelRenderer.tsx +2 -1
  46. package/src/layouts/MaterialArrayLayoutRenderer.tsx +3 -25
  47. package/src/layouts/MaterialCategorizationLayout.tsx +18 -9
  48. package/src/layouts/MaterialCategorizationStepperLayout.tsx +19 -12
  49. package/src/layouts/MaterialGroupLayout.tsx +6 -5
  50. package/src/mui-controls/MuiAutocomplete.tsx +81 -37
  51. package/src/mui-controls/MuiInputText.tsx +4 -1
  52. package/src/mui-controls/MuiSelect.tsx +10 -5
  53. package/src/util/datejs.tsx +73 -0
  54. package/src/util/i18nDefaults.ts +3 -0
  55. package/src/util/index.ts +1 -0
  56. package/src/util/layout.tsx +4 -0
  57. package/stats.html +1 -1
  58. package/test/renderers/MaterialArrayLayout.test.tsx +36 -5
  59. package/test/renderers/MaterialCategorizationLayout.test.tsx +17 -7
  60. package/test/renderers/MaterialCategorizationStepperLayout.test.tsx +21 -11
  61. package/test/renderers/MaterialDateControl.test.tsx +27 -0
  62. package/test/renderers/MaterialDateTimeControl.test.tsx +27 -0
  63. package/test/renderers/MaterialGroupLayout.test.tsx +4 -1
  64. package/test/renderers/MaterialInputControl.test.tsx +4 -0
  65. package/test/renderers/MaterialLabelRenderer.test.tsx +2 -1
  66. package/test/renderers/MaterialTimeControl.test.tsx +27 -0
  67. package/test/renderers/util.ts +5 -0
  68. package/src/util/datejs.ts +0 -32
package/docs/globals.html CHANGED
@@ -85,9 +85,11 @@
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>
92
+ <li class="tsd-kind-interface"><a href="interfaces/materiallabelablelayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Labelable<wbr>Layout<wbr>Renderer<wbr>Props</a></li>
91
93
  <li class="tsd-kind-interface"><a href="interfaces/materiallayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Layout<wbr>Renderer<wbr>Props</a></li>
92
94
  <li class="tsd-kind-interface"><a href="interfaces/materialtabletoolbarprops.html" class="tsd-kind-icon">Material<wbr>Table<wbr>Toolbar<wbr>Props</a></li>
93
95
  <li class="tsd-kind-interface"><a href="interfaces/muitextinputprops.html" class="tsd-kind-icon">Mui<wbr>Text<wbr>Input<wbr>Props</a></li>
@@ -106,6 +108,12 @@
106
108
  <li class="tsd-kind-interface"><a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a></li>
107
109
  </ul>
108
110
  </section>
111
+ <section class="tsd-index-section ">
112
+ <h3>Type aliases</h3>
113
+ <ul class="tsd-index-list">
114
+ <li class="tsd-kind-type-alias"><a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a></li>
115
+ </ul>
116
+ </section>
109
117
  <section class="tsd-index-section ">
110
118
  <h3>Variables</h3>
111
119
  <ul class="tsd-index-list">
@@ -228,6 +236,7 @@
228
236
  <li class="tsd-kind-function"><a href="globals.html#nobordertablecell" class="tsd-kind-icon">No<wbr>Border<wbr>Table<wbr>Cell</a></li>
229
237
  <li class="tsd-kind-function"><a href="globals.html#nonemptycell" class="tsd-kind-icon">Non<wbr>Empty<wbr>Cell</a></li>
230
238
  <li class="tsd-kind-function"><a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a></li>
239
+ <li class="tsd-kind-function"><a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a></li>
231
240
  <li class="tsd-kind-function"><a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a></li>
232
241
  <li class="tsd-kind-function"><a href="globals.html#validationicon" class="tsd-kind-icon">Validation<wbr>Icon</a></li>
233
242
  <li class="tsd-kind-function"><a href="globals.html#controlwithoutlabel" class="tsd-kind-icon">control<wbr>Without<wbr>Label</a></li>
@@ -258,6 +267,7 @@
258
267
  <ul class="tsd-index-list">
259
268
  <li class="tsd-kind-object-literal"><a href="globals.html#unwrapped" class="tsd-kind-icon">Unwrapped</a></li>
260
269
  <li class="tsd-kind-object-literal"><a href="globals.html#fixedcellsmall" class="tsd-kind-icon">fixed<wbr>Cell<wbr>Small</a></li>
270
+ <li class="tsd-kind-object-literal"><a href="globals.html#i18ndefaults" class="tsd-kind-icon">i18n<wbr>Defaults</a></li>
261
271
  <li class="tsd-kind-object-literal"><a href="globals.html#iconstyle" class="tsd-kind-icon">icon<wbr>Style</a></li>
262
272
  <li class="tsd-kind-object-literal"><a href="globals.html#style" class="tsd-kind-icon">style</a></li>
263
273
  <li class="tsd-kind-object-literal"><a href="globals.html#styles" class="tsd-kind-icon">styles</a></li>
@@ -266,6 +276,19 @@
266
276
  </div>
267
277
  </section>
268
278
  </section>
279
+ <section class="tsd-panel-group tsd-member-group ">
280
+ <h2>Type aliases</h2>
281
+ <section class="tsd-panel tsd-member tsd-kind-type-alias">
282
+ <a name="resettabletextfieldprops" class="tsd-anchor"></a>
283
+ <h3>Resettable<wbr>Text<wbr>Field<wbr>Props</h3>
284
+ <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>
285
+ <aside class="tsd-sources">
286
+ <ul>
287
+ <li>Defined in packages/material/src/util/datejs.tsx:42</li>
288
+ </ul>
289
+ </aside>
290
+ </section>
291
+ </section>
269
292
  <section class="tsd-panel-group tsd-member-group ">
270
293
  <h2>Variables</h2>
271
294
  <section class="tsd-panel tsd-member tsd-kind-variable">
@@ -294,14 +317,14 @@
294
317
  <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
318
  <aside class="tsd-sources">
296
319
  <ul>
297
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:205</li>
320
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:206</li>
298
321
  </ul>
299
322
  </aside>
300
323
  </section>
301
324
  <section class="tsd-panel tsd-member tsd-kind-variable">
302
325
  <a name="groupcomponent" class="tsd-anchor"></a>
303
326
  <h3><span class="tsd-flag ts-flagConst">Const</span> Group<wbr>Component</h3>
304
- <div class="tsd-signature tsd-kind-icon">Group<wbr>Component<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo(({ visible, enabled, uischema, ...props }: MaterialLayoutRendererProps) &#x3D;&gt; {const groupLayout &#x3D; uischema as GroupLayout;return (&lt;Hidden xsUp&#x3D;{!visible}&gt;&lt;Card style&#x3D;{style}&gt;{!isEmpty(groupLayout.label) &amp;&amp; (&lt;CardHeader title&#x3D;{groupLayout.label} /&gt;)}&lt;CardContent&gt;&lt;MaterialLayoutRenderer {...props} visible&#x3D;{visible} enabled&#x3D;{enabled} elements&#x3D;{groupLayout.elements} /&gt;&lt;/CardContent&gt;&lt;/Card&gt;&lt;/Hidden&gt;);})</span></div>
327
+ <div class="tsd-signature tsd-kind-icon">Group<wbr>Component<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo(({ visible, enabled, uischema, label, ...props }: MaterialLabelableLayoutRendererProps) &#x3D;&gt; {const groupLayout &#x3D; uischema as GroupLayout;return (&lt;Hidden xsUp&#x3D;{!visible}&gt;&lt;Card style&#x3D;{style}&gt;{!isEmpty(label) &amp;&amp; (&lt;CardHeader title&#x3D;{label} /&gt;)}&lt;CardContent&gt;&lt;MaterialLayoutRenderer {...props} visible&#x3D;{visible} enabled&#x3D;{enabled} elements&#x3D;{groupLayout.elements} /&gt;&lt;/CardContent&gt;&lt;/Card&gt;&lt;/Hidden&gt;);})</span></div>
305
328
  <aside class="tsd-sources">
306
329
  <ul>
307
330
  <li>Defined in packages/material/src/layouts/MaterialGroupLayout.tsx:45</li>
@@ -371,10 +394,10 @@
371
394
  <section class="tsd-panel tsd-member tsd-kind-variable">
372
395
  <a name="muiinputtext" class="tsd-anchor"></a>
373
396
  <h3><span class="tsd-flag ts-flagConst">Const</span> Mui<wbr>Input<wbr>Text</h3>
374
- <div class="tsd-signature tsd-kind-icon">Mui<wbr>Input<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo((props: CellProps &amp; WithClassname &amp; MuiTextInputProps) &#x3D;&gt; {const [showAdornment, setShowAdornment] &#x3D; useState(false);const {data,config,className,id,enabled,uischema,isValid,path,handleChange,schema,muiInputProps,inputComponent} &#x3D; props;const maxLength &#x3D; schema.maxLength;const appliedUiSchemaOptions &#x3D; merge({}, config, uischema.options);let inputProps: InputBaseComponentProps;if (appliedUiSchemaOptions.restrict) {inputProps &#x3D; { maxLength: maxLength };} else {inputProps &#x3D; {};}inputProps &#x3D; merge(inputProps, muiInputProps);if (appliedUiSchemaOptions.trim &amp;&amp; maxLength !&#x3D;&#x3D; undefined) {inputProps.size &#x3D; maxLength;};const [inputText, onChange, onClear] &#x3D; useDebouncedChange(handleChange, &#x27;&#x27;, data, path);const onPointerEnter &#x3D; () &#x3D;&gt; setShowAdornment(true);const onPointerLeave &#x3D; () &#x3D;&gt; setShowAdornment(false);const theme: JsonFormsTheme &#x3D; useTheme();const closeStyle &#x3D; {background: theme.jsonforms?.input?.delete?.background || theme.palette.background.default,borderRadius: &#x27;50%&#x27;};return (&lt;Inputtype&#x3D;{appliedUiSchemaOptions.format &#x3D;&#x3D;&#x3D; &#x27;password&#x27; ? &#x27;password&#x27; : &#x27;text&#x27;}value&#x3D;{inputText}onChange&#x3D;{onChange}className&#x3D;{className}id&#x3D;{id}disabled&#x3D;{!enabled}autoFocus&#x3D;{appliedUiSchemaOptions.focus}multiline&#x3D;{appliedUiSchemaOptions.multi}fullWidth&#x3D;{!appliedUiSchemaOptions.trim || maxLength &#x3D;&#x3D;&#x3D; undefined}inputProps&#x3D;{inputProps}error&#x3D;{!isValid}onPointerEnter&#x3D;{onPointerEnter}onPointerLeave&#x3D;{onPointerLeave}endAdornment&#x3D;{&lt;InputAdornmentposition&#x3D;&#x27;end&#x27;style&#x3D;{{display:!showAdornment || !enabled || data &#x3D;&#x3D;&#x3D; undefined ? &#x27;none&#x27; : &#x27;flex&#x27;,position: &#x27;absolute&#x27;,right: 0}}&gt;&lt;IconButtonaria-label&#x3D;&#x27;Clear input field&#x27;onClick&#x3D;{onClear}size&#x3D;&#x27;large&#x27;&gt;&lt;Close style&#x3D;{closeStyle}/&gt;&lt;/IconButton&gt;&lt;/InputAdornment&gt;}inputComponent&#x3D;{inputComponent}/&gt;);})</span></div>
397
+ <div class="tsd-signature tsd-kind-icon">Mui<wbr>Input<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo((props: CellProps &amp; WithClassname &amp; MuiTextInputProps) &#x3D;&gt; {const [showAdornment, setShowAdornment] &#x3D; useState(false);const {data,config,className,id,enabled,uischema,isValid,path,handleChange,schema,muiInputProps,inputComponent} &#x3D; props;const maxLength &#x3D; schema.maxLength;const appliedUiSchemaOptions &#x3D; merge({}, config, uischema.options);let inputProps: InputBaseComponentProps;if (appliedUiSchemaOptions.restrict) {inputProps &#x3D; { maxLength: maxLength };} else {inputProps &#x3D; {};}inputProps &#x3D; merge(inputProps, muiInputProps);if (appliedUiSchemaOptions.trim &amp;&amp; maxLength !&#x3D;&#x3D; undefined) {inputProps.size &#x3D; maxLength;};const [inputText, onChange, onClear] &#x3D; useDebouncedChange(handleChange, &#x27;&#x27;, data, path, eventToValue);const onPointerEnter &#x3D; () &#x3D;&gt; setShowAdornment(true);const onPointerLeave &#x3D; () &#x3D;&gt; setShowAdornment(false);const theme: JsonFormsTheme &#x3D; useTheme();const closeStyle &#x3D; {background: theme.jsonforms?.input?.delete?.background || theme.palette.background.default,borderRadius: &#x27;50%&#x27;};return (&lt;Inputtype&#x3D;{appliedUiSchemaOptions.format &#x3D;&#x3D;&#x3D; &#x27;password&#x27; ? &#x27;password&#x27; : &#x27;text&#x27;}value&#x3D;{inputText}onChange&#x3D;{onChange}className&#x3D;{className}id&#x3D;{id}disabled&#x3D;{!enabled}autoFocus&#x3D;{appliedUiSchemaOptions.focus}multiline&#x3D;{appliedUiSchemaOptions.multi}fullWidth&#x3D;{!appliedUiSchemaOptions.trim || maxLength &#x3D;&#x3D;&#x3D; undefined}inputProps&#x3D;{inputProps}error&#x3D;{!isValid}onPointerEnter&#x3D;{onPointerEnter}onPointerLeave&#x3D;{onPointerLeave}endAdornment&#x3D;{&lt;InputAdornmentposition&#x3D;&#x27;end&#x27;style&#x3D;{{display:!showAdornment || !enabled || data &#x3D;&#x3D;&#x3D; undefined ? &#x27;none&#x27; : &#x27;flex&#x27;,position: &#x27;absolute&#x27;,right: 0}}&gt;&lt;IconButtonaria-label&#x3D;&#x27;Clear input field&#x27;onClick&#x3D;{onClear}size&#x3D;&#x27;large&#x27;&gt;&lt;Close style&#x3D;{closeStyle}/&gt;&lt;/IconButton&gt;&lt;/InputAdornment&gt;}inputComponent&#x3D;{inputComponent}/&gt;);})</span></div>
375
398
  <aside class="tsd-sources">
376
399
  <ul>
377
- <li>Defined in packages/material/src/mui-controls/MuiInputText.tsx:43</li>
400
+ <li>Defined in packages/material/src/mui-controls/MuiInputText.tsx:46</li>
378
401
  </ul>
379
402
  </aside>
380
403
  </section>
@@ -391,10 +414,10 @@
391
414
  <section class="tsd-panel tsd-member tsd-kind-variable">
392
415
  <a name="muiselect" class="tsd-anchor"></a>
393
416
  <h3><span class="tsd-flag ts-flagConst">Const</span> Mui<wbr>Select</h3>
394
- <div class="tsd-signature tsd-kind-icon">Mui<wbr>Select<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo((props: EnumCellProps &amp; WithClassname) &#x3D;&gt; {const {data,className,id,enabled,uischema,path,handleChange,options,config} &#x3D; props;const appliedUiSchemaOptions &#x3D; merge({}, config, uischema.options);return (&lt;SelectclassName&#x3D;{className}id&#x3D;{id}disabled&#x3D;{!enabled}autoFocus&#x3D;{appliedUiSchemaOptions.focus}value&#x3D;{data !&#x3D;&#x3D; undefined ? data : &#x27;&#x27;}onChange&#x3D;{ev &#x3D;&gt; handleChange(path, ev.target.value)}fullWidth&#x3D;{true}variant&#x3D;{&#x27;standard&#x27;}&gt;{[&lt;MenuItem value&#x3D;&#x27;&#x27; key&#x3D;{&#x27;empty&#x27;} /&gt;].concat(options.map(optionValue &#x3D;&gt; (&lt;MenuItem value&#x3D;{optionValue.value} key&#x3D;{optionValue.value}&gt;{optionValue.label}&lt;/MenuItem&gt;)))}&lt;/Select&gt;);})</span></div>
417
+ <div class="tsd-signature tsd-kind-icon">Mui<wbr>Select<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MemoExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = React.memo((props: EnumCellProps &amp; WithClassname &amp; TranslateProps) &#x3D;&gt; {const {data,className,id,enabled,schema,uischema,path,handleChange,options,config,t} &#x3D; props;const appliedUiSchemaOptions &#x3D; merge({}, config, uischema.options);const noneOptionLabel &#x3D; useMemo(() &#x3D;&gt; t(&#x27;enum.none&#x27;, i18nDefaults[&#x27;enum.none&#x27;], { schema, uischema, path}), [t, schema, uischema, path]);return (&lt;SelectclassName&#x3D;{className}id&#x3D;{id}disabled&#x3D;{!enabled}autoFocus&#x3D;{appliedUiSchemaOptions.focus}value&#x3D;{data !&#x3D;&#x3D; undefined ? data : &#x27;&#x27;}onChange&#x3D;{ev &#x3D;&gt;handleChange(path, ev.target.value || undefined)}fullWidth&#x3D;{true}variant&#x3D;{&#x27;standard&#x27;}&gt;{[&lt;MenuItem value&#x3D;{&#x27;&#x27;} key&#x3D;&#x27;jsonforms.enum.none&#x27;&gt;&lt;em&gt;{noneOptionLabel}&lt;/em&gt;&lt;/MenuItem&gt;].concat(options.map(optionValue &#x3D;&gt; (&lt;MenuItem value&#x3D;{optionValue.value} key&#x3D;{optionValue.value}&gt;{optionValue.label}&lt;/MenuItem&gt;)))}&lt;/Select&gt;);})</span></div>
395
418
  <aside class="tsd-sources">
396
419
  <ul>
397
- <li>Defined in packages/material/src/mui-controls/MuiSelect.tsx:31</li>
420
+ <li>Defined in packages/material/src/mui-controls/MuiSelect.tsx:33</li>
398
421
  </ul>
399
422
  </aside>
400
423
  </section>
@@ -484,7 +507,7 @@
484
507
  <div class="tsd-signature tsd-kind-icon">is<wbr>Single<wbr>Level<wbr>Categorization<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Tester</span><span class="tsd-signature-symbol"> = and(uiTypeIs(&#x27;Categorization&#x27;),(uischema: UISchemaElement): boolean &#x3D;&gt; {const categorization &#x3D; uischema as Categorization;return (categorization.elements &amp;&amp;categorization.elements.reduce((acc, e) &#x3D;&gt; acc &amp;&amp; e.type &#x3D;&#x3D;&#x3D; &#x27;Category&#x27;,true));})</span></div>
485
508
  <aside class="tsd-sources">
486
509
  <ul>
487
- <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:47</li>
510
+ <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:48</li>
488
511
  </ul>
489
512
  </aside>
490
513
  </section>
@@ -534,7 +557,7 @@
534
557
  <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
558
  <aside class="tsd-sources">
536
559
  <ul>
537
- <li>Defined in packages/material/src/layouts/MaterialArrayLayoutRenderer.tsx:78</li>
560
+ <li>Defined in packages/material/src/layouts/MaterialArrayLayoutRenderer.tsx:56</li>
538
561
  </ul>
539
562
  </aside>
540
563
  </section>
@@ -584,7 +607,7 @@
584
607
  <div class="tsd-signature tsd-kind-icon">material<wbr>Categorization<wbr>Stepper<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(2,and(uiTypeIs(&#x27;Categorization&#x27;),categorizationHasCategory,optionIs(&#x27;variant&#x27;, &#x27;stepper&#x27;)))</span></div>
585
608
  <aside class="tsd-sources">
586
609
  <ul>
587
- <li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:48</li>
610
+ <li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:49</li>
588
611
  </ul>
589
612
  </aside>
590
613
  </section>
@@ -594,7 +617,7 @@
594
617
  <div class="tsd-signature tsd-kind-icon">material<wbr>Categorization<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(1,isSingleLevelCategorization)</span></div>
595
618
  <aside class="tsd-sources">
596
619
  <ul>
597
- <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:62</li>
620
+ <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:63</li>
598
621
  </ul>
599
622
  </aside>
600
623
  </section>
@@ -624,7 +647,7 @@
624
647
  <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
648
  <aside class="tsd-sources">
626
649
  <ul>
627
- <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:125</li>
650
+ <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:142</li>
628
651
  </ul>
629
652
  </aside>
630
653
  </section>
@@ -634,7 +657,7 @@
634
657
  <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
658
  <aside class="tsd-sources">
636
659
  <ul>
637
- <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:128</li>
660
+ <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:145</li>
638
661
  </ul>
639
662
  </aside>
640
663
  </section>
@@ -669,7 +692,7 @@
669
692
  <div class="tsd-signature tsd-kind-icon">material<wbr>Enum<wbr>Control<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(2,isEnumControl)</span></div>
670
693
  <aside class="tsd-sources">
671
694
  <ul>
672
- <li>Defined in packages/material/src/controls/MaterialEnumControl.tsx:50</li>
695
+ <li>Defined in packages/material/src/controls/MaterialEnumControl.tsx:56</li>
673
696
  </ul>
674
697
  </aside>
675
698
  </section>
@@ -679,7 +702,7 @@
679
702
  <div class="tsd-signature tsd-kind-icon">material<wbr>Group<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = withIncreasedRank(1,groupTester)</span></div>
680
703
  <aside class="tsd-sources">
681
704
  <ul>
682
- <li>Defined in packages/material/src/layouts/MaterialGroupLayout.tsx:81</li>
705
+ <li>Defined in packages/material/src/layouts/MaterialGroupLayout.tsx:82</li>
683
706
  </ul>
684
707
  </aside>
685
708
  </section>
@@ -724,7 +747,7 @@
724
747
  <div class="tsd-signature tsd-kind-icon">material<wbr>Label<wbr>Renderer<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(1, uiTypeIs(&#x27;Label&#x27;))</span></div>
725
748
  <aside class="tsd-sources">
726
749
  <ul>
727
- <li>Defined in packages/material/src/additional/MaterialLabelRenderer.tsx:43</li>
750
+ <li>Defined in packages/material/src/additional/MaterialLabelRenderer.tsx:42</li>
728
751
  </ul>
729
752
  </aside>
730
753
  <div class="tsd-comment tsd-typography">
@@ -834,7 +857,7 @@
834
857
  <div class="tsd-signature tsd-kind-icon">material<wbr>One<wbr>OfEnum<wbr>Control<wbr>Tester<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">RankedTester</span><span class="tsd-signature-symbol"> = rankWith(5,isOneOfEnumControl)</span></div>
835
858
  <aside class="tsd-sources">
836
859
  <ul>
837
- <li>Defined in packages/material/src/controls/MaterialOneOfEnumControl.tsx:50</li>
860
+ <li>Defined in packages/material/src/controls/MaterialOneOfEnumControl.tsx:57</li>
838
861
  </ul>
839
862
  </aside>
840
863
  </section>
@@ -919,7 +942,7 @@
919
942
  <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
943
  <aside class="tsd-sources">
921
944
  <ul>
922
- <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:128</li>
945
+ <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:145</li>
923
946
  </ul>
924
947
  </aside>
925
948
  </section>
@@ -1196,7 +1219,7 @@
1196
1219
  <a name="materialarraylayoutrenderer" class="tsd-anchor"></a>
1197
1220
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>Array<wbr>Layout<wbr>Renderer</h3>
1198
1221
  <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>
1222
+ <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
1223
  </ul>
1201
1224
  <ul class="tsd-descriptions">
1202
1225
  <li class="tsd-description">
@@ -1208,46 +1231,13 @@
1208
1231
  <h4 class="tsd-parameters-title">Parameters</h4>
1209
1232
  <ul class="tsd-parameters">
1210
1233
  <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>
1234
+ <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
1235
  <ul class="tsd-parameters">
1213
1236
  <li class="tsd-parameter">
1214
1237
  <h5>add<wbr>Item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">addItem</span></h5>
1215
1238
  </li>
1216
1239
  <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>
1240
+ <h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
1251
1241
  </li>
1252
1242
  <li class="tsd-parameter">
1253
1243
  <h5>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
@@ -1437,7 +1427,7 @@
1437
1427
  <li class="tsd-description">
1438
1428
  <aside class="tsd-sources">
1439
1429
  <ul>
1440
- <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:78</li>
1430
+ <li>Defined in packages/material/src/layouts/MaterialCategorizationLayout.tsx:79</li>
1441
1431
  </ul>
1442
1432
  </aside>
1443
1433
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1460,7 +1450,7 @@
1460
1450
  <li class="tsd-description">
1461
1451
  <aside class="tsd-sources">
1462
1452
  <ul>
1463
- <li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:66</li>
1453
+ <li>Defined in packages/material/src/layouts/MaterialCategorizationStepperLayout.tsx:67</li>
1464
1454
  </ul>
1465
1455
  </aside>
1466
1456
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1506,7 +1496,7 @@
1506
1496
  <li class="tsd-description">
1507
1497
  <aside class="tsd-sources">
1508
1498
  <ul>
1509
- <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:43</li>
1499
+ <li>Defined in packages/material/src/controls/MaterialDateControl.tsx:48</li>
1510
1500
  </ul>
1511
1501
  </aside>
1512
1502
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1529,7 +1519,7 @@
1529
1519
  <li class="tsd-description">
1530
1520
  <aside class="tsd-sources">
1531
1521
  <ul>
1532
- <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:43</li>
1522
+ <li>Defined in packages/material/src/controls/MaterialDateTimeControl.tsx:48</li>
1533
1523
  </ul>
1534
1524
  </aside>
1535
1525
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -1643,7 +1633,7 @@
1643
1633
  <a name="materialenumcell" class="tsd-anchor"></a>
1644
1634
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>Enum<wbr>Cell</h3>
1645
1635
  <ul class="tsd-signatures tsd-kind-function">
1646
- <li class="tsd-signature tsd-kind-icon">Material<wbr>Enum<wbr>Cell<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1636
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>Enum<wbr>Cell<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1647
1637
  </ul>
1648
1638
  <ul class="tsd-descriptions">
1649
1639
  <li class="tsd-description">
@@ -1655,7 +1645,7 @@
1655
1645
  <h4 class="tsd-parameters-title">Parameters</h4>
1656
1646
  <ul class="tsd-parameters">
1657
1647
  <li>
1658
- <h5>props: <span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span></h5>
1648
+ <h5>props: <span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span></h5>
1659
1649
  </li>
1660
1650
  </ul>
1661
1651
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -1666,7 +1656,7 @@
1666
1656
  <a name="materialenumcontrol" class="tsd-anchor"></a>
1667
1657
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>Enum<wbr>Control</h3>
1668
1658
  <ul class="tsd-signatures tsd-kind-function">
1669
- <li class="tsd-signature tsd-kind-icon">Material<wbr>Enum<wbr>Control<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1659
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>Enum<wbr>Control<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
1670
1660
  </ul>
1671
1661
  <ul class="tsd-descriptions">
1672
1662
  <li class="tsd-description">
@@ -1678,7 +1668,7 @@
1678
1668
  <h4 class="tsd-parameters-title">Parameters</h4>
1679
1669
  <ul class="tsd-parameters">
1680
1670
  <li>
1681
- <h5>props: <span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a></h5>
1671
+ <h5>props: <span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span></h5>
1682
1672
  </li>
1683
1673
  </ul>
1684
1674
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -1804,13 +1794,13 @@
1804
1794
  <a name="materiallabelrenderer" class="tsd-anchor"></a>
1805
1795
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>Label<wbr>Renderer</h3>
1806
1796
  <ul class="tsd-signatures tsd-kind-function">
1807
- <li class="tsd-signature tsd-kind-icon">Material<wbr>Label<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">UISchemaElement</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>
1797
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>Label<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</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>
1808
1798
  </ul>
1809
1799
  <ul class="tsd-descriptions">
1810
1800
  <li class="tsd-description">
1811
1801
  <aside class="tsd-sources">
1812
1802
  <ul>
1813
- <li>Defined in packages/material/src/additional/MaterialLabelRenderer.tsx:48</li>
1803
+ <li>Defined in packages/material/src/additional/MaterialLabelRenderer.tsx:47</li>
1814
1804
  </ul>
1815
1805
  </aside>
1816
1806
  <div class="tsd-comment tsd-typography">
@@ -1821,10 +1811,10 @@
1821
1811
  <h4 class="tsd-parameters-title">Parameters</h4>
1822
1812
  <ul class="tsd-parameters">
1823
1813
  <li>
1824
- <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">UISchemaElement</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>
1814
+ <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</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>
1825
1815
  <ul class="tsd-parameters">
1826
1816
  <li class="tsd-parameter">
1827
- <h5>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">UISchemaElement</span></h5>
1817
+ <h5>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
1828
1818
  </li>
1829
1819
  <li class="tsd-parameter">
1830
1820
  <h5>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
@@ -2106,7 +2096,7 @@
2106
2096
  <a name="materialoneofenumcell" class="tsd-anchor"></a>
2107
2097
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>One<wbr>OfEnum<wbr>Cell</h3>
2108
2098
  <ul class="tsd-signatures tsd-kind-function">
2109
- <li class="tsd-signature tsd-kind-icon">Material<wbr>One<wbr>OfEnum<wbr>Cell<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2099
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>One<wbr>OfEnum<wbr>Cell<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2110
2100
  </ul>
2111
2101
  <ul class="tsd-descriptions">
2112
2102
  <li class="tsd-description">
@@ -2118,7 +2108,7 @@
2118
2108
  <h4 class="tsd-parameters-title">Parameters</h4>
2119
2109
  <ul class="tsd-parameters">
2120
2110
  <li>
2121
- <h5>props: <span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span></h5>
2111
+ <h5>props: <span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span></h5>
2122
2112
  </li>
2123
2113
  </ul>
2124
2114
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -2129,7 +2119,7 @@
2129
2119
  <a name="materialoneofenumcontrol" class="tsd-anchor"></a>
2130
2120
  <h3><span class="tsd-flag ts-flagConst">Const</span> Material<wbr>One<wbr>OfEnum<wbr>Control</h3>
2131
2121
  <ul class="tsd-signatures tsd-kind-function">
2132
- <li class="tsd-signature tsd-kind-icon">Material<wbr>One<wbr>OfEnum<wbr>Control<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2122
+ <li class="tsd-signature tsd-kind-icon">Material<wbr>One<wbr>OfEnum<wbr>Control<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2133
2123
  </ul>
2134
2124
  <ul class="tsd-descriptions">
2135
2125
  <li class="tsd-description">
@@ -2141,7 +2131,7 @@
2141
2131
  <h4 class="tsd-parameters-title">Parameters</h4>
2142
2132
  <ul class="tsd-parameters">
2143
2133
  <li>
2144
- <h5>props: <span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a></h5>
2134
+ <h5>props: <span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">OwnPropsOfEnum</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">TranslateProps</span></h5>
2145
2135
  </li>
2146
2136
  </ul>
2147
2137
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -2380,7 +2370,7 @@
2380
2370
  <li class="tsd-description">
2381
2371
  <aside class="tsd-sources">
2382
2372
  <ul>
2383
- <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:43</li>
2373
+ <li>Defined in packages/material/src/controls/MaterialTimeControl.tsx:48</li>
2384
2374
  </ul>
2385
2375
  </aside>
2386
2376
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -2443,7 +2433,7 @@
2443
2433
  <a name="materializedgrouplayoutrenderer" class="tsd-anchor"></a>
2444
2434
  <h3><span class="tsd-flag ts-flagConst">Const</span> Materialized<wbr>Group<wbr>Layout<wbr>Renderer</h3>
2445
2435
  <ul class="tsd-signatures tsd-kind-function">
2446
- <li class="tsd-signature tsd-kind-icon">Materialized<wbr>Group<wbr>Layout<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </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>direction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"row"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"column"</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>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>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">UISchemaElement</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>
2436
+ <li class="tsd-signature tsd-kind-icon">Materialized<wbr>Group<wbr>Layout<wbr>Renderer<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </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>direction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"row"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"column"</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>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>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">UISchemaElement</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>
2447
2437
  </ul>
2448
2438
  <ul class="tsd-descriptions">
2449
2439
  <li class="tsd-description">
@@ -2455,7 +2445,7 @@
2455
2445
  <h4 class="tsd-parameters-title">Parameters</h4>
2456
2446
  <ul class="tsd-parameters">
2457
2447
  <li>
2458
- <h5>__namedParameters: <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>direction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"row"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"column"</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>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>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">UISchemaElement</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>
2448
+ <h5>__namedParameters: <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>direction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"row"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"column"</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>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>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">UISchemaElement</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>
2459
2449
  <ul class="tsd-parameters">
2460
2450
  <li class="tsd-parameter">
2461
2451
  <h5>cells<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span></h5>
@@ -2466,6 +2456,9 @@
2466
2456
  <li class="tsd-parameter">
2467
2457
  <h5>enabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
2468
2458
  </li>
2459
+ <li class="tsd-parameter">
2460
+ <h5>label<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
2461
+ </li>
2469
2462
  <li class="tsd-parameter">
2470
2463
  <h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
2471
2464
  </li>
@@ -2492,19 +2485,19 @@
2492
2485
  <a name="muiautocomplete" class="tsd-anchor"></a>
2493
2486
  <h3><span class="tsd-flag ts-flagConst">Const</span> Mui<wbr>Autocomplete</h3>
2494
2487
  <ul class="tsd-signatures tsd-kind-function">
2495
- <li class="tsd-signature tsd-kind-icon">Mui<wbr>Autocomplete<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2488
+ <li class="tsd-signature tsd-kind-icon">Mui<wbr>Autocomplete<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
2496
2489
  </ul>
2497
2490
  <ul class="tsd-descriptions">
2498
2491
  <li class="tsd-description">
2499
2492
  <aside class="tsd-sources">
2500
2493
  <ul>
2501
- <li>Defined in packages/material/src/mui-controls/MuiAutocomplete.tsx:42</li>
2494
+ <li>Defined in packages/material/src/mui-controls/MuiAutocomplete.tsx:45</li>
2502
2495
  </ul>
2503
2496
  </aside>
2504
2497
  <h4 class="tsd-parameters-title">Parameters</h4>
2505
2498
  <ul class="tsd-parameters">
2506
2499
  <li>
2507
- <h5>props: <span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a></h5>
2500
+ <h5>props: <span class="tsd-signature-type">ControlProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">EnumCellProps</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">WithClassname</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/withoptionlabel.html" class="tsd-signature-type">WithOptionLabel</a></h5>
2508
2501
  </li>
2509
2502
  </ul>
2510
2503
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -2715,6 +2708,57 @@
2715
2708
  </li>
2716
2709
  </ul>
2717
2710
  </section>
2711
+ <section class="tsd-panel tsd-member tsd-kind-function">
2712
+ <a name="resettabletextfield" class="tsd-anchor"></a>
2713
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Resettable<wbr>Text<wbr>Field</h3>
2714
+ <ul class="tsd-signatures tsd-kind-function">
2715
+ <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>
2716
+ </ul>
2717
+ <ul class="tsd-descriptions">
2718
+ <li class="tsd-description">
2719
+ <aside class="tsd-sources">
2720
+ <ul>
2721
+ <li>Defined in packages/material/src/util/datejs.tsx:55</li>
2722
+ </ul>
2723
+ </aside>
2724
+ <div class="tsd-comment tsd-typography">
2725
+ <div class="lead">
2726
+ <p>The dayjs formatter/parser is very lenient and for example ignores additional digits and/or characters.
2727
+ In these cases the input text can look vastly different than the actual value stored in the data.
2728
+ The &#39;ResettableTextField&#39; component adjusts the text field to reflect the actual value stored in the data
2729
+ once it&#39;s no longer &#39;focused&#39;, i.e. when the user stops editing.</p>
2730
+ </div>
2731
+ </div>
2732
+ <h4 class="tsd-parameters-title">Parameters</h4>
2733
+ <ul class="tsd-parameters">
2734
+ <li>
2735
+ <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>
2736
+ <ul class="tsd-parameters">
2737
+ <li class="tsd-parameter">
2738
+ <h5>dayjs<wbr>Value<wbr>IsValid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
2739
+ </li>
2740
+ <li class="tsd-parameter">
2741
+ <h5>focused<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
2742
+ </li>
2743
+ <li class="tsd-parameter">
2744
+ <h5>input<wbr>Props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">InputBaseComponentProps</span></h5>
2745
+ </li>
2746
+ <li class="tsd-parameter">
2747
+ <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>
2748
+ </li>
2749
+ <li class="tsd-parameter">
2750
+ <h5>raw<wbr>Value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
2751
+ </li>
2752
+ <li class="tsd-parameter">
2753
+ <h5>value<wbr>InInput<wbr>Format<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
2754
+ </li>
2755
+ </ul>
2756
+ </li>
2757
+ </ul>
2758
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
2759
+ </li>
2760
+ </ul>
2761
+ </section>
2718
2762
  <section class="tsd-panel tsd-member tsd-kind-function">
2719
2763
  <a name="tablerows" class="tsd-anchor"></a>
2720
2764
  <h3><span class="tsd-flag ts-flagConst">Const</span> Table<wbr>Rows</h3>
@@ -2834,7 +2878,7 @@
2834
2878
  <li class="tsd-description">
2835
2879
  <aside class="tsd-sources">
2836
2880
  <ul>
2837
- <li>Defined in packages/material/src/util/datejs.ts:7</li>
2881
+ <li>Defined in packages/material/src/util/datejs.tsx:9</li>
2838
2882
  </ul>
2839
2883
  </aside>
2840
2884
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -2884,7 +2928,7 @@
2884
2928
  <li class="tsd-description">
2885
2929
  <aside class="tsd-sources">
2886
2930
  <ul>
2887
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:215</li>
2931
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:216</li>
2888
2932
  </ul>
2889
2933
  </aside>
2890
2934
  <div class="tsd-comment tsd-typography">
@@ -2952,6 +2996,7 @@
2952
2996
  <li class="tsd-signature tsd-kind-icon">event<wbr>ToValue<span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
2953
2997
  <li class="tsd-signature tsd-kind-icon">event<wbr>ToValue<span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
2954
2998
  <li class="tsd-signature tsd-kind-icon">event<wbr>ToValue<span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
2999
+ <li class="tsd-signature tsd-kind-icon">event<wbr>ToValue<span class="tsd-signature-symbol">(</span>ev<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
2955
3000
  </ul>
2956
3001
  <ul class="tsd-descriptions">
2957
3002
  <li class="tsd-description">
@@ -2996,6 +3041,20 @@
2996
3041
  </ul>
2997
3042
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
2998
3043
  </li>
3044
+ <li class="tsd-description">
3045
+ <aside class="tsd-sources">
3046
+ <ul>
3047
+ <li>Defined in packages/material/src/mui-controls/MuiInputText.tsx:44</li>
3048
+ </ul>
3049
+ </aside>
3050
+ <h4 class="tsd-parameters-title">Parameters</h4>
3051
+ <ul class="tsd-parameters">
3052
+ <li>
3053
+ <h5>ev: <span class="tsd-signature-type">any</span></h5>
3054
+ </li>
3055
+ </ul>
3056
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
3057
+ </li>
2999
3058
  </ul>
3000
3059
  </section>
3001
3060
  <section class="tsd-panel tsd-member tsd-kind-function">
@@ -3089,7 +3148,7 @@
3089
3148
  <li class="tsd-description">
3090
3149
  <aside class="tsd-sources">
3091
3150
  <ul>
3092
- <li>Defined in packages/material/src/util/datejs.ts:20</li>
3151
+ <li>Defined in packages/material/src/util/datejs.tsx:22</li>
3093
3152
  </ul>
3094
3153
  </aside>
3095
3154
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -3429,7 +3488,7 @@
3429
3488
  <li class="tsd-description">
3430
3489
  <aside class="tsd-sources">
3431
3490
  <ul>
3432
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:254</li>
3491
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:255</li>
3433
3492
  </ul>
3434
3493
  </aside>
3435
3494
  <div class="tsd-comment tsd-typography">
@@ -3458,7 +3517,7 @@
3458
3517
  <li class="tsd-description">
3459
3518
  <aside class="tsd-sources">
3460
3519
  <ul>
3461
- <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:279</li>
3520
+ <li>Defined in packages/material/src/layouts/ExpandPanelRenderer.tsx:280</li>
3462
3521
  </ul>
3463
3522
  </aside>
3464
3523
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -3664,6 +3723,26 @@
3664
3723
  </aside>
3665
3724
  </section>
3666
3725
  </section>
3726
+ <section class="tsd-panel tsd-member tsd-kind-object-literal">
3727
+ <a name="i18ndefaults" class="tsd-anchor"></a>
3728
+ <h3><span class="tsd-flag ts-flagConst">Const</span> i18n<wbr>Defaults</h3>
3729
+ <div class="tsd-signature tsd-kind-icon">i18n<wbr>Defaults<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
3730
+ <aside class="tsd-sources">
3731
+ <ul>
3732
+ <li>Defined in packages/material/src/util/i18nDefaults.ts:1</li>
3733
+ </ul>
3734
+ </aside>
3735
+ <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
3736
+ <a name="i18ndefaults.enum_none" class="tsd-anchor"></a>
3737
+ <h3>enum.none</h3>
3738
+ <div class="tsd-signature tsd-kind-icon">enum.none<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;None&quot;</span></div>
3739
+ <aside class="tsd-sources">
3740
+ <ul>
3741
+ <li>Defined in packages/material/src/util/i18nDefaults.ts:2</li>
3742
+ </ul>
3743
+ </aside>
3744
+ </section>
3745
+ </section>
3667
3746
  <section class="tsd-panel tsd-member tsd-kind-object-literal">
3668
3747
  <a name="iconstyle" class="tsd-anchor"></a>
3669
3748
  <h3><span class="tsd-flag ts-flagConst">Const</span> icon<wbr>Style</h3>
@@ -3882,6 +3961,9 @@
3882
3961
  <li class=" tsd-kind-interface">
3883
3962
  <a href="interfaces/expandpanelprops.html" class="tsd-kind-icon">Expand<wbr>Panel<wbr>Props</a>
3884
3963
  </li>
3964
+ <li class=" tsd-kind-interface">
3965
+ <a href="interfaces/inputref.html" class="tsd-kind-icon">Input<wbr>Ref</a>
3966
+ </li>
3885
3967
  <li class=" tsd-kind-interface">
3886
3968
  <a href="interfaces/jsonformstheme.html" class="tsd-kind-icon">Json<wbr>Forms<wbr>Theme</a>
3887
3969
  </li>
@@ -3891,6 +3973,9 @@
3891
3973
  <li class=" tsd-kind-interface">
3892
3974
  <a href="interfaces/materialcategorizationstepperlayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Categorization<wbr>Stepper<wbr>Layout<wbr>Renderer<wbr>Props</a>
3893
3975
  </li>
3976
+ <li class=" tsd-kind-interface">
3977
+ <a href="interfaces/materiallabelablelayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Labelable<wbr>Layout<wbr>Renderer<wbr>Props</a>
3978
+ </li>
3894
3979
  <li class=" tsd-kind-interface">
3895
3980
  <a href="interfaces/materiallayoutrendererprops.html" class="tsd-kind-icon">Material<wbr>Layout<wbr>Renderer<wbr>Props</a>
3896
3981
  </li>
@@ -3939,6 +4024,9 @@
3939
4024
  <li class=" tsd-kind-interface">
3940
4025
  <a href="interfaces/withoptionlabel.html" class="tsd-kind-icon">With<wbr>Option<wbr>Label</a>
3941
4026
  </li>
4027
+ <li class=" tsd-kind-type-alias">
4028
+ <a href="globals.html#resettabletextfieldprops" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field<wbr>Props</a>
4029
+ </li>
3942
4030
  <li class=" tsd-kind-variable">
3943
4031
  <a href="globals.html#arraylayouttoolbar" class="tsd-kind-icon">Array<wbr>Layout<wbr>Toolbar</a>
3944
4032
  </li>
@@ -4281,6 +4369,9 @@
4281
4369
  <li class=" tsd-kind-function">
4282
4370
  <a href="globals.html#nonemptyrowcomponent" class="tsd-kind-icon">Non<wbr>Empty<wbr>Row<wbr>Component</a>
4283
4371
  </li>
4372
+ <li class=" tsd-kind-function">
4373
+ <a href="globals.html#resettabletextfield" class="tsd-kind-icon">Resettable<wbr>Text<wbr>Field</a>
4374
+ </li>
4284
4375
  <li class=" tsd-kind-function">
4285
4376
  <a href="globals.html#tablerows" class="tsd-kind-icon">Table<wbr>Rows</a>
4286
4377
  </li>
@@ -4356,6 +4447,9 @@
4356
4447
  <li class=" tsd-kind-object-literal">
4357
4448
  <a href="globals.html#fixedcellsmall" class="tsd-kind-icon">fixed<wbr>Cell<wbr>Small</a>
4358
4449
  </li>
4450
+ <li class=" tsd-kind-object-literal">
4451
+ <a href="globals.html#i18ndefaults" class="tsd-kind-icon">i18n<wbr>Defaults</a>
4452
+ </li>
4359
4453
  <li class=" tsd-kind-object-literal">
4360
4454
  <a href="globals.html#iconstyle" class="tsd-kind-icon">icon<wbr>Style</a>
4361
4455
  </li>