@luomus/laji-form 15.1.92 → 15.1.94

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

@@ -19,8 +19,50 @@ export default class LocationChooserField extends React.Component<any, any, any>
     };
     constructor(props: any);
     constructor(props: any, context: any);
-    getStateFromProps(props: any): {
-        uiSchema: import("../../types").UiSchema<any>;
+    getUiSchema(props: any): {
+        "ui:buttons": 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;
+        "ui:options"?: import("@rjsf/utils").UIOptionsType<any, any, import("../LajiForm").FormContext> | undefined;
     };
     render(): JSX.Element;
 }

package/lib/components/fields/LocationChooserField.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,26 +50,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const PropTypes = __importStar(require("prop-types"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const components_1 = require("../components");
 const Context_1 = __importDefault(require("../../Context"));
 const utils_1 = require("../../utils");
 const MapArrayField_1 = require("./MapArrayField");
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
-let LocationChooserField = class LocationChooserField extends React.Component {
-    getStateFromProps(props) {
+class LocationChooserField extends React.Component {
+    getUiSchema(props) {
         let uiSchema = (0, utils_1.getInnerUiSchema)(props.uiSchema);
-        uiSchema = Object.assign(Object.assign({}, uiSchema), { "ui:buttons": [
+        return Object.assign(Object.assign({}, uiSchema), { "ui:buttons": [
                 ...(uiSchema["ui:buttons"] || []),
                 React.createElement(LocationButton, { key: `$${this.props.idSchema.$id}-location`, that: this })
             ] });
-        return { uiSchema };
     }
     render() {
         const SchemaField = this.props.registry.fields.SchemaField;
-        return React.createElement(SchemaField, Object.assign({}, this.props, this.state));
+        return React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: this.getUiSchema(this.props) }));
     }
-};
+}
 LocationChooserField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -94,9 +86,6 @@ LocationChooserField.propTypes = {
     }).isRequired,
     formData: PropTypes.object.isRequired
 };
-LocationChooserField = __decorate([
-    BaseComponent_1.default
-], LocationChooserField);
 exports.default = LocationChooserField;
 class LocationButton extends React.Component {
     constructor(props) {

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

@@ -21,6 +21,7 @@ export default class MultiActiveArrayField extends React.Component<FieldProps<JS
     deleteButtonRefs: {};
     deleteButtonRefSetters: {};
     constructor(props: FieldProps<JSONSchemaObject>);
+    UNSAFE_componentWillReceiveProps(props: FieldProps<JSONSchemaObject>): void;
     getInitialActiveIdx: (props: FieldProps<JSONSchemaObject>) => number[];
     getStateFromProps(props: FieldProps<JSONSchemaObject>): State | null;
     render(): JSX.Element;

package/lib/components/fields/MultiActiveArrayField.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) {
@@ -42,7 +36,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const React = __importStar(require("react"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const PropTypes = __importStar(require("prop-types"));
@@ -51,7 +44,7 @@ const deepmerge_1 = __importDefault(require("deepmerge"));
 const ArrayFieldTemplate_1 = require("../templates/ArrayFieldTemplate");
 const ArrayField_1 = require("./ArrayField");
 const SingleActiveArrayField_1 = require("./SingleActiveArrayField");
-let MultiActiveArrayField = class MultiActiveArrayField extends React.Component {
+class MultiActiveArrayField extends React.Component {
     constructor(props) {
         super(props);
         // these are required by the AccordionArrayFieldTemplate
@@ -113,6 +106,9 @@ let MultiActiveArrayField = class MultiActiveArrayField extends React.Component
         this.deleteButtonRefSetters = {};
         this.state = Object.assign({ activeIdx: this.getInitialActiveIdx(props) }, this.getStateFromProps(props));
     }
+    UNSAFE_componentWillReceiveProps(props) {
+        this.setState(this.getStateFromProps(props));
+    }
     getStateFromProps(props) {
         let activeIdx;
         const options = (0, utils_1.getUiOptions)(props.uiSchema);
@@ -146,7 +142,7 @@ let MultiActiveArrayField = class MultiActiveArrayField extends React.Component
         uiSchema["ui:ArrayFieldTemplate"] = ArrayFieldTemplate;
         return (React.createElement(ArrayField, Object.assign({}, this.props, { formContext: formContext, registry: Object.assign(Object.assign({}, this.props.registry), { formContext }), schema: this.props.schema, uiSchema: uiSchema, idSchema: this.props.idSchema, errorSchema: this.props.errorSchema, onChange: this.props.onChange, onBlur: this.props.onBlur, onFocus: this.props.onFocus, disabled: this.props.disabled, readonly: this.props.readonly, name: this.props.name })));
     }
-};
+}
 MultiActiveArrayField.contextType = ReactContext_1.default;
 MultiActiveArrayField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -160,7 +156,4 @@ MultiActiveArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-MultiActiveArrayField = __decorate([
-    BaseComponent_1.default
-], MultiActiveArrayField);
 exports.default = MultiActiveArrayField;

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

@@ -19,13 +19,8 @@ export default class MultiAnyToBooleanField extends React.Component<any, any, an
     state: {
         groupsFormData: any[];
     };
-    getInitialState(props: any): {
-        groupsFormData: any[];
-    };
-    getStateFromProps(props: any): {
-        groupsFormData: any[];
-    };
-    initializeGroups: (props: any) => {
+    UNSAFE_componentWillReceiveProps(props: any): void;
+    getStateFromProps: (props: any) => {
         groupsFormData: any[];
     };
     onChange: (index: any) => (value: any) => void;

package/lib/components/fields/MultiAnyToBooleanField.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) {
@@ -54,15 +48,14 @@ var __importDefault = (this && this.__importDefault) || function (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");
 const AnyToBooleanField_1 = __importDefault(require("./AnyToBooleanField"));
 const utils_2 = require("@rjsf/utils");
-let MultiAnyToBooleanField = class MultiAnyToBooleanField extends React.Component {
+class MultiAnyToBooleanField extends React.Component {
     constructor(props) {
         super(props);
-        this.initializeGroups = (props) => {
+        this.getStateFromProps = (props) => {
             let { groups } = (0, utils_1.getUiOptions)(props.uiSchema) || [];
             const { formData } = props;
             const trueValues = groups.map(group => group.trueValue);
@@ -99,13 +92,10 @@ let MultiAnyToBooleanField = class MultiAnyToBooleanField extends React.Componen
             }, []);
             this.props.onChange(formData);
         };
-        this.state = this.getInitialState(props);
-    }
-    getInitialState(props) {
-        return this.initializeGroups(props);
+        this.state = this.getStateFromProps(props);
     }
-    getStateFromProps(props) {
-        return this.initializeGroups(props);
+    UNSAFE_componentWillReceiveProps(props) {
+        this.setState(this.getStateFromProps(props));
     }
     render() {
         const TitleFieldTemplate = (0, utils_2.getTemplate)("TitleFieldTemplate", this.props.registry, (0, utils_1.getUiOptions)(this.props.uiSchema));
@@ -120,7 +110,7 @@ let MultiAnyToBooleanField = class MultiAnyToBooleanField extends React.Componen
                     React.createElement(AnyToBooleanField_1.default, Object.assign({}, groupProps))));
             }))));
     }
-};
+}
 MultiAnyToBooleanField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -137,7 +127,4 @@ MultiAnyToBooleanField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-MultiAnyToBooleanField = __decorate([
-    BaseComponent_1.default
-], MultiAnyToBooleanField);
 exports.default = MultiAnyToBooleanField;

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

@@ -54,7 +54,8 @@ export default class MultiArrayField extends React.Component<any, any, any> {
     arrayKeyFunctions: any[] | undefined;
     groupItemIds: {} | {}[] | undefined;
     groupedItems: any;
-    onChange: (idx: any) => (formData: any) => void;
+    onChange: ((idx: any) => (formData: any) => void) & memoize.Memoized<(idx: any) => (formData: any) => void>;
 }
 import * as React from "react";
+import memoize from "memoizee";
 import * as PropTypes from "prop-types";

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;