@luomus/laji-form 15.1.63 → 15.1.65

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import * as PropTypes from "prop-types";
+import { FieldProps, JSONSchemaArray, UiSchema } from "../../types";
+import memoize from "memoizee";
+interface FieldValue {
+    prefix: string;
+    value: string;
+}
+interface State {
+    fieldValues: FieldValue[];
+}
+export default class PrefixArrayField extends React.Component<FieldProps<JSONSchemaArray>, State> {
+    static propTypes: {
+        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
+                prefixValues: PropTypes.Validator<(string | null | undefined)[]>;
+                separator: PropTypes.Requireable<string>;
+                addFieldPlaceholder: PropTypes.Requireable<string>;
+            }>>;
+            uiSchema: PropTypes.Requireable<object>;
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+        }>>>;
+        formData: PropTypes.Requireable<any[]>;
+    };
+    static getName(): string;
+    getSeparator(uiSchema: UiSchema): string;
+    getStateFromProps(props: FieldProps<JSONSchemaArray>): State;
+    onSelectFieldChange: (prefix: string) => void;
+    onFieldChange: ((idx: number) => (value: any) => void) & memoize.Memoized<(idx: number) => (value: any) => void>;
+    onFieldDelete: ((idx: number) => () => void) & memoize.Memoized<(idx: number) => () => void>;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/fields/PrefixArrayField.js

@@ -0,0 +1,138 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        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 PropTypes = __importStar(require("prop-types"));
+const SelectWidget_1 = __importDefault(require("../widgets/SelectWidget"));
+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);
+        this.onSelectFieldChange = (prefix) => {
+            const separator = this.getSeparator(this.props.uiSchema);
+            const newFormData = [...(this.props.formData || []), prefix + separator];
+            this.props.onChange(newFormData);
+        };
+        this.onFieldChange = (0, memoizee_1.default)((idx) => (value) => {
+            const separator = this.getSeparator(this.props.uiSchema);
+            const newValue = this.state.fieldValues[idx].prefix + separator + value;
+            const newFormData = (0, immutability_helper_1.default)(this.props.formData, { [idx]: { $set: newValue } });
+            this.props.onChange(newFormData);
+        });
+        this.onFieldDelete = (0, memoizee_1.default)((idx) => () => {
+            const newFormData = (0, immutability_helper_1.default)(this.props.formData, { $splice: [[idx, 1]] });
+            this.props.onChange(newFormData);
+        });
+    }
+    static getName() { return "PrefixArrayField"; }
+    getSeparator(uiSchema) {
+        const { separator = ":" } = (0, utils_1.getUiOptions)(uiSchema);
+        return separator;
+    }
+    getStateFromProps(props) {
+        const { formData = [], uiSchema } = props;
+        const separator = this.getSeparator(uiSchema);
+        return {
+            fieldValues: formData.map((value) => {
+                const sepIdx = value.indexOf(separator);
+                return {
+                    prefix: value.substring(0, sepIdx),
+                    value: value.substring(sepIdx + 1)
+                };
+            })
+        };
+    }
+    render() {
+        const SchemaField = this.props.registry.fields.SchemaField;
+        const { schema, uiSchema, idSchema, errorSchema, required, formContext: { Label, translations } } = this.props;
+        const { prefixValues = [], addFieldPlaceholder } = (0, utils_1.getUiOptions)(uiSchema);
+        const childProps = this.state.fieldValues.map((value, idx) => {
+            return {
+                schema: schema.items,
+                uiSchema: {
+                    "ui:title": "",
+                    "ui:widget": "InputGroupWidget",
+                    "ui:options": Object.assign({ "inputGroupText": value.prefix, "className": "condensed-object-field-input-group" }, (uiSchema["ui:options"] || {})),
+                },
+                idSchema: { $id: `${idSchema.$id}_${idx}` },
+                errorSchema: errorSchema[idx] || {},
+                formData: value.value
+            };
+        });
+        const selectableFieldEnums = prefixValues.map((value) => ({
+            value,
+            label: value
+        }));
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Label, { label: this.props.schema.title, required: required || uiSchema["ui:required"], id: this.props.idSchema.$id, uiSchema: this.props.uiSchema }),
+            childProps.map((props, idx) => React.createElement("div", { key: idx, className: "laji-form-field-template-item condensed-object-field-item" },
+                React.createElement("div", { className: "laji-form-field-template-schema" },
+                    React.createElement(SchemaField, Object.assign({}, this.props, props, { key: idx, onChange: this.onFieldChange(idx) }))),
+                React.createElement("div", { className: "laji-form-field-template-buttons" },
+                    React.createElement(components_1.DeleteButton, { id: props.idSchema.$id, onClick: this.onFieldDelete(idx), translations: translations })))),
+            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({
+            prefixValues: PropTypes.arrayOf(PropTypes.string).isRequired,
+            separator: PropTypes.string,
+            addFieldPlaceholder: PropTypes.string
+        }),
+        uiSchema: PropTypes.object
+    }).isRequired,
+    schema: PropTypes.shape({
+        type: PropTypes.oneOf(["array"])
+    }).isRequired,
+    formData: PropTypes.array
+};
+PrefixArrayField = __decorate([
+    BaseComponent_1.default
+], PrefixArrayField);
+exports.default = PrefixArrayField;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { FieldProps } from "../../types";
 export default class _SchemaField extends React.Component<FieldProps> {
-    applyFunction(props: FieldProps): FieldProps<any, import("../../types").JSONSchemaObject>;
+    applyFunction(props: FieldProps): FieldProps;
     render(): JSX.Element;
 }

package/lib/components/fields/SchemaField.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -39,7 +53,7 @@ const types_1 = require("../../types");
 class _SchemaField extends React.Component {
     applyFunction(props) {
         let _a = (props.uiSchema || {}), { "ui:functions": functions, "ui:childFunctions": childFunctions, "ui:annotations": annotations, "ui:multiLanguage": multiLanguage } = _a, _uiSchema = __rest(_a, ["ui:functions", "ui:childFunctions", "ui:annotations", "ui:multiLanguage"]);
-        functions = functions ? utils_1.asArray(functions) : [];
+        functions = functions ? (0, utils_1.asArray)(functions) : [];
         if (childFunctions) {
             functions = [
                 { "ui:field": "UiFieldMapperArrayField", "ui:options": { functions: childFunctions } },
@@ -48,7 +62,7 @@ class _SchemaField extends React.Component {
         }
         if (annotations) {
             functions = [
-                { "ui:field": "AnnotationField", "ui:options": (utils_2.isObject(annotations) ? annotations : {}) },
+                { "ui:field": "AnnotationField", "ui:options": ((0, utils_2.isObject)(annotations) ? annotations : {}) },
                 ...functions
             ];
         }
@@ -64,11 +78,11 @@ class _SchemaField extends React.Component {
         let [uiFn, ...restUiFns] = functions;
         const { "ui:injections": injections } = uiFn;
         if (injections) {
-            const injectedUiSchema = ContextInjectionField_1.getInjectedUiSchema(uiFn, injections, props.registry.formContext.uiSchemaContext);
+            const injectedUiSchema = (0, ContextInjectionField_1.getInjectedUiSchema)(uiFn, injections, props.registry.formContext.uiSchemaContext);
             uiFn = Object.assign(Object.assign({}, injectedUiSchema), { "ui:injections": undefined });
         }
-        const buttons = !_props.uiSchema["ui:field"] ? utils_1.getUiOptions(_props.uiSchema).buttons : undefined;
-        const uiButtons = !_props.uiSchema["ui:field"] ? utils_1.getUiOptions(_props.uiSchema)["ui:buttons"] : undefined;
+        const buttons = !_props.uiSchema["ui:field"] ? (0, utils_1.getUiOptions)(_props.uiSchema).buttons : undefined;
+        const uiButtons = !_props.uiSchema["ui:field"] ? (0, utils_1.getUiOptions)(_props.uiSchema)["ui:buttons"] : undefined;
         _props = Object.assign(Object.assign({}, _props), { uiSchema: (_props.uiSchema["ui:field"] || _props.uiSchema["ui:widget"])
                 ? Object.assign(Object.assign({}, uiFn), { uiSchema: _props.uiSchema }) : Object.assign(Object.assign({}, _props.uiSchema), uiFn) });
         if (buttons || uiButtons) {
@@ -79,21 +93,21 @@ class _SchemaField extends React.Component {
     render() {
         var _a, _b;
         const props = this.applyFunction(this.props);
-        let { schema, uiSchema = {}, formContext, registry } = props, _props = __rest(props, ["schema", "uiSchema", "formContext", "registry"]); // eslint-disable-line @typescript-eslint/no-unused-vars
+        let { schema, uiSchema = {}, formContext, registry } = props, _props = __rest(props, ["schema", "uiSchema", "formContext", "registry"]);
         const { formContext: _formContext } = registry;
         // rjsf displays a duplicate label if 'uniqueItems' is true in some cases. We prevent that here.
         // Example of when it shows duplicate is http://localhost:8083/?id=JX.652&local=true, "Elinympäristö" on gathering
         // level.
-        if (types_1.isJSONSchemaArray(schema) && ((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.items) === null || _a === void 0 ? void 0 : _a["ui:field"])) {
+        if ((0, types_1.isJSONSchemaArray)(schema) && ((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.items) === null || _a === void 0 ? void 0 : _a["ui:field"])) {
             schema = Object.assign(Object.assign({}, schema), { uniqueItems: false });
         }
-        const options = utils_1.getUiOptions(uiSchema);
+        const options = (0, utils_1.getUiOptions)(uiSchema);
         if (typeof options.label === "string") {
             schema = Object.assign(Object.assign({}, schema), { title: options.label });
         }
         const { "ui:injections": injections } = uiSchema;
         if (injections) {
-            const injectedUiSchema = ContextInjectionField_1.getInjectedUiSchema(uiSchema, injections, _formContext.uiSchemaContext);
+            const injectedUiSchema = (0, ContextInjectionField_1.getInjectedUiSchema)(uiSchema, injections, _formContext.uiSchemaContext);
             uiSchema = Object.assign(Object.assign({}, injectedUiSchema), { "ui:injections": undefined });
         }
         // Remove unnecessary formDataTransformers in order to prevent unnecessary rendering.
@@ -105,12 +119,12 @@ class _SchemaField extends React.Component {
                 registry = Object.assign(Object.assign({}, registry), { formContext: Object.assign(Object.assign({}, _formContext), { formDataTransformers: filtered }) });
             }
         }
-        const idPointer = props.idSchema.$id ? utils_1.idSchemaIdToJSONPointer(props.idSchema.$id) : undefined;
+        const idPointer = props.idSchema.$id ? (0, utils_1.idSchemaIdToJSONPointer)(props.idSchema.$id) : undefined;
         if (idPointer && ((_b = _formContext.uiSchemaContext.additionalClassNames) === null || _b === void 0 ? void 0 : _b[idPointer])) {
             const additionalClassNames = _formContext.uiSchemaContext.additionalClassNames[idPointer];
-            uiSchema = Object.assign(Object.assign({}, uiSchema), { "ui:classNames": utils_1.classNames(uiSchema["ui:classNames"], additionalClassNames) });
+            uiSchema = Object.assign(Object.assign({}, uiSchema), { "ui:classNames": (0, utils_1.classNames)(uiSchema["ui:classNames"], additionalClassNames) });
         }
-        const { SchemaField } = core_1.getDefaultRegistry().fields;
+        const { SchemaField } = (0, core_1.getDefaultRegistry)().fields;
         return React.createElement(SchemaField, Object.assign({}, _props, { registry: registry, schema: schema, uiSchema: uiSchema }));
     }
 }

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

@@ -33,8 +33,8 @@
 export default class ScopeField extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
-        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
-            "ui:options": PropTypes.Validator<PropTypes.InferProps<{
+        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            "ui:options": PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 includeAdditionalFieldsChooserButton: PropTypes.Requireable<boolean>;
                 additionalsGroupingPath: PropTypes.Requireable<string>;
                 additionalsGroupsTranslator: PropTypes.Requireable<string>;
@@ -44,15 +44,23 @@ export default class ScopeField extends React.Component<any, any, any> {
                 fields: PropTypes.Requireable<(string | null | undefined)[]>;
                 definitions: PropTypes.Requireable<object>;
                 uiSchema: PropTypes.Requireable<object>;
-            }>>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+            }>>>;
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Validator<object>;
     };
     constructor(props: any);
+    state: {
+        includeAdditionalFieldsChooserButton: boolean;
+    };
+    UNSAFE_componentWillReceiveProps(props: any): void;
+    componentDidMount(): void;
     mounted: boolean | undefined;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    componentDidUpdate(prevProps: any, prevState: any): void;
     getAdditionalPersistenceValue: (props: any, includeUndefined?: boolean) => any[];
     getStateFromProps(props: any): {
         includeAdditionalFieldsChooserButton: boolean;

package/lib/components/fields/ScopeField.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -80,10 +94,10 @@ class ScopeField extends React.Component {
     constructor(props) {
         super(props);
         this.getAdditionalPersistenceValue = (props, includeUndefined = true) => {
-            const { additionalsPersistenceField, additionalPersistenceContextKey } = utils_1.getUiOptions(props.uiSchema);
+            const { additionalsPersistenceField, additionalPersistenceContextKey } = (0, utils_1.getUiOptions)(props.uiSchema);
             let formDataItem = props.formData[additionalsPersistenceField];
             if (additionalPersistenceContextKey && (formDataItem === undefined || Array.isArray(formDataItem) && formDataItem.length === 0)) {
-                formDataItem = Context_1.default(this.props.formContext.contextId)[additionalPersistenceContextKey];
+                formDataItem = (0, Context_1.default)(this.props.formContext.contextId)[additionalPersistenceContextKey];
             }
             let items = (Array.isArray(formDataItem) ? formDataItem : [formDataItem]);
             if (includeUndefined)
@@ -99,9 +113,9 @@ class ScopeField extends React.Component {
                 }
             });
             let defaultFields = (state && state.defaultFields) ? Object.assign({}, state.defaultFields) : {};
-            const options = utils_1.getUiOptions(uiSchema);
+            const options = (0, utils_1.getUiOptions)(uiSchema);
             let { fields, definitions, glyphFields = [], geometryField = "unitGathering_geometry", taxonField } = options;
-            let generatedUiSchema = utils_1.getInnerUiSchema(uiSchema);
+            let generatedUiSchema = (0, utils_1.getInnerUiSchema)(uiSchema);
             let fieldsToShow = {};
             (fields || []).forEach(field => {
                 fieldsToShow[field] = schema.properties[field];
@@ -124,7 +138,7 @@ class ScopeField extends React.Component {
                     let refs = fieldScope.refs;
                     fieldScope = Object.assign(Object.assign({}, fieldScope), { refs: undefined });
                     refs.forEach(ref => {
-                        fieldScope = deepmerge_1.default(fieldScope, definitions[ref]);
+                        fieldScope = (0, deepmerge_1.default)(fieldScope, definitions[ref]);
                     });
                 }
                 const { excludeFields = [], fields: _fields = [], defaultFields: _defaultFields = [] } = fieldScope;
@@ -143,7 +157,7 @@ class ScopeField extends React.Component {
                 });
                 if (fieldScope.uiSchema) {
                     const { uiSchemaMergeType = "merge" } = fieldScope;
-                    generatedUiSchema = ConditionalUiSchemaField_1.computeUiSchema(generatedUiSchema, { type: uiSchemaMergeType, uiSchema: fieldScope.uiSchema });
+                    generatedUiSchema = (0, ConditionalUiSchemaField_1.computeUiSchema)(generatedUiSchema, { type: uiSchemaMergeType, uiSchema: fieldScope.uiSchema });
                 }
                 if (fieldScope.fieldScopes) {
                     addFieldScopeFieldsToFieldsToShow(fieldScope);
@@ -162,14 +176,14 @@ class ScopeField extends React.Component {
                         }
                         if (!Array.isArray(fieldSelectorValues))
                             fieldSelectorValues = [fieldSelectorValues];
-                        if (scopes[fieldSelector]["+"] && fieldSelectorValues.length > 0 && fieldSelectorValues.some(_fieldSelectorValue => _fieldSelectorValue !== "undefined" && utils_1.hasData(_fieldSelectorValue) && !utils_1.isDefaultData(_fieldSelectorValue, schema.properties[fieldSelector]))) {
+                        if (scopes[fieldSelector]["+"] && fieldSelectorValues.length > 0 && fieldSelectorValues.some(_fieldSelectorValue => _fieldSelectorValue !== "undefined" && (0, utils_1.hasData)(_fieldSelectorValue) && !(0, utils_1.isDefaultData)(_fieldSelectorValue, schema.properties[fieldSelector]))) {
                             addFieldSelectorsValues(scopes, fieldSelector, "+");
                         }
                         if (scopes[fieldSelector]["*"]) {
                             addFieldSelectorsValues(scopes, fieldSelector, "*");
                         }
                         fieldSelectorValues.forEach(fieldSelectorValue => {
-                            if (utils_1.hasData(fieldSelectorValue) && !utils_1.isDefaultData(fieldSelectorValue, schema.properties[fieldSelector].type === "array" ? schema.properties[fieldSelector].items : schema.properties[fieldSelector])) {
+                            if ((0, utils_1.hasData)(fieldSelectorValue) && !(0, utils_1.isDefaultData)(fieldSelectorValue, schema.properties[fieldSelector].type === "array" ? schema.properties[fieldSelector].items : schema.properties[fieldSelector])) {
                                 addFieldSelectorsValues(scopes, fieldSelector, fieldSelectorValue);
                             }
                         });
@@ -210,7 +224,7 @@ class ScopeField extends React.Component {
                 Object.keys(formData).forEach((property) => {
                     if (!schema.properties[property])
                         return;
-                    const isDefault = utils_1.isDefaultData(formData[property], schema.properties[property]);
+                    const isDefault = (0, utils_1.isDefaultData)(formData[property], schema.properties[property]);
                     if (!isDefault) {
                         fieldsToShow[property] = props.schema.properties[property];
                     }
@@ -231,7 +245,7 @@ class ScopeField extends React.Component {
                     }
                 };
                 const uiFunctions = generatedUiSchema["ui:functions"]
-                    ? utils_1.isObject(generatedUiSchema["ui:functions"])
+                    ? (0, utils_1.isObject)(generatedUiSchema["ui:functions"])
                         ? [generatedUiSchema["ui:functions"], locationFn]
                         : [...generatedUiSchema["ui:functions"], locationFn]
                     : [locationFn];
@@ -256,7 +270,7 @@ class ScopeField extends React.Component {
                 }
                 return [];
             }
-            const { additionalsGroupingPath } = utils_1.getUiOptions(this.props.uiSchema);
+            const { additionalsGroupingPath } = (0, utils_1.getUiOptions)(this.props.uiSchema);
             let additionalProperties = {};
             Object.keys(this.props.schema.properties).forEach(property => {
                 if (!this.state.fieldsToShow[property] ||
@@ -281,10 +295,10 @@ class ScopeField extends React.Component {
         this.renderFieldsModal = (additionalProperties) => {
             const { translations } = this.props.formContext;
             let list = [];
-            const options = utils_1.getUiOptions(this.props.uiSchema);
+            const options = (0, utils_1.getUiOptions)(this.props.uiSchema);
             const { additionalsGroupingPath } = options;
             let groupTranslations = this.state.additionalsGroupsTranslations;
-            const groups = additionalsGroupingPath ? utils_1.parseJSONPointer(options, additionalsGroupingPath) : {};
+            const groups = additionalsGroupingPath ? (0, utils_1.parseJSONPointer)(options, additionalsGroupingPath) : {};
             const additionalsPersistenceValue = this.getAdditionalPersistenceValue(this.props);
             let groupNames = Object.keys(groups);
             if (additionalsPersistenceValue)
@@ -307,7 +321,7 @@ class ScopeField extends React.Component {
                 React.createElement(components_1.GlyphButton, { glyph: "cog", onClick: this.onToggleAdditionals, id: `${this.props.idSchema.$id}-additionals`, variant: "primary" })));
         };
         this.renderGlyphFields = () => {
-            const { glyphFields } = utils_1.getUiOptions(this.props.uiSchema);
+            const { glyphFields } = (0, utils_1.getUiOptions)(this.props.uiSchema);
             return glyphFields ?
                 glyphFields.filter(settings => !settings.fn || settings.fn !== "setLocation").map((settings, i) => React.createElement(GlyphField, { key: i, settings: settings, idSchema: this.props.idSchema, formData: this.props.formData, schema: this.props.schema, registry: this.props.registry, isIncluded: this.propertyIsIncluded(settings.show), toggleAdditionalProperty: this.toggleAdditionalProperty })) : null;
         };
@@ -317,7 +331,7 @@ class ScopeField extends React.Component {
             return !!isIncluded;
         };
         this.toggleAdditionalProperty = (fields) => {
-            const { additionalsPersistenceField, additionalsPersistenceKey } = utils_1.getUiOptions(this.props.uiSchema);
+            const { additionalsPersistenceField, additionalsPersistenceKey } = (0, utils_1.getUiOptions)(this.props.uiSchema);
             if (!Array.isArray(fields))
                 fields = [fields];
             const additionalFields = fields.reduce((additionalFields, field) => {
@@ -344,11 +358,11 @@ class ScopeField extends React.Component {
             this.setState(Object.assign({ additionalFields }, this.getSchemasAndAdditionals(this.props, Object.assign(Object.assign({}, this.state), { additionalFields }))));
         };
         this.additionalPropertiesToList = (properties, ElemType) => {
-            const titles = utils_1.getUiOptions(this.props.uiSchema).titles || {};
-            return utils_2.orderProperties(Object.keys(properties), this.props.uiSchema["ui:order"])
+            const titles = (0, utils_1.getUiOptions)(this.props.uiSchema).titles || {};
+            return (0, utils_2.orderProperties)(Object.keys(properties), this.props.uiSchema["ui:order"])
                 .map(property => {
                 const isIncluded = this.propertyIsIncluded(property);
-                const hasData = utils_1.propertyHasData(property, this.props.formData) && (!this.props.formData || !utils_1.isDefaultData(this.props.formData[property], this.props.schema.properties[property]));
+                const hasData = (0, utils_1.propertyHasData)(property, this.props.formData) && (!this.props.formData || !(0, utils_1.isDefaultData)(this.props.formData[property], this.props.schema.properties[property]));
                 if (!this.propertyTogglers) {
                     this.propertyTogglers = {};
                 }
@@ -359,18 +373,18 @@ class ScopeField extends React.Component {
             });
         };
         this.translateAdditionalsGroups = (props) => {
-            let options = utils_1.getUiOptions(props.uiSchema);
+            let options = (0, utils_1.getUiOptions)(props.uiSchema);
             const { additionalsGroupingPath, additionalsGroupsTranslator } = options;
             if (!additionalsGroupingPath)
                 return;
-            const groups = utils_1.parseJSONPointer(options, additionalsGroupingPath);
-            const groupNames = Object.keys(groups).filter(groupName => !utils_1.isNullOrUndefined(groups[groupName]));
+            const groups = (0, utils_1.parseJSONPointer)(options, additionalsGroupingPath);
+            const groupNames = Object.keys(groups).filter(groupName => !(0, utils_1.isNullOrUndefined)(groups[groupName]));
             let translations = {};
             let translationsToKeys = {};
             let translationCount = 0;
             groupNames.forEach(groupName => {
                 const title = groups[groupName].title;
-                const promise = (!utils_1.isNullOrUndefined(title)) ?
+                const promise = (!(0, utils_1.isNullOrUndefined)(title)) ?
                     new Promise(resolve => resolve(title)) :
                     scopeFieldSettings[additionalsGroupsTranslator].translate(props, groupName);
                 promise.then(translation => {
@@ -402,7 +416,7 @@ class ScopeField extends React.Component {
     }
     render() {
         const SchemaField = this.props.registry.fields.SchemaField;
-        const { additionalsGroupingPath } = utils_1.getUiOptions(this.props.uiSchema);
+        const { additionalsGroupingPath } = (0, utils_1.getUiOptions)(this.props.uiSchema);
         let uiSchema = Object.assign(Object.assign({}, this.state.uiSchema), { "ui:buttons": [
                 ...(this.props.uiSchema["ui:buttons"] || []),
                 ...this.renderAdditionalsButtons()
@@ -421,7 +435,7 @@ class ScopeField extends React.Component {
     componentDidUpdate(prevProps, prevState) {
         if (this.state.additionalsOpen
             && (!this.state.additionalsGroupsTranslations || prevProps.formContext.lang !== this.props.formContext.lang ||
-                utils_1.getUiOptions(prevProps.uiSchema).additionalsGroupsTranslator !== utils_1.getUiOptions(this.props.uiSchema).additionalsGroupsTranslator)) {
+                (0, utils_1.getUiOptions)(prevProps.uiSchema).additionalsGroupsTranslator !== (0, utils_1.getUiOptions)(this.props.uiSchema).additionalsGroupsTranslator)) {
             this.translateAdditionalsGroups(this.props);
         }
         if (!equals(prevState.fieldsToShow, this.state.fieldsToShow)) {
@@ -429,12 +443,12 @@ class ScopeField extends React.Component {
         }
     }
     getStateFromProps(props) {
-        const options = utils_1.getUiOptions(props.uiSchema);
+        const options = (0, utils_1.getUiOptions)(props.uiSchema);
         const includeAdditionalFieldsChooserButton = !!options.includeAdditionalFieldsChooserButton;
         let state = {
             includeAdditionalFieldsChooserButton
         };
-        const { additionalsPersistenceField, additionalsPersistenceKey } = utils_1.getUiOptions(props.uiSchema);
+        const { additionalsPersistenceField, additionalsPersistenceKey } = (0, utils_1.getUiOptions)(props.uiSchema);
         let additionalFields = additionalsPersistenceField
             ? {}
             : (this.state ? this.state.additionalFields : {});
@@ -470,7 +484,6 @@ class ScopeField extends React.Component {
                 React.createElement(Dropdown.Menu, { onSelect: this.onSelect }, this.additionalPropertiesToList(additionalProperties, MenuItem)))));
     }
 }
-exports.default = ScopeField;
 ScopeField.contextType = ReactContext_1.default;
 ScopeField.propTypes = {
     uiSchema: PropTypes.shape({
@@ -491,10 +504,11 @@ ScopeField.propTypes = {
     }).isRequired,
     formData: PropTypes.object.isRequired
 };
+exports.default = ScopeField;
 const getGroupFields = (group, additionalProperties, schema) => {
     const { fields = [], additionalFields = [] } = group;
-    const additionalFieldsDict = utils_1.dictionarify(additionalFields);
-    let combinedFields = Object.keys(Object.assign(Object.assign({}, utils_1.dictionarify(fields)), additionalFieldsDict));
+    const additionalFieldsDict = (0, utils_1.dictionarify)(additionalFields);
+    let combinedFields = Object.keys(Object.assign(Object.assign({}, (0, utils_1.dictionarify)(fields)), additionalFieldsDict));
     let groupFields = {};
     combinedFields.forEach(field => {
         if (additionalProperties[field]) {
@@ -535,9 +549,9 @@ function GlyphField({ settings, idSchema, formData, schema, isIncluded, toggleAd
     if (!show) {
         return null;
     }
-    const hasData = utils_1.propertyHasData(property, formData) && (!formData || !utils_1.isDefaultData(formData[property], schema.properties[property]));
+    const hasData = (0, utils_1.propertyHasData)(property, formData) && (!formData || !(0, utils_1.isDefaultData)(formData[property], schema.properties[property]));
     const tooltip = React.createElement(Tooltip, { id: `${idSchema.$id}-${property}-tooltip-${glyph}` }, label);
     return (React.createElement(OverlayTrigger, { key: property, overlay: tooltip, placement: "left" },
         React.createElement(components_1.GlyphButton, { glyph: glyph, disabled: hasData, active: isIncluded, onClick: onButtonClick })));
 }
-Context_1.default("SCHEMA_FIELD_WRAPPERS").ScopeField = true;
+(0, Context_1.default)("SCHEMA_FIELD_WRAPPERS").ScopeField = true;

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

@@ -3,9 +3,9 @@ export default class SectionArrayField extends React.Component<any, any, any> {
         uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
             "ui:options": PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Requireable<any[]>;
     };
     static getName(): string;