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

package/lib/controls/MaterialDateControl.d.ts

@@ -1,18 +1,6 @@
 import React from 'react';
-import { ControlState, DispatchPropsOfControl, RankedTester, StatePropsOfControl } from '@jsonforms/core';
-import { Control } from '@jsonforms/react';
-import { Moment } from 'moment';
-export interface DateControl {
-    momentLocale?: Moment;
-}
-export declare class MaterialDateControl extends Control<StatePropsOfDateControl & DispatchPropsOfControl & DateControl, ControlState> {
-    render(): JSX.Element;
-}
-export interface StatePropsOfDateControl extends StatePropsOfControl {
-    defaultLabel: string;
-    cancelLabel: string;
-    clearLabel: string;
-}
+import { ControlProps, RankedTester } from '@jsonforms/core';
+export declare const MaterialDateControl: (props: ControlProps) => JSX.Element;
 export declare const materialDateControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/controls/MaterialDateControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialDateControlTester = exports.MaterialDateControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -25,59 +26,37 @@ var tslib_1 = require("tslib");
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-var startsWith_1 = tslib_1.__importDefault(require("lodash/startsWith"));
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
-var core_2 = require("@material-ui/core");
-var KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@material-ui/icons/KeyboardArrowLeft"));
-var KeyboardArrowRight_1 = tslib_1.__importDefault(require("@material-ui/icons/KeyboardArrowRight"));
-var Event_1 = tslib_1.__importDefault(require("@material-ui/icons/Event"));
-var moment_1 = tslib_1.__importDefault(require("moment"));
-var pickers_1 = require("@material-ui/pickers");
-var moment_2 = tslib_1.__importDefault(require("@date-io/moment"));
-// Workaround typing problems in @material-ui/pickers@3.2.3
-var AnyPropsKeyboardDatePicker = pickers_1.KeyboardDatePicker;
-var MaterialDateControl = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialDateControl, _super);
-    function MaterialDateControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialDateControl.prototype.render = function () {
-        var _a = this.props, description = _a.description, id = _a.id, errors = _a.errors, label = _a.label, uischema = _a.uischema, visible = _a.visible, enabled = _a.enabled, required = _a.required, path = _a.path, handleChange = _a.handleChange, data = _a.data, momentLocale = _a.momentLocale, config = _a.config;
-        var defaultLabel = label;
-        var cancelLabel = '%cancel';
-        var clearLabel = '%clear';
-        var isValid = errors.length === 0;
-        var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-        var showDescription = !core_1.isDescriptionHidden(visible, description, this.state.isFocused, appliedUiSchemaOptions.showUnfocusedDescription);
-        var inputProps = {};
-        var localeDateTimeFormat = momentLocale
-            ? "" + momentLocale.localeData().longDateFormat('L')
-            : 'YYYY-MM-DD';
-        var labelText;
-        var labelCancel;
-        var labelClear;
-        if (core_1.isPlainLabel(label)) {
-            labelText = label;
-            labelCancel = 'Cancel';
-            labelClear = 'Clear';
-        }
-        else {
-            labelText = defaultLabel;
-            labelCancel = startsWith_1.default(cancelLabel, '%') ? 'Cancel' : cancelLabel;
-            labelClear = startsWith_1.default(clearLabel, '%') ? 'Clear' : clearLabel;
-        }
-        return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
-            react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: moment_2.default },
-                react_1.default.createElement(AnyPropsKeyboardDatePicker, { id: id + '-input', label: core_1.computeLabel(labelText, required, appliedUiSchemaOptions.hideRequiredAsterisk), error: !isValid, fullWidth: !appliedUiSchemaOptions.trim, helperText: !isValid ? errors : showDescription ? description : ' ', InputLabelProps: { shrink: true }, value: data || null, onChange: function (datetime) {
-                        return handleChange(path, datetime ? moment_1.default(datetime).format('YYYY-MM-DD') : '');
-                    }, format: localeDateTimeFormat, clearable: true, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, onFocus: this.onFocus, onBlur: this.onBlur, cancelLabel: labelCancel, clearLabel: labelClear, leftArrowIcon: react_1.default.createElement(KeyboardArrowLeft_1.default, null), rightArrowIcon: react_1.default.createElement(KeyboardArrowRight_1.default, null), keyboardIcon: react_1.default.createElement(Event_1.default, null), InputProps: inputProps }))));
-    };
-    return MaterialDateControl;
-}(react_2.Control));
+var material_1 = require("@mui/material");
+var lab_1 = require("@mui/lab");
+var AdapterDayjs_1 = tslib_1.__importDefault(require("@mui/lab/AdapterDayjs"));
+var util_1 = require("../util");
+var MaterialDateControl = function (props) {
+    var _a, _b;
+    var _c = util_1.useFocus(), focused = _c[0], onFocus = _c[1], onBlur = _c[2];
+    var description = props.description, id = props.id, errors = props.errors, label = props.label, uischema = props.uischema, visible = props.visible, enabled = props.enabled, required = props.required, path = props.path, handleChange = props.handleChange, data = props.data, config = props.config;
+    var isValid = errors.length === 0;
+    var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    var format = (_a = appliedUiSchemaOptions.dateFormat) !== null && _a !== void 0 ? _a : 'YYYY-MM-DD';
+    var saveFormat = (_b = appliedUiSchemaOptions.dateSaveFormat) !== null && _b !== void 0 ? _b : 'YYYY-MM-DD';
+    var firstFormHelperText = showDescription
+        ? description
+        : !isValid
+            ? errors
+            : null;
+    var secondFormHelperText = showDescription && !isValid ? errors : null;
+    var onChange = react_1.useMemo(function () { return util_1.createOnChangeHandler(path, handleChange, saveFormat); }, [path, handleChange, saveFormat]);
+    return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(lab_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.default },
+            react_1.default.createElement(lab_1.DatePicker, { label: label, value: util_1.getData(data, saveFormat), clearable: true, onChange: onChange, inputFormat: format, disableMaskedInput: true, views: appliedUiSchemaOptions.views, disabled: !enabled, cancelText: appliedUiSchemaOptions.cancelLabel, clearText: appliedUiSchemaOptions.clearLabel, okText: appliedUiSchemaOptions.okLabel, renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, tslib_1.__assign({}, params, { id: id + '-input', required: required && !appliedUiSchemaOptions.hideRequiredAsterisk, autoFocus: appliedUiSchemaOptions.focus, error: !isValid, fullWidth: !appliedUiSchemaOptions.trim, inputProps: tslib_1.__assign(tslib_1.__assign({}, params.inputProps), { type: 'text' }), InputLabelProps: data ? { shrink: true } : undefined, onFocus: onFocus, onBlur: onBlur, variant: 'standard' }))); } }),
+            react_1.default.createElement(material_1.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
+            react_1.default.createElement(material_1.FormHelperText, { error: !isValid }, secondFormHelperText))));
+};
 exports.MaterialDateControl = MaterialDateControl;
 exports.materialDateControlTester = core_1.rankWith(4, core_1.isDateControl);
-exports.default = react_2.withJsonFormsControlProps(MaterialDateControl);
+exports.default = react_2.withJsonFormsControlProps(exports.MaterialDateControl);
 //# sourceMappingURL=MaterialDateControl.js.map

package/lib/controls/MaterialDateControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialDateControl.js","sourceRoot":"","sources":["../../src/controls/MaterialDateControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialDateControl.js","sourceRoot":"","sources":["../../src/controls/MaterialDateControl.tsx"],"names":[],"mappings":"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"}

package/lib/controls/MaterialDateTimeControl.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
-import { ControlProps, ControlState, RankedTester } from '@jsonforms/core';
-import { Control } from '@jsonforms/react';
-export declare class MaterialDateTimeControl extends Control<ControlProps, ControlState> {
-    render(): JSX.Element;
-}
+import { ControlProps, RankedTester } from '@jsonforms/core';
+export declare const MaterialDateTimeControl: (props: ControlProps) => JSX.Element;
 export declare const materialDateTimeControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/controls/MaterialDateTimeControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialDateTimeControlTester = exports.MaterialDateTimeControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -25,40 +26,37 @@ var tslib_1 = require("tslib");
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
-var moment_1 = tslib_1.__importDefault(require("moment"));
-var core_2 = require("@material-ui/core");
-var KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@material-ui/icons/KeyboardArrowLeft"));
-var KeyboardArrowRight_1 = tslib_1.__importDefault(require("@material-ui/icons/KeyboardArrowRight"));
-var DateRange_1 = tslib_1.__importDefault(require("@material-ui/icons/DateRange"));
-var Event_1 = tslib_1.__importDefault(require("@material-ui/icons/Event"));
-var AccessTime_1 = tslib_1.__importDefault(require("@material-ui/icons/AccessTime"));
-var pickers_1 = require("@material-ui/pickers");
-var moment_2 = tslib_1.__importDefault(require("@date-io/moment"));
-// Workaround typing problems in @material-ui/pickers@3.2.3
-var AnyPropsKeyboardDateTimepicker = pickers_1.KeyboardDateTimePicker;
-var MaterialDateTimeControl = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialDateTimeControl, _super);
-    function MaterialDateTimeControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialDateTimeControl.prototype.render = function () {
-        var _a = this.props, id = _a.id, description = _a.description, errors = _a.errors, label = _a.label, uischema = _a.uischema, visible = _a.visible, enabled = _a.enabled, required = _a.required, path = _a.path, handleChange = _a.handleChange, data = _a.data, config = _a.config;
-        var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-        var isValid = errors.length === 0;
-        var inputProps = {};
-        return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
-            react_1.default.createElement(pickers_1.MuiPickersUtilsProvider, { utils: moment_2.default },
-                react_1.default.createElement(AnyPropsKeyboardDateTimepicker, { id: id + '-input', label: core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk), error: !isValid, fullWidth: !appliedUiSchemaOptions.trim, onFocus: this.onFocus, onBlur: this.onBlur, helperText: !isValid ? errors : description, InputLabelProps: { shrink: true }, value: data || null, onChange: function (datetime) {
-                        return handleChange(path, datetime ? moment_1.default(datetime).format() : '');
-                    }, format: 'MM/DD/YYYY h:mm a', clearable: true, disabled: !enabled, autoFocus: appliedUiSchemaOptions.focus, leftArrowIcon: react_1.default.createElement(KeyboardArrowLeft_1.default, null), rightArrowIcon: react_1.default.createElement(KeyboardArrowRight_1.default, null), dateRangeIcon: react_1.default.createElement(DateRange_1.default, null), keyboardIcon: react_1.default.createElement(Event_1.default, null), timeIcon: react_1.default.createElement(AccessTime_1.default, null), InputProps: inputProps }))));
-    };
-    return MaterialDateTimeControl;
-}(react_2.Control));
+var material_1 = require("@mui/material");
+var lab_1 = require("@mui/lab");
+var AdapterDayjs_1 = tslib_1.__importDefault(require("@mui/lab/AdapterDayjs"));
+var util_1 = require("../util");
+var MaterialDateTimeControl = function (props) {
+    var _a, _b;
+    var _c = util_1.useFocus(), focused = _c[0], onFocus = _c[1], onBlur = _c[2];
+    var id = props.id, description = props.description, errors = props.errors, label = props.label, uischema = props.uischema, visible = props.visible, enabled = props.enabled, required = props.required, path = props.path, handleChange = props.handleChange, data = props.data, config = props.config;
+    var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
+    var isValid = errors.length === 0;
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    var format = (_a = appliedUiSchemaOptions.dateTimeFormat) !== null && _a !== void 0 ? _a : 'YYYY-MM-DD HH:mm';
+    var saveFormat = (_b = appliedUiSchemaOptions.dateTimeSaveFormat) !== null && _b !== void 0 ? _b : undefined;
+    var firstFormHelperText = showDescription
+        ? description
+        : !isValid
+            ? errors
+            : null;
+    var secondFormHelperText = showDescription && !isValid ? errors : null;
+    var onChange = react_1.useMemo(function () { return util_1.createOnChangeHandler(path, handleChange, saveFormat); }, [path, handleChange, saveFormat]);
+    return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(lab_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.default },
+            react_1.default.createElement(lab_1.DateTimePicker, { label: label, value: util_1.getData(data, saveFormat), clearable: true, onChange: onChange, inputFormat: format, disableMaskedInput: true, ampm: !!appliedUiSchemaOptions.ampm, views: appliedUiSchemaOptions.views, disabled: !enabled, cancelText: appliedUiSchemaOptions.cancelLabel, clearText: appliedUiSchemaOptions.clearLabel, okText: appliedUiSchemaOptions.okLabel, renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, tslib_1.__assign({}, params, { id: id + '-input', required: required && !appliedUiSchemaOptions.hideRequiredAsterisk, autoFocus: appliedUiSchemaOptions.focus, error: !isValid, fullWidth: !appliedUiSchemaOptions.trim, inputProps: tslib_1.__assign(tslib_1.__assign({}, params.inputProps), { type: 'text' }), InputLabelProps: data ? { shrink: true } : undefined, onFocus: onFocus, onBlur: onBlur, variant: 'standard' }))); } }),
+            react_1.default.createElement(material_1.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
+            react_1.default.createElement(material_1.FormHelperText, { error: !isValid }, secondFormHelperText))));
+};
 exports.MaterialDateTimeControl = MaterialDateTimeControl;
 exports.materialDateTimeControlTester = core_1.rankWith(2, core_1.isDateTimeControl);
-exports.default = react_2.withJsonFormsControlProps(MaterialDateTimeControl);
+exports.default = react_2.withJsonFormsControlProps(exports.MaterialDateTimeControl);
 //# sourceMappingURL=MaterialDateTimeControl.js.map

package/lib/controls/MaterialDateTimeControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialDateTimeControl.js","sourceRoot":"","sources":["../../src/controls/MaterialDateTimeControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,+DAAiC;AACjC,wCAQyB;AACzB,0CAAsE;AACtE,0DAA4B;AAC5B,0CAA2C;AAC3C,mGAAyE;AACzE,qGAA2E;AAC3E,mFAAyD;AACzD,2EAAiD;AACjD,qFAA2D;AAC3D,gDAG8B;AAC9B,mEAA0C;AAE1C,2DAA2D;AAC3D,IAAM,8BAA8B,GAEhC,gCAAsB,CAAC;AAE3B;IAA6C,mDAG5C;IAHD;;IA0DA,CAAC;IAtDC,wCAAM,GAAN;QACQ,IAAA,eAaQ,EAZZ,UAAE,EACF,4BAAW,EACX,kBAAM,EACN,gBAAK,EACL,sBAAQ,EACR,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,cAAI,EACJ,8BAAY,EACZ,cAAI,EACJ,kBACY,CAAC;QACf,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACnE,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;QACpC,IAAM,UAAU,GAAG,EAAE,CAAC;QAEtB,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;YACpB,8BAAC,iCAAuB,IAAC,KAAK,EAAE,gBAAW;gBACzC,8BAAC,8BAA8B,IAC7B,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,KAAK,EAAE,mBAAY,CACjB,mBAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC3C,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,EACD,KAAK,EAAE,CAAC,OAAO,EACf,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC3C,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,IAAI,IAAI,IAAI,EACnB,QAAQ,EAAE,UAAC,QAAa;wBACtB,OAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBAA7D,CAA6D,EAE/D,MAAM,EAAC,mBAAmB,EAC1B,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,aAAa,EAAE,8BAAC,2BAAqB,OAAG,EACxC,cAAc,EAAE,8BAAC,4BAAsB,OAAG,EAC1C,aAAa,EAAE,8BAAC,mBAAa,OAAG,EAChC,YAAY,EAAE,8BAAC,eAAS,OAAG,EAC3B,QAAQ,EAAE,8BAAC,oBAAc,OAAG,EAC5B,UAAU,EAAE,UAAU,GACtB,CACsB,CACnB,CACV,CAAC;IACJ,CAAC;IACH,8BAAC;AAAD,CAAC,AA1DD,CAA6C,eAAO,GA0DnD;AA1DY,0DAAuB;AA4DvB,QAAA,6BAA6B,GAAiB,eAAQ,CACjE,CAAC,EACD,wBAAiB,CAClB,CAAC;AAEF,kBAAe,iCAAyB,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"MaterialDateTimeControl.js","sourceRoot":"","sources":["../../src/controls/MaterialDateTimeControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAAuC;AACvC,+DAAiC;AACjC,wCAMyB;AACzB,0CAA6D;AAC7D,0CAAkE;AAClE,gCAGkB;AAClB,+EAAiD;AACjD,gCAAmE;AAE5D,IAAM,uBAAuB,GAAG,UAAC,KAAmB;;IACnD,IAAA,KAA6B,eAAQ,EAAE,EAAtC,OAAO,QAAA,EAAE,OAAO,QAAA,EAAE,MAAM,QAAc,CAAC;IAE5C,IAAA,EAAE,GAYA,KAAK,GAZL,EACF,WAAW,GAWT,KAAK,YAXI,EACX,MAAM,GAUJ,KAAK,OAVD,EACN,KAAK,GASH,KAAK,MATF,EACL,QAAQ,GAQN,KAAK,SARC,EACR,OAAO,GAOL,KAAK,QAPA,EACP,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,IAAI,GAIF,KAAK,KAJH,EACJ,YAAY,GAGV,KAAK,aAHK,EACZ,IAAI,GAEF,KAAK,KAFH,EACJ,MAAM,GACJ,KAAK,OADD,CACE;IACV,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IAEpC,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,OAAO,EACP,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;IAEF,IAAM,MAAM,GAAG,MAAA,sBAAsB,CAAC,cAAc,mCAAI,kBAAkB,CAAC;IAC3E,IAAM,UAAU,GAAG,MAAA,sBAAsB,CAAC,kBAAkB,mCAAI,SAAS,CAAC;IAE1E,IAAM,mBAAmB,GAAG,eAAe;QACzC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,CAAC,OAAO;YACV,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,CAAC;IACT,IAAM,oBAAoB,GAAG,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzE,IAAM,QAAQ,GAAG,eAAO,CAAC,cAAM,OAAA,4BAAqB,CAClD,IAAI,EACJ,YAAY,EACZ,UAAU,CACX,EAJ8B,CAI9B,EAAC,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,0BAAoB,IAAC,WAAW,EAAE,sBAAY;YAC7C,8BAAC,oBAAc,IACb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,cAAO,CAAC,IAAI,EAAE,UAAU,CAAC,EAChC,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,MAAM,EACnB,kBAAkB,QAClB,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC,IAAI,EACnC,KAAK,EAAE,sBAAsB,CAAC,KAAK,EACnC,QAAQ,EAAE,CAAC,OAAO,EAClB,UAAU,EAAE,sBAAsB,CAAC,WAAW,EAC9C,SAAS,EAAE,sBAAsB,CAAC,UAAU,EAC5C,MAAM,EAAE,sBAAsB,CAAC,OAAO,EACtC,WAAW,EAAE,UAAA,MAAM,IAAI,OAAA,CACrB,8BAAC,oBAAS,uBACJ,MAAM,IACV,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,QAAQ,EAAE,QAAQ,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,EAClE,SAAS,EAAE,sBAAsB,CAAC,KAAK,EACvC,KAAK,EAAE,CAAC,OAAO,EACf,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,UAAU,wCAAO,MAAM,CAAC,UAAU,KAAE,IAAI,EAAE,MAAM,KAChD,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,UAAU,IACnB,CACH,EAdsB,CActB,GACD;YACF,8BAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,eAAe,IAChD,mBAAmB,CACL;YACjB,8BAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,oBAAoB,CACN,CACI,CAChB,CACV,CAAC;AACJ,CAAC,CAAC;AAnFW,QAAA,uBAAuB,2BAmFlC;AAEW,QAAA,6BAA6B,GAAiB,eAAQ,CACjE,CAAC,EACD,wBAAiB,CAClB,CAAC;AAEF,kBAAe,iCAAyB,CAAC,+BAAuB,CAAC,CAAC"}

package/lib/controls/MaterialEnumControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, OwnPropsOfEnum, RankedTester } from '@jsonforms/core';
 export declare const MaterialEnumControl: (props: ControlProps & OwnPropsOfEnum) => JSX.Element;
 export declare const materialEnumControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl & OwnPropsOfEnum>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl & OwnPropsOfEnum>;
 export default _default;

package/lib/controls/MaterialEnumControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialEnumControlTester = exports.MaterialEnumControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -30,7 +31,8 @@ var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var MuiSelect_1 = require("../mui-controls/MuiSelect");
 var MaterialInputControl_1 = require("./MaterialInputControl");
-exports.MaterialEnumControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiSelect_1.MuiSelect }))); };
+var MaterialEnumControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiSelect_1.MuiSelect }))); };
+exports.MaterialEnumControl = MaterialEnumControl;
 exports.materialEnumControlTester = core_1.rankWith(2, core_1.isEnumControl);
 exports.default = react_2.withJsonFormsEnumProps(exports.MaterialEnumControl);
 //# sourceMappingURL=MaterialEnumControl.js.map

package/lib/controls/MaterialEnumControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialEnumControl.js","sourceRoot":"","sources":["../../src/controls/MaterialEnumControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAMyB;AACzB,0CAA0D;AAC1D,uDAAsD;AACtD,+DAA8D;AAEjD,QAAA,mBAAmB,GAAG,UAAC,KAAoC,IAAK,OAAA,CACzE,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACxD,EAF4E,CAE5E,CAAC;AAEW,QAAA,yBAAyB,GAAiB,eAAQ,CAC7D,CAAC,EACD,oBAAa,CACd,CAAC;AAEF,kBAAe,8BAAsB,CAAC,2BAAmB,CAAC,CAAC"}
+{"version":3,"file":"MaterialEnumControl.js","sourceRoot":"","sources":["../../src/controls/MaterialEnumControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAMyB;AACzB,0CAA0D;AAC1D,uDAAsD;AACtD,+DAA8D;AAEvD,IAAM,mBAAmB,GAAG,UAAC,KAAoC,IAAK,OAAA,CAC3E,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACtD,EAF4E,CAE5E,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEW,QAAA,yBAAyB,GAAiB,eAAQ,CAC7D,CAAC,EACD,oBAAa,CACd,CAAC;AAEF,kBAAe,8BAAsB,CAAC,2BAAmB,CAAC,CAAC"}

package/lib/controls/MaterialInputControl.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import { ControlProps, ControlState } from '@jsonforms/core';
-import { Control } from '@jsonforms/react';
+import { ControlProps } from '@jsonforms/core';
 export interface WithInput {
     input: any;
 }
-export declare abstract class MaterialInputControl extends Control<ControlProps & WithInput, ControlState> {
-    render(): JSX.Element;
-}
+export declare const MaterialInputControl: (props: ControlProps & WithInput) => JSX.Element;

package/lib/controls/MaterialInputControl.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialInputControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
 
-  Copyright (c) 2017-2019 EclipseSource Munich
+  Copyright (c) 2017-2021 EclipseSource Munich
   https://github.com/eclipsesource/jsonforms
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -27,35 +28,29 @@ var tslib_1 = require("tslib");
 */
 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");
-var core_3 = require("@material-ui/core");
+var material_1 = require("@mui/material");
+var material_2 = require("@mui/material");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-var MaterialInputControl = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialInputControl, _super);
-    function MaterialInputControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialInputControl.prototype.render = function () {
-        var _a = this.props, id = _a.id, description = _a.description, errors = _a.errors, label = _a.label, uischema = _a.uischema, visible = _a.visible, required = _a.required, config = _a.config, input = _a.input;
-        var isValid = errors.length === 0;
-        var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-        var showDescription = !core_1.isDescriptionHidden(visible, description, this.state.isFocused, appliedUiSchemaOptions.showUnfocusedDescription);
-        var firstFormHelperText = showDescription
-            ? description
-            : !isValid
-                ? errors
-                : null;
-        var secondFormHelperText = showDescription && !isValid ? errors : null;
-        var InnerComponent = input;
-        return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
-            react_1.default.createElement(core_3.FormControl, { fullWidth: !appliedUiSchemaOptions.trim, onFocus: this.onFocus, onBlur: this.onBlur, id: id },
-                react_1.default.createElement(core_2.InputLabel, { htmlFor: id + '-input', error: !isValid }, core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk)),
-                react_1.default.createElement(InnerComponent, tslib_1.__assign({}, this.props, { id: id + '-input', isValid: isValid, visible: visible })),
-                react_1.default.createElement(core_3.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
-                react_1.default.createElement(core_3.FormHelperText, { error: !isValid }, secondFormHelperText))));
-    };
-    return MaterialInputControl;
-}(react_2.Control));
+var util_1 = require("../util");
+var MaterialInputControl = function (props) {
+    var _a = util_1.useFocus(), focused = _a[0], onFocus = _a[1], onBlur = _a[2];
+    var id = props.id, description = props.description, errors = props.errors, label = props.label, uischema = props.uischema, visible = props.visible, required = props.required, config = props.config, input = props.input;
+    var isValid = errors.length === 0;
+    var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    var firstFormHelperText = showDescription
+        ? description
+        : !isValid
+            ? errors
+            : null;
+    var secondFormHelperText = showDescription && !isValid ? errors : null;
+    var InnerComponent = input;
+    return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(material_2.FormControl, { fullWidth: !appliedUiSchemaOptions.trim, onFocus: onFocus, onBlur: onBlur, id: id, variant: 'standard' },
+            react_1.default.createElement(material_1.InputLabel, { htmlFor: id + '-input', error: !isValid, required: core_1.showAsRequired(required, appliedUiSchemaOptions.hideRequiredAsterisk) }, label),
+            react_1.default.createElement(InnerComponent, tslib_1.__assign({}, props, { id: id + '-input', isValid: isValid, visible: visible })),
+            react_1.default.createElement(material_2.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
+            react_1.default.createElement(material_2.FormHelperText, { error: !isValid }, secondFormHelperText))));
+};
 exports.MaterialInputControl = MaterialInputControl;
 //# sourceMappingURL=MaterialInputControl.js.map

package/lib/controls/MaterialInputControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialInputControl.js","sourceRoot":"","sources":["../../src/controls/MaterialInputControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAMyB;AACzB,0CAA2C;AAE3C,0CAAuD;AACvD,0CAAgE;AAChE,+DAAiC;AAMjC;IAAmD,gDAGlD;IAHD;;IAoEA,CAAC;IAhEC,qCAAM,GAAN;QACQ,IAAA,eAUQ,EATZ,UAAE,EACF,4BAAW,EACX,kBAAM,EACN,gBAAK,EACL,sBAAQ,EACR,oBAAO,EACP,sBAAQ,EACR,kBAAM,EACN,gBACY,CAAC;QACf,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;QACpC,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnE,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;QAEF,IAAM,mBAAmB,GAAG,eAAe;YACzC,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,CAAC,OAAO;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,IAAI,CAAC;QACT,IAAM,oBAAoB,GAAG,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QACzE,IAAM,cAAc,GAAG,KAAK,CAAC;QAE7B,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;YACpB,8BAAC,kBAAW,IACV,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,EAAE,EAAE,EAAE;gBAEN,8BAAC,iBAAU,IACT,OAAO,EAAE,EAAE,GAAG,QAAQ,EACtB,KAAK,EAAE,CAAC,OAAO,IAEd,mBAAY,CACX,mBAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC3C,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,CACU;gBACb,8BAAC,cAAc,uBACT,IAAI,CAAC,KAAK,IACd,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IAChB;gBACF,8BAAC,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,eAAe,IAChD,mBAAmB,CACL;gBACjB,8BAAC,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,oBAAoB,CACN,CACL,CACP,CACV,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AApED,CAAmD,eAAO,GAoEzD;AApEqB,oDAAoB"}
+{"version":3,"file":"MaterialInputControl.js","sourceRoot":"","sources":["../../src/controls/MaterialInputControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAIyB;AAEzB,0CAAmD;AACnD,0CAA4D;AAC5D,+DAAiC;AACjC,gCAAmC;AAM5B,IAAM,oBAAoB,GAAG,UAAC,KAA+B;IAC5D,IAAA,KAA6B,eAAQ,EAAE,EAAtC,OAAO,QAAA,EAAE,OAAO,QAAA,EAAE,MAAM,QAAc,CAAC;IAE5C,IAAA,EAAE,GASA,KAAK,GATL,EACF,WAAW,GAQT,KAAK,YARI,EACX,MAAM,GAOJ,KAAK,OAPD,EACN,KAAK,GAMH,KAAK,MANF,EACL,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,QAAQ,GAGN,KAAK,SAHC,EACR,MAAM,GAEJ,KAAK,OAFD,EACN,KAAK,GACH,KAAK,MADF,CACG;IACV,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IACpC,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEnE,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,OAAO,EACP,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;IAEF,IAAM,mBAAmB,GAAG,eAAe;QACzC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,CAAC,OAAO;YACV,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,CAAC;IACT,IAAM,oBAAoB,GAAG,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,IAAM,cAAc,GAAG,KAAK,CAAC;IAE7B,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,sBAAW,IACV,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,UAAU;YAEnB,8BAAC,qBAAU,IACT,OAAO,EAAE,EAAE,GAAG,QAAQ,EACtB,KAAK,EAAE,CAAC,OAAO,EACf,QAAQ,EAAE,qBAAc,CAAC,QAAQ,EAC/B,sBAAsB,CAAC,oBAAoB,CAAC,IAE7C,KAAK,CACK;YACb,8BAAC,cAAc,uBACT,KAAK,IACT,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IAChB;YACF,8BAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,eAAe,IAChD,mBAAmB,CACL;YACjB,8BAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,oBAAoB,CACN,CACL,CACP,CACV,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,oBAAoB,wBA+D/B"}

package/lib/controls/MaterialIntegerControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, RankedTester } from '@jsonforms/core';
 export declare const MaterialIntegerControl: (props: ControlProps) => JSX.Element;
 export declare const materialIntegerControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/controls/MaterialIntegerControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialIntegerControlTester = exports.MaterialIntegerControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -30,7 +31,8 @@ var core_1 = require("@jsonforms/core");
 var MuiInputInteger_1 = require("../mui-controls/MuiInputInteger");
 var MaterialInputControl_1 = require("./MaterialInputControl");
 var react_2 = require("@jsonforms/react");
-exports.MaterialIntegerControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiInputInteger_1.MuiInputInteger }))); };
+var MaterialIntegerControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiInputInteger_1.MuiInputInteger }))); };
+exports.MaterialIntegerControl = MaterialIntegerControl;
 exports.materialIntegerControlTester = core_1.rankWith(2, core_1.isIntegerControl);
 exports.default = react_2.withJsonFormsControlProps(exports.MaterialIntegerControl);
 //# sourceMappingURL=MaterialIntegerControl.js.map

package/lib/controls/MaterialIntegerControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialIntegerControl.js","sourceRoot":"","sources":["../../src/controls/MaterialIntegerControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,mEAAkE;AAClE,+DAA8D;AAC9D,0CAA6D;AAEhD,QAAA,sBAAsB,GAAG,UAAC,KAAmB,IAAK,OAAA,CAC7D,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,iCAAe,IAAI,CAC5D,EAF8D,CAE9D,CAAC;AACW,QAAA,4BAA4B,GAAiB,eAAQ,CAChE,CAAC,EACD,uBAAgB,CACjB,CAAC;AACF,kBAAe,iCAAyB,CAAC,8BAAsB,CAAC,CAAC"}
+{"version":3,"file":"MaterialIntegerControl.js","sourceRoot":"","sources":["../../src/controls/MaterialIntegerControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,mEAAkE;AAClE,+DAA8D;AAC9D,0CAA6D;AAEtD,IAAM,sBAAsB,GAAG,UAAC,KAAmB,IAAK,OAAA,CAC7D,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,iCAAe,IAAI,CAC5D,EAF8D,CAE9D,CAAC;AAFW,QAAA,sBAAsB,0BAEjC;AACW,QAAA,4BAA4B,GAAiB,eAAQ,CAChE,CAAC,EACD,uBAAgB,CACjB,CAAC;AACF,kBAAe,iCAAyB,CAAC,8BAAsB,CAAC,CAAC"}

package/lib/controls/MaterialNativeControl.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
-import { ControlProps, ControlState, RankedTester } from '@jsonforms/core';
-import { Control } from '@jsonforms/react';
-export declare class MaterialNativeControl extends Control<ControlProps, ControlState> {
-    render(): JSX.Element;
-}
+import { ControlProps, RankedTester } from '@jsonforms/core';
+export declare const MaterialNativeControl: (props: ControlProps) => JSX.Element;
 export declare const materialNativeControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/controls/MaterialNativeControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialNativeControlTester = exports.MaterialNativeControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -27,28 +28,23 @@ var tslib_1 = require("tslib");
 */
 var react_1 = tslib_1.__importDefault(require("react"));
 var core_1 = require("@jsonforms/core");
-var core_2 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_2 = require("@jsonforms/react");
-var TextField_1 = tslib_1.__importDefault(require("@material-ui/core/TextField"));
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-var MaterialNativeControl = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialNativeControl, _super);
-    function MaterialNativeControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialNativeControl.prototype.render = function () {
-        var _a = this.props, id = _a.id, errors = _a.errors, label = _a.label, schema = _a.schema, description = _a.description, enabled = _a.enabled, visible = _a.visible, required = _a.required, path = _a.path, handleChange = _a.handleChange, data = _a.data, config = _a.config;
-        var isValid = errors.length === 0;
-        var appliedUiSchemaOptions = merge_1.default({}, config, this.props.uischema.options);
-        var onChange = function (ev) { return handleChange(path, ev.target.value); };
-        var fieldType = schema.format;
-        var showDescription = !core_1.isDescriptionHidden(visible, description, this.state.isFocused, appliedUiSchemaOptions.showUnfocusedDescription);
-        return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
-            react_1.default.createElement(TextField_1.default, { id: id + '-input', label: core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk), type: fieldType, error: !isValid, disabled: !enabled, fullWidth: !appliedUiSchemaOptions.trim, onFocus: this.onFocus, onBlur: this.onBlur, helperText: !isValid ? errors : showDescription ? description : null, InputLabelProps: { shrink: true }, value: data, onChange: onChange })));
-    };
-    return MaterialNativeControl;
-}(react_2.Control));
+var util_1 = require("../util");
+var MaterialNativeControl = function (props) {
+    var _a;
+    var _b = util_1.useFocus(), focused = _b[0], onFocus = _b[1], onBlur = _b[2];
+    var id = props.id, errors = props.errors, label = props.label, schema = props.schema, description = props.description, enabled = props.enabled, visible = props.visible, required = props.required, path = props.path, handleChange = props.handleChange, data = props.data, config = props.config;
+    var isValid = errors.length === 0;
+    var appliedUiSchemaOptions = merge_1.default({}, config, props.uischema.options);
+    var _c = util_1.useDebouncedChange(handleChange, '', data, path), inputValue = _c[0], onChange = _c[1];
+    var fieldType = (_a = appliedUiSchemaOptions.format) !== null && _a !== void 0 ? _a : schema.format;
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    return (react_1.default.createElement(material_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(material_1.TextField, { required: core_1.showAsRequired(required, appliedUiSchemaOptions.hideRequiredAsterisk), id: id + '-input', label: label, type: fieldType, error: !isValid, disabled: !enabled, fullWidth: !appliedUiSchemaOptions.trim, onFocus: onFocus, onBlur: onBlur, helperText: !isValid ? errors : showDescription ? description : null, InputLabelProps: { shrink: true }, value: inputValue, onChange: onChange })));
+};
 exports.MaterialNativeControl = MaterialNativeControl;
 exports.materialNativeControlTester = core_1.rankWith(2, core_1.or(core_1.isDateControl, core_1.isTimeControl));
-exports.default = react_2.withJsonFormsControlProps(MaterialNativeControl);
+exports.default = react_2.withJsonFormsControlProps(exports.MaterialNativeControl);
 //# sourceMappingURL=MaterialNativeControl.js.map

package/lib/controls/MaterialNativeControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialNativeControl.js","sourceRoot":"","sources":["../../src/controls/MaterialNativeControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAWyB;AACzB,0CAA2C;AAC3C,0CAAsE;AACtE,kFAAoD;AACpD,+DAAiC;AAEjC;IAA2C,iDAAmC;IAA9E;;IAsDA,CAAC;IArDC,sCAAM,GAAN;QACQ,IAAA,eAaQ,EAZZ,UAAE,EACF,kBAAM,EACN,gBAAK,EACL,kBAAM,EACN,4BAAW,EACX,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,cAAI,EACJ,8BAAY,EACZ,cAAI,EACJ,kBACY,CAAC;QACf,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;QACpC,IAAM,sBAAsB,GAAG,eAAK,CAClC,EAAE,EACF,MAAM,EACN,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAC5B,CAAC;QACF,IAAM,QAAQ,GAAG,UAAC,EAAO,IAAK,OAAA,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,CAAC;QAClE,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;QAChC,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;QAEF,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;YACpB,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,KAAK,EAAE,mBAAY,CACjB,mBAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC3C,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,EACD,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,CAAC,OAAO,EACf,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EACpE,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,GAClB,CACK,CACV,CAAC;IACJ,CAAC;IACH,4BAAC;AAAD,CAAC,AAtDD,CAA2C,eAAO,GAsDjD;AAtDY,sDAAqB;AAwDrB,QAAA,2BAA2B,GAAiB,eAAQ,CAC/D,CAAC,EACD,SAAE,CAAC,oBAAa,EAAE,oBAAa,CAAC,CACjC,CAAC;AAEF,kBAAe,iCAAyB,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"MaterialNativeControl.js","sourceRoot":"","sources":["../../src/controls/MaterialNativeControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCASyB;AACzB,0CAAkD;AAClD,0CAA6D;AAC7D,+DAAiC;AACjC,gCAAuD;AAEhD,IAAM,qBAAqB,GAAG,UAAC,KAAmB;;IACjD,IAAA,KAA6B,eAAQ,EAAE,EAAtC,OAAO,QAAA,EAAE,OAAO,QAAA,EAAE,MAAM,QAAc,CAAC;IAE5C,IAAA,EAAE,GAYA,KAAK,GAZL,EACF,MAAM,GAWJ,KAAK,OAXD,EACN,KAAK,GAUH,KAAK,MAVF,EACL,MAAM,GASJ,KAAK,OATD,EACN,WAAW,GAQT,KAAK,YARI,EACX,OAAO,GAOL,KAAK,QAPA,EACP,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,SALC,EACR,IAAI,GAIF,KAAK,KAJH,EACJ,YAAY,GAGV,KAAK,aAHK,EACZ,IAAI,GAEF,KAAK,KAFH,EACJ,MAAM,GACJ,KAAK,OADD,CACE;IACV,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IACpC,IAAM,sBAAsB,GAAG,eAAK,CAClC,EAAE,EACF,MAAM,EACN,KAAK,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAC;IACI,IAAA,KAAyB,yBAAkB,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAxE,UAAU,QAAA,EAAE,QAAQ,QAAoD,CAAC;IAChF,IAAM,SAAS,GAAG,MAAA,sBAAsB,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IACjE,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,OAAO,EACP,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,oBAAS,IACR,QAAQ,EAAE,qBAAc,CAAC,QAAQ,EAC/B,sBAAsB,CAAC,oBAAoB,CAAC,EAC9C,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,CAAC,OAAO,EACf,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EACpE,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,GAClB,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,qBAAqB,yBAmDhC;AAEW,QAAA,2BAA2B,GAAiB,eAAQ,CAC/D,CAAC,EACD,SAAE,CAAC,oBAAa,EAAE,oBAAa,CAAC,CACjC,CAAC;AAEF,kBAAe,iCAAyB,CAAC,6BAAqB,CAAC,CAAC"}

package/lib/controls/MaterialNumberControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, RankedTester } from '@jsonforms/core';
 export declare const MaterialNumberControl: (props: ControlProps) => JSX.Element;
 export declare const materialNumberControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/controls/MaterialNumberControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialNumberControlTester = exports.MaterialNumberControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -30,7 +31,8 @@ var core_1 = require("@jsonforms/core");
 var MuiInputNumber_1 = require("../mui-controls/MuiInputNumber");
 var MaterialInputControl_1 = require("./MaterialInputControl");
 var react_2 = require("@jsonforms/react");
-exports.MaterialNumberControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiInputNumber_1.MuiInputNumber }))); };
+var MaterialNumberControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiInputNumber_1.MuiInputNumber }))); };
+exports.MaterialNumberControl = MaterialNumberControl;
 exports.materialNumberControlTester = core_1.rankWith(2, core_1.isNumberControl);
 exports.default = react_2.withJsonFormsControlProps(exports.MaterialNumberControl);
 //# sourceMappingURL=MaterialNumberControl.js.map

package/lib/controls/MaterialNumberControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialNumberControl.js","sourceRoot":"","sources":["../../src/controls/MaterialNumberControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,iEAAgE;AAChE,+DAA8D;AAC9D,0CAA6D;AAEhD,QAAA,qBAAqB,GAAG,UAAC,KAAmB,IAAK,OAAA,CAC5D,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,+BAAc,IAAI,CAC3D,EAF6D,CAE7D,CAAC;AAEW,QAAA,2BAA2B,GAAiB,eAAQ,CAC/D,CAAC,EACD,sBAAe,CAChB,CAAC;AAEF,kBAAe,iCAAyB,CAAC,6BAAqB,CAAC,CAAC"}
+{"version":3,"file":"MaterialNumberControl.js","sourceRoot":"","sources":["../../src/controls/MaterialNumberControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,iEAAgE;AAChE,+DAA8D;AAC9D,0CAA6D;AAEtD,IAAM,qBAAqB,GAAG,UAAC,KAAmB,IAAK,OAAA,CAC5D,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,+BAAc,IAAI,CAC3D,EAF6D,CAE7D,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AAEW,QAAA,2BAA2B,GAAiB,eAAQ,CAC/D,CAAC,EACD,sBAAe,CAChB,CAAC;AAEF,kBAAe,iCAAyB,CAAC,6BAAqB,CAAC,CAAC"}

package/lib/controls/MaterialOneOfEnumControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, OwnPropsOfEnum, RankedTester } from '@jsonforms/core';
 export declare const MaterialOneOfEnumControl: (props: ControlProps & OwnPropsOfEnum) => JSX.Element;
 export declare const materialOneOfEnumControlTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl & OwnPropsOfEnum>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl & OwnPropsOfEnum>;
 export default _default;

package/lib/controls/MaterialOneOfEnumControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialOneOfEnumControlTester = exports.MaterialOneOfEnumControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -30,7 +31,8 @@ var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var MuiSelect_1 = require("../mui-controls/MuiSelect");
 var MaterialInputControl_1 = require("./MaterialInputControl");
-exports.MaterialOneOfEnumControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiSelect_1.MuiSelect }))); };
+var MaterialOneOfEnumControl = function (props) { return (react_1.default.createElement(MaterialInputControl_1.MaterialInputControl, tslib_1.__assign({}, props, { input: MuiSelect_1.MuiSelect }))); };
+exports.MaterialOneOfEnumControl = MaterialOneOfEnumControl;
 exports.materialOneOfEnumControlTester = core_1.rankWith(5, core_1.isOneOfEnumControl);
 exports.default = react_2.withJsonFormsOneOfEnumProps(exports.MaterialOneOfEnumControl);
 //# sourceMappingURL=MaterialOneOfEnumControl.js.map

package/lib/controls/MaterialOneOfEnumControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialOneOfEnumControl.js","sourceRoot":"","sources":["../../src/controls/MaterialOneOfEnumControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAMyB;AACzB,0CAA+D;AAC/D,uDAAsD;AACtD,+DAA8D;AAEjD,QAAA,wBAAwB,GAAG,UAAC,KAAoC,IAAK,OAAA,CAC9E,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACxD,EAFiF,CAEjF,CAAC;AAEW,QAAA,8BAA8B,GAAiB,eAAQ,CAClE,CAAC,EACD,yBAAkB,CACnB,CAAC;AAEF,kBAAe,mCAA2B,CAAC,gCAAwB,CAAC,CAAC"}
+{"version":3,"file":"MaterialOneOfEnumControl.js","sourceRoot":"","sources":["../../src/controls/MaterialOneOfEnumControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAMyB;AACzB,0CAA+D;AAC/D,uDAAsD;AACtD,+DAA8D;AAEvD,IAAM,wBAAwB,GAAG,UAAC,KAAoC,IAAK,OAAA,CAChF,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACtD,EAFiF,CAEjF,CAAC;AAFW,QAAA,wBAAwB,4BAEnC;AAEW,QAAA,8BAA8B,GAAiB,eAAQ,CAClE,CAAC,EACD,yBAAkB,CACnB,CAAC;AAEF,kBAAe,mCAA2B,CAAC,gCAAwB,CAAC,CAAC"}