@formio/js 5.0.0-rc.26 → 5.0.0-rc.27-dev.5543.40bb827

package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -1,178 +0,0 @@
-'use strict';
-import _ from 'lodash';
-import { componentValueTypes } from '../../../utils/utils';
-import Component from '../component/Component';
-import NestedDataComponent from '../nesteddata/NestedDataComponent';
-export default class NestedArrayComponent extends NestedDataComponent {
-    static schema(...extend) {
-        return NestedDataComponent.schema({
-            disableAddingRemovingRows: false
-        }, ...extend);
-    }
-    static savedValueTypes() {
-        return [componentValueTypes.array];
-    }
-    componentContext(component) {
-        return this.iteratableRows[component.rowIndex].data;
-    }
-    get iteratableRows() {
-        throw new Error('Getter #iteratableRows() is not implemented');
-    }
-    get rowIndex() {
-        return super.rowIndex;
-    }
-    set rowIndex(value) {
-        this._rowIndex = value;
-    }
-    init() {
-        super.init();
-        this.prevHasAddButton = this.hasAddButton();
-    }
-    checkAddButtonChanged() {
-        const isAddButton = this.hasAddButton();
-        if (isAddButton !== this.prevHasAddButton) {
-            this.prevHasAddButton = isAddButton;
-            this.redraw();
-        }
-    }
-    checkData(data, flags, row) {
-        data = data || this.rootValue;
-        flags = flags || {};
-        row = row || this.data;
-        this.checkAddButtonChanged();
-        return this.checkRows('checkData', data, flags, Component.prototype.checkData.call(this, data, flags, row));
-    }
-    checkRows(method, data, opts, defaultValue, silentCheck) {
-        return this.iteratableRows.reduce((valid, row, rowIndex) => {
-            if (!opts?.rowIndex || opts?.rowIndex === rowIndex) {
-                return this.checkRow(method, data, opts, row.data, row.components, silentCheck) && valid;
-            }
-            else {
-                return valid;
-            }
-        }, defaultValue);
-    }
-    checkRow(method, data, opts, row, components, silentCheck) {
-        if (opts?.isolateRow) {
-            silentCheck = true;
-            opts.noRefresh = true;
-        }
-        const valid = _.reduce(components, (valid, component) => component[method](data, opts, row, silentCheck) && valid, true);
-        if (opts?.noRefresh) {
-            delete opts.noRefresh;
-        }
-        return valid;
-    }
-    hasAddButton() {
-        const maxLength = _.get(this.component, 'validate.maxLength');
-        const conditionalAddButton = _.get(this.component, 'conditionalAddButton');
-        return !this.component.disableAddingRemovingRows &&
-            !this.options.readOnly &&
-            !this.disabled &&
-            this.fullMode &&
-            !this.options.preview &&
-            (!maxLength || (this.iteratableRows.length < maxLength)) &&
-            (!conditionalAddButton || this.evaluate(conditionalAddButton, {
-                value: this.dataValue,
-            }, 'show'));
-    }
-    getComponent(path, fn, originalPath) {
-        path = Array.isArray(path) ? path : [path];
-        let key = path.shift();
-        const remainingPath = path;
-        let result = [];
-        let possibleComp = null;
-        let comp = null;
-        let rowIndex = null;
-        if (_.isNumber(key)) {
-            rowIndex = key;
-            key = remainingPath.shift();
-        }
-        if (!_.isString(key)) {
-            return result;
-        }
-        this.everyComponent((component, components) => {
-            if (component.component.key === key) {
-                possibleComp = component;
-                if (remainingPath.length > 0 && 'getComponent' in component) {
-                    comp = component.getComponent(remainingPath, fn, originalPath);
-                }
-                else if (fn) {
-                    fn(component, components);
-                }
-                result = rowIndex !== null ? comp : result.concat(comp || possibleComp);
-            }
-        }, rowIndex);
-        if ((!result || result.length === 0) && possibleComp) {
-            result = rowIndex !== null ? possibleComp : [possibleComp];
-        }
-        return result;
-    }
-    everyComponent(fn, rowIndex, options) {
-        if (_.isObject(rowIndex)) {
-            options = rowIndex;
-            rowIndex = null;
-        }
-        if (options?.email) {
-            return;
-        }
-        const components = this.getComponents(rowIndex);
-        _.each(components, (component, index) => {
-            if (fn(component, components, index) === false) {
-                return false;
-            }
-            if (typeof component.everyComponent === 'function') {
-                if (component.everyComponent(fn, options) === false) {
-                    return false;
-                }
-            }
-        });
-    }
-    getValueAsString(value, options) {
-        if (options?.email) {
-            let result = (`
-        <table border="1" style="width:100%">
-          <thead>
-            <tr>
-      `);
-            this.component.components?.forEach((component) => {
-                const label = component.label || component.key;
-                result += `<th style="padding: 5px 10px;">${label}</th>`;
-            });
-            result += (`
-          </tr>
-        </thead>
-        <tbody>
-      `);
-            this.iteratableRows.forEach(({ components }) => {
-                result += '<tr>';
-                _.each(components, (component) => {
-                    result += '<td style="padding:5px 10px;">';
-                    if (component.isInputComponent && component.visible && !component.skipInEmail) {
-                        result += component.getView(component.dataValue, options);
-                    }
-                    result += '</td>';
-                });
-                result += '</tr>';
-            });
-            result += (`
-          </tbody>
-        </table>
-      `);
-            return result;
-        }
-        if (!value || !value.length) {
-            return '';
-        }
-        return super.getValueAsString(value, options);
-    }
-    getComponents(rowIndex) {
-        if (rowIndex !== undefined) {
-            if (!this.iteratableRows[rowIndex]) {
-                return [];
-            }
-            return this.iteratableRows[rowIndex].components;
-        }
-        return super.getComponents();
-    }
-}

package/lib/mjs/components/_classes/nesteddata/NestedDataComponent.d.ts

@@ -1,12 +0,0 @@
-export default class NestedDataComponent extends NestedComponent {
-    static savedValueTypes(schema: any): string[];
-    hasChanged(newValue: any, oldValue: any): boolean;
-    get allowData(): boolean;
-    get emptyValue(): {};
-    getValueAsString(value: any, options: any): string;
-    getDataValueAsTable(value: any, options: any): string;
-    everyComponent(fn: any, options: any): void;
-    updateValue(value: any, flags?: {}): boolean;
-    setValue(value: any, flags?: {}): boolean;
-}
-import NestedComponent from '../nested/NestedComponent';

package/lib/mjs/components/_classes/nesteddata/NestedDataComponent.js

@@ -1,128 +0,0 @@
-'use strict';
-import Component from '../component/Component';
-import NestedComponent from '../nested/NestedComponent';
-import _ from 'lodash';
-import { componentValueTypes, getComponentSavedTypes } from '../../../utils/utils';
-export default class NestedDataComponent extends NestedComponent {
-    hasChanged(newValue, oldValue) {
-        // If we do not have a value and are getting set to anything other than undefined or null, then we changed.
-        if (newValue !== undefined &&
-            newValue !== null &&
-            !this.hasValue()) {
-            return true;
-        }
-        return !_.isEqual(newValue, oldValue);
-    }
-    static savedValueTypes(schema) {
-        return getComponentSavedTypes(schema) || [componentValueTypes.object];
-    }
-    get allowData() {
-        return true;
-    }
-    get emptyValue() {
-        return {};
-    }
-    componentContext() {
-        return this.dataValue;
-    }
-    getValueAsString(value, options) {
-        if (options?.email) {
-            let result = (`
-        <table border="1" style="width:100%">
-          <tbody>
-      `);
-            this.everyComponent((component) => {
-                if (component.isInputComponent && component.visible && !component.skipInEmail) {
-                    result += (`
-            <tr>
-              <th style="padding: 5px 10px;">${component.label}</th>
-              <td style="width:100%;padding:5px 10px;">${component.getView(component.dataValue, options)}</td>
-            </tr>
-          `);
-                }
-            }, {
-                ...options,
-                fromRoot: true,
-            });
-            result += (`
-          </tbody>
-        </table>
-      `);
-            return result;
-        }
-        if (_.isEmpty(value)) {
-            return '';
-        }
-        if (options?.modalPreview) {
-            delete options.modalPreview;
-            return this.getDataValueAsTable(value, options);
-        }
-        return '[Complex Data]';
-    }
-    getDataValueAsTable(value, options) {
-        let result = (`
-      <table border="1" style="width:100%">
-        <tbody>
-    `);
-        const htmlTagRegExp = new RegExp('<(.*?)>');
-        this.components.forEach((component) => {
-            if (component.isInputComponent && component.visible && !component.skipInEmail) {
-                const componentValue = component.getView(component.dataValue, options);
-                result += (`
-          <tr>
-            <th style="padding: 5px 10px;">${component.label}</th>
-            <td style="width:100%;padding:5px 10px;">${component.component && component.component.inputFormat === 'html' && htmlTagRegExp.test(componentValue)
-                    ? componentValue
-                    : `<input type="text" value="${componentValue.replace(/"/g, '&quot;')}" readonly/>`}</td>
-          </tr>
-        `);
-            }
-        }, {
-            ...options,
-            fromRoot: true,
-        });
-        result += (`
-        </tbody>
-      </table>
-    `);
-        return result;
-    }
-    everyComponent(fn, options) {
-        if (options?.email) {
-            if (options.fromRoot) {
-                delete options.fromRoot;
-            }
-            else {
-                return;
-            }
-        }
-        return super.everyComponent(fn, options);
-    }
-    /**
-     * Get the value of this component.
-     *
-     * @returns {*}
-     */
-    getValue() {
-        return this.dataValue;
-    }
-    updateValue(value, flags = {}) {
-        // Intentionally skip over nested component updateValue method to keep
-        // recursive update from occurring with sub components.
-        return Component.prototype.updateValue.call(this, value, flags);
-    }
-    setValue(value, flags = {}) {
-        let changed = false;
-        const hasValue = this.hasValue();
-        if (hasValue && _.isEmpty(this.dataValue)) {
-            flags.noValidate = true;
-        }
-        if (!value || !_.isObject(value) || !hasValue) {
-            changed = true;
-            this.dataValue = this.defaultValue;
-        }
-        changed = super.setValue(value, flags) || changed;
-        this.updateOnChange(flags, changed);
-        return changed;
-    }
-}

package/lib/mjs/components/address/Address.d.ts

@@ -1,66 +0,0 @@
-export namespace AddressComponentMode {
-    const Autocomplete: string;
-    const Manual: string;
-}
-export default class AddressComponent extends ContainerComponent {
-    static get builderInfo(): {
-        title: string;
-        group: string;
-        icon: string;
-        documentation: string;
-        weight: number;
-        schema: any;
-    };
-    static get modeSwitcherRef(): string;
-    static get removeValueIconRef(): string;
-    static get searchInputRef(): string;
-    static get addRowButtonRef(): string;
-    static get removeRowButtonRef(): string;
-    provider: any;
-    initializeProvider(provider: any, options?: {}): any;
-    get emptyValue(): {
-        mode: string;
-        address: {};
-    } | {
-        mode?: undefined;
-        address?: undefined;
-    };
-    set mode(arg: any);
-    get mode(): any;
-    get autocompleteMode(): boolean;
-    get manualMode(): boolean;
-    get manualModeEnabled(): boolean;
-    get isMultiple(): boolean;
-    set address(arg: any);
-    get address(): any;
-    isValueInLegacyFormat(value: any): any;
-    normalizeValue(value: any): any;
-    get modeSwitcher(): any;
-    get removeValueIcon(): any;
-    get searchInput(): any;
-    get addRowButton(): any;
-    get removeRowButton(): any;
-    get searchInputAttributes(): {
-        name: any;
-        type: string;
-        class: string;
-        lang: any;
-        tabindex: any;
-    };
-    get gridTemplateName(): string;
-    get rowTemplateName(): string;
-    get hasChildren(): boolean;
-    get addAnother(): any;
-    renderElement(value: any): any;
-    renderRow(value: any, index: any): any;
-    renderGrid(): any;
-    render(): any;
-    onSelectAddress(address: any, element: any, index: any): void;
-    addRow(): void;
-    addChildComponent(component: any): void;
-    clearAddress(element: any, index: any): void;
-    getDisplayValue(value?: any): any;
-    updateRemoveIcon(index: any): void;
-    getValueAsString(value: any, options: any): any;
-}
-import ContainerComponent from '../container/Container';

package/lib/mjs/components/address/Address.form.d.ts

@@ -1,3 +0,0 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};

package/lib/mjs/components/address/Address.form.js

@@ -1,22 +0,0 @@
-import Components from '../Components';
-import AddressEditData from './editForm/Address.edit.data';
-import AddressEditDisplay from './editForm/Address.edit.display';
-import AddressEditProvider from './editForm/Address.edit.provider';
-export default function (...extend) {
-    return Components.baseEditForm([
-        {
-            key: 'data',
-            components: AddressEditData,
-        },
-        {
-            key: 'display',
-            components: AddressEditDisplay,
-        },
-        {
-            label: 'Provider',
-            key: 'provider',
-            weight: 15,
-            components: AddressEditProvider,
-        },
-    ], ...extend);
-}