@luomus/laji-form 15.1.93 → 15.1.94

package/lib/components/fields/MultiArrayField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -47,14 +41,14 @@ const PropTypes = __importStar(require("prop-types"));
 const ConditionalUiSchemaField_1 = require("./ConditionalUiSchemaField");
 const FilterArrayField_1 = require("./FilterArrayField");
 const utils_1 = require("../../utils");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const Context_1 = __importDefault(require("../../Context"));
 const ArrayFieldTemplate_1 = require("../templates/ArrayFieldTemplate");
-let MultiArrayField = class MultiArrayField extends React.Component {
+const memoizee_1 = __importDefault(require("memoizee"));
+class MultiArrayField extends React.Component {
     constructor() {
         super(...arguments);
         this.itemIds = {};
-        this.onChange = (idx) => (formData) => {
+        this.onChange = (0, memoizee_1.default)((idx) => (formData) => {
             let offset = 0;
             for (let i = 0; i < idx; i++) {
                 offset += Object.keys(this.groupedItems[i]).length;
@@ -92,7 +86,7 @@ let MultiArrayField = class MultiArrayField extends React.Component {
                 return [...flat, ...groupItems];
             }, []);
             this.props.onChange(newFormData);
-        };
+        });
     }
     render() {
         const { props } = this;
@@ -214,7 +208,7 @@ let MultiArrayField = class MultiArrayField extends React.Component {
             return (React.createElement(SchemaField, Object.assign({ key: idx }, props, { uiSchema: uiSchema, errorSchema: errorSchema, formData: items, onChange: this.onChange(idx) })));
         });
     }
-};
+}
 MultiArrayField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -231,9 +225,6 @@ MultiArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-MultiArrayField = __decorate([
-    BaseComponent_1.default
-], MultiArrayField);
 exports.default = MultiArrayField;
 const getArrayKeyFunctions = (that) => {
     const { arrayKeyFunctions: optionsArrayKeyFunctions } = (0, utils_1.getUiOptions)(that.props.uiSchema);

package/lib/components/fields/MultiLanguageField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -38,15 +32,11 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
-let MultiLanguageField = class MultiLanguageField extends React.Component {
+class MultiLanguageField extends React.Component {
     constructor(props) {
         super(props);
         this.onChange = (lang) => (formData) => {
@@ -74,7 +64,7 @@ let MultiLanguageField = class MultiLanguageField extends React.Component {
                     }, errorSchema: errorSchema[_lang] || {}, idSchema: idSchema[_lang], formData: formData[_lang] || "", required: ((_a = uiSchema[_lang]) === null || _a === void 0 ? void 0 : _a["ui:required"]) || false, onChange: this.onChange(_lang) })));
             })));
     }
-};
+}
 MultiLanguageField.propTypes = {
     uiSchema: PropTypes.any,
     schema: PropTypes.shape({
@@ -82,7 +72,4 @@ MultiLanguageField.propTypes = {
     }).isRequired,
     formData: PropTypes.object
 };
-MultiLanguageField = __decorate([
-    BaseComponent_1.default
-], MultiLanguageField);
 exports.default = MultiLanguageField;

package/lib/components/fields/MultiTagArrayField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -44,14 +38,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const utils_1 = require("../../utils");
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const components_1 = require("../components");
 const immutability_helper_1 = __importDefault(require("immutability-helper"));
 const memoizee_1 = __importDefault(require("memoizee"));
 const equals = require("deep-equal");
-let MultiTagArrayField = class MultiTagArrayField extends React.Component {
+class MultiTagArrayField extends React.Component {
     constructor() {
         super(...arguments);
         this.state = { activeButtonIdx: undefined };
@@ -135,7 +128,7 @@ let MultiTagArrayField = class MultiTagArrayField extends React.Component {
                 return (React.createElement(SchemaField, Object.assign({}, this.props, { key: key, schema: Object.assign({ title: "" }, schema.properties[key]), uiSchema: Object.assign(Object.assign({ "ui:field": "TagArrayField" }, uiSchema[key]), { "ui:options": Object.assign(Object.assign(Object.assign({}, uiOptions), { buttons: undefined, onTagClick: this.onTagClick(key) }), (_a = uiSchema[key]) === null || _a === void 0 ? void 0 : _a["ui:options"]) }), errorSchema: errorSchema[key] || {}, idSchema: idSchema[key], formData: formData[key] || [], required: ((_b = uiSchema[key]) === null || _b === void 0 ? void 0 : _b["ui:required"]) || false, onChange: this.onChange(key), onBlur: this.props.onBlur, onFocus: this.props.onFocus, disabled: this.props.disabled, readonly: this.props.readonly, name: this.props.name })));
             }))));
     }
-};
+}
 MultiTagArrayField.contextType = ReactContext_1.default;
 MultiTagArrayField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -167,7 +160,4 @@ MultiTagArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.object
 };
-MultiTagArrayField = __decorate([
-    BaseComponent_1.default
-], MultiTagArrayField);
 exports.default = MultiTagArrayField;

package/lib/components/fields/NamedPlaceSaverField.d.ts

@@ -11,51 +11,52 @@ export default class NamedPlaceSaverField extends React.Component<any, any, any>
     };
     constructor(props: any);
     constructor(props: any, context: any);
-    getStateFromProps(props: any): {
-        uiSchema: {
-            "ui:options": any;
-            "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
-            "ui:classNames"?: string | undefined;
-            "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
-            "ui:title"?: string | undefined;
-            "ui:description"?: string | undefined;
-            "ui:placeholder"?: string | undefined;
-            "ui:help"?: string | undefined;
-            "ui:autofocus"?: boolean | undefined;
-            "ui:autocomplete"?: AutoFill | undefined;
-            "ui:disabled"?: boolean | undefined;
-            "ui:emptyValue"?: any;
-            "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
-            "ui:hideError"?: boolean | undefined;
-            "ui:readonly"?: boolean | undefined;
-            "ui:order"?: string[] | undefined;
-            "ui:addable"?: boolean | undefined;
-            "ui:orderable"?: boolean | undefined;
-            "ui:removable"?: boolean | undefined;
-            "ui:inline"?: boolean | undefined;
-            "ui:inputType"?: string | undefined;
-            "ui:label"?: boolean | undefined;
-            "ui:rows"?: number | undefined;
-            "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
-            "ui:widget"?: string | import("@rjsf/utils").Widget<any, any, import("../LajiForm").FormContext> | undefined;
-            "ui:duplicateKeySuffixSeparator"?: string | undefined;
-            "ui:rootFieldId"?: string;
-            "ui:field"?: string | import("@rjsf/utils").Field<any, any, import("../LajiForm").FormContext> | undefined;
-            "ui:fieldReplacesAnyOrOneOf"?: boolean;
-        };
+    state: {
+        show: boolean;
+    };
+    getUiSchema(props: any): {
+        "ui:options": any;
+        "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, any, import("../LajiForm").FormContext>> | undefined;
+        "ui:classNames"?: string | undefined;
+        "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
+        "ui:title"?: string | undefined;
+        "ui:description"?: string | undefined;
+        "ui:placeholder"?: string | undefined;
+        "ui:help"?: string | undefined;
+        "ui:autofocus"?: boolean | undefined;
+        "ui:autocomplete"?: AutoFill | undefined;
+        "ui:disabled"?: boolean | undefined;
+        "ui:emptyValue"?: any;
+        "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
+        "ui:hideError"?: boolean | undefined;
+        "ui:readonly"?: boolean | undefined;
+        "ui:order"?: string[] | undefined;
+        "ui:addable"?: boolean | undefined;
+        "ui:orderable"?: boolean | undefined;
+        "ui:removable"?: boolean | undefined;
+        "ui:inline"?: boolean | undefined;
+        "ui:inputType"?: string | undefined;
+        "ui:label"?: boolean | undefined;
+        "ui:rows"?: number | undefined;
+        "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
+        "ui:widget"?: string | import("@rjsf/utils").Widget<any, any, import("../LajiForm").FormContext> | undefined;
+        "ui:duplicateKeySuffixSeparator"?: string | undefined;
+        "ui:rootFieldId"?: string;
+        "ui:field"?: string | import("@rjsf/utils").Field<any, any, import("../LajiForm").FormContext> | undefined;
+        "ui:fieldReplacesAnyOrOneOf"?: boolean;
     };
     getButton(props: any): {
         label: any;
@@ -66,7 +67,6 @@ export default class NamedPlaceSaverField extends React.Component<any, any, any>
     };
     onButtonClick: () => () => void;
     onSave: (place: any) => void;
-    componentDidUpdate(prevProps: any, prevState: any): void;
     onHide: () => void;
     render(): JSX.Element;
 }

package/lib/components/fields/NamedPlaceSaverField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -69,7 +63,6 @@ const utils_1 = require("../../utils");
 const components_1 = require("../components");
 const Context_1 = __importDefault(require("../../Context"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const react_spinner_1 = __importDefault(require("react-spinner"));
 const MapArrayField_1 = require("./MapArrayField");
 const memoizee_1 = __importDefault(require("memoizee"));
@@ -77,9 +70,10 @@ const SAVE = "SAVE", FETCH = "FETCH";
 /**
  * Compatible only with gathering field.
  */
-let NamedPlaceSaverField = class NamedPlaceSaverField extends React.Component {
+class NamedPlaceSaverField extends React.Component {
     constructor() {
         super(...arguments);
+        this.state = { show: false };
         this.onButtonClick = () => () => {
             this.setState({ show: !this.state.show });
         };
@@ -90,13 +84,13 @@ let NamedPlaceSaverField = class NamedPlaceSaverField extends React.Component {
         };
         this.onHide = () => this.setState({ show: false });
     }
-    getStateFromProps(props) {
+    getUiSchema(props) {
         const innerUiSchema = (0, utils_1.getInnerUiSchema)(props.uiSchema);
         const uiSchema = Object.assign(Object.assign({}, innerUiSchema), { "ui:options": Object.assign(Object.assign({}, (0, utils_1.getUiOptions)(innerUiSchema)), { buttons: [
                     ...((0, utils_1.getUiOptions)(innerUiSchema).buttons || []),
                     this.getButton(props)
                 ] }) });
-        return { uiSchema };
+        return uiSchema;
     }
     getButton(props) {
         return {
@@ -107,14 +101,10 @@ let NamedPlaceSaverField = class NamedPlaceSaverField extends React.Component {
             disabled: !(0, MapArrayField_1.parseGeometries)((props.formData || {}).geometry).length
         };
     }
-    componentDidUpdate(prevProps, prevState) {
-        if (prevState.show !== this.state.show)
-            this.setState(this.getStateFromProps(this.props));
-    }
     render() {
         const { registry: { fields: { SchemaField } }, formContext } = this.props;
-        const { uiSchema } = this.state;
         const { Modal } = this.context.theme;
+        const uiSchema = this.getUiSchema(this.props);
         return (React.createElement("div", null,
             React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: uiSchema })),
             this.state && this.state.show
@@ -124,7 +114,7 @@ let NamedPlaceSaverField = class NamedPlaceSaverField extends React.Component {
                     React.createElement(Modal.Body, null,
                         React.createElement(PlaceSaverDialog, { formContext: formContext, onSave: this.onSave, gathering: this.props.formData || {} })))) : null));
     }
-};
+}
 NamedPlaceSaverField.contextType = ReactContext_1.default;
 NamedPlaceSaverField.propTypes = {
     schema: PropTypes.shape({
@@ -132,9 +122,6 @@ NamedPlaceSaverField.propTypes = {
     }).isRequired,
     formData: PropTypes.object
 };
-NamedPlaceSaverField = __decorate([
-    BaseComponent_1.default
-], NamedPlaceSaverField);
 exports.default = NamedPlaceSaverField;
 class PlaceSaverDialog extends React.Component {
     constructor(props) {

package/lib/components/fields/PrefixArrayField.d.ts

@@ -25,6 +25,8 @@ export default class PrefixArrayField extends React.Component<FieldProps<JSONSch
         formData: PropTypes.Requireable<any[]>;
     };
     static getName(): string;
+    constructor(props: FieldProps<JSONSchemaArray>);
+    UNSAFE_componentWillReceiveProps(props: FieldProps<JSONSchemaArray>): void;
     getSeparator(uiSchema: UiSchema): string;
     getStateFromProps(props: FieldProps<JSONSchemaArray>): State;
     onSelectFieldChange: (prefix: string) => void;

package/lib/components/fields/PrefixArrayField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -49,10 +43,10 @@ const utils_1 = require("../../utils");
 const components_1 = require("../components");
 const memoizee_1 = __importDefault(require("memoizee"));
 const immutability_helper_1 = __importDefault(require("immutability-helper"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
-let PrefixArrayField = class PrefixArrayField extends React.Component {
-    constructor() {
-        super(...arguments);
+class PrefixArrayField extends React.Component {
+    static getName() { return "PrefixArrayField"; }
+    constructor(props) {
+        super(props);
         this.onSelectFieldChange = (prefix) => {
             const separator = this.getSeparator(this.props.uiSchema);
             const newFormData = [...(this.props.formData || []), prefix + separator];
@@ -68,8 +62,11 @@ let PrefixArrayField = class PrefixArrayField extends React.Component {
             const newFormData = (0, immutability_helper_1.default)(this.props.formData, { $splice: [[idx, 1]] });
             this.props.onChange(newFormData);
         });
+        this.state = this.getStateFromProps(props);
+    }
+    UNSAFE_componentWillReceiveProps(props) {
+        this.setState(this.getStateFromProps(props));
     }
-    static getName() { return "PrefixArrayField"; }
     getSeparator(uiSchema) {
         const { separator = ":" } = (0, utils_1.getUiOptions)(uiSchema);
         return separator;
@@ -117,7 +114,7 @@ let PrefixArrayField = class PrefixArrayField extends React.Component {
                     React.createElement(components_1.DeleteButton, { id: props.idSchema.$id, onClick: this.onFieldDelete(idx), translations: translations, confirm: confirmDelete, disabled: disabled || readonly })))),
             React.createElement(SelectWidget_1.default, { key: childProps.length, options: { enumOptions: selectableFieldEnums, placeholder: addFieldPlaceholder !== null && addFieldPlaceholder !== void 0 ? addFieldPlaceholder : `${translations.AddField}` }, onChange: this.onSelectFieldChange, includeEmpty: true, schema: {}, id: `${idSchema.$id}_field_select`, formContext: this.props.formContext, disabled: this.props.disabled, readonly: this.props.readonly })));
     }
-};
+}
 PrefixArrayField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -132,7 +129,4 @@ PrefixArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-PrefixArrayField = __decorate([
-    BaseComponent_1.default
-], PrefixArrayField);
 exports.default = PrefixArrayField;

package/lib/components/fields/ScientificNameTaxonAutosuggestField.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
 import { FieldProps, JSONSchemaObject, JSONSchemaEnumOneOf } from "../../types";
-interface State extends Pick<FieldProps<JSONSchemaObject>, "schema" | "uiSchema"> {
+interface State {
     suggestion?: any;
 }
 interface ValueContext {
@@ -25,7 +25,8 @@ export default class ScientificNameTaxonAutosuggestField extends React.Component
         }>>>;
         formData: PropTypes.Validator<object>;
     };
-    getStateFromProps: (props: FieldProps<JSONSchemaObject>) => State;
+    state: State;
+    getUiSchema: (props: FieldProps<JSONSchemaObject>) => any;
     getSuggestionValue: (suggestion: any) => string;
     onSuggestionSelected: (suggestion: any, mounted: boolean) => void;
     onUnsuggestionSelected: (value: any) => void;

package/lib/components/fields/ScientificNameTaxonAutosuggestField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -56,7 +50,6 @@ const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const AutosuggestWidget_1 = require("../widgets/AutosuggestWidget");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const components_1 = require("../components");
 function addBold(original, substring) {
     const newOriginal = original.toLowerCase();
@@ -69,10 +62,11 @@ function addBold(original, substring) {
             original.slice(index + substring.length))
         : original;
 }
-let ScientificNameTaxonAutosuggestField = class ScientificNameTaxonAutosuggestField extends React.Component {
+class ScientificNameTaxonAutosuggestField extends React.Component {
     constructor() {
         super(...arguments);
-        this.getStateFromProps = (props) => {
+        this.state = {};
+        this.getUiSchema = (props) => {
             var _a;
             let { schema, uiSchema, formData = {} } = props;
             const uiOptions = (0, utils_1.getUiOptions)(uiSchema);
@@ -95,8 +89,7 @@ let ScientificNameTaxonAutosuggestField = class ScientificNameTaxonAutosuggestFi
             }
             const taxonExistingUiSchema = (0, utils_1.parseJSONPointer)(innerUiSchema, _uiSchemaJSONPointer);
             let widgetProps = taxonExistingUiSchema || {};
-            let _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(innerUiSchema, Object.assign(Object.assign({ "ui:widget": "AutosuggestWidget" }, widgetProps), { "ui:options": Object.assign(Object.assign({}, (0, utils_1.getUiOptions)((taxonExistingUiSchema || {})[taxonField])), options) }), _uiSchemaJSONPointer);
-            return { schema, uiSchema: _uiSchema };
+            return (0, utils_1.updateSafelyWithJSONPointer)(innerUiSchema, Object.assign(Object.assign({ "ui:widget": "AutosuggestWidget" }, widgetProps), { "ui:options": Object.assign(Object.assign({}, (0, utils_1.getUiOptions)((taxonExistingUiSchema || {})[taxonField])), options) }), _uiSchemaJSONPointer);
         };
         this.getSuggestionValue = (suggestion) => {
             return suggestion.scientificName;
@@ -204,9 +197,9 @@ let ScientificNameTaxonAutosuggestField = class ScientificNameTaxonAutosuggestFi
     }
     render() {
         const { SchemaField } = this.props.registry.fields;
-        return React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: this.state.uiSchema }));
+        return React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: this.getUiSchema(this.props) }));
     }
-};
+}
 ScientificNameTaxonAutosuggestField.contextType = ReactContext_1.default;
 ScientificNameTaxonAutosuggestField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -223,9 +216,6 @@ ScientificNameTaxonAutosuggestField.propTypes = {
     }).isRequired,
     formData: PropTypes.object.isRequired
 };
-ScientificNameTaxonAutosuggestField = __decorate([
-    BaseComponent_1.default
-], ScientificNameTaxonAutosuggestField);
 exports.default = ScientificNameTaxonAutosuggestField;
 class _TaxonWrapper extends React.Component {
     render() {

package/lib/components/fields/SingleActiveArrayField.js

@@ -64,7 +64,6 @@ const ArrayFieldTemplate_1 = __importStar(require("../templates/ArrayFieldTempla
 const ArrayField_1 = require("./ArrayField");
 const Context_1 = __importDefault(require("../../Context"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const utils_3 = require("@rjsf/utils");
 const memoizee_1 = __importDefault(require("memoizee"));
 const ArrayField_2 = require("./ArrayField");
@@ -106,7 +105,7 @@ const getPopupDataPromise = (props, itemFormData) => {
 const isActive = (idx, activeIdx) => {
     return idx === activeIdx || (Array.isArray(activeIdx) && activeIdx.includes(idx));
 };
-let SingleActiveArrayField = class SingleActiveArrayField extends React.Component {
+class SingleActiveArrayField extends React.Component {
     constructor(props) {
         super(props);
         this.getInitialActiveIdx = (props) => {
@@ -297,7 +296,7 @@ let SingleActiveArrayField = class SingleActiveArrayField extends React.Componen
         uiSchema["ui:ArrayFieldTemplate"] = ArrayFieldTemplate;
         return (React.createElement(ArrayField, Object.assign({}, this.props, { formContext: formContext, registry: Object.assign(Object.assign({}, this.props.registry), { formContext }), uiSchema: uiSchema })));
     }
-};
+}
 SingleActiveArrayField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -310,9 +309,6 @@ SingleActiveArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-SingleActiveArrayField = __decorate([
-    BaseComponent_1.default
-], SingleActiveArrayField);
 exports.default = SingleActiveArrayField;
 class Popup extends React.Component {
     render() {

package/lib/components/fields/SplitField.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -45,11 +39,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const NestField_1 = require("./NestField");
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_2 = require("@rjsf/utils");
-let SplitField = class SplitField extends React.Component {
+class SplitField extends React.Component {
     constructor() {
         super(...arguments);
         this.renderSplitField = ({ fields }) => {
@@ -75,7 +68,7 @@ let SplitField = class SplitField extends React.Component {
             React.createElement(DescriptionFieldTemplate, { id: `${this.props.idSchema.$id}__description`, schema: this.props.schema, description: this.props.description, registry: this.props.registry }),
             React.createElement(Row, null, (0, utils_1.getUiOptions)(this.props.uiSchema).splits.map((split, i) => React.createElement(Col, { md: split.md, lg: split.lg, xs: split.xs, sm: split.sm, key: i }, this.renderSplitField(split))))));
     }
-};
+}
 SplitField.contextType = ReactContext_1.default;
 SplitField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -96,7 +89,4 @@ SplitField.propTypes = {
     }).isRequired,
     formData: PropTypes.object.isRequired
 };
-SplitField = __decorate([
-    BaseComponent_1.default
-], SplitField);
 exports.default = SplitField;

package/lib/components/fields/TableField.js

@@ -48,7 +48,6 @@ const utils_1 = require("../../utils");
 const utils_2 = require("@rjsf/utils");
 const components_1 = require("../components");
 const ArrayFieldTemplate_1 = require("../templates/ArrayFieldTemplate");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const specialRules = {
     legEditors: {
@@ -62,7 +61,7 @@ const specialRules = {
     }
 };
 const specialRulesPropTypes = PropTypes.oneOf(["legEditors"]);
-let TableField = class TableField extends React.Component {
+class TableField extends React.Component {
     render() {
         const { schema, uiSchema = {}, formData, registry: { fields: { ArrayField } }, formContext } = this.props;
         const { uiSchemaContext } = formContext;
@@ -112,7 +111,7 @@ let TableField = class TableField extends React.Component {
             schemaPropsArray });
         return (React.createElement(ArrayField, Object.assign({}, this.props, { schema: Object.assign(Object.assign({}, schema), { items: itemsSchema }), uiSchema: _uiSchema, registry: Object.assign(Object.assign({}, this.props.registry), { formContext: _formContext }), formContext: _formContext })));
     }
-};
+}
 TableField.contextType = ReactContext_1.default;
 TableField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -128,9 +127,6 @@ TableField.propTypes = {
         items: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
     }).isRequired
 };
-TableField = __decorate([
-    BaseComponent_1.default
-], TableField);
 exports.default = TableField;
 let TableArrayFieldTemplate = class TableArrayFieldTemplate extends React.Component {
     render() {