@luomus/laji-form 15.1.92 → 15.1.94

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() {

package/lib/components/fields/TagArrayField.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,16 +41,15 @@ const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const memoizee_1 = __importDefault(require("memoizee"));
-let TagArrayField = class TagArrayField extends React.Component {
+class TagArrayField extends React.Component {
     render() {
         const { FieldTemplate } = this.props.registry.templates;
         const { uiSchema } = this.props;
         return (React.createElement(FieldTemplate, Object.assign({}, this.props, { forceDisplayLabel: true, rawHelp: uiSchema["ui:help"], description: uiSchema["ui:description"], rawErrors: [], id: this.props.idSchema.$id }),
             React.createElement(TagInputComponent, Object.assign({}, this.props, { id: this.props.idSchema.$id, tags: this.props.formData }))));
     }
-};
+}
 TagArrayField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -75,9 +68,6 @@ TagArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array
 };
-TagArrayField = __decorate([
-    BaseComponent_1.default
-], TagArrayField);
 exports.default = TagArrayField;
 class TagInputComponent extends React.Component {
     constructor(props) {

package/lib/components/fields/TaxonSetPopulatorField.js

@@ -105,7 +105,9 @@ let TaxonSetPopulatorField = class TaxonSetPopulatorField extends React.Componen
                             ((_b = unit.unitFact) === null || _b === void 0 ? void 0 : _b.broodCount) ||
                             ((_c = unit.unitFact) === null || _c === void 0 ? void 0 : _c.femalesWithBroodsCount) ||
                             ((_d = unit.unitFact) === null || _d === void 0 ? void 0 : _d.juvenileCount)) {
-                            window.alert(`Warning: Can't delete taxon set "${deletedTaxonSetId}" because it has observations.`);
+                            window.alert("Tätä lajiryhmää ei voi poistaa, koska siihen on kirjattu havaintoja.\n\n" +
+                                "This taxon set cannot be removed because it contains observations.\n\n" +
+                                "Den här artgruppen kan inte tas bort eftersom det finns observationer i den.");
                             observationsExist = true;
                             const updatedFormData = Object.assign(Object.assign({}, formData), { taxonCensus: [
                                     ...formData.taxonCensus,

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

@@ -16,14 +16,10 @@ export default class ToggleAdditionalArrayFieldsField extends React.Component<an
     };
     constructor(props: any);
     state: {
-        uiSchema: import("../../types").UiSchema<any>;
         visible: {};
     };
     getTogglePersistenceContextKey: (props: any) => string;
     getInitialVisible(props: any): {};
-    getStateFromProps(props: any): {
-        uiSchema: import("../../types").UiSchema<any>;
-    };
     toggleVisibility: () => void;
     render(): JSX.Element;
 }

package/lib/components/fields/ToggleAdditionalArrayFieldsField.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,9 +39,8 @@ 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 Context_1 = __importDefault(require("../../Context"));
-let ToggleAdditionalArrayFieldsField = class ToggleAdditionalArrayFieldsField extends React.Component {
+class ToggleAdditionalArrayFieldsField extends React.Component {
     constructor(props) {
         super(props);
         this.getTogglePersistenceContextKey = (props) => `$additional_toggle_persistence_${props.idSchema.$id}`;
@@ -57,7 +50,7 @@ let ToggleAdditionalArrayFieldsField = class ToggleAdditionalArrayFieldsField ex
             context[this.getTogglePersistenceContextKey(this.props)] = visible;
             this.setState({ visible });
         };
-        this.state = Object.assign({ visible: this.getInitialVisible(props) }, this.getStateFromProps(props));
+        this.state = { visible: this.getInitialVisible(props) };
     }
     getInitialVisible(props) {
         const { additionalFields } = (0, utils_1.getUiOptions)(props.uiSchema);
@@ -75,16 +68,12 @@ let ToggleAdditionalArrayFieldsField = class ToggleAdditionalArrayFieldsField ex
         }
         return visible;
     }
-    getStateFromProps(props) {
-        const innerUiSchema = (0, utils_1.getInnerUiSchema)(props.uiSchema);
-        return { uiSchema: innerUiSchema };
-    }
     render() {
         const { CheckboxWidget } = this.props.registry.widgets;
         const { SchemaField } = this.props.registry.fields;
         const { additionalFields = [], toggleLabel, toggleClassName, toggleHelp } = (0, utils_1.getUiOptions)(this.props.uiSchema);
         const shouldShow = Object.values(this.props.errorSchema || {}).some(error => additionalFields.some(field => (0, utils_1.parseJSONPointer)(error, field))) || this.state.visible;
-        let _uiSchema = this.state.uiSchema;
+        let _uiSchema = (0, utils_1.getInnerUiSchema)(this.props.uiSchema);
         if (!shouldShow) {
             additionalFields.forEach(field => {
                 _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, { "ui:field": "HiddenField" }, "items/" + field);
@@ -95,7 +84,7 @@ let ToggleAdditionalArrayFieldsField = class ToggleAdditionalArrayFieldsField ex
             React.createElement("div", { className: toggleClassName },
                 React.createElement(CheckboxWidget, Object.assign({}, this.props, { id: this.props.idSchema.$id + "_toggle", schema: { type: "boolean" }, value: this.state.visible, onChange: this.toggleVisibility, label: toggleLabel || "", options: { allowUndefined: false, help: toggleHelp }, required: false })))));
     }
-};
+}
 ToggleAdditionalArrayFieldsField.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
@@ -111,7 +100,4 @@ ToggleAdditionalArrayFieldsField.propTypes = {
     }).isRequired,
     formData: PropTypes.oneOfType([PropTypes.array]).isRequired
 };
-ToggleAdditionalArrayFieldsField = __decorate([
-    BaseComponent_1.default
-], ToggleAdditionalArrayFieldsField);
 exports.default = ToggleAdditionalArrayFieldsField;

package/lib/components/fields/UnitCountShorthandField.js

@@ -46,7 +46,6 @@ const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 const VirtualSchemaField_1 = __importDefault(require("../VirtualSchemaField"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const components_1 = require("../components");
 const deepmerge_1 = __importDefault(require("deepmerge"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
@@ -120,7 +119,7 @@ UnitCountShorthandField = __decorate([
     VirtualSchemaField_1.default
 ], UnitCountShorthandField);
 exports.default = UnitCountShorthandField;
-let CodeReader = class CodeReader extends React.Component {
+class CodeReader extends React.Component {
     constructor(props) {
         super(props);
         this.onChange = ({ target: { value } }) => {
@@ -168,7 +167,7 @@ let CodeReader = class CodeReader extends React.Component {
             });
         }
     }
-};
+}
 CodeReader.contextType = ReactContext_1.default;
 CodeReader.propTypes = {
     options: PropTypes.shape({
@@ -180,6 +179,3 @@ CodeReader.propTypes = {
     }),
     value: PropTypes.string
 };
-CodeReader = __decorate([
-    BaseComponent_1.default
-], CodeReader);

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

@@ -11,51 +11,52 @@ export default class UnitListShorthandArrayField extends React.Component<any, an
     };
     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;
     };
     onButtonClick: () => () => void;
     onHide: () => void;

package/lib/components/fields/UnitListShorthandArrayField.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,7 +38,6 @@ 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 components_1 = require("../components");
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
@@ -52,9 +45,10 @@ const TagArrayField_1 = require("./TagArrayField");
 /**
  * Compatible only with unit array.
  */
-let UnitListShorthandArrayField = class UnitListShorthandArrayField extends React.Component {
+class UnitListShorthandArrayField extends React.Component {
     constructor() {
         super(...arguments);
+        this.state = { show: false };
         this.onButtonClick = () => () => {
             this.setState({ show: !this.state.show });
         };
@@ -97,13 +91,13 @@ let UnitListShorthandArrayField = class UnitListShorthandArrayField extends Reac
             this.tagRef = ref;
         };
     }
-    getStateFromProps(props) {
+    getUiSchema(props) {
         const buttonDefinition = {
             fn: this.onButtonClick,
             fnName: "addUnitList",
             glyph: "align-justify",
-            label: this.props.formContext.translations.AddUnitList,
-            id: this.props.idSchema.$id,
+            label: props.formContext.translations.AddUnitList,
+            id: props.idSchema.$id,
             changesFormData: true,
             rules: {
                 canAdd: true
@@ -111,17 +105,16 @@ let UnitListShorthandArrayField = class UnitListShorthandArrayField extends Reac
         };
         const innerUiSchema = (0, utils_1.getInnerUiSchema)(props.uiSchema);
         const options = (0, utils_1.getUiOptions)(innerUiSchema);
-        const uiSchema = Object.assign(Object.assign({}, innerUiSchema), { "ui:options": Object.assign(Object.assign({}, options), { buttons: [
+        return Object.assign(Object.assign({}, innerUiSchema), { "ui:options": Object.assign(Object.assign({}, options), { buttons: [
                     ...(options.buttons || []),
                     buttonDefinition
                 ] }) });
-        return { uiSchema };
     }
     render() {
         const { SchemaField } = this.props.registry.fields;
         const { Modal } = this.context.theme;
         return (React.createElement(React.Fragment, null,
-            React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: this.state.uiSchema })),
+            React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: this.getUiSchema(this.props) })),
             this.state.show && (React.createElement(Modal, { show: true, onHide: this.onHide, dialogClassName: "unit-list-shorthand-modal" },
                 React.createElement(Modal.Body, null,
                     React.createElement(TagArrayField_1.TagInputComponent, { tags: (0, utils_1.isEmptyString)(this.state.value) ? [] : this.state.value.split(",").filter(s => !(0, utils_1.isEmptyString)(s)), onChange: this.onTagFieldChange, schema: {}, idSchema: {}, uiSchema: { "ui:options": { separatorKeys: [","] } }, inputProps: { autoFocus: true }, onKeyDown: this.onKeyDown, ref: this.setTagArrayRef, formContext: this.props.formContext }),
@@ -130,7 +123,7 @@ let UnitListShorthandArrayField = class UnitListShorthandArrayField extends Reac
                     React.createElement("br", null),
                     React.createElement(components_1.Button, { type: "submit", disabled: (0, utils_1.isEmptyString)(this.state.value), onClick: this.onSubmit }, this.props.formContext.translations.Add))))));
     }
-};
+}
 UnitListShorthandArrayField.contextType = ReactContext_1.default;
 UnitListShorthandArrayField.propTypes = {
     schema: PropTypes.shape({
@@ -138,7 +131,4 @@ UnitListShorthandArrayField.propTypes = {
     }).isRequired,
     formData: PropTypes.array.isRequired
 };
-UnitListShorthandArrayField = __decorate([
-    BaseComponent_1.default
-], UnitListShorthandArrayField);
 exports.default = UnitListShorthandArrayField;