@jsonforms/material-renderers 2.5.2-alpha.0 → 3.0.0-alpha.2

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":"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"}

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,CACzE,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACxD,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 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(core_2.Hidden, { xsUp: !visible },
+        react_1.default.createElement(core_3.FormControl, { fullWidth: !appliedUiSchemaOptions.trim, onFocus: onFocus, onBlur: onBlur, id: id },
+            react_1.default.createElement(core_2.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(core_3.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
+            react_1.default.createElement(core_3.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,0CAAuD;AACvD,0CAAgE;AAChE,+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,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,kBAAW,IACV,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE;YAEN,8BAAC,iBAAU,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,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAAI,CAAC,eAAe,IAChD,mBAAmB,CACL;YACjB,8BAAC,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,oBAAoB,CACN,CACL,CACP,CACV,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,oBAAoB,wBA8D/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
@@ -31,24 +32,20 @@ var core_2 = require("@material-ui/core");
 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(core_2.Hidden, { xsUp: !visible },
+        react_1.default.createElement(TextField_1.default, { 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,0CAA2C;AAC3C,0CAA6D;AAC7D,kFAAoD;AACpD,+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,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,mBAAS,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,CAC9E,8BAAC,2CAAoB,uBAAK,KAAK,IAAE,KAAK,EAAE,qBAAS,IAAI,CACxD,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"}

package/lib/controls/MaterialOneOfRadioGroupControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, OwnPropsOfEnum, RankedTester } from '@jsonforms/core';
 export declare const MaterialOneOfRadioGroupControl: (props: ControlProps & OwnPropsOfEnum) => JSX.Element;
 export declare const materialOneOfRadioGroupControlTester: 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/MaterialOneOfRadioGroupControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialOneOfRadioGroupControlTester = exports.MaterialOneOfRadioGroupControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -29,9 +30,10 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var MaterialRadioGroup_1 = require("./MaterialRadioGroup");
-exports.MaterialOneOfRadioGroupControl = function (props) {
+var MaterialOneOfRadioGroupControl = function (props) {
     return react_1.default.createElement(MaterialRadioGroup_1.MaterialRadioGroup, tslib_1.__assign({}, props));
 };
+exports.MaterialOneOfRadioGroupControl = MaterialOneOfRadioGroupControl;
 exports.materialOneOfRadioGroupControlTester = core_1.rankWith(20, core_1.and(core_1.isOneOfEnumControl, core_1.optionIs('format', 'radio')));
 exports.default = react_2.withJsonFormsOneOfEnumProps(exports.MaterialOneOfRadioGroupControl);
 //# sourceMappingURL=MaterialOneOfRadioGroupControl.js.map

package/lib/controls/MaterialOneOfRadioGroupControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialOneOfRadioGroupControl.js","sourceRoot":"","sources":["../../src/controls/MaterialOneOfRadioGroupControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAQyB;AACzB,0CAA+D;AAC/D,2DAA0D;AAE7C,QAAA,8BAA8B,GAAG,UAAC,KAAoC;IAChF,OAAO,8BAAC,uCAAkB,uBAAK,KAAK,EAAG,CAAC;AAC3C,CAAC,CAAC;AAEW,QAAA,oCAAoC,GAAiB,eAAQ,CACtE,EAAE,EACF,UAAG,CAAC,yBAAkB,EAAE,eAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CACrD,CAAC;AAEJ,kBAAe,mCAA2B,CAAC,sCAA8B,CAAC,CAAC"}
+{"version":3,"file":"MaterialOneOfRadioGroupControl.js","sourceRoot":"","sources":["../../src/controls/MaterialOneOfRadioGroupControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAQyB;AACzB,0CAA+D;AAC/D,2DAA0D;AAEnD,IAAM,8BAA8B,GAAG,UAAC,KAAoC;IAChF,OAAO,8BAAC,uCAAkB,uBAAK,KAAK,EAAG,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,8BAA8B,kCAEzC;AAEW,QAAA,oCAAoC,GAAiB,eAAQ,CACtE,EAAE,EACF,UAAG,CAAC,yBAAkB,EAAE,eAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CACrD,CAAC;AAEJ,kBAAe,mCAA2B,CAAC,sCAA8B,CAAC,CAAC"}

package/lib/controls/MaterialRadioGroup.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-import { ControlProps, ControlState, OwnPropsOfEnum } from '@jsonforms/core';
-import { Control } from '@jsonforms/react';
-export declare class MaterialRadioGroup extends Control<ControlProps & OwnPropsOfEnum, ControlState> {
-    render(): JSX.Element;
-}
+import { ControlProps, OwnPropsOfEnum } from '@jsonforms/core';
+export declare const MaterialRadioGroup: (props: ControlProps & OwnPropsOfEnum) => JSX.Element;

package/lib/controls/MaterialRadioGroup.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialRadioGroup = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -28,28 +29,22 @@ var tslib_1 = require("tslib");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 var react_1 = tslib_1.__importDefault(require("react"));
 var core_1 = require("@jsonforms/core");
-var react_2 = require("@jsonforms/react");
 var Radio_1 = tslib_1.__importDefault(require("@material-ui/core/Radio"));
 var RadioGroup_1 = tslib_1.__importDefault(require("@material-ui/core/RadioGroup"));
 var core_2 = require("@material-ui/core");
-var MaterialRadioGroup = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialRadioGroup, _super);
-    function MaterialRadioGroup() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialRadioGroup.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, config = _a.config, id = _a.id, label = _a.label, required = _a.required, description = _a.description, errors = _a.errors, data = _a.data, visible = _a.visible, options = _a.options;
-        var isValid = errors.length === 0;
-        var appliedUiSchemaOptions = merge_1.default({}, config, this.props.uischema.options);
-        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(core_2.FormControl, { component: 'fieldset', fullWidth: !appliedUiSchemaOptions.trim },
-                react_1.default.createElement(core_2.FormLabel, { htmlFor: id, error: !isValid, component: 'legend' }, core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk)),
-                react_1.default.createElement(RadioGroup_1.default, { value: this.state.value, onChange: function (_ev, value) { return _this.handleChange(value); }, row: true }, options.map(function (option) { return (react_1.default.createElement(core_2.FormControlLabel, { value: option.value, key: option.label, control: react_1.default.createElement(Radio_1.default, { checked: data === option.value }), label: option.label })); })),
-                react_1.default.createElement(core_2.FormHelperText, { error: !isValid }, !isValid ? errors : showDescription ? description : null))));
-    };
-    return MaterialRadioGroup;
-}(react_2.Control));
+var util_1 = require("../util");
+var MaterialRadioGroup = function (props) {
+    var _a = util_1.useFocus(), focused = _a[0], onFocus = _a[1], onBlur = _a[2];
+    var config = props.config, id = props.id, label = props.label, required = props.required, description = props.description, errors = props.errors, data = props.data, visible = props.visible, options = props.options, handleChange = props.handleChange, path = props.path;
+    var isValid = errors.length === 0;
+    var appliedUiSchemaOptions = merge_1.default({}, config, props.uischema.options);
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    var onChange = function (_ev, value) { return handleChange(path, value); };
+    return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
+        react_1.default.createElement(core_2.FormControl, { component: 'fieldset', fullWidth: !appliedUiSchemaOptions.trim, onFocus: onFocus, onBlur: onBlur },
+            react_1.default.createElement(core_2.FormLabel, { htmlFor: id, error: !isValid, component: 'legend', required: core_1.showAsRequired(required, appliedUiSchemaOptions.hideRequiredAsterisk) }, label),
+            react_1.default.createElement(RadioGroup_1.default, { value: props.data, onChange: onChange, row: true }, options.map(function (option) { return (react_1.default.createElement(core_2.FormControlLabel, { value: option.value, key: option.label, control: react_1.default.createElement(Radio_1.default, { checked: data === option.value }), label: option.label })); })),
+            react_1.default.createElement(core_2.FormHelperText, { error: !isValid }, !isValid ? errors : showDescription ? description : null))));
+};
 exports.MaterialRadioGroup = MaterialRadioGroup;
 //# sourceMappingURL=MaterialRadioGroup.js.map

package/lib/controls/MaterialRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialRadioGroup.js","sourceRoot":"","sources":["../../src/controls/MaterialRadioGroup.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+DAAiC;AACjC,wDAA0B;AAC1B,wCAOyB;AACzB,0CAA2C;AAC3C,0EAA4C;AAC5C,oFAAsD;AACtD,0CAM2B;AAE3B;IAAwC,8CAGvC;IAHD;;IAoEA,CAAC;IAhEC,mCAAM,GAAN;QAAA,iBA+DC;QA9DO,IAAA,eAUQ,EATZ,kBAAM,EACN,UAAE,EACF,gBAAK,EACL,sBAAQ,EACR,4BAAW,EACX,kBAAM,EACN,cAAI,EACJ,oBAAO,EACP,oBACY,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,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,kBAAW,IACV,SAAS,EAAE,UAAmB,EAC9B,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI;gBAEvC,8BAAC,gBAAS,IACR,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,CAAC,OAAO,EACf,SAAS,EAAE,QAAmB,IAE7B,mBAAY,CACX,mBAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC3C,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,CACS;gBAEZ,8BAAC,oBAAU,IACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAClD,GAAG,EAAE,IAAI,IAER,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACrB,8BAAC,uBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,OAAO,EAAE,8BAAC,eAAK,IAAC,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC,KAAK,GAAI,EAClD,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACH,EAPsB,CAOtB,CAAC,CACS;gBACb,8BAAC,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAC1C,CACL,CACP,CACV,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AApED,CAAwC,eAAO,GAoE9C;AApEY,gDAAkB"}
+{"version":3,"file":"MaterialRadioGroup.js","sourceRoot":"","sources":["../../src/controls/MaterialRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+DAAiC;AACjC,wDAA0B;AAC1B,wCAKyB;AACzB,0EAA4C;AAC5C,oFAAsD;AACtD,0CAM2B;AAC3B,gCAAmC;AAE5B,IAAM,kBAAkB,GAAG,UAAC,KAAoC;IAC/D,IAAA,KAA6B,eAAQ,EAAE,EAAtC,OAAO,QAAA,EAAE,OAAO,QAAA,EAAE,MAAM,QAAc,CAAC;IAE5C,IAAA,MAAM,GAWJ,KAAK,OAXD,EACN,EAAE,GAUA,KAAK,GAVL,EACF,KAAK,GASH,KAAK,MATF,EACL,QAAQ,GAQN,KAAK,SARC,EACR,WAAW,GAOT,KAAK,YAPI,EACX,MAAM,GAMJ,KAAK,OAND,EACN,IAAI,GAKF,KAAK,KALH,EACJ,OAAO,GAIL,KAAK,QAJA,EACP,OAAO,GAGL,KAAK,QAHA,EACP,YAAY,GAEV,KAAK,aAFK,EACZ,IAAI,GACF,KAAK,KADH,CACI;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;IACF,IAAM,eAAe,GAAG,CAAC,0BAAmB,CAC1C,OAAO,EACP,WAAW,EACX,OAAO,EACP,sBAAsB,CAAC,wBAAwB,CAChD,CAAC;IACF,IAAM,QAAQ,GAAG,UAAC,GAAO,EAAE,KAAS,IAAK,OAAA,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,EAAzB,CAAyB,CAAC;IAEnE,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,kBAAW,IACV,SAAS,EAAE,UAAmB,EAC9B,SAAS,EAAE,CAAC,sBAAsB,CAAC,IAAI,EACvC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM;YAEd,8BAAC,gBAAS,IACR,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,CAAC,OAAO,EACf,SAAS,EAAE,QAAmB,EAC9B,QAAQ,EAAE,qBAAc,CAAC,QAAQ,EAC/B,sBAAsB,CAAC,oBAAoB,CAAC,IAE7C,KAAK,CACI;YAEZ,8BAAC,oBAAU,IACT,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,IAAI,IAER,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACrB,8BAAC,uBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,OAAO,EAAE,8BAAC,eAAK,IAAC,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC,KAAK,GAAI,EAClD,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACH,EAPsB,CAOtB,CAAC,CACS;YACb,8BAAC,qBAAc,IAAC,KAAK,EAAE,CAAC,OAAO,IAC5B,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAC1C,CACL,CACP,CACV,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,kBAAkB,sBAmE7B"}

package/lib/controls/MaterialRadioGroupControl.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ControlProps, OwnPropsOfEnum, RankedTester } from '@jsonforms/core';
 export declare const MaterialRadioGroupControl: (props: ControlProps & OwnPropsOfEnum) => JSX.Element;
 export declare const materialRadioGroupControlTester: 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/MaterialRadioGroupControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialRadioGroupControlTester = exports.MaterialRadioGroupControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -29,9 +30,10 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var MaterialRadioGroup_1 = require("./MaterialRadioGroup");
-exports.MaterialRadioGroupControl = function (props) {
+var MaterialRadioGroupControl = function (props) {
     return react_1.default.createElement(MaterialRadioGroup_1.MaterialRadioGroup, tslib_1.__assign({}, props));
 };
+exports.MaterialRadioGroupControl = MaterialRadioGroupControl;
 exports.materialRadioGroupControlTester = core_1.rankWith(20, core_1.and(core_1.isEnumControl, core_1.optionIs('format', 'radio')));
 exports.default = react_2.withJsonFormsEnumProps(exports.MaterialRadioGroupControl);
 //# sourceMappingURL=MaterialRadioGroupControl.js.map

package/lib/controls/MaterialRadioGroupControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialRadioGroupControl.js","sourceRoot":"","sources":["../../src/controls/MaterialRadioGroupControl.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,0CAA2D;AAC3D,2DAA0D;AAC7C,QAAA,yBAAyB,GAAG,UAAC,KAAoC;IAC3E,OAAO,8BAAC,uCAAkB,uBAAK,KAAK,EAAI,CAAC;AAC5C,CAAC,CAAC;AAEW,QAAA,+BAA+B,GAAiB,eAAQ,CACnE,EAAE,EACF,UAAG,CAAC,oBAAa,EAAE,eAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAChD,CAAC;AACF,kBAAe,8BAAsB,CAAC,iCAAyB,CAAC,CAAC"}
+{"version":3,"file":"MaterialRadioGroupControl.js","sourceRoot":"","sources":["../../src/controls/MaterialRadioGroupControl.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,wDAA0B;AAC1B,wCAKyB;AACzB,0CAA2D;AAC3D,2DAA0D;AACnD,IAAM,yBAAyB,GAAG,UAAC,KAAoC;IAC3E,OAAO,8BAAC,uCAAkB,uBAAK,KAAK,EAAI,CAAC;AAC5C,CAAC,CAAC;AAFW,QAAA,yBAAyB,6BAEpC;AAEW,QAAA,+BAA+B,GAAiB,eAAQ,CACnE,EAAE,EACF,UAAG,CAAC,oBAAa,EAAE,eAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAChD,CAAC;AACF,kBAAe,8BAAsB,CAAC,iCAAyB,CAAC,CAAC"}

package/lib/controls/MaterialSliderControl.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 MaterialSliderControl extends Control<ControlProps, ControlState> {
-    render(): JSX.Element;
-}
+import { ControlProps, RankedTester } from '@jsonforms/core';
+export declare const MaterialSliderControl: (props: ControlProps) => JSX.Element;
 export declare const materialSliderControlTester: 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/MaterialSliderControl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialSliderControlTester = exports.MaterialSliderControl = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -25,50 +26,45 @@ 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 core_1 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var core_2 = require("@material-ui/core");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-var MaterialSliderControl = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialSliderControl, _super);
-    function MaterialSliderControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaterialSliderControl.prototype.render = function () {
-        var _a = this.props, id = _a.id, data = _a.data, description = _a.description, enabled = _a.enabled, errors = _a.errors, label = _a.label, schema = _a.schema, handleChange = _a.handleChange, visible = _a.visible, path = _a.path, required = _a.required, config = _a.config;
-        var isValid = errors.length === 0;
-        var appliedUiSchemaOptions = merge_1.default({}, config, this.props.uischema.options);
-        var labelStyle = {
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            width: '100%'
-        };
-        var rangeContainerStyle = {
-            display: 'flex'
-        };
-        var rangeItemStyle = {
-            flexGrow: '1'
-        };
-        var sliderStyle = {
-            marginTop: '7px'
-        };
-        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(core_2.FormControl, { fullWidth: !appliedUiSchemaOptions.trim, onFocus: this.onFocus, onBlur: this.onBlur, id: id },
-                react_1.default.createElement(core_2.Typography, { id: id + '-typo', style: labelStyle, variant: 'caption' }, core_1.computeLabel(core_1.isPlainLabel(label) ? label : label.default, required, appliedUiSchemaOptions.hideRequiredAsterisk)),
-                react_1.default.createElement("div", { style: rangeContainerStyle },
-                    react_1.default.createElement(core_2.Typography, { style: rangeItemStyle, variant: 'caption', align: 'left' }, schema.minimum),
-                    react_1.default.createElement(core_2.Typography, { style: rangeItemStyle, variant: 'caption', align: 'right' }, schema.maximum)),
-                react_1.default.createElement(core_2.Slider, { style: sliderStyle, min: schema.minimum, max: schema.maximum, value: Number(data || schema.default), onChange: function (_ev, value) {
-                        handleChange(path, Number(value));
-                    }, id: id + '-input', disabled: !enabled, step: schema.multipleOf || 1 }),
-                react_1.default.createElement(core_2.FormHelperText, { error: !isValid }, !isValid ? errors : showDescription ? description : null))));
+var util_1 = require("../util");
+var MaterialSliderControl = function (props) {
+    var _a = util_1.useFocus(), focused = _a[0], onFocus = _a[1], onBlur = _a[2];
+    var id = props.id, data = props.data, description = props.description, enabled = props.enabled, errors = props.errors, label = props.label, schema = props.schema, handleChange = props.handleChange, visible = props.visible, path = props.path, required = props.required, config = props.config;
+    var isValid = errors.length === 0;
+    var appliedUiSchemaOptions = merge_1.default({}, config, props.uischema.options);
+    var labelStyle = {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        width: '100%'
     };
-    return MaterialSliderControl;
-}(react_2.Control));
+    var rangeContainerStyle = {
+        display: 'flex'
+    };
+    var rangeItemStyle = {
+        flexGrow: '1'
+    };
+    var sliderStyle = {
+        marginTop: '7px'
+    };
+    var showDescription = !core_1.isDescriptionHidden(visible, description, focused, appliedUiSchemaOptions.showUnfocusedDescription);
+    var onChange = react_1.useCallback(function (_ev, value) { return handleChange(path, Number(value)); }, [path, handleChange]);
+    return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
+        react_1.default.createElement(core_2.FormControl, { fullWidth: !appliedUiSchemaOptions.trim, onFocus: onFocus, onBlur: onBlur, id: id },
+            react_1.default.createElement(core_2.FormLabel, { htmlFor: id, error: !isValid, component: 'legend', required: core_1.showAsRequired(required, appliedUiSchemaOptions.hideRequiredAsterisk) },
+                react_1.default.createElement(core_2.Typography, { id: id + '-typo', style: labelStyle, variant: 'caption' }, label)),
+            react_1.default.createElement("div", { style: rangeContainerStyle },
+                react_1.default.createElement(core_2.Typography, { style: rangeItemStyle, variant: 'caption', align: 'left' }, schema.minimum),
+                react_1.default.createElement(core_2.Typography, { style: rangeItemStyle, variant: 'caption', align: 'right' }, schema.maximum)),
+            react_1.default.createElement(core_2.Slider, { style: sliderStyle, min: schema.minimum, max: schema.maximum, value: Number(data || schema.default), onChange: onChange, id: id + '-input', disabled: !enabled, step: schema.multipleOf || 1 }),
+            react_1.default.createElement(core_2.FormHelperText, { error: !isValid }, !isValid ? errors : showDescription ? description : null))));
+};
 exports.MaterialSliderControl = MaterialSliderControl;
 exports.materialSliderControlTester = core_1.rankWith(4, core_1.isRangeControl);
-exports.default = react_2.withJsonFormsControlProps(MaterialSliderControl);
+exports.default = react_2.withJsonFormsControlProps(exports.MaterialSliderControl);
 //# sourceMappingURL=MaterialSliderControl.js.map