@jsonforms/material-renderers 3.0.0-alpha.1 → 3.0.0-alpha.2

package/lib/layouts/ArrayToolbar.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayLayoutToolbar = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
 var IconButton_1 = tslib_1.__importDefault(require("@material-ui/core/IconButton"));

package/lib/layouts/ArrayToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayToolbar.js","sourceRoot":"","sources":["../../src/layouts/ArrayToolbar.tsx"],"names":[],"mappings":";;;AAAA,0CAA0D;AAC1D,oFAAsD;AACtD,8EAAgD;AAChD,oFAAsD;AACtD,uEAA6C;AAC7C,wDAA0B;AAC1B,qFAAuD;AAQ1C,QAAA,kBAAkB,GAAG,eAAK,CAAC,IAAI,CAC1C,UAAC,EAMyB;QALxB,gBAAK,EACL,kBAAM,EACN,oBAAO,EACP,cAAI,EACJ,gCAAa;IAEb,OAAO,CACL,8BAAC,iBAAO,IAAC,cAAc,EAAE,IAAI;QAC3B,8BAAC,WAAI,IAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe;YACzD,8BAAC,WAAI,IAAC,IAAI;gBACR,8BAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAc,CAC1C;YACP,8BAAC,aAAM,IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC;gBAC/B,8BAAC,WAAI,IAAC,IAAI;oBACR,8BAAC,wBAAc,IAAC,EAAE,EAAC,oBAAoB,EAAC,aAAa,EAAE,MAAM,GAAI,CAC5D,CACA;YACT,8BAAC,WAAI,IAAC,IAAI;gBACR,8BAAC,WAAI,IAAC,SAAS;oBACb,8BAAC,WAAI,IAAC,IAAI;wBACR,8BAAC,cAAO,IACN,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,YAAU,KAAO,EACxB,SAAS,EAAC,QAAQ;4BAElB,8BAAC,oBAAU,kBACG,YAAU,KAAO,EAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gCAEvC,8BAAC,aAAO,OAAG,CACA,CACL,CACL,CACF,CACF,CACF,CACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ArrayToolbar.js","sourceRoot":"","sources":["../../src/layouts/ArrayToolbar.tsx"],"names":[],"mappings":";;;;AAAA,0CAA0D;AAC1D,oFAAsD;AACtD,8EAAgD;AAChD,oFAAsD;AACtD,uEAA6C;AAC7C,wDAA0B;AAC1B,qFAAuD;AAQ1C,QAAA,kBAAkB,GAAG,eAAK,CAAC,IAAI,CAC1C,UAAC,EAMyB;QALxB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,OAAO,CACL,8BAAC,iBAAO,IAAC,cAAc,EAAE,IAAI;QAC3B,8BAAC,WAAI,IAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe;YACzD,8BAAC,WAAI,IAAC,IAAI;gBACR,8BAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAc,CAC1C;YACP,8BAAC,aAAM,IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC;gBAC/B,8BAAC,WAAI,IAAC,IAAI;oBACR,8BAAC,wBAAc,IAAC,EAAE,EAAC,oBAAoB,EAAC,aAAa,EAAE,MAAM,GAAI,CAC5D,CACA;YACT,8BAAC,WAAI,IAAC,IAAI;gBACR,8BAAC,WAAI,IAAC,SAAS;oBACb,8BAAC,WAAI,IAAC,IAAI;wBACR,8BAAC,cAAO,IACN,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,YAAU,KAAO,EACxB,SAAS,EAAC,QAAQ;4BAElB,8BAAC,oBAAU,kBACG,YAAU,KAAO,EAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gCAEvC,8BAAC,aAAO,OAAG,CACA,CACL,CACL,CACF,CACF,CACF,CACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/layouts/ExpandPanelRenderer.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, ReducerAction } from 'react';
+import React, { ComponentType, Dispatch, ReducerAction } from 'react';
 import { ControlElement, JsonFormsRendererRegistryEntry, JsonSchema, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
 interface OwnPropsOfExpandPanel {
     index: number;
@@ -45,7 +45,7 @@ export declare const ctxDispatchToExpandPanelProps: (dispatch: Dispatch<ReducerA
  * @param ownProps any own props
  * @returns {StatePropsOfControl} state props for a control
  */
-export declare const withContextToExpandPanelProps: (Component: React.ComponentType<ExpandPanelProps>) => React.ComponentType<OwnPropsOfExpandPanel>;
-export declare const withJsonFormsExpandPanelProps: (Component: React.ComponentType<ExpandPanelProps>) => React.ComponentType<OwnPropsOfExpandPanel>;
+export declare const withContextToExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
+export declare const withJsonFormsExpandPanelProps: (Component: ComponentType<ExpandPanelProps>) => ComponentType<OwnPropsOfExpandPanel>;
 declare const _default: React.ComponentType<OwnPropsOfExpandPanel>;
 export default _default;

package/lib/layouts/ExpandPanelRenderer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withJsonFormsExpandPanelProps = exports.withContextToExpandPanelProps = exports.ctxDispatchToExpandPanelProps = void 0;
 var tslib_1 = require("tslib");
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
 var get_1 = tslib_1.__importDefault(require("lodash/get"));
@@ -17,7 +18,7 @@ var Delete_1 = tslib_1.__importDefault(require("@material-ui/icons/Delete"));
 var ArrowUpward_1 = tslib_1.__importDefault(require("@material-ui/icons/ArrowUpward"));
 var ArrowDownward_1 = tslib_1.__importDefault(require("@material-ui/icons/ArrowDownward"));
 var iconStyle = { float: 'right' };
-var ExpandPanelRenderer = function (props) {
+var ExpandPanelRendererComponent = function (props) {
     var labelHtmlId = react_1.useState(core_1.createId('expand-panel'))[0];
     react_1.useEffect(function () {
         return function () {
@@ -55,14 +56,15 @@ var ExpandPanelRenderer = function (props) {
         react_1.default.createElement(AccordionDetails_1.default, null,
             react_1.default.createElement(react_2.JsonFormsDispatch, { schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
 };
+var ExpandPanelRenderer = react_1.default.memo(ExpandPanelRendererComponent);
 /**
  * Maps state to dispatch properties of an expand pandel control.
  *
  * @param dispatch the store's dispatch method
  * @returns {DispatchPropsOfArrayControl} dispatch props of an expand panel control
  */
-exports.ctxDispatchToExpandPanelProps = function (dispatch) { return ({
-    removeItems: function (path, toDelete) { return function (event) {
+var ctxDispatchToExpandPanelProps = function (dispatch) { return ({
+    removeItems: react_1.useCallback(function (path, toDelete) { return function (event) {
         event.stopPropagation();
         dispatch(core_1.update(path, function (array) {
             toDelete
@@ -71,29 +73,30 @@ exports.ctxDispatchToExpandPanelProps = function (dispatch) { return ({
                 .forEach(function (s) { return array.splice(s, 1); });
             return array;
         }));
-    }; },
-    moveUp: function (path, toMove) { return function (event) {
+    }; }, [dispatch]),
+    moveUp: react_1.useCallback(function (path, toMove) { return function (event) {
         event.stopPropagation();
         dispatch(core_1.update(path, function (array) {
             core_1.moveUp(array, toMove);
             return array;
         }));
-    }; },
-    moveDown: function (path, toMove) { return function (event) {
+    }; }, [dispatch]),
+    moveDown: react_1.useCallback(function (path, toMove) { return function (event) {
         event.stopPropagation();
         dispatch(core_1.update(path, function (array) {
             core_1.moveDown(array, toMove);
             return array;
         }));
-    }; }
+    }; }, [dispatch])
 }); };
+exports.ctxDispatchToExpandPanelProps = ctxDispatchToExpandPanelProps;
 /**
  * Map state to control props.
  * @param state the JSON Forms state
  * @param ownProps any own props
  * @returns {StatePropsOfControl} state props for a control
  */
-exports.withContextToExpandPanelProps = function (Component) { return function (_a) {
+var withContextToExpandPanelProps = function (Component) { return function (_a) {
     var ctx = _a.ctx, props = _a.props;
     var dispatchProps = exports.ctxDispatchToExpandPanelProps(ctx.dispatch);
     var childLabelProp = props.childLabelProp, schema = props.schema, path = props.path, index = props.index, uischemas = props.uischemas;
@@ -104,10 +107,10 @@ exports.withContextToExpandPanelProps = function (Component) { return function (
         : get_1.default(childData, core_1.getFirstPrimitiveProp(schema), '');
     return (react_1.default.createElement(Component, tslib_1.__assign({}, props, dispatchProps, { childLabel: childLabel, childPath: childPath, uischemas: uischemas })));
 }; };
-exports.withJsonFormsExpandPanelProps = function (Component) {
-    return react_2.withJsonFormsContext(exports.withContextToExpandPanelProps(react_1.default.memo(Component, function (prevProps, nextProps) {
-        return react_2.areEqual(prevProps, nextProps);
-    })));
+exports.withContextToExpandPanelProps = withContextToExpandPanelProps;
+var withJsonFormsExpandPanelProps = function (Component) {
+    return react_2.withJsonFormsContext(exports.withContextToExpandPanelProps(Component));
 };
+exports.withJsonFormsExpandPanelProps = withJsonFormsExpandPanelProps;
 exports.default = exports.withJsonFormsExpandPanelProps(ExpandPanelRenderer);
 //# sourceMappingURL=ExpandPanelRenderer.js.map

package/lib/layouts/ExpandPanelRenderer.js.map

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

package/lib/layouts/MaterialArrayLayout.d.ts

@@ -1,13 +1,3 @@
 import React from 'react';
 import { ArrayLayoutProps } from '@jsonforms/core';
-interface MaterialArrayLayoutState {
-    expanded: string | boolean;
-}
-export declare class MaterialArrayLayout extends React.PureComponent<ArrayLayoutProps, MaterialArrayLayoutState> {
-    state: MaterialArrayLayoutState;
-    innerCreateDefaultValue: () => {};
-    handleChange: (panel: string) => (_event: any, expanded: boolean) => void;
-    isExpanded: (index: number) => boolean;
-    render(): JSX.Element;
-}
-export {};
+export declare const MaterialArrayLayout: React.MemoExoticComponent<(props: ArrayLayoutProps) => JSX.Element>;

package/lib/layouts/MaterialArrayLayout.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialArrayLayout = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -26,41 +27,28 @@ var tslib_1 = require("tslib");
   THE SOFTWARE.
 */
 var range_1 = tslib_1.__importDefault(require("lodash/range"));
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var core_1 = require("@jsonforms/core");
 var map_1 = tslib_1.__importDefault(require("lodash/map"));
 var ArrayToolbar_1 = require("./ArrayToolbar");
 var ExpandPanelRenderer_1 = tslib_1.__importDefault(require("./ExpandPanelRenderer"));
 var merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-var MaterialArrayLayout = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialArrayLayout, _super);
-    function MaterialArrayLayout() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            expanded: null
-        };
-        _this.innerCreateDefaultValue = function () { return core_1.createDefaultValue(_this.props.schema); };
-        _this.handleChange = function (panel) { return function (_event, expanded) {
-            _this.setState({
-                expanded: expanded ? panel : false
-            });
-        }; };
-        _this.isExpanded = function (index) {
-            return _this.state.expanded === core_1.composePaths(_this.props.path, "" + index);
-        };
-        return _this;
-    }
-    MaterialArrayLayout.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, data = _a.data, path = _a.path, schema = _a.schema, uischema = _a.uischema, errors = _a.errors, addItem = _a.addItem, renderers = _a.renderers, cells = _a.cells, label = _a.label, required = _a.required, rootSchema = _a.rootSchema, config = _a.config, uischemas = _a.uischemas;
-        var appliedUiSchemaOptions = merge_1.default({}, config, this.props.uischema.options);
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement(ArrayToolbar_1.ArrayLayoutToolbar, { label: core_1.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: this.innerCreateDefaultValue }),
-            react_1.default.createElement("div", null, data > 0 ? (map_1.default(range_1.default(data), function (index) {
-                return (react_1.default.createElement(ExpandPanelRenderer_1.default, { index: index, expanded: _this.isExpanded(index), schema: schema, path: path, handleExpansion: _this.handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas }));
-            })) : (react_1.default.createElement("p", null, "No data")))));
+var MaterialArrayLayoutComponent = function (props) {
+    var _a = react_1.useState(false), expanded = _a[0], setExpanded = _a[1];
+    var innerCreateDefaultValue = react_1.useCallback(function () { return core_1.createDefaultValue(props.schema); }, [props.schema]);
+    var handleChange = react_1.useCallback(function (panel) { return function (_event, expandedPanel) {
+        setExpanded(expandedPanel ? panel : false);
+    }; }, []);
+    var isExpanded = function (index) {
+        return expanded === core_1.composePaths(props.path, "" + index);
     };
-    return MaterialArrayLayout;
-}(react_1.default.PureComponent));
-exports.MaterialArrayLayout = MaterialArrayLayout;
+    var data = props.data, path = props.path, schema = props.schema, uischema = props.uischema, errors = props.errors, addItem = props.addItem, renderers = props.renderers, cells = props.cells, label = props.label, required = props.required, rootSchema = props.rootSchema, config = props.config, uischemas = props.uischemas;
+    var appliedUiSchemaOptions = merge_1.default({}, config, props.uischema.options);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(ArrayToolbar_1.ArrayLayoutToolbar, { label: core_1.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
+        react_1.default.createElement("div", null, data > 0 ? (map_1.default(range_1.default(data), function (index) {
+            return (react_1.default.createElement(ExpandPanelRenderer_1.default, { index: index, expanded: isExpanded(index), schema: schema, path: path, handleExpansion: handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas }));
+        })) : (react_1.default.createElement("p", null, "No data")))));
+};
+exports.MaterialArrayLayout = react_1.default.memo(MaterialArrayLayoutComponent);
 //# sourceMappingURL=MaterialArrayLayout.js.map

package/lib/layouts/MaterialArrayLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialArrayLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayout.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+DAAiC;AACjC,wDAA0B;AAC1B,wCAKyB;AACzB,2DAA6B;AAC7B,+CAAoD;AACpD,sFAAwD;AACxD,+DAAiC;AAKjC;IAAyC,+CAGxC;IAHD;QAAA,qEAgFC;QA5EC,WAAK,GAA6B;YAChC,QAAQ,EAAE,IAAI;SACf,CAAC;QACF,6BAAuB,GAAG,cAAM,OAAA,yBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAArC,CAAqC,CAAC;QACtE,kBAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,MAAW,EAAE,QAAiB;YAC/D,KAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;aACnC,CAAC,CAAC;QACL,CAAC,EAJiC,CAIjC,CAAC;QACF,gBAAU,GAAG,UAAC,KAAa;YACzB,OAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,mBAAY,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAG,KAAO,CAAC;QAAjE,CAAiE,CAAC;;IAkEtE,CAAC;IAjEC,oCAAM,GAAN;QAAA,iBAgEC;QA/DO,IAAA,eAcQ,EAbZ,cAAI,EACJ,cAAI,EACJ,kBAAM,EACN,sBAAQ,EACR,kBAAM,EACN,oBAAO,EACP,wBAAS,EACT,gBAAK,EACL,gBAAK,EACL,sBAAQ,EACR,0BAAU,EACV,kBAAM,EACN,wBACY,CAAC;QACf,IAAM,sBAAsB,GAAG,eAAK,CAClC,EAAE,EACF,MAAM,EACN,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAC5B,CAAC;QAEF,OAAO,CACL;YACE,8BAAC,iCAAkB,IACjB,KAAK,EAAE,mBAAY,CACjB,KAAK,EACL,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,IAAI,CAAC,uBAAuB,GAC3C;YACF,2CACG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,aAAG,CAAC,eAAK,CAAC,IAAI,CAAC,EAAE,UAAA,KAAK;gBACpB,OAAO,CACL,8BAAC,6BAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,KAAI,CAAC,YAAY,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,KAAK,IAAI,CAAC,EACxB,cAAc,EAAE,KAAK,GAAG,IAAI,GAAG,CAAC,EAChC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,sBAAsB,CAAC,gBAAgB,EACvD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,mDAAc,CACf,CACG,CACF,CACP,CAAC;IACJ,CAAC;IACH,0BAAC;AAAD,CAAC,AAhFD,CAAyC,eAAK,CAAC,aAAa,GAgF3D;AAhFY,kDAAmB"}
+{"version":3,"file":"MaterialArrayLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,+DAAiC;AACjC,qDAAmD;AACnD,wCAKyB;AACzB,2DAA6B;AAC7B,+CAAoD;AACpD,sFAAwD;AACxD,+DAAiC;AAEjC,IAAM,4BAA4B,GAAG,UAAC,KAAuB;IACrD,IAAA,KAA0B,gBAAQ,CAAiB,KAAK,CAAC,EAAxD,QAAQ,QAAA,EAAE,WAAW,QAAmC,CAAC;IAChE,IAAM,uBAAuB,GAAG,mBAAW,CAAC,cAAM,OAAA,yBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAhC,CAAgC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACpG,IAAM,YAAY,GAAG,mBAAW,CAAC,UAAC,KAAa,IAAK,OAAA,UAAC,MAAW,EAAE,aAAsB;QACtF,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAC5C,CAAC,EAFmD,CAEnD,EAAE,EAAE,CAAC,CAAC;IACP,IAAM,UAAU,GAAG,UAAC,KAAa;QAC/B,OAAA,QAAQ,KAAK,mBAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAG,KAAO,CAAC;IAAjD,CAAiD,CAAC;IAGlD,IAAA,IAAI,GAaF,KAAK,KAbH,EACJ,IAAI,GAYF,KAAK,KAZH,EACJ,MAAM,GAWJ,KAAK,OAXD,EACN,QAAQ,GAUN,KAAK,SAVC,EACR,MAAM,GASJ,KAAK,OATD,EACN,OAAO,GAQL,KAAK,QARA,EACP,SAAS,GAOP,KAAK,UAPE,EACT,KAAK,GAMH,KAAK,MANF,EACL,KAAK,GAKH,KAAK,MALF,EACL,QAAQ,GAIN,KAAK,SAJC,EACR,UAAU,GAGR,KAAK,WAHG,EACV,MAAM,GAEJ,KAAK,OAFD,EACN,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,sBAAsB,GAAG,eAAK,CAClC,EAAE,EACF,MAAM,EACN,KAAK,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,iCAAkB,IACjB,KAAK,EAAE,mBAAY,CACjB,KAAK,EACL,QAAQ,EACR,sBAAsB,CAAC,oBAAoB,CAC5C,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,uBAAuB,GACtC;QACF,2CACG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,aAAG,CAAC,eAAK,CAAC,IAAI,CAAC,EAAE,UAAA,KAAK;YACpB,OAAO,CACL,8BAAC,6BAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,YAAY,EAC7B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,KAAK,IAAI,CAAC,EACxB,cAAc,EAAE,KAAK,GAAG,IAAI,GAAG,CAAC,EAChC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,sBAAsB,CAAC,gBAAgB,EACvD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;QACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,mDAAc,CACf,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,eAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC"}

package/lib/layouts/MaterialArrayLayoutRenderer.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
 export declare const MaterialArrayLayoutRenderer: ({ visible, enabled, id, uischema, schema, label, rootSchema, renderers, cells, data, path, errors, uischemas, addItem }: ArrayLayoutProps) => JSX.Element;
 export declare const materialArrayLayoutTester: RankedTester;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfControl>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export default _default;

package/lib/layouts/MaterialArrayLayoutRenderer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.materialArrayLayoutTester = exports.MaterialArrayLayoutRenderer = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -30,7 +31,7 @@ var core_1 = require("@jsonforms/core");
 var core_2 = require("@material-ui/core");
 var MaterialArrayLayout_1 = require("./MaterialArrayLayout");
 var react_2 = require("@jsonforms/react");
-exports.MaterialArrayLayoutRenderer = function (_a) {
+var MaterialArrayLayoutRenderer = function (_a) {
     var visible = _a.visible, enabled = _a.enabled, id = _a.id, uischema = _a.uischema, schema = _a.schema, label = _a.label, rootSchema = _a.rootSchema, renderers = _a.renderers, cells = _a.cells, data = _a.data, path = _a.path, errors = _a.errors, uischemas = _a.uischemas, addItem = _a.addItem;
     var addItemCb = react_1.useCallback(function (p, value) { return addItem(p, value); }, [
         addItem
@@ -38,6 +39,7 @@ exports.MaterialArrayLayoutRenderer = function (_a) {
     return (react_1.default.createElement(core_2.Hidden, { xsUp: !visible },
         react_1.default.createElement(MaterialArrayLayout_1.MaterialArrayLayout, { label: label, uischema: uischema, schema: schema, id: id, rootSchema: rootSchema, errors: errors, enabled: enabled, visible: visible, data: data, path: path, addItem: addItemCb, renderers: renderers, cells: cells, uischemas: uischemas })));
 };
+exports.MaterialArrayLayoutRenderer = MaterialArrayLayoutRenderer;
 exports.materialArrayLayoutTester = core_1.rankWith(4, core_1.isObjectArrayWithNesting);
 exports.default = react_2.withJsonFormsArrayLayoutProps(exports.MaterialArrayLayoutRenderer);
 //# sourceMappingURL=MaterialArrayLayoutRenderer.js.map

package/lib/layouts/MaterialArrayLayoutRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialArrayLayoutRenderer.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayoutRenderer.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAA2C;AAE3C,wCAKyB;AACzB,0CAA2C;AAC3C,6DAA4D;AAC5D,0CAAiE;AAEpD,QAAA,2BAA2B,GAAG,UAAC,EAezB;QAdjB,oBAAO,EACP,oBAAO,EACP,UAAE,EACF,sBAAQ,EACR,kBAAM,EACN,gBAAK,EACL,0BAAU,EACV,wBAAS,EACT,gBAAK,EACL,cAAI,EACJ,cAAI,EACJ,kBAAM,EACN,wBAAS,EACT,oBAAO;IAEP,IAAM,SAAS,GAAG,mBAAW,CAAC,UAAC,CAAS,EAAE,KAAU,IAAK,OAAA,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAjB,CAAiB,EAAE;QAC1E,OAAO;KACR,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,yCAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAiB,eAAQ,CAC7D,CAAC,EACD,+BAAwB,CACzB,CAAC;AACF,kBAAe,qCAA6B,CAAC,mCAA2B,CAAC,CAAC"}
+{"version":3,"file":"MaterialArrayLayoutRenderer.js","sourceRoot":"","sources":["../../src/layouts/MaterialArrayLayoutRenderer.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAA2C;AAE3C,wCAKyB;AACzB,0CAA2C;AAC3C,6DAA4D;AAC5D,0CAAiE;AAE1D,IAAM,2BAA2B,GAAG,UAAC,EAezB;QAdjB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,mBAAW,CAAC,UAAC,CAAS,EAAE,KAAU,IAAK,OAAA,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAjB,CAAiB,EAAE;QAC1E,OAAO;KACR,CAAC,CAAC;IACH,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,yCAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,2BAA2B,+BAuCtC;AAEW,QAAA,yBAAyB,GAAiB,eAAQ,CAC7D,CAAC,EACD,+BAAwB,CACzB,CAAC;AACF,kBAAe,qCAA6B,CAAC,mCAA2B,CAAC,CAAC"}

package/lib/layouts/MaterialCategorizationLayout.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { RankedTester, StatePropsOfLayout, Tester } from '@jsonforms/core';
-import { RendererComponent } from '@jsonforms/react';
 import { AjvProps } from '../util/layout';
 export declare const isSingleLevelCategorization: Tester;
 export declare const materialCategorizationTester: RankedTester;
@@ -13,13 +12,6 @@ export interface MaterialCategorizationLayoutRendererProps extends StatePropsOfL
     data?: any;
     onChange?(selected: number, prevSelected: number): void;
 }
-export declare class MaterialCategorizationLayoutRenderer extends RendererComponent<MaterialCategorizationLayoutRendererProps, CategorizationState> {
-    state: {
-        activeCategory: number;
-    };
-    render(): JSX.Element;
-    hasOwnState: () => boolean;
-    private handleChange;
-}
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
+export declare const MaterialCategorizationLayoutRenderer: (props: MaterialCategorizationLayoutRendererProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;

package/lib/layouts/MaterialCategorizationLayout.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialCategorizationLayoutRenderer = exports.materialCategorizationTester = exports.isSingleLevelCategorization = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -25,7 +26,7 @@ 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("@material-ui/core");
 var AppBar_1 = tslib_1.__importDefault(require("@material-ui/core/AppBar"));
 var core_2 = require("@jsonforms/core");
@@ -37,52 +38,35 @@ exports.isSingleLevelCategorization = core_2.and(core_2.uiTypeIs('Categorization
         categorization.elements.reduce(function (acc, e) { return acc && e.type === 'Category'; }, true));
 });
 exports.materialCategorizationTester = core_2.rankWith(1, exports.isSingleLevelCategorization);
-var MaterialCategorizationLayoutRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialCategorizationLayoutRenderer, _super);
-    function MaterialCategorizationLayoutRenderer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            activeCategory: 0
-        };
-        _this.hasOwnState = function () {
-            return _this.props.ownState !== undefined ? _this.props.ownState : true;
-        };
-        _this.handleChange = function (_event, value) {
-            if (_this.props.onChange) {
-                _this.props.onChange(value, _this.state.activeCategory);
-            }
-            var hasOwnState = _this.hasOwnState();
-            if (hasOwnState) {
-                _this.setState({ activeCategory: value });
-            }
-        };
-        return _this;
-    }
-    MaterialCategorizationLayoutRenderer.prototype.render = function () {
-        var _a = this.props, data = _a.data, path = _a.path, renderers = _a.renderers, cells = _a.cells, schema = _a.schema, uischema = _a.uischema, visible = _a.visible, enabled = _a.enabled, selected = _a.selected, ajv = _a.ajv;
-        var categorization = uischema;
-        var value = this.hasOwnState() ? this.state.activeCategory : selected;
-        var childProps = {
-            elements: categorization.elements[value].elements,
-            schema: schema,
-            path: path,
-            direction: 'column',
-            enabled: enabled,
-            visible: visible,
-            renderers: renderers,
-            cells: cells
-        };
-        var categories = categorization.elements.filter(function (category) {
-            return core_2.isVisible(category, data, undefined, ajv);
-        });
-        return (react_1.default.createElement(core_1.Hidden, { xsUp: !visible },
-            react_1.default.createElement(AppBar_1.default, { position: 'static' },
-                react_1.default.createElement(core_1.Tabs, { value: value, onChange: this.handleChange, variant: 'scrollable' }, categories.map(function (e, idx) { return (react_1.default.createElement(core_1.Tab, { key: idx, label: e.label })); }))),
-            react_1.default.createElement("div", { style: { marginTop: '0.5em' } },
-                react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps)))));
+var MaterialCategorizationLayoutRenderer = function (props) {
+    var data = props.data, path = props.path, renderers = props.renderers, cells = props.cells, schema = props.schema, uischema = props.uischema, visible = props.visible, enabled = props.enabled, selected = props.selected, onChange = props.onChange, ajv = props.ajv;
+    var categorization = uischema;
+    var _a = react_1.useState(selected !== null && selected !== void 0 ? selected : 0), activeCategory = _a[0], setActiveCategory = _a[1];
+    var categories = categorization.elements.filter(function (category) {
+        return core_2.isVisible(category, data, undefined, ajv);
+    });
+    var childProps = {
+        elements: categories[activeCategory].elements,
+        schema: schema,
+        path: path,
+        direction: 'column',
+        enabled: enabled,
+        visible: visible,
+        renderers: renderers,
+        cells: cells
+    };
+    var onTabChange = function (_event, value) {
+        if (onChange) {
+            onChange(value, activeCategory);
+        }
+        setActiveCategory(value);
     };
-    return MaterialCategorizationLayoutRenderer;
-}(react_2.RendererComponent));
+    return (react_1.default.createElement(core_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(AppBar_1.default, { position: 'static' },
+            react_1.default.createElement(core_1.Tabs, { value: activeCategory, onChange: onTabChange, variant: 'scrollable' }, categories.map(function (e, idx) { return (react_1.default.createElement(core_1.Tab, { key: idx, label: e.label })); }))),
+        react_1.default.createElement("div", { style: { marginTop: '0.5em' } },
+            react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps)))));
+};
 exports.MaterialCategorizationLayoutRenderer = MaterialCategorizationLayoutRenderer;
-exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(MaterialCategorizationLayoutRenderer));
+exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(exports.MaterialCategorizationLayoutRenderer));
 //# sourceMappingURL=MaterialCategorizationLayout.js.map

package/lib/layouts/MaterialCategorizationLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialCategorizationLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialCategorizationLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationLayout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAAsC;AACtC,0CAAsD;AACtD,4EAA8C;AAC9C,wCAWyB;AACzB,0CAA4D;AAC5D,yCAKwB;AAEX,QAAA,2BAA2B,GAAW,UAAG,CACpD,eAAQ,CAAC,gBAAgB,CAAC,EAC1B,UAAC,QAAyB;IACxB,IAAM,cAAc,GAAG,QAA0B,CAAC;IAElD,OAAO,CACL,cAAc,CAAC,QAAQ;QACvB,cAAc,CAAC,QAAQ,CAAC,MAAM,CAC5B,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAA5B,CAA4B,EACxC,IAAI,CACL,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,4BAA4B,GAAiB,eAAQ,CAChE,CAAC,EACD,mCAA2B,CAC5B,CAAC;AAaK,IAAM,oCAAoC,GAAG,UAAC,KAAgD;IAEjG,IAAA,IAAI,GAWF,KAAK,KAXH,EACJ,IAAI,GAUF,KAAK,KAVH,EACJ,SAAS,GASP,KAAK,UATE,EACT,KAAK,GAQH,KAAK,MARF,EACL,MAAM,GAOJ,KAAK,OAPD,EACN,QAAQ,GAMN,KAAK,SANC,EACR,OAAO,GAKL,KAAK,QALA,EACP,OAAO,GAIL,KAAK,QAJA,EACP,QAAQ,GAGN,KAAK,SAHC,EACR,QAAQ,GAEN,KAAK,SAFC,EACR,GAAG,GACD,KAAK,IADJ,CACK;IACV,IAAM,cAAc,GAAG,QAA0B,CAAC;IAC5C,IAAA,KAAqC,gBAAQ,CAAmB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAE,CAAC,CAAC,EAA3E,cAAc,QAAA,EAAE,iBAAiB,QAA0C,CAAC;IACnF,IAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAC,QAAkB;QACnE,OAAA,gBAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC;IAAzC,CAAyC,CAC1C,CAAC;IACF,IAAM,UAAU,GAAgC;QAC9C,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ;QAC7C,MAAM,QAAA;QACN,IAAI,MAAA;QACJ,SAAS,EAAE,QAAQ;QACnB,OAAO,SAAA;QACP,OAAO,SAAA;QACP,SAAS,WAAA;QACT,KAAK,OAAA;KACN,CAAC;IACF,IAAM,WAAW,GAAG,UAAC,MAAW,EAAE,KAAU;QAC1C,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;SACjC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,gBAAM,IAAC,QAAQ,EAAC,QAAQ;YACvB,8BAAC,WAAI,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAC,YAAY,IACrE,UAAU,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,GAAW,IAAK,OAAA,CAC5C,8BAAC,UAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,CAClC,EAF6C,CAE7C,CAAC,CACG,CACA;QACT,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;YAChC,8BAAC,+BAAsB,uBAAK,UAAU,EAAI,CACtC,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,oCAAoC,wCAiD/C;AAEF,kBAAe,gCAAwB,CAAC,qBAAY,CAAC,4CAAoC,CAAC,CAAC,CAAC"}

package/lib/layouts/MaterialCategorizationStepperLayout.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { RankedTester, StatePropsOfLayout } from '@jsonforms/core';
-import { RendererComponent } from '@jsonforms/react';
 import { AjvProps } from '../util/layout';
 export declare const materialCategorizationStepperTester: RankedTester;
 export interface CategorizationStepperState {
@@ -9,12 +8,6 @@ export interface CategorizationStepperState {
 export interface MaterialCategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps {
     data: any;
 }
-export declare class MaterialCategorizationStepperLayoutRenderer extends RendererComponent<MaterialCategorizationStepperLayoutRendererProps, CategorizationStepperState> {
-    state: {
-        activeCategory: number;
-    };
-    handleStep: (step: number) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
+export declare const MaterialCategorizationStepperLayoutRenderer: (props: MaterialCategorizationStepperLayoutRendererProps) => JSX.Element;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;

package/lib/layouts/MaterialCategorizationStepperLayout.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialCategorizationStepperLayoutRenderer = exports.materialCategorizationStepperTester = void 0;
 var tslib_1 = require("tslib");
 /*
   The MIT License
@@ -25,65 +26,53 @@ 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("@material-ui/core");
 var core_2 = require("@jsonforms/core");
 var react_2 = require("@jsonforms/react");
 var layout_1 = require("../util/layout");
 exports.materialCategorizationStepperTester = core_2.rankWith(2, core_2.and(core_2.uiTypeIs('Categorization'), core_2.categorizationHasCategory, core_2.optionIs('variant', 'stepper')));
-var MaterialCategorizationStepperLayoutRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(MaterialCategorizationStepperLayoutRenderer, _super);
-    function MaterialCategorizationStepperLayoutRenderer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            activeCategory: 0
-        };
-        _this.handleStep = function (step) {
-            _this.setState({ activeCategory: step });
-        };
-        return _this;
-    }
-    MaterialCategorizationStepperLayoutRenderer.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, data = _a.data, path = _a.path, renderers = _a.renderers, schema = _a.schema, uischema = _a.uischema, visible = _a.visible, cells = _a.cells, config = _a.config, ajv = _a.ajv;
-        var categorization = uischema;
-        var activeCategory = this.state.activeCategory;
-        var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
-        var buttonWrapperStyle = {
-            textAlign: 'right',
-            width: '100%',
-            margin: '1em auto'
-        };
-        var buttonNextStyle = {
-            float: 'right'
-        };
-        var buttonStyle = {
-            marginRight: '1em'
-        };
-        var childProps = {
-            elements: categorization.elements[activeCategory].elements,
-            schema: schema,
-            path: path,
-            direction: 'column',
-            visible: visible,
-            renderers: renderers,
-            cells: cells
-        };
-        var categories = categorization.elements.filter(function (category) {
-            return core_2.isVisible(category, data, undefined, ajv);
-        });
-        return (react_1.default.createElement(core_1.Hidden, { xsUp: !visible },
-            react_1.default.createElement(core_1.Stepper, { activeStep: activeCategory, nonLinear: true }, categories.map(function (e, idx) { return (react_1.default.createElement(core_1.Step, { key: e.label },
-                react_1.default.createElement(core_1.StepButton, { onClick: function () { return _this.handleStep(idx); } }, e.label))); })),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps))),
-            !!appliedUiSchemaOptions.showNavButtons ? (react_1.default.createElement("div", { style: buttonWrapperStyle },
-                react_1.default.createElement(core_1.Button, { style: buttonNextStyle, variant: "contained", color: "primary", disabled: activeCategory >= categories.length - 1, onClick: function () { return _this.handleStep(activeCategory + 1); } }, "Next"),
-                react_1.default.createElement(core_1.Button, { style: buttonStyle, color: "secondary", variant: "contained", disabled: activeCategory <= 0, onClick: function () { return _this.handleStep(activeCategory - 1); } }, "Previous"))) : (react_1.default.createElement(react_1.default.Fragment, null))));
+var MaterialCategorizationStepperLayoutRenderer = function (props) {
+    var _a = react_1.useState(0), activeCategory = _a[0], setActiveCategory = _a[1];
+    var handleStep = function (step) {
+        setActiveCategory(step);
     };
-    return MaterialCategorizationStepperLayoutRenderer;
-}(react_2.RendererComponent));
+    var data = props.data, path = props.path, renderers = props.renderers, schema = props.schema, uischema = props.uischema, visible = props.visible, cells = props.cells, config = props.config, ajv = props.ajv;
+    var categorization = uischema;
+    var appliedUiSchemaOptions = merge_1.default({}, config, uischema.options);
+    var buttonWrapperStyle = {
+        textAlign: 'right',
+        width: '100%',
+        margin: '1em auto'
+    };
+    var buttonNextStyle = {
+        float: 'right'
+    };
+    var buttonStyle = {
+        marginRight: '1em'
+    };
+    var categories = categorization.elements.filter(function (category) {
+        return core_2.isVisible(category, data, undefined, ajv);
+    });
+    var childProps = {
+        elements: categories[activeCategory].elements,
+        schema: schema,
+        path: path,
+        direction: 'column',
+        visible: visible,
+        renderers: renderers,
+        cells: cells
+    };
+    return (react_1.default.createElement(core_1.Hidden, { xsUp: !visible },
+        react_1.default.createElement(core_1.Stepper, { activeStep: activeCategory, nonLinear: true }, categories.map(function (e, idx) { return (react_1.default.createElement(core_1.Step, { key: e.label },
+            react_1.default.createElement(core_1.StepButton, { onClick: function () { return handleStep(idx); } }, e.label))); })),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(layout_1.MaterialLayoutRenderer, tslib_1.__assign({}, childProps))),
+        !!appliedUiSchemaOptions.showNavButtons ? (react_1.default.createElement("div", { style: buttonWrapperStyle },
+            react_1.default.createElement(core_1.Button, { style: buttonNextStyle, variant: "contained", color: "primary", disabled: activeCategory >= categories.length - 1, onClick: function () { return handleStep(activeCategory + 1); } }, "Next"),
+            react_1.default.createElement(core_1.Button, { style: buttonStyle, color: "secondary", variant: "contained", disabled: activeCategory <= 0, onClick: function () { return handleStep(activeCategory - 1); } }, "Previous"))) : (react_1.default.createElement(react_1.default.Fragment, null))));
+};
 exports.MaterialCategorizationStepperLayoutRenderer = MaterialCategorizationStepperLayoutRenderer;
-exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(MaterialCategorizationStepperLayoutRenderer));
+exports.default = react_2.withJsonFormsLayoutProps(layout_1.withAjvProps(exports.MaterialCategorizationStepperLayoutRenderer));
 //# sourceMappingURL=MaterialCategorizationStepperLayout.js.map

package/lib/layouts/MaterialCategorizationStepperLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialCategorizationStepperLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationStepperLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MaterialCategorizationStepperLayout.js","sourceRoot":"","sources":["../../src/layouts/MaterialCategorizationStepperLayout.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,qDAAsC;AACtC,+DAAiC;AACjC,0CAA8E;AAC9E,wCAWyB;AACzB,0CAA4D;AAC5D,yCAKwB;AAEX,QAAA,mCAAmC,GAAiB,eAAQ,CACvE,CAAC,EACD,UAAG,CACD,eAAQ,CAAC,gBAAgB,CAAC,EAC1B,gCAAyB,EACzB,eAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAC/B,CACF,CAAC;AAWK,IAAM,2CAA2C,GAAG,UAAC,KAAuD;IAC3G,IAAA,KAAsC,gBAAQ,CAAS,CAAC,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAEhE,IAAM,UAAU,GAAG,UAAC,IAAY;QAC9B,iBAAiB,CAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAGA,IAAA,IAAI,GASF,KAAK,KATH,EACJ,IAAI,GAQF,KAAK,KARH,EACJ,SAAS,GAOP,KAAK,UAPE,EACT,MAAM,GAMJ,KAAK,OAND,EACN,QAAQ,GAKN,KAAK,SALC,EACR,OAAO,GAIL,KAAK,QAJA,EACP,KAAK,GAGH,KAAK,MAHF,EACL,MAAM,GAEJ,KAAK,OAFD,EACN,GAAG,GACD,KAAK,IADJ,CACK;IACV,IAAM,cAAc,GAAG,QAA0B,CAAC;IAClD,IAAM,sBAAsB,GAAG,eAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,IAAM,kBAAkB,GAAG;QACzB,SAAS,EAAE,OAAkB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,UAAU;KACnB,CAAC;IACF,IAAM,eAAe,GAAG;QACtB,KAAK,EAAE,OAAkB;KAC1B,CAAC;IACF,IAAM,WAAW,GAAG;QAClB,WAAW,EAAE,KAAK;KACnB,CAAC;IACF,IAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAC,QAAkB;QACnE,OAAA,gBAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC;IAAzC,CAAyC,CAC1C,CAAC;IACF,IAAM,UAAU,GAAgC;QAC9C,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ;QAC7C,MAAM,QAAA;QACN,IAAI,MAAA;QACJ,SAAS,EAAE,QAAQ;QACnB,OAAO,SAAA;QACP,SAAS,WAAA;QACT,KAAK,OAAA;KACN,CAAC;IACF,OAAO,CACL,8BAAC,aAAM,IAAC,IAAI,EAAE,CAAC,OAAO;QACpB,8BAAC,cAAO,IAAC,UAAU,EAAE,cAAc,EAAE,SAAS,UAC3C,UAAU,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,GAAW,IAAK,OAAA,CAC5C,8BAAC,WAAI,IAAC,GAAG,EAAE,CAAC,CAAC,KAAK;YAChB,8BAAC,iBAAU,IAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,GAAG,CAAC,EAAf,CAAe,IACvC,CAAC,CAAC,KAAK,CACG,CACR,CACR,EAN6C,CAM7C,CAAC,CACM;QACV;YACE,8BAAC,+BAAsB,uBAAK,UAAU,EAAI,CACtC;QACJ,CAAC,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,uCAAK,KAAK,EAAE,kBAAkB;YACzE,8BAAC,aAAM,IACL,KAAK,EAAE,eAAe,EACtB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,cAAc,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EACjD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,cAAc,GAAG,CAAC,CAAC,EAA9B,CAA8B,WAGtC;YACT,8BAAC,aAAM,IACL,KAAK,EAAE,WAAW,EAClB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,cAAc,IAAI,CAAC,EAC7B,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,cAAc,GAAG,CAAC,CAAC,EAA9B,CAA8B,eAGtC,CACL,CAAC,CAAC,CAAC,CAAC,CAAC,6DAAK,CAAC,CACV,CACV,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,2CAA2C,+CA+EtD;AAEF,kBAAe,gCAAwB,CAAC,qBAAY,CAClD,mDAA2C,CAC5C,CAAC,CAAC"}

package/lib/layouts/MaterialGroupLayout.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { LayoutProps, RankedTester } from '@jsonforms/core';
 export declare const groupTester: RankedTester;
 export declare const MaterializedGroupLayoutRenderer: ({ uischema, schema, path, visible, enabled, renderers, cells, direction }: LayoutProps) => JSX.Element;
-declare const _default: React.ComponentType<import("../../../core/lib").OwnPropsOfLayout>;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfLayout>;
 export default _default;
 export declare const materialGroupTester: RankedTester;