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

package/lib/mjs/components/address/fixtures/comp3.js

@@ -1,83 +0,0 @@
-export default {
-    _id: '610cd91f1c0d42a708a148de',
-    type: 'form',
-    components: [
-        {
-            label: 'Address',
-            tableView: false,
-            modalEdit: true,
-            provider: 'google',
-            key: 'address',
-            type: 'address',
-            providerOptions: {
-                params: {
-                    autocompleteOptions: {},
-                    key: 'AIzaSyBNL2e4MnmyPj9zN7SVAe428nCSLP1X144',
-                },
-            },
-            input: true,
-            components: [
-                {
-                    label: 'Address 1',
-                    tableView: false,
-                    key: 'address1',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-                {
-                    label: 'Address 2',
-                    tableView: false,
-                    key: 'address2',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-                {
-                    label: 'City',
-                    tableView: false,
-                    key: 'city',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-                {
-                    label: 'State',
-                    tableView: false,
-                    key: 'state',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-                {
-                    label: 'Country',
-                    tableView: false,
-                    key: 'country',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-                {
-                    label: 'Zip Code',
-                    tableView: false,
-                    key: 'zip',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
-                },
-            ],
-        },
-        {
-            type: 'button',
-            label: 'Submit',
-            key: 'submit',
-            disableOnInvalid: true,
-            input: true,
-            tableView: false,
-        },
-    ],
-    title: 'FIO-3280',
-    display: 'form',
-    name: 'fio3280',
-    path: 'fio3280',
-};

package/lib/mjs/components/address/fixtures/comp4.d.ts

@@ -1,56 +0,0 @@
-declare namespace _default {
-    const type: string;
-    const components: ({
-        label: string;
-        tableView: boolean;
-        provider: string;
-        key: string;
-        type: string;
-        providerOptions: {
-            params: {
-                autocompleteOptions: {};
-            };
-        };
-        input: boolean;
-        components: {
-            label: string;
-            tableView: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-            customConditional: string;
-        }[];
-        conditional?: undefined;
-        showValidations?: undefined;
-    } | {
-        label: string;
-        tableView: boolean;
-        key: string;
-        conditional: {
-            show: boolean;
-            when: string;
-        };
-        type: string;
-        input: boolean;
-        provider?: undefined;
-        providerOptions?: undefined;
-        components?: undefined;
-        showValidations?: undefined;
-    } | {
-        label: string;
-        showValidations: boolean;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        provider?: undefined;
-        providerOptions?: undefined;
-        components?: undefined;
-        conditional?: undefined;
-    })[];
-    const title: string;
-    const display: string;
-    const name: string;
-    const path: string;
-}
-export default _default;

package/lib/mjs/components/address/fixtures/comp4.js

@@ -1,91 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            label: 'Address',
-            tableView: false,
-            provider: 'nominatim',
-            key: 'address',
-            type: 'address',
-            providerOptions: {
-                params: {
-                    autocompleteOptions: {},
-                },
-            },
-            input: true,
-            components: [
-                {
-                    label: 'Address 1',
-                    tableView: false,
-                    key: 'address1',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-                {
-                    label: 'Address 2',
-                    tableView: false,
-                    key: 'address2',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-                {
-                    label: 'City',
-                    tableView: false,
-                    key: 'city',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-                {
-                    label: 'State',
-                    tableView: false,
-                    key: 'state',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-                {
-                    label: 'Country',
-                    tableView: false,
-                    key: 'country',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-                {
-                    label: 'Zip Code',
-                    tableView: false,
-                    key: 'zip',
-                    type: 'textfield',
-                    input: true,
-                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
-                },
-            ],
-        },
-        {
-            label: 'Text Field',
-            tableView: true,
-            key: 'textField',
-            conditional: {
-                show: false,
-                when: 'address',
-            },
-            type: 'textfield',
-            input: true,
-        },
-        {
-            label: 'Submit',
-            showValidations: false,
-            tableView: false,
-            key: 'submit',
-            type: 'button',
-            input: true,
-        },
-    ],
-    title: 'testconditional',
-    display: 'form',
-    name: 'testconditional',
-    path: 'testconditional',
-};

package/lib/mjs/components/address/fixtures/index.d.ts

@@ -1,5 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp3 from './comp3';
-import comp4 from './comp4';
-export { comp1, comp2, comp3, comp4 };

package/lib/mjs/components/address/fixtures/index.js

@@ -1,5 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp3 from './comp3';
-import comp4 from './comp4';
-export { comp1, comp2, comp3, comp4 };

package/lib/mjs/components/address/fixtures/values.d.ts

@@ -1,22 +0,0 @@
-declare const _default: ({
-    mode: string;
-    address: {
-        street?: undefined;
-        city?: undefined;
-        county?: undefined;
-        state?: undefined;
-        zip?: undefined;
-        country?: undefined;
-    };
-} | {
-    mode: string;
-    address: {
-        street: string;
-        city: string;
-        county: string;
-        state: string;
-        zip: string;
-        country: string;
-    };
-})[];
-export default _default;

package/lib/mjs/components/address/fixtures/values.js

@@ -1,17 +0,0 @@
-export default [
-    {
-        mode: 'autocomplete',
-        address: {},
-    },
-    {
-        mode: 'manual',
-        address: {
-            street: '',
-            city: '',
-            county: '',
-            state: '',
-            zip: '',
-            country: '',
-        },
-    },
-];

package/lib/mjs/components/alert/Alert.d.ts

@@ -1,30 +0,0 @@
-export default class Alert {
-    constructor(container: any, component: any);
-    container: any;
-    alert: any;
-    parentComponent: any;
-    refs: {};
-    loadRefs: any;
-    get refsNames(): {
-        messageRef: string;
-    };
-    get alertTypes(): {
-        error: string;
-        success: string;
-        info: string;
-        warning: string;
-    };
-    showErrors(errors?: any[], triggerEvent?: boolean, options?: {}): any[];
-    showMessage(message: any, type: any, options?: {}): void;
-    createMessagesList(type: any, ...args: any[]): any;
-    createErrorList(errors: any): any;
-    showAlert(type: any, messagesList: any, options?: {}): void;
-    setAlert(type: any, messagesList: any, options?: {}): void;
-    attach(options: any): void;
-    eventListenersKeys: any[] | undefined;
-    clear(): void;
-    focusOnComponent(keyOrPath: any): void;
-    createMessage(type: any, element: any, message: any, index: any, err: any): void;
-    createErrorMessage(element: any, message: any, index: any, err: any): void;
-    appendErrorToList(err: any, ul: any): void;
-}

package/lib/mjs/components/alert/Alert.js

@@ -1,176 +0,0 @@
-import _ from 'lodash';
-import { getStringFromComponentPath } from '../../utils/utils';
-export default class Alert {
-    constructor(container, component) {
-        this.container = container;
-        this.alert = null;
-        this.parentComponent = component;
-        this.refs = {};
-        this.loadRefs = this.parentComponent.loadRefs.bind(this);
-    }
-    get refsNames() {
-        return {
-            messageRef: 'multiple'
-        };
-    }
-    get alertTypes() {
-        return {
-            error: 'danger',
-            success: 'success',
-            info: 'info',
-            warning: 'warning'
-        };
-    }
-    showErrors(errors = [], triggerEvent = false, options = {}) {
-        errors = _.isArray(errors) ? errors : [errors];
-        const messagesList = this.createMessagesList('error', errors);
-        this.showAlert('error', messagesList, options);
-        if (triggerEvent) {
-            this.parentComponent.emit('error', errors);
-        }
-        return errors;
-    }
-    showMessage(message, type, options = {}) {
-        let messageElement = message;
-        if (messageElement instanceof HTMLElement) {
-            messageElement.setAttribute('ref', 'messageRef');
-        }
-        else {
-            messageElement = this.parentComponent.ce('p', {
-                ref: 'messageRef'
-            });
-        }
-        this.showAlert(type, messageElement, options);
-    }
-    createMessagesList(type, ...args) {
-        switch (type) {
-            case 'error':
-                return this.createErrorList(...args);
-        }
-    }
-    createErrorList(errors) {
-        const p = this.parentComponent.ce('p');
-        this.parentComponent.setContent(p, this.parentComponent.t('error'));
-        const ul = this.parentComponent.ce('ul');
-        const messagesList = document.createDocumentFragment();
-        errors.forEach(err => this.appendErrorToList(err, ul));
-        p.appendChild(ul);
-        messagesList.appendChild(p);
-        return messagesList;
-    }
-    showAlert(type, messagesList, options = {}) {
-        const { customClasses, customEvents } = options;
-        this.setAlert(type, messagesList, { customClasses });
-        if (!this.alert) {
-            return;
-        }
-        this.attach({ customEvents });
-        this.parentComponent.prependTo(this.alert, this.container);
-    }
-    setAlert(type, messagesList, options = {}) {
-        const alertType = this.alertTypes[type];
-        if (this.alert) {
-            this.clear();
-        }
-        if (messagesList) {
-            const { id = `${type}-list-${this.parentComponent.id}`, customClasses = `alert alert-${alertType}` } = options;
-            this.alert = this.parentComponent.ce('div', { id, class: customClasses });
-            if (messagesList instanceof HTMLElement) {
-                this.parentComponent.appendTo(messagesList, this.alert);
-            }
-            else {
-                this.parentComponent.setContent(this.alert, messagesList);
-            }
-        }
-    }
-    attach(options) {
-        let { customEvents = {} } = options;
-        this.eventListenersKeys = [];
-        this.loadRefs(this.alert, this.refsNames);
-        const clickListeners = customEvents.click?.listeners || [];
-        const keyPressListeners = customEvents.keypress?.listeners || [];
-        customEvents = {
-            ...customEvents,
-            click: [
-                ...clickListeners,
-                (e) => {
-                    const key = e.currentTarget.dataset.componentKey;
-                    this.focusOnComponent(key);
-                }
-            ],
-            keypress: [
-                ...keyPressListeners,
-                (e) => {
-                    const key = e.currentTarget.dataset.componentKey;
-                    this.focusOnComponent(key);
-                }
-            ]
-        };
-        if (this.refs.messageRef?.length) {
-            this.refs.messageRef.forEach(el => {
-                Object.entries(customEvents).forEach(([event, listeners]) => {
-                    listeners.forEach((listener) => this.parentComponent.addEventListener(el, event, listener));
-                    this.eventListenersKeys.push(event);
-                });
-            });
-        }
-    }
-    clear() {
-        try {
-            if (this.refs.messageRef?.length) {
-                this.refs.messageRef.forEach(el => {
-                    this.eventListenersKeys.forEach(event => this.parentComponent.removeEventListener(el, event));
-                });
-            }
-            this.refs = {};
-            this.parentComponent.removeChildFrom(this.alert, this.container);
-            this.alert = null;
-        }
-        catch (err) {
-            // ignore
-        }
-    }
-    focusOnComponent(keyOrPath) {
-        if (keyOrPath) {
-            const path = this.parentComponent._parentPath ? keyOrPath.replace(this.parentComponent._parentPath, '') : keyOrPath;
-            const component = this.parentComponent.root?.getComponent(path, null, keyOrPath);
-            if (component && _.isFunction(component.focus)) {
-                component.focus();
-            }
-        }
-    }
-    createMessage(type, element, message, index, err) {
-        switch (type) {
-            case 'error':
-                return this.createErrorMessage(element, message, index, err);
-        }
-    }
-    createErrorMessage(element, message, index, err) {
-        const params = {
-            style: 'cursor: pointer',
-            ref: 'messageRef',
-            tabIndex: 0,
-            'aria-label': `${message}. Click to navigate to the field with following error.`
-        };
-        const li = this.parentComponent.ce('li', params);
-        this.parentComponent.setContent(li, message);
-        const messageFromIndex = !_.isUndefined(index) && err?.messages?.[index];
-        const keyOrPath = messageFromIndex?.path || err?.component?.key;
-        if (keyOrPath) {
-            const formattedKeyOrPath = getStringFromComponentPath(keyOrPath);
-            li.dataset.componentKey = formattedKeyOrPath;
-        }
-        this.parentComponent.appendTo(li, element);
-    }
-    appendErrorToList(err, ul) {
-        if (err?.messages?.length) {
-            err.messages.forEach(({ message }, index) => {
-                this.createMessage('error', ul, message, index, err);
-            });
-        }
-        else if (err) {
-            const message = _.isObject(err) ? err.message || '' : err;
-            this.createMessage('error', ul, message);
-        }
-    }
-}

package/lib/mjs/components/builder.d.ts

@@ -1,2 +0,0 @@
-export default Components;
-import Components from '.';

package/lib/mjs/components/builder.js

@@ -1,86 +0,0 @@
-import Components from '.';
-import AddressForm from './address/Address.form';
-import ButtonForm from './button/Button.form';
-import CheckboxForm from './checkbox/Checkbox.form';
-import ColumnsForm from './columns/Columns.form';
-import ComponentForm from './_classes/component/Component.form';
-import ContainerForm from './container/Container.form';
-import ContentForm from './content/Content.form';
-import CurrencyForm from './currency/Currency.form';
-import DataGridForm from './datagrid/DataGrid.form';
-import DataMapForm from './datamap/DataMap.form';
-import DateTimeForm from './datetime/DateTime.form';
-import DayForm from './day/Day.form';
-import EditGridForm from './editgrid/EditGrid.form';
-import EmailForm from './email/Email.form';
-import FieldsetForm from './fieldset/Fieldset.form';
-import FileForm from './file/File.form';
-import FormForm from './form/Form.form';
-import ListForm from './_classes/list/ListComponent.form';
-import HiddenForm from './hidden/Hidden.form';
-import HtmlElementForm from './html/HTML.form';
-import NestedForm from './_classes/nested/NestedComponent.form';
-import NumberForm from './number/Number.form';
-import PanelForm from './panel/Panel.form';
-import PasswordForm from './password/Password.form';
-import PhoneNumberForm from './phonenumber/PhoneNumber.form';
-import RadioForm from './radio/Radio.form';
-import ReCaptchaForm from './recaptcha/ReCaptcha.form';
-import ResourceForm from './resource/Resource.form';
-import SelectboxesForm from './selectboxes/SelectBoxes.form';
-import SelectForm from './select/Select.form';
-import SignatureForm from './signature/Signature.form';
-import SurveyForm from './survey/Survey.form';
-import TableForm from './table/Table.form';
-import TabsForm from './tabs/Tabs.form';
-import TagsForm from './tags/Tags.form';
-import TextAreaForm from './textarea/TextArea.form';
-import TextfieldForm from './textfield/TextField.form';
-import TimeForm from './time/Time.form';
-import TreeForm from './tree/Tree.form';
-import UnknownForm from './unknown/Unknown.form';
-import UrlForm from './url/Url.form';
-import WellForm from './well/Well.form';
-Components.address.editForm = AddressForm;
-Components.button.editForm = ButtonForm;
-Components.checkbox.editForm = CheckboxForm;
-Components.columns.editForm = ColumnsForm;
-Components.component.editForm = ComponentForm;
-Components.container.editForm = ContainerForm;
-Components.content.editForm = ContentForm;
-Components.currency.editForm = CurrencyForm;
-Components.datagrid.editForm = DataGridForm;
-Components.datamap.editForm = DataMapForm;
-Components.datetime.editForm = DateTimeForm;
-Components.day.editForm = DayForm;
-Components.editgrid.editForm = EditGridForm;
-Components.email.editForm = EmailForm;
-Components.fieldset.editForm = FieldsetForm;
-Components.file.editForm = FileForm;
-Components.form.editForm = FormForm;
-Components.list.editForm = ListForm;
-Components.hidden.editForm = HiddenForm;
-Components.htmlelement.editForm = HtmlElementForm;
-Components.nested.editForm = NestedForm;
-Components.number.editForm = NumberForm;
-Components.panel.editForm = PanelForm;
-Components.password.editForm = PasswordForm;
-Components.phoneNumber.editForm = PhoneNumberForm;
-Components.radio.editForm = RadioForm;
-Components.recaptcha.editForm = ReCaptchaForm;
-Components.resource.editForm = ResourceForm;
-Components.select.editForm = SelectForm;
-Components.selectboxes.editForm = SelectboxesForm;
-Components.signature.editForm = SignatureForm;
-Components.survey.editForm = SurveyForm;
-Components.table.editForm = TableForm;
-Components.tabs.editForm = TabsForm;
-Components.tags.editForm = TagsForm;
-Components.textarea.editForm = TextAreaForm;
-Components.textfield.editForm = TextfieldForm;
-Components.time.editForm = TimeForm;
-Components.tree.editForm = TreeForm;
-Components.unknown.editForm = UnknownForm;
-Components.url.editForm = UrlForm;
-Components.well.editForm = WellForm;
-export default Components;

package/lib/mjs/components/button/Button.d.ts

@@ -1,45 +0,0 @@
-export default class ButtonComponent extends Field {
-    static get builderInfo(): {
-        title: string;
-        group: string;
-        icon: string;
-        documentation: string;
-        weight: number;
-        schema: any;
-    };
-    static savedValueTypes(schema: any): string[];
-    constructor(component: any, options: any, data: any);
-    filesUploading: any[];
-    get inputInfo(): {
-        type: string;
-        component: any;
-        changeEvent: string;
-        attr: {
-            name: any;
-            type: any;
-            class: string;
-            lang: any;
-        };
-    };
-    get labelInfo(): {
-        hidden: boolean;
-    };
-    set loading(arg: any);
-    createLabel(): void;
-    createInput(container: any): any;
-    get emptyValue(): boolean;
-    get clicked(): any;
-    get defaultValue(): boolean;
-    get oauthConfig(): any;
-    render(): any;
-    attachButton(): void;
-    hasError: boolean | undefined;
-    isDisabledOnInvalid: any;
-    detach(element: any): void;
-    onClick(event: any): void;
-    openOauth(settings: any): void;
-    get oauthComponentPath(): any;
-    focus(): void;
-    triggerReCaptcha(): void;
-}
-import Field from '../_classes/field/Field';

package/lib/mjs/components/button/Button.form.d.ts

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

package/lib/mjs/components/button/Button.form.js

@@ -1,18 +0,0 @@
-import Components from '../Components';
-import ButtonEditDisplay from './editForm/Button.edit.display';
-export default function (...extend) {
-    return Components.baseEditForm([
-        {
-            key: 'display',
-            components: ButtonEditDisplay
-        },
-        {
-            key: 'data',
-            ignore: true,
-        },
-        {
-            key: 'validation',
-            ignore: true,
-        },
-    ], ...extend);
-}