@luomus/laji-form 15.1.4 → 15.1.6

package/lib/components/fields/FilterArrayField.js

@@ -0,0 +1,121 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.arrayRulesPropType = void 0;
+const React = require("react");
+const PropTypes = require("prop-types");
+const utils_1 = require("../../utils");
+const ConditionalUiSchemaField_1 = require("./ConditionalUiSchemaField");
+const BaseComponent_1 = require("../BaseComponent");
+const arrayRulePropType = PropTypes.shape({
+    idx: PropTypes.number,
+    isLast: PropTypes.number,
+    complement: PropTypes.bool
+});
+exports.arrayRulesPropType = PropTypes.oneOfType([
+    ConditionalUiSchemaField_1.rulePropType,
+    arrayRulePropType,
+    PropTypes.arrayOf(PropTypes.oneOfType([ConditionalUiSchemaField_1.rulePropType, arrayRulePropType]))
+]);
+let FilterArrayField = class FilterArrayField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.getOnActiveChange = (idx, prop, callback) => {
+            const offset = idx === undefined
+                ? 0
+                : (idx in this.filteredToOffsets)
+                    ? this.filteredToOffsets[idx]
+                    : this.filteredTotal;
+            this.cachedOnActiveChange(idx === undefined ? undefined : idx + offset, prop, callback);
+        };
+        this.onChange = (formData) => {
+            this.props.onChange(Object.keys(this.filteredIdxs).sort().reduce((_formData, idx) => {
+                const updated = [..._formData];
+                updated.splice(idx, 0, this.filteredIdxs[idx]);
+                return updated;
+            }, formData));
+        };
+    }
+    getStateFromProps(props) {
+        if (props.schema.items.type !== "object") {
+            throw new Error("Can't use FilterArrayField if items aren't objects");
+        }
+        this.cache = this.cache || {};
+        const { rules, cache } = utils_1.getUiOptions(props.uiSchema);
+        this.filteredIdxs = {};
+        this.filteredToOffsets = {};
+        this.idxToOffsets = {};
+        let filteredCount = 0;
+        const store = (idx, item) => {
+            this.filteredIdxs[idx] = item;
+            filteredCount++;
+        };
+        const formData = (props.formData || []).filter((item, idx) => {
+            let passes;
+            if (cache) {
+                const { passes: _passes, cache: _cache } = utils_1.checkArrayRules(rules, { formData: props.formData }, idx, this.cache);
+                passes = _passes;
+                this.cache = _cache;
+                !passes && store(idx, item);
+            }
+            else {
+                passes = utils_1.checkArrayRules(rules, { formData: props.formData }, idx);
+                !passes && store(idx, item);
+            }
+            if (passes) {
+                this.filteredToOffsets[idx - filteredCount] = filteredCount;
+                this.filteredToOffsets[`_${idx}`] = filteredCount;
+            }
+            this.idxToOffsets[idx] = filteredCount;
+            return passes;
+        });
+        this.filteredTotal = filteredCount;
+        const errorSchema = Object.keys(props.errorSchema).reduce((errorSchema, idx) => {
+            errorSchema[idx - this.idxToOffsets[idx]] = props.errorSchema[idx];
+            return errorSchema;
+        }, {});
+        const innerUiSchema = utils_1.getInnerUiSchema(props.uiSchema);
+        const uiSchema = Object.assign(Object.assign({}, innerUiSchema), { "ui:options": this.getActiveProps(Object.assign(Object.assign({}, utils_1.getUiOptions(innerUiSchema)), { idxOffsets: this.filteredToOffsets, totalOffset: this.filteredTotal })) });
+        return Object.assign(Object.assign({}, props), { formData,
+            uiSchema,
+            errorSchema, onChange: this.onChange });
+    }
+    getActiveProps(options) {
+        const { onActiveChange, activeIdx } = options;
+        if (onActiveChange) {
+            if (this.cachedOnActiveChange !== onActiveChange) {
+                this.cachedOnActiveChange = onActiveChange;
+            }
+            options = Object.assign(Object.assign({}, options), { onActiveChange: this.getOnActiveChange });
+        }
+        if (activeIdx !== undefined) {
+            options = Object.assign(Object.assign({}, options), { activeIdx: options.activeIdx - this.idxToOffsets[options.activeIdx] });
+        }
+        return options;
+    }
+    render() {
+        const SchemaField = this.props.registry.fields.SchemaField;
+        return React.createElement(SchemaField, Object.assign({}, this.props, this.state));
+    }
+};
+FilterArrayField.propTypes = {
+    uiSchema: PropTypes.shape({
+        "ui:options": PropTypes.shape({
+            rules: exports.arrayRulesPropType,
+            cache: PropTypes.boolean
+        })
+    }),
+    schema: PropTypes.shape({
+        type: PropTypes.oneOf(["array"])
+    }).isRequired,
+    formData: PropTypes.array
+};
+FilterArrayField = __decorate([
+    BaseComponent_1.default
+], FilterArrayField);
+exports.default = FilterArrayField;

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

@@ -0,0 +1,29 @@
+export default class FlatField extends React.Component<any, any, any> {
+    static propTypes: {
+        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
+            "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
+                fields: PropTypes.Requireable<(string | null | undefined)[]>;
+            }>>;
+            uiSchema: PropTypes.Requireable<object>;
+        }>>;
+        schema: PropTypes.Validator<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+        }>>;
+        formData: PropTypes.Requireable<object>;
+    };
+    static getName(): string;
+    constructor(props: any);
+    constructor(props: any, context: any);
+    getStateFromProps(props: any, origProps: any): {
+        schema: any;
+        uiSchema: any;
+        errorSchema: any;
+        formData: any;
+        idSchema: any;
+        onChange: (formData: any) => void;
+    };
+    _onChange: (formData: any, schema: any, fields: any) => any;
+    onChange: (formData: any) => void;
+}
+import * as React from "react";
+import * as PropTypes from "prop-types";

package/lib/components/fields/FlatField.js

@@ -0,0 +1,171 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const PropTypes = require("prop-types");
+const immutability_helper_1 = require("immutability-helper");
+const utils_1 = require("../../utils");
+const VirtualSchemaField_1 = require("../VirtualSchemaField");
+function getPropName(field, innerField, isArray) {
+    return `${field}_${isArray ? "0_" : ""}${innerField}`;
+}
+let FlatField = class FlatField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._onChange = (formData, schema, fields) => {
+            let _fields = [], deepFields = [];
+            fields.forEach(f => {
+                (f.includes("_") ? deepFields : _fields).push(f);
+            });
+            Object.keys(formData).sort().forEach(prop => {
+                if (prop.includes("_"))
+                    _fields.forEach(field => {
+                        if (prop.includes(`${field}_`)) {
+                            const isArray = (schema.properties[field].type === "array");
+                            const newItemName = prop.replace(`${field}_${isArray ? "0_" : ""}`, "");
+                            const newItemBase = isArray ?
+                                ((formData[field] && formData[field][0]) ? formData[field][0] : {}) :
+                                (formData[field] || {});
+                            const updatedItem = Object.assign(Object.assign({}, newItemBase), { [newItemName]: formData[prop] });
+                            formData = Object.assign(Object.assign({}, formData), { [field]: isArray ? [updatedItem] : updatedItem });
+                            formData = utils_1.immutableDelete(formData, prop);
+                        }
+                    });
+            });
+            deepFields.forEach(deepField => {
+                const deepContainerName = deepField.match(/^[^_]*/)[0];
+                const deepContainer = formData[deepContainerName][0] || formData[deepContainerName];
+                deepField = deepField.replace(/^[^_]*_(0_)?/, "");
+                const deepSchema = schema.properties[deepContainerName];
+                const changedDeep = this._onChange(deepContainer, deepSchema.items || deepSchema, [deepField]);
+                formData = Object.assign(Object.assign({}, formData), { [deepContainerName]: deepSchema.type === "array" ? [changedDeep] : changedDeep });
+            });
+            return formData;
+        };
+        this.onChange = (formData) => {
+            const _formData = this._onChange(formData, this.props.schema, this.getUiOptions().fields);
+            this.props.onChange(_formData);
+        };
+    }
+    static getName() { return "FlatField"; }
+    getStateFromProps(props, origProps) {
+        const state = {
+            schema: props.schema,
+            uiSchema: props.uiSchema,
+            errorSchema: props.errorSchema,
+            formData: props.formData,
+            idSchema: props.idSchema,
+            onChange: this.onChange
+        };
+        const { fields } = this.getUiOptions();
+        fields.sort().forEach(field => {
+            let innerSchema = state.schema.properties[field];
+            const isArray = innerSchema.type === "array";
+            if (isArray)
+                innerSchema = innerSchema.items;
+            let { properties } = innerSchema;
+            if (properties)
+                Object.keys(properties).forEach(innerField => {
+                    state.schema = immutability_helper_1.default(state.schema, { properties: { $merge: { [getPropName(field, innerField, isArray)]: properties[innerField] } } });
+                    if (innerSchema.required && innerSchema.required.indexOf(innerField) !== -1) {
+                        state.schema.required = immutability_helper_1.default(state.schema.required || [], { $push: [getPropName(field, innerField, isArray)] });
+                    }
+                    if (state.uiSchema[field]) {
+                        if (!isArray && state.uiSchema[field][innerField]) {
+                            state.uiSchema = immutability_helper_1.default(state.uiSchema, { $merge: { [getPropName(field, innerField, isArray)]: state.uiSchema[field][innerField] } });
+                        }
+                        else if (isArray && state.uiSchema[field].items && state.uiSchema[field].items[innerField]) {
+                            state.uiSchema = immutability_helper_1.default(state.uiSchema, { $merge: { [getPropName(field, innerField, isArray)]: state.uiSchema[field].items[innerField] } });
+                        }
+                    }
+                    state.idSchema = Object.assign(Object.assign({}, state.idSchema), { [field]: this.props.registry.schemaUtils.toIdSchema(state.schema.properties[field], `${state.idSchema.$id}_${field}`) });
+                    let innerId = state.idSchema[field][innerField].$id;
+                    if (isArray) {
+                        innerId = innerId.replace(/(.*)_(.*)$/, "$1_0_$2");
+                    }
+                    state.idSchema = immutability_helper_1.default(state.idSchema, { $merge: { [getPropName(field, innerField, isArray)]: { $id: innerId } } });
+                });
+            state.schema.properties = utils_1.immutableDelete(state.schema.properties, field);
+            state.idSchema = utils_1.immutableDelete(state.idSchema, field);
+            const { "ui:order": order = [] } = state.uiSchema;
+            const orderIdxs = order.reduce((obj, field, idx) => {
+                obj[field] = idx;
+                return obj;
+            }, {});
+            if (field in orderIdxs) {
+                const head = order.slice(0, orderIdxs[field]);
+                const tail = order.slice(orderIdxs[field] + 1);
+                state.uiSchema["ui:order"] = [...head, ...Object.keys(properties).map(innerField => getPropName(field, innerField, isArray)), ...tail];
+            }
+            if (state.formData && state.formData[field]) {
+                let innerData = state.formData[field];
+                if (!innerData && state.schema.properties[field].type === "object") {
+                    innerData = utils_1.getDefaultFormState(state.schema.properties[field]);
+                }
+                else if (!innerData && state.schema.properties[field].type === "array") {
+                    innerData = [utils_1.getDefaultFormState(state.schema.properties[field].items)];
+                }
+                if (Array.isArray(innerData)) {
+                    innerData = innerData[0];
+                }
+                Object.keys(innerData || {}).forEach(innerField => {
+                    state.formData = Object.assign(Object.assign({}, state.formData), { [getPropName(field, innerField, isArray)]: innerData[innerField] });
+                });
+                state.formData = utils_1.immutableDelete(state.formData, field);
+            }
+            if (state.errorSchema) {
+                Object.keys(state.errorSchema).forEach(errorField => {
+                    if (errorField === field) {
+                        if (isArray) {
+                            Object.keys(state.errorSchema[errorField])
+                                .filter(key => key !== "__errors")
+                                .map(key => state.errorSchema[errorField][key]).forEach(error => {
+                                Object.keys(error).forEach(innerError => {
+                                    state.errorSchema = Object.assign(Object.assign({}, state.errorSchema), { [getPropName(field, innerError, isArray)]: Object.assign(Object.assign({}, (state.errorSchema[getPropName(field, innerError, isArray)] || {})), error[innerError]) });
+                                });
+                            });
+                            state.errorSchema = utils_1.immutableDelete(state.errorSchema, field);
+                            if (state.errorSchema[field] && state.errorSchema[field].__errors) {
+                                state.errorSchema = Object.assign(Object.assign({}, state.errorSchema), { __errors: state.errorSchema[field].__errors });
+                            }
+                        }
+                        else {
+                            Object.keys(state.errorSchema[errorField]).forEach(innerError => {
+                                state.errorSchema = Object.assign(Object.assign({}, state.errorSchema), { [getPropName(field, innerError, isArray)]: Object.assign(Object.assign({}, (state.errorSchema[getPropName(field, innerError, isArray)] || {})), state.errorSchema[errorField][innerError]) });
+                            });
+                            state.errorSchema = utils_1.immutableDelete(state.errorSchema, errorField);
+                        }
+                    }
+                });
+            }
+        });
+        const { formDataTransformers = [] } = props.formContext;
+        state.formContext = Object.assign(Object.assign({}, props.formContext), { formDataTransformers: [
+                ...formDataTransformers,
+                { "ui:field": "FlatField", props: origProps, targets: fields.map(field => `${props.idSchema.$id}_${field}`) }
+            ] });
+        state.registry = Object.assign(Object.assign({}, props.registry), { formContext: state.formContext });
+        return state;
+    }
+};
+FlatField.propTypes = {
+    uiSchema: PropTypes.shape({
+        "ui:options": PropTypes.shape({
+            "fields": PropTypes.arrayOf(PropTypes.string),
+        }),
+        uiSchema: PropTypes.object
+    }).isRequired,
+    schema: PropTypes.shape({
+        type: PropTypes.oneOf(["object"])
+    }).isRequired,
+    formData: PropTypes.object
+};
+FlatField = __decorate([
+    VirtualSchemaField_1.default
+], FlatField);
+exports.default = FlatField;

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

@@ -0,0 +1,47 @@
+export default class GeocoderField extends React.Component<any, any, any> {
+    static propTypes: {
+        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
+            "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
+                updateOnlyEmpty: PropTypes.Requireable<boolean>;
+                button: PropTypes.Requireable<boolean>;
+                fields: PropTypes.Requireable<(string | null | undefined)[]>;
+                geometryField: PropTypes.Requireable<string>;
+                fieldOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+                    field: PropTypes.Requireable<string>;
+                    enum: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+            }>>;
+            uiSchema: PropTypes.Requireable<object>;
+        }>>;
+        schema: PropTypes.Validator<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+        }>>;
+        formData: PropTypes.Requireable<object>;
+    };
+    static getName(): string;
+    static contextType: React.Context<import("../../ReactContext").ContextProps>;
+    constructor(props: any);
+    onLocate: (geometry: any) => void;
+    mounted: boolean | undefined;
+    getOptions: (props: any) => any;
+    getStateFromProps(props: any, loading: any): {
+        loading: any;
+    };
+    getButton(props: any, loading: any): {
+        fn: () => () => void;
+        position: string;
+        key: any;
+        render: (onClick: any) => JSX.Element;
+    };
+    onButtonClick: () => () => void;
+    fetchedButton: any;
+    getGeometry: (props: any) => any;
+    normalizeGeometry: (geometry: any) => any;
+    fetch: (url: any) => any;
+    update: (props: any, callback: any) => void;
+    getComponentContext: () => Record<string, unknown>;
+    updateForGeometry: (props: any, callback: any, geometry: any) => void;
+    promiseTimestamp: number | undefined;
+}
+import * as React from "react";
+import * as PropTypes from "prop-types";