@jsonforms/material-renderers 2.5.2 → 3.0.0-alpha.3

package/lib/mui-controls/MuiInputTime.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiInputTime = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -26,12 +27,13 @@ var tslib_1 = require("tslib");
   THE SOFTWARE.
 */
 var react_1 = tslib_1.__importDefault(require("react"));
-var Input_1 = tslib_1.__importDefault(require("@material-ui/core/Input"));
-var react_2 = require("@jsonforms/react");
+var material_1 = require("@mui/material");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
+var util_1 = require("../util");
 exports.MuiInputTime = react_1.default.memo(function (props) {
     var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, config = props.config;
     var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-    return (react_1.default.createElement(Input_1.default, { type: 'time', value: data || '', onChange: function (ev) { return handleChange(path, ev.target.value); }, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, fullWidth: true }));
-}, react_2.areEqual);
+    var _a = util_1.useDebouncedChange(handleChange, '', data, path), inputValue = _a[0], onChange = _a[1];
+    return (react_1.default.createElement(material_1.Input, { type: 'time', value: inputValue, onChange: onChange, className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, fullWidth: true }));
+});
 //# sourceMappingURL=MuiInputTime.js.map

package/lib/mui-controls/MuiInputTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiInputTime.js","sourceRoot":"","sources":["../../src/mui-controls/MuiInputTime.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAE1B,0EAA4C;AAC5C,0CAA4C;AAC5C,+DAAiC;AAEpB,QAAA,YAAY,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAgC;IAEpE,IAAA,iBAAI,EACJ,2BAAS,EACT,aAAE,EACF,uBAAO,EACP,yBAAQ,EACR,iBAAI,EACJ,iCAAY,EACZ,qBAAM,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,OAAO,CACL,8BAAC,eAAK,IACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,UAAA,EAAE,IAAI,OAAA,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACnD,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,SAAS,EAAE,IAAI,GACf,CACH,CAAC;AACJ,CAAC,EAAE,gBAAQ,CAAC,CAAC"}
+{"version":3,"file":"MuiInputTime.js","sourceRoot":"","sources":["../../src/mui-controls/MuiInputTime.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAE1B,0CAAsC;AACtC,+DAAiC;AACjC,gCAA6C;AAEhC,QAAA,YAAY,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAgC;IAEpE,IAAA,IAAI,GAQF,KAAK,KARH,EACJ,SAAS,GAOP,KAAK,UAPE,EACT,EAAE,GAMA,KAAK,GANL,EACF,OAAO,GAKL,KAAK,QALA,EACP,QAAQ,GAIN,KAAK,SAJC,EACR,IAAI,GAGF,KAAK,KAHH,EACJ,YAAY,GAEV,KAAK,aAFK,EACZ,MAAM,GACJ,KAAK,OADD,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAA,KAAyB,yBAAkB,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAxE,UAAU,QAAA,EAAE,QAAQ,QAAoD,CAAC;IAEhF,OAAO,CACL,8BAAC,gBAAK,IACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,SAAS,EAAE,IAAI,GACf,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/mui-controls/MuiSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiSelect = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -26,13 +27,11 @@ var tslib_1 = require("tslib");
   THE SOFTWARE.
 */
 var react_1 = tslib_1.__importDefault(require("react"));
-var Select_1 = tslib_1.__importDefault(require("@material-ui/core/Select"));
-var core_1 = require("@material-ui/core");
-var react_2 = require("@jsonforms/react");
+var material_1 = require("@mui/material");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 exports.MuiSelect = react_1.default.memo(function (props) {
     var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, options = props.options, config = props.config;
     var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-    return (react_1.default.createElement(Select_1.default, { className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data || '', onChange: function (ev) { return handleChange(path, ev.target.value); }, fullWidth: true }, [react_1.default.createElement(core_1.MenuItem, { value: '', key: 'empty' })].concat(options.map(function (optionValue) { return (react_1.default.createElement(core_1.MenuItem, { value: optionValue.value, key: optionValue.value }, optionValue.label)); }))));
-}, react_2.areEqual);
+    return (react_1.default.createElement(material_1.Select, { className: className, id: id, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, value: data !== undefined ? data : '', onChange: function (ev) { return handleChange(path, ev.target.value); }, fullWidth: true, variant: 'standard' }, [react_1.default.createElement(material_1.MenuItem, { value: '', key: 'empty' })].concat(options.map(function (optionValue) { return (react_1.default.createElement(material_1.MenuItem, { value: optionValue.value, key: optionValue.value }, optionValue.label)); }))));
+});
 //# sourceMappingURL=MuiSelect.js.map

package/lib/mui-controls/MuiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiSelect.js","sourceRoot":"","sources":["../../src/mui-controls/MuiSelect.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAG1B,4EAA8C;AAC9C,0CAA6C;AAC7C,0CAA4C;AAC5C,+DAAiC;AAEpB,QAAA,SAAS,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAoC;IAErE,IAAA,iBAAI,EACJ,2BAAS,EACT,aAAE,EACF,uBAAO,EACP,yBAAQ,EACR,iBAAI,EACJ,iCAAY,EACZ,uBAAO,EACP,qBAAM,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAC,gBAAM,IACL,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,UAAA,EAAE,IAAI,OAAA,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACnD,SAAS,EAAE,IAAI,IAEd,CAAC,8BAAC,eAAQ,IAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAE,OAAO,GAAI,CAAC,CAAC,MAAM,CAC3C,OAAO,CAAC,GAAG,CAAC,UAAA,WAAW,IAAI,OAAA,CACzB,8BAAC,eAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,KAAK,IACvD,WAAW,CAAC,KAAK,CACT,CACZ,EAJ0B,CAI1B,CAAC,CACH,CACM,CACV,CAAC;AACJ,CAAC,EAAE,gBAAQ,CAAC,CAAC"}
+{"version":3,"file":"MuiSelect.js","sourceRoot":"","sources":["../../src/mui-controls/MuiSelect.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAG1B,0CAAiD;AACjD,+DAAiC;AAEpB,QAAA,SAAS,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAoC;IAErE,IAAA,IAAI,GASF,KAAK,KATH,EACJ,SAAS,GAQP,KAAK,UARE,EACT,EAAE,GAOA,KAAK,GAPL,EACF,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,IAAI,GAIF,KAAK,KAJH,EACJ,YAAY,GAGV,KAAK,aAHK,EACZ,OAAO,GAEL,KAAK,QAFA,EACP,MAAM,GACJ,KAAK,OADD,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAC,iBAAM,IACL,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EACrC,QAAQ,EAAE,UAAA,EAAE,IAAI,OAAA,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACnD,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,UAAU,IAElB,CAAC,8BAAC,mBAAQ,IAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAE,OAAO,GAAI,CAAC,CAAC,MAAM,CAC3C,OAAO,CAAC,GAAG,CAAC,UAAA,WAAW,IAAI,OAAA,CACzB,8BAAC,mBAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,KAAK,IACvD,WAAW,CAAC,KAAK,CACT,CACZ,EAJ0B,CAI1B,CAAC,CACH,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/mui-controls/MuiToggle.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiToggle = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -26,14 +27,13 @@ var tslib_1 = require("tslib");
   THE SOFTWARE.
 */
 var react_1 = tslib_1.__importDefault(require("react"));
-var Switch_1 = tslib_1.__importDefault(require("@material-ui/core/Switch"));
-var react_2 = require("@jsonforms/react");
+var material_1 = require("@mui/material");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 exports.MuiToggle = react_1.default.memo(function (props) {
     var data = props.data, className = props.className, id = props.id, enabled = props.enabled, uischema = props.uischema, path = props.path, handleChange = props.handleChange, config = props.config;
     var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
     var inputProps = { autoFocus: !!appliedUiSchemaOptions.focus };
     var checked = !!data;
-    return (react_1.default.createElement(Switch_1.default, { checked: checked, onChange: function (_ev, isChecked) { return handleChange(path, isChecked); }, className: className, id: id, disabled: !enabled, inputProps: inputProps }));
-}, react_2.areEqual);
+    return (react_1.default.createElement(material_1.Switch, { checked: checked, onChange: function (_ev, isChecked) { return handleChange(path, isChecked); }, className: className, id: id, disabled: !enabled, inputProps: inputProps }));
+});
 //# sourceMappingURL=MuiToggle.js.map

package/lib/mui-controls/MuiToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiToggle.js","sourceRoot":"","sources":["../../src/mui-controls/MuiToggle.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAE1B,4EAA8C;AAC9C,0CAA4C;AAC5C,+DAAiC;AAEpB,QAAA,SAAS,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAgC;IAEjE,IAAA,iBAAI,EACJ,2BAAS,EACT,aAAE,EACF,uBAAO,EACP,yBAAQ,EACR,iBAAI,EACJ,iCAAY,EACZ,qBAAM,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,IAAM,UAAU,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,KAAK,EAAE,CAAC;IACjE,IAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;IAEvB,OAAO,CACL,8BAAC,gBAAM,IACL,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,GAAG,EAAE,SAAS,IAAK,OAAA,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAA7B,CAA6B,EAC3D,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,EAAE,gBAAQ,CAAC,CAAC"}
+{"version":3,"file":"MuiToggle.js","sourceRoot":"","sources":["../../src/mui-controls/MuiToggle.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAE1B,0CAAuC;AACvC,+DAAiC;AAEpB,QAAA,SAAS,GAAG,eAAK,CAAC,IAAI,CAAC,UAAC,KAAgC;IAEjE,IAAA,IAAI,GAQF,KAAK,KARH,EACJ,SAAS,GAOP,KAAK,UAPE,EACT,EAAE,GAMA,KAAK,GANL,EACF,OAAO,GAKL,KAAK,QALA,EACP,QAAQ,GAIN,KAAK,SAJC,EACR,IAAI,GAGF,KAAK,KAHH,EACJ,YAAY,GAEV,KAAK,aAFK,EACZ,MAAM,GACJ,KAAK,OADD,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,IAAM,UAAU,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,KAAK,EAAE,CAAC;IACjE,IAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;IAEvB,OAAO,CACL,8BAAC,iBAAM,IACL,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,GAAG,EAAE,SAAS,IAAK,OAAA,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAA7B,CAA6B,EAC3D,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,OAAO,EAClB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/util/datejs.d.ts

@@ -0,0 +1,3 @@
+import dayjs from 'dayjs';
+export declare const createOnChangeHandler: (path: string, handleChange: (path: string, value: any) => void, saveFormat: string | undefined) => (time: dayjs.Dayjs) => void;
+export declare const getData: (data: any, saveFormat: string | undefined) => dayjs.Dayjs | null;

package/lib/util/datejs.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getData = exports.createOnChangeHandler = void 0;
+var tslib_1 = require("tslib");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var customParseFormat_1 = tslib_1.__importDefault(require("dayjs/plugin/customParseFormat"));
+// required for the custom save formats in the date, time and date-time pickers
+dayjs_1.default.extend(customParseFormat_1.default);
+var createOnChangeHandler = function (path, handleChange, saveFormat) { return function (time) {
+    if (!time) {
+        handleChange(path, undefined);
+        return;
+    }
+    var result = dayjs_1.default(time).format(saveFormat);
+    handleChange(path, result === 'Invalid Date' ? undefined : result);
+}; };
+exports.createOnChangeHandler = createOnChangeHandler;
+var getData = function (data, saveFormat) {
+    if (!data) {
+        return null;
+    }
+    var dayjsData = dayjs_1.default(data, saveFormat);
+    if (dayjsData.toString() === 'Invalid Date') {
+        return null;
+    }
+    return dayjsData;
+};
+exports.getData = getData;
+//# sourceMappingURL=datejs.js.map

package/lib/util/datejs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datejs.js","sourceRoot":"","sources":["../../src/util/datejs.ts"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6FAA2D;AAE3D,+EAA+E;AAC/E,eAAK,CAAC,MAAM,CAAC,2BAAa,CAAC,CAAC;AAErB,IAAM,qBAAqB,GAAG,UACnC,IAAY,EACZ,YAAgD,EAChD,UAA8B,IAC3B,OAAA,UAAC,IAAiB;IACrB,IAAI,CAAC,IAAI,EAAE;QACT,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC9B,OAAO;KACR;IACD,IAAM,MAAM,GAAG,eAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9C,YAAY,CAAC,IAAI,EAAE,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC,EAPI,CAOJ,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AAEK,IAAM,OAAO,GAAG,UACrB,IAAS,EACT,UAA8B;IAE9B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IACD,IAAM,SAAS,GAAG,eAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAC1C,IAAI,SAAS,CAAC,QAAQ,EAAE,KAAK,cAAc,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}

package/lib/util/debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedChange: (handleChange: (path: string, value: any) => void, defaultValue: any, data: any, path: string, eventToValueFunction?: (ev: any) => any, timeout?: number) => [any, React.ChangeEventHandler, () => void];

package/lib/util/debounce.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedChange = void 0;
+/*
+  The MIT License
+  
+  Copyright (c) 2021 EclipseSource Munich
+  https://github.com/eclipsesource/jsonforms
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+  THE SOFTWARE.
+*/
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var eventToValue = function (ev) { return ev.target.value; };
+var useDebouncedChange = function (handleChange, defaultValue, data, path, eventToValueFunction, timeout) {
+    if (eventToValueFunction === void 0) { eventToValueFunction = eventToValue; }
+    if (timeout === void 0) { timeout = 300; }
+    var _a = react_1.useState(data !== null && data !== void 0 ? data : defaultValue), input = _a[0], setInput = _a[1];
+    react_1.useEffect(function () {
+        setInput(data !== null && data !== void 0 ? data : defaultValue);
+    }, [data]);
+    var debouncedUpdate = react_1.useCallback(lodash_1.debounce(function (newValue) { return handleChange(path, newValue); }, timeout), [handleChange, path, timeout]);
+    var onChange = react_1.useCallback(function (ev) {
+        var newValue = eventToValueFunction(ev);
+        setInput(newValue !== null && newValue !== void 0 ? newValue : defaultValue);
+        debouncedUpdate(newValue);
+    }, [debouncedUpdate, eventToValueFunction]);
+    var onClear = react_1.useCallback(function () { setInput(defaultValue); handleChange(path, undefined); }, [defaultValue, handleChange, path]);
+    return [input, onChange, onClear];
+};
+exports.useDebouncedChange = useDebouncedChange;
+//# sourceMappingURL=debounce.js.map

package/lib/util/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/util/debounce.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,iCAAkC;AAClC,+BAAwD;AAGxD,IAAM,YAAY,GAAG,UAAC,EAAO,IAAK,OAAA,EAAE,CAAC,MAAM,CAAC,KAAK,EAAf,CAAe,CAAC;AAC3C,IAAM,kBAAkB,GAAG,UAAC,YAAgD,EAAE,YAAiB,EAAE,IAAS,EAAE,IAAY,EAAE,oBAAqD,EAAE,OAAa;IAApE,qCAAA,EAAA,mCAAqD;IAAE,wBAAA,EAAA,aAAa;IAC7L,IAAA,KAAoB,gBAAQ,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC,EAAjD,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAC;IACzD,iBAAS,CAAC;QACR,QAAQ,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,IAAM,eAAe,GAAG,mBAAW,CAAC,iBAAQ,CAAC,UAAC,QAAgB,IAAK,OAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA5B,CAA4B,EAAE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1I,IAAM,QAAQ,GAAG,mBAAW,CAAC,UAAC,EAAO;QACnC,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,YAAY,CAAC,CAAC;QACnC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAC5C,IAAM,OAAO,GAAG,mBAAW,CAAC,cAAQ,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA,CAAC,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACjI,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpC,CAAC,CAAC;AAbW,QAAA,kBAAkB,sBAa7B"}

package/lib/util/focus.d.ts

@@ -0,0 +1 @@
+export declare const useFocus: () => [boolean, () => void, () => void];

package/lib/util/focus.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocus = void 0;
+/*
+  The MIT License
+  
+  Copyright (c) 2021 EclipseSource Munich
+  https://github.com/eclipsesource/jsonforms
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+  THE SOFTWARE.
+*/
+var react_1 = require("react");
+var useFocus = function () {
+    var _a = react_1.useState(false), focused = _a[0], setFocused = _a[1];
+    var onFocus = react_1.useCallback(function () { return setFocused(true); }, []);
+    var onBlur = react_1.useCallback(function () { return setFocused(false); }, []);
+    return [focused, onFocus, onBlur];
+};
+exports.useFocus = useFocus;
+//# sourceMappingURL=focus.js.map

package/lib/util/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","sourceRoot":"","sources":["../../src/util/focus.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+BAA4C;AAErC,IAAM,QAAQ,GAAG;IACd,IAAA,KAAwB,gBAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,IAAM,OAAO,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IACxD,IAAM,MAAM,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AACtC,CAAC,CAAC;AALW,QAAA,QAAQ,YAKnB"}

package/lib/util/index.d.ts

@@ -1,2 +1,5 @@
+export * from './datejs';
 export * from './layout';
 export * from './theme';
+export * from './debounce';
+export * from './focus';

package/lib/util/index.js

@@ -25,5 +25,9 @@ var tslib_1 = require("tslib");
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
+tslib_1.__exportStar(require("./datejs"), exports);
 tslib_1.__exportStar(require("./layout"), exports);
+tslib_1.__exportStar(require("./theme"), exports);
+tslib_1.__exportStar(require("./debounce"), exports);
+tslib_1.__exportStar(require("./focus"), exports);
 //# sourceMappingURL=index.js.map

package/lib/util/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,mDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,mDAAyB;AACzB,mDAAyB;AACzB,kDAAwB;AACxB,qDAA2B;AAC3B,kDAAwB"}

package/lib/util/layout.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Ajv } from 'ajv';
+import { ComponentType } from 'react';
+import Ajv from 'ajv';
 import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry, JsonSchema, OwnPropsOfRenderer, UISchemaElement } from '@jsonforms/core';
 export declare const renderLayoutElements: (elements: UISchemaElement[], schema: JsonSchema, path: string, enabled: boolean, renderers?: JsonFormsRendererRegistryEntry[], cells?: JsonFormsCellRendererRegistryEntry[]) => JSX.Element[];
 export interface MaterialLayoutRendererProps extends OwnPropsOfRenderer {

package/lib/util/layout.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withAjvProps = exports.MaterialLayoutRenderer = exports.renderLayoutElements = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -29,26 +30,29 @@ var isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
 var react_1 = tslib_1.__importDefault(require("react"));
 var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
-var core_2 = require("@material-ui/core");
-exports.renderLayoutElements = function (elements, schema, path, enabled, renderers, cells) {
-    return elements.map(function (child, index) { return (react_1.default.createElement(core_2.Grid, { item: true, key: path + "-" + index, xs: true },
-        react_1.default.createElement(react_2.ResolvedJsonFormsDispatch, { uischema: child, schema: schema, path: path, enabled: enabled, renderers: renderers, cells: cells }))); });
+var material_1 = require("@mui/material");
+var renderLayoutElements = function (elements, schema, path, enabled, renderers, cells) {
+    return elements.map(function (child, index) { return (react_1.default.createElement(material_1.Grid, { item: true, key: path + "-" + index, xs: true },
+        react_1.default.createElement(react_2.JsonFormsDispatch, { uischema: child, schema: schema, path: path, enabled: enabled, renderers: renderers, cells: cells }))); });
 };
-exports.MaterialLayoutRenderer = react_1.default.memo(function (_a) {
+exports.renderLayoutElements = renderLayoutElements;
+var MaterialLayoutRendererComponent = function (_a) {
     var visible = _a.visible, elements = _a.elements, schema = _a.schema, path = _a.path, enabled = _a.enabled, direction = _a.direction, renderers = _a.renderers, cells = _a.cells;
     if (isEmpty_1.default(elements)) {
         return null;
     }
     else {
-        return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
-            react_1.default.createElement(core_2.Grid, { container: true, direction: direction, spacing: direction === 'row' ? 2 : 0 }, exports.renderLayoutElements(elements, schema, path, enabled, renderers, cells))));
+        return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
+            react_1.default.createElement(material_1.Grid, { container: true, direction: direction, spacing: direction === 'row' ? 2 : 0 }, exports.renderLayoutElements(elements, schema, path, enabled, renderers, cells))));
     }
-}, react_2.areEqual);
-exports.withAjvProps = function (Component) {
+};
+exports.MaterialLayoutRenderer = react_1.default.memo(MaterialLayoutRendererComponent);
+var withAjvProps = function (Component) {
     return function (props) {
         var ctx = react_2.useJsonForms();
         var ajv = core_1.getAjv({ jsonforms: tslib_1.__assign({}, ctx) });
         return (react_1.default.createElement(Component, tslib_1.__assign({}, props, { ajv: ajv })));
     };
 };
+exports.withAjvProps = withAjvProps;
 //# sourceMappingURL=layout.js.map

package/lib/util/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/util/layout.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,mEAAqC;AACrC,wDAA0B;AAG1B,wCAOyB;AACzB,0CAAqF;AACrF,0CAAiD;AAEpC,QAAA,oBAAoB,GAAG,UAClC,QAA2B,EAC3B,MAAkB,EAClB,IAAY,EACZ,OAAgB,EAChB,SAA4C,EAC5C,KAA4C;IAE5C,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACpC,8BAAC,WAAI,IAAC,IAAI,QAAC,GAAG,EAAK,IAAI,SAAI,KAAO,EAAE,EAAE;QACpC,8BAAC,iCAAyB,IACxB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACG,CACR,EAXqC,CAWrC,CAAC,CAAC;AACL,CAAC,CAAC;AAMW,QAAA,sBAAsB,GAAG,eAAK,CAAC,IAAI,CAC9C,UAAC,EAS6B;QAR5B,oBAAO,EACP,sBAAQ,EACR,kBAAM,EACN,cAAI,EACJ,oBAAO,EACP,wBAAS,EACT,wBAAS,EACT,gBAAK;IAEL,IAAI,iBAAO,CAAC,QAAQ,CAAC,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;YACpB,8BAAC,WAAI,IACH,SAAS,QACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAEnC,4BAAoB,CACnB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,CACN,CACI,CACA,CACV,CAAC;KACH;AACH,CAAC,EACD,gBAAQ,CACT,CAAC;AAMW,QAAA,YAAY,GAAG,UAAe,SAAsC;IAC/E,OAAA,UAAC,KAAQ;QACP,IAAM,GAAG,GAAG,oBAAY,EAAE,CAAC;QAC3B,IAAM,GAAG,GAAG,aAAM,CAAC,EAAC,SAAS,uBAAM,GAAG,CAAC,EAAC,CAAC,CAAC;QAE1C,OAAO,CAAC,8BAAC,SAAS,uBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IAC9C,CAAC;AALD,CAKC,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/util/layout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,mEAAqC;AACrC,wDAA0B;AAG1B,wCAOyB;AACzB,0CAAmE;AACnE,0CAA6C;AAEtC,IAAM,oBAAoB,GAAG,UAClC,QAA2B,EAC3B,MAAkB,EAClB,IAAY,EACZ,OAAgB,EAChB,SAA4C,EAC5C,KAA4C;IAE5C,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACpC,8BAAC,eAAI,IAAC,IAAI,QAAC,GAAG,EAAK,IAAI,SAAI,KAAO,EAAE,EAAE;QACpC,8BAAC,yBAAiB,IAChB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACG,CACR,EAXqC,CAWrC,CAAC,CAAC;AACL,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B;AAMF,IAAM,+BAA+B,GACnC,UAAC,EAS6B;QAR5B,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,IAAI,iBAAO,CAAC,QAAQ,CAAC,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;YACpB,8BAAC,eAAI,IACH,SAAS,QACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAEnC,4BAAoB,CACnB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,CACN,CACI,CACA,CACV,CAAC;KACH;AACH,CAAC,CAAC;AACS,QAAA,sBAAsB,GAAG,eAAK,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;AAM3E,IAAM,YAAY,GAAG,UAAe,SAAsC;IAC/E,OAAA,UAAC,KAAQ;QACP,IAAM,GAAG,GAAG,oBAAY,EAAE,CAAC;QAC3B,IAAM,GAAG,GAAG,aAAM,CAAC,EAAC,SAAS,uBAAM,GAAG,CAAC,EAAC,CAAC,CAAC;QAE1C,OAAO,CAAC,8BAAC,SAAS,uBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IAC9C,CAAC;AALD,CAKC,CAAC;AANS,QAAA,YAAY,gBAMrB"}

package/lib/util/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@material-ui/core/styles';
+import { Theme } from '@mui/material';
 export interface JsonFormsTheme extends Theme {
     jsonforms?: {
         input?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonforms/material-renderers",
-  "version": "2.5.2",
+  "version": "3.0.0-alpha.3",
   "description": "Material Renderer Set for JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
@@ -65,47 +65,43 @@
     ]
   },
   "dependencies": {
-    "@date-io/moment": "1.3.11",
-    "@material-ui/pickers": "^3.2.8",
-    "@types/uuid": "^3.4.6",
-    "moment": "^2.24.0",
-    "uuid": "^3.3.3"
+    "@date-io/dayjs": "1.3.13",
+    "dayjs": "1.10.6"
   },
   "peerDependencies": {
-    "@jsonforms/core": "^2.5.2",
-    "@jsonforms/react": "^2.5.2",
-    "@material-ui/core": "^4.7.0",
-    "@material-ui/icons": "^4.5.1"
-  },
-  "optionalPeerDependencies": {
-    "@material-ui/lab": "^4.0.0-alpha.56"
+    "@jsonforms/core": "^3.0.0-alpha.0",
+    "@jsonforms/react": "^3.0.0-alpha.0",
+    "@mui/icons-material": "^5.0.0",
+    "@mui/lab": "^5.0.0-alpha.54",
+    "@mui/material": "^5.0.0"
   },
   "devDependencies": {
-    "@jsonforms/core": "^2.5.2",
-    "@jsonforms/react": "^2.5.2",
-    "@material-ui/core": "^4.7.0",
-    "@material-ui/icons": "^4.5.1",
-    "@material-ui/lab": "^4.0.0-alpha.56",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@jsonforms/core": "^3.0.0-alpha.3",
+    "@jsonforms/react": "^3.0.0-alpha.3",
+    "@mui/icons-material": "^5.2.0",
+    "@mui/lab": "^5.0.0-alpha.58",
+    "@mui/material": "^5.2.2",
     "@types/enzyme": "^3.10.3",
-    "@types/enzyme-adapter-react-16": "^1.0.5",
-    "@types/react-dom": "^16.8.0",
+    "@types/react-dom": "^17.0.9",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "copy-webpack-plugin": "^5.0.5",
     "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.15.1",
-    "jest": "^24.9.0",
+    "jest": "^26.6.3",
     "nyc": "^14.1.1",
-    "react-dom": "^16.12.0",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "source-map-loader": "^0.2.4",
-    "ts-jest": "^24.2.0",
+    "ts-jest": "^26.4.4",
     "ts-loader": "^6.2.1",
     "tslint": "^5.20.1",
     "tslint-loader": "^3.5.4",
     "typedoc": "^0.19.2",
-    "typescript": "3.8.3",
+    "typescript": "4.2.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.9.0"
   },
-  "gitHead": "b4f70e30ce1575eab206439ee55b4d2f20092992"
+  "gitHead": "81f1f19dac49b1864e712e9abbc5c5c6355a2b91"
 }

package/src/additional/ListWithDetailMasterItem.tsx

@@ -31,8 +31,8 @@ import {
     ListItemAvatar,
     ListItemSecondaryAction,
     ListItemText,
-} from '@material-ui/core';
-import DeleteIcon from '@material-ui/icons/Delete';
+} from '@mui/material';
+import DeleteIcon from '@mui/icons-material/Delete';
 import React from 'react';
 
 const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, removeItem, path }: StatePropsOfMasterItem) => {
@@ -47,10 +47,7 @@ const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, r
             </ListItemAvatar>
             <ListItemText primary={childLabel} />
             <ListItemSecondaryAction>
-                <IconButton
-                    aria-label='Delete'
-                    onClick={removeItem(path, index)}
-                >
+                <IconButton aria-label='Delete' onClick={removeItem(path, index)} size='large'>
                     <DeleteIcon />
                 </IconButton>
             </ListItemSecondaryAction>

package/src/additional/MaterialLabelRenderer.tsx

@@ -34,7 +34,7 @@ import { withJsonFormsLayoutProps } from '@jsonforms/react';
 import {
   Hidden,
   Typography
-} from '@material-ui/core';
+} from '@mui/material';
 
 /**
  * Default tester for a label.

package/src/additional/MaterialListWithDetailRenderer.tsx

@@ -30,16 +30,15 @@ import {
   createDefaultValue,
   findUISchema,
   isObjectArray,
-  isPlainLabel,
   RankedTester,
   rankWith,
   uiTypeIs
 } from '@jsonforms/core';
 import {
-  ResolvedJsonFormsDispatch,
+  JsonFormsDispatch,
   withJsonFormsArrayLayoutProps
 } from '@jsonforms/react';
-import { Grid, Hidden, List, Typography } from '@material-ui/core';
+import { Grid, Hidden, List, Typography } from '@mui/material';
 import map from 'lodash/map';
 import range from 'lodash/range';
 import React, { useCallback, useMemo, useState } from 'react';
@@ -101,7 +100,7 @@ export const MaterialListWithDetailRenderer = ({
     <Hidden xsUp={!visible}>
       <ArrayLayoutToolbar
         label={computeLabel(
-          isPlainLabel(label) ? label : label.default,
+          label,
           required,
           appliedUiSchemaOptions.hideRequiredAsterisk
         )}
@@ -132,7 +131,7 @@ export const MaterialListWithDetailRenderer = ({
         </Grid>
         <Grid item xs>
           {selectedIndex !== undefined ? (
-            <ResolvedJsonFormsDispatch
+            <JsonFormsDispatch
               renderers={renderers}
               cells={cells}
               visible={visible}

package/src/cells/CustomizableCells.ts

@@ -28,5 +28,6 @@ export { MaterialEnumCell } from './MaterialEnumCell';
 export { MaterialIntegerCell } from './MaterialIntegerCell';
 export { MaterialNumberCell } from './MaterialNumberCell';
 export { MaterialNumberFormatCell } from './MaterialNumberFormatCell';
+export { MaterialOneOfEnumCell } from './MaterialOneOfEnumCell';
 export { MaterialTextCell } from './MaterialTextCell';
 export { MaterialTimeCell } from './MaterialTimeCell';

package/src/cells/MaterialDateCell.tsx

@@ -31,7 +31,7 @@ import {
   WithClassname
 } from '@jsonforms/core';
 import { withJsonFormsCellProps } from '@jsonforms/react';
-import Input from '@material-ui/core/Input';
+import Input from '@mui/material/Input';
 import merge from 'lodash/merge';
 
 export const MaterialDateCell = (props: CellProps & WithClassname) => {

package/src/cells/MaterialOneOfEnumCell.tsx

@@ -0,0 +1,46 @@
+/*
+  The MIT License
+
+  Copyright (c) 2017-2019 EclipseSource Munich
+  https://github.com/eclipsesource/jsonforms
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+  THE SOFTWARE.
+*/
+import React from 'react';
+import {
+  EnumCellProps,
+  isOneOfEnumControl,
+  RankedTester,
+  rankWith,
+  WithClassname
+} from '@jsonforms/core';
+import { withJsonFormsOneOfEnumCellProps } from '@jsonforms/react';
+import { MuiSelect } from '../mui-controls/MuiSelect';
+
+export const MaterialOneOfEnumCell = (props: EnumCellProps & WithClassname) => (
+  <MuiSelect {...props} />
+);
+
+/**
+ * Default tester for oneOf enum controls.
+ * @type {RankedTester}
+ */
+export const materialOneOfEnumCellTester: RankedTester = rankWith(2, isOneOfEnumControl);
+
+export default withJsonFormsOneOfEnumCellProps(MaterialOneOfEnumCell);

package/src/cells/MaterialTimeCell.tsx

@@ -37,4 +37,5 @@ export const MaterialTimeCell = (props: CellProps & WithClassname) => (
   <MuiInputTime {...props} />
 );
 export const materialTimeCellTester: RankedTester = rankWith(2, isTimeControl);
+
 export default withJsonFormsCellProps(MaterialTimeCell);

package/src/cells/index.ts

@@ -39,6 +39,9 @@ import MaterialNumberCell, {
 import MaterialNumberFormatCell, {
   materialNumberFormatCellTester
 } from './MaterialNumberFormatCell';
+import MaterialOneOfEnumCell, {
+  materialOneOfEnumCellTester
+} from './MaterialOneOfEnumCell';
 import MaterialTextCell, { materialTextCellTester } from './MaterialTextCell';
 import MaterialTimeCell, { materialTimeCellTester } from './MaterialTimeCell';
 
@@ -57,6 +60,8 @@ export {
   materialNumberCellTester,
   MaterialNumberFormatCell,
   materialNumberFormatCellTester,
+  MaterialOneOfEnumCell,
+  materialOneOfEnumCellTester,
   MaterialTextCell,
   materialTextCellTester,
   MaterialTimeCell,

package/src/complex/CombinatorProperties.tsx

@@ -25,7 +25,7 @@
 import React from 'react';
 import _ from 'lodash';
 import { Generate, JsonSchema, Layout, UISchemaElement } from '@jsonforms/core';
-import { ResolvedJsonFormsDispatch } from '@jsonforms/react';
+import { JsonFormsDispatch } from '@jsonforms/react';
 
 interface CombinatorPropertiesProps {
   schema: JsonSchema;
@@ -51,7 +51,7 @@ export class CombinatorProperties extends React.Component<CombinatorPropertiesPr
 
     if (isLayoutWithElements) {
       return (
-        <ResolvedJsonFormsDispatch
+        <JsonFormsDispatch
           schema={otherProps}
           path={path}
           uischema={foundUISchema}

package/src/complex/DeleteDialog.tsx

@@ -23,14 +23,14 @@
   THE SOFTWARE.
 */
 import React from 'react';
-import Button from '@material-ui/core/Button';
 import {
+    Button,
     Dialog,
     DialogActions,
     DialogContent,
     DialogContentText,
     DialogTitle,
-} from '@material-ui/core';
+} from '@mui/material';
 
 export interface DeleteDialogProps {
     open: boolean;