@formio/js 5.1.0-dev.6002.16f1966 → 5.1.0-rc.10

package/lib/mjs/components/_classes/component/fixtures/comp6.d.ts

@@ -0,0 +1,77 @@
+declare namespace _default {
+    let components: ({
+        label: string;
+        applyMaskOn: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        applyMaskOn: string;
+        mask: boolean;
+        tableView: boolean;
+        delimiter: boolean;
+        requireDecimal: boolean;
+        inputFormat: string;
+        truncateMultipleSpaces: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: number;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        widget: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        applyMaskOn?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        applyMaskOn?: undefined;
+        defaultValue?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/_classes/component/fixtures/comp6.js

@@ -0,0 +1,57 @@
+export default {
+    "components": [
+        {
+            "label": "Text Field",
+            "applyMaskOn": "change",
+            "tableView": true,
+            "key": "textField",
+            "type": "textfield",
+            "input": true,
+            "defaultValue": "test"
+        },
+        {
+            "label": "Number",
+            "applyMaskOn": "change",
+            "mask": false,
+            "tableView": false,
+            "delimiter": false,
+            "requireDecimal": false,
+            "inputFormat": "plain",
+            "truncateMultipleSpaces": false,
+            "key": "number",
+            "type": "number",
+            "input": true,
+            "defaultValue": 123
+        },
+        {
+            "label": "Select",
+            "widget": "choicesjs",
+            "tableView": true,
+            "data": {
+                "values": [
+                    {
+                        "label": "a",
+                        "value": "a"
+                    },
+                    {
+                        "label": "b",
+                        "value": "b"
+                    }
+                ]
+            },
+            "key": "select",
+            "type": "select",
+            "input": true,
+            "defaultValue": "a"
+        },
+        {
+            "label": "Reset",
+            "action": "reset",
+            "showValidations": false,
+            "tableView": false,
+            "key": "reset",
+            "type": "button",
+            "input": true
+        },
+    ]
+};

package/lib/mjs/components/_classes/component/fixtures/index.d.ts

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

package/lib/mjs/components/_classes/component/fixtures/index.js

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

package/lib/mjs/components/_classes/input/Input.js

@@ -233,28 +233,7 @@ export default class Input extends Multivalue {
                 if (key === 13) {
                     event.preventDefault();
                     event.stopPropagation();
-                    let submitButton = null;
-                    if (this.root?.everyComponent) {
-                        this.root.everyComponent((component) => {
-                            if (component?.component.type === 'button' &&
-                                component?.component.action === 'submit') {
-                                submitButton = component;
-                                return false;
-                            }
-                        });
-                    }
-                    const options = {};
-                    if (submitButton) {
-                        options.instance = submitButton;
-                        options.component = submitButton.component;
-                        options.noValidate = this.component.state === 'draft';
-                        options.state = this.component.state || 'submitted';
-                        submitButton.loading = true;
-                        this.emit('submitButton', options);
-                    }
-                    else {
-                        this.emit('submitButton', options);
-                    }
+                    this.emit('submitButton');
                 }
             });
         }

package/lib/mjs/components/_classes/list/ListComponent.js

@@ -133,12 +133,12 @@ export default class ListComponent extends Field {
             component: this.component,
             message: err.toString(),
         });
-        console.warn(this.t('loadResourcesError', { componentKey: this.key }));
+        console.warn(`Unable to load resources for ${this.key}`);
     }
     /* eslint-disable max-statements */
     updateItems(searchInput, forceUpdate) {
         if (!this.component.data) {
-            console.warn(this.t('noSelectDataConfiguration', { componentKey: this.key }));
+            console.warn(`Select component ${this.key} does not have data configuration.`);
             this.itemsLoadedResolve();
             return;
         }
@@ -170,7 +170,7 @@ export default class ListComponent extends Field {
                         this.loadItems(resourceUrl, searchInput, this.requestHeaders);
                     }
                     catch (err) {
-                        console.warn(this.t('loadResourcesError', { componentKey: this.key }));
+                        console.warn(`Unable to load resources for ${this.key}`);
                     }
                 }
                 else {
@@ -214,7 +214,7 @@ export default class ListComponent extends Field {
                     return;
                 }
                 if (!window.indexedDB) {
-                    window.alert(this.t('indexedDBSupportError'));
+                    window.alert("Your browser doesn't support current version of indexedDB");
                 }
                 if (this.component.indexeddb && this.component.indexeddb.database && this.component.indexeddb.table) {
                     const request = window.indexedDB.open(this.component.indexeddb.database);

package/lib/mjs/components/_classes/multivalue/Multivalue.d.ts

@@ -51,7 +51,7 @@ export default class Multivalue extends Field {
     attachMultiMask(index: number): boolean;
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input: any, mask: string): void;
     /**

package/lib/mjs/components/_classes/multivalue/Multivalue.js

@@ -61,7 +61,7 @@ export default class Multivalue extends Field {
         return value;
     }
     get addAnother() {
-        return this.t(this.component.addAnother || 'addAnother');
+        return this.t(this.component.addAnother || 'Add Another');
     }
     /**
      * @returns {Field} - The created field.
@@ -180,7 +180,7 @@ export default class Multivalue extends Field {
                 this.saveCaretPosition(element, index);
             }
             catch (err) {
-                console.warn(this.t('caretPositionSavingError'), err);
+                console.warn('An error occurred while trying to save caret position', err);
             }
             // If a mask is present, delay the update to allow mask to update first.
             if (element.mask) {
@@ -259,17 +259,10 @@ export default class Multivalue extends Field {
     }
     /**
      * @param {any} input - The input element on which the mask is to be applied.
-     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
      */
     updateMask(input, mask) {
         if (!mask) {
-            if (input.mask) {
-                input.mask.destroy();
-            }
-            if (!this.component.placeholder) {
-                input.removeAttribute('placeholder');
-            }
-            input.value = '';
             return;
         }
         this.setInputMask(input, mask, !this.component.placeholder);

package/lib/mjs/components/_classes/nested/fixtures/comp1.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    let components: {
+        type: string;
+        key: string;
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/mjs/components/_classes/nested/fixtures/comp1.js

@@ -0,0 +1,14 @@
+export default {
+    components: [
+        {
+            type: 'textfield',
+            key: 'firstName',
+            input: true
+        },
+        {
+            type: 'textfield',
+            key: 'lastName',
+            input: true
+        }
+    ]
+};

package/lib/mjs/components/_classes/nested/fixtures/comp2.d.ts

@@ -0,0 +1,236 @@
+declare namespace _default {
+    let components: ({
+        label: string;
+        reorder: boolean;
+        addAnotherPosition: string;
+        defaultOpen: boolean;
+        layoutFixed: boolean;
+        enableRowGroups: boolean;
+        tableView: boolean;
+        defaultValue: {}[];
+        key: string;
+        type: string;
+        input: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                custom: string;
+                customPrivate: boolean;
+                strictDateValidation: boolean;
+                multiple: boolean;
+                unique: boolean;
+                minLength: string;
+                maxLength: string;
+                pattern: string;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            placeholder: string;
+            prefix: string;
+            customClass: string;
+            suffix: string;
+            multiple: boolean;
+            defaultValue: null;
+            protected: boolean;
+            unique: boolean;
+            persistent: boolean;
+            hidden: boolean;
+            clearOnHide: boolean;
+            refreshOn: string;
+            redrawOn: string;
+            modalEdit: boolean;
+            labelPosition: string;
+            description: string;
+            errorLabel: string;
+            tooltip: string;
+            hideLabel: boolean;
+            tabindex: string;
+            disabled: boolean;
+            autofocus: boolean;
+            dbIndex: boolean;
+            customDefaultValue: string;
+            calculateValue: string;
+            calculateServer: boolean;
+            widget: {
+                type: string;
+            };
+            attributes: {};
+            validateOn: string;
+            conditional: {
+                show: null;
+                when: null;
+                eq: string;
+            };
+            overlay: {
+                style: string;
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            };
+            allowCalculateOverride: boolean;
+            encrypted: boolean;
+            showCharCount: boolean;
+            showWordCount: boolean;
+            properties: {};
+            allowMultipleMasks: boolean;
+            mask: boolean;
+            inputType: string;
+            inputFormat: string;
+            inputMask: string;
+            spellcheck: boolean;
+            id: string;
+        }[];
+        placeholder: string;
+        prefix: string;
+        customClass: string;
+        suffix: string;
+        multiple: boolean;
+        protected: boolean;
+        unique: boolean;
+        persistent: boolean;
+        hidden: boolean;
+        clearOnHide: boolean;
+        refreshOn: string;
+        redrawOn: string;
+        modalEdit: boolean;
+        labelPosition: string;
+        description: string;
+        errorLabel: string;
+        tooltip: string;
+        hideLabel: boolean;
+        tabindex: string;
+        disabled: boolean;
+        autofocus: boolean;
+        dbIndex: boolean;
+        customDefaultValue: string;
+        calculateValue: string;
+        calculateServer: boolean;
+        widget: null;
+        attributes: {};
+        validateOn: string;
+        validate: {
+            required: boolean;
+            custom: string;
+            customPrivate: boolean;
+            strictDateValidation: boolean;
+            multiple: boolean;
+            unique: boolean;
+        };
+        conditional: {
+            show: null;
+            when: null;
+            eq: string;
+        };
+        overlay: {
+            style: string;
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+        };
+        allowCalculateOverride: boolean;
+        encrypted: boolean;
+        showCharCount: boolean;
+        showWordCount: boolean;
+        properties: {};
+        allowMultipleMasks: boolean;
+        tree: boolean;
+        disableAddingRemovingRows: boolean;
+        id: string;
+        showValidations?: undefined;
+        size?: undefined;
+        leftIcon?: undefined;
+        rightIcon?: undefined;
+        block?: undefined;
+        action?: undefined;
+        disableOnInvalid?: undefined;
+        theme?: undefined;
+        dataGridLabel?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        placeholder: string;
+        prefix: string;
+        customClass: string;
+        suffix: string;
+        multiple: boolean;
+        defaultValue: null;
+        protected: boolean;
+        unique: boolean;
+        persistent: boolean;
+        hidden: boolean;
+        clearOnHide: boolean;
+        refreshOn: string;
+        redrawOn: string;
+        modalEdit: boolean;
+        labelPosition: string;
+        description: string;
+        errorLabel: string;
+        tooltip: string;
+        hideLabel: boolean;
+        tabindex: string;
+        disabled: boolean;
+        autofocus: boolean;
+        dbIndex: boolean;
+        customDefaultValue: string;
+        calculateValue: string;
+        calculateServer: boolean;
+        widget: {
+            type: string;
+        };
+        attributes: {};
+        validateOn: string;
+        validate: {
+            required: boolean;
+            custom: string;
+            customPrivate: boolean;
+            strictDateValidation: boolean;
+            multiple: boolean;
+            unique: boolean;
+        };
+        conditional: {
+            show: null;
+            when: null;
+            eq: string;
+        };
+        overlay: {
+            style: string;
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+        };
+        allowCalculateOverride: boolean;
+        encrypted: boolean;
+        showCharCount: boolean;
+        showWordCount: boolean;
+        properties: {};
+        allowMultipleMasks: boolean;
+        size: string;
+        leftIcon: string;
+        rightIcon: string;
+        block: boolean;
+        action: string;
+        disableOnInvalid: boolean;
+        theme: string;
+        dataGridLabel: boolean;
+        id: string;
+        reorder?: undefined;
+        addAnotherPosition?: undefined;
+        defaultOpen?: undefined;
+        layoutFixed?: undefined;
+        enableRowGroups?: undefined;
+        components?: undefined;
+        tree?: undefined;
+        disableAddingRemovingRows?: undefined;
+    })[];
+}
+export default _default;