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

package/lib/mjs/components/day/fixtures/comp8.d.ts

@@ -0,0 +1,41 @@
+declare namespace _default {
+    let components: ({
+        label: string;
+        hideInputLabels: boolean;
+        inputsLabelPosition: string;
+        useLocaleSettings: boolean;
+        alwaysEnabled: boolean;
+        tableView: boolean;
+        fields: {
+            day: {
+                hide: boolean;
+                required: boolean;
+            };
+            month: {
+                hide: boolean;
+                required: boolean;
+            };
+            year: {
+                hide: boolean;
+                required: boolean;
+            };
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        alwaysEnabled: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        hideInputLabels?: undefined;
+        inputsLabelPosition?: undefined;
+        useLocaleSettings?: undefined;
+        fields?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/day/fixtures/comp8.js

@@ -0,0 +1,38 @@
+export default {
+    "components": [
+        {
+            "label": "Day - Table",
+            "hideInputLabels": false,
+            "inputsLabelPosition": "top",
+            "useLocaleSettings": false,
+            "alwaysEnabled": false,
+            "tableView": false,
+            "fields": {
+                "day": {
+                    "hide": false,
+                    "required": true
+                },
+                "month": {
+                    "hide": false,
+                    "required": true
+                },
+                "year": {
+                    "hide": false,
+                    "required": true
+                }
+            },
+            "key": "dayTable",
+            "type": "day",
+            "input": true
+        },
+        {
+            "label": "Submit",
+            "showValidations": false,
+            "alwaysEnabled": false,
+            "tableView": false,
+            "key": "submit",
+            "type": "button",
+            "input": true
+        }
+    ]
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

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

@@ -0,0 +1,4 @@
+export default [
+    '01/01/2001',
+    '12/31/1999',
+];

package/lib/mjs/components/editgrid/EditGrid.d.ts

@@ -43,7 +43,7 @@ export default class EditGridComponent extends NestedArrayComponent {
     get defaultValue(): any[];
     hasRemoveButtons(): boolean;
     editRows: any;
-    checkRowVariableTypeComponents(editRow: any, rowIndex: any): boolean;
+    checkRowVariableTypeComponents(editRow: any, rowIndex: any): void;
     setVariableTypeComponents(): void;
     variableTypeComponentsIndexes: any[] | undefined;
     isOpen(editRow: any): boolean;

package/lib/mjs/components/editgrid/EditGrid.js

@@ -115,10 +115,10 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     get defaultDialogTemplate() {
         return `
-    <h3 ${this._referenceAttributeName}="dialogHeader">${this.t('wantToClearData')}</h3>
+    <h3 ${this._referenceAttributeName}="dialogHeader">${this.t('Do you want to clear data?')}</h3>
     <div style="display:flex; justify-content: flex-end;">
-      <button ${this._referenceAttributeName}="dialogCancelButton" class="btn btn-secondary" aria-label="${this.t('cancel')}">${this.t('cancel')}</button>
-      <button ${this._referenceAttributeName}="dialogYesButton" class="btn btn-danger" aria-label="${this.t('yesDelete')}">${this.t('yesDelete')}</button>
+      <button ${this._referenceAttributeName}="dialogCancelButton" class="btn btn-secondary" aria-label="${this.t('Cancel')}">${this.t('Cancel')}</button>
+      <button ${this._referenceAttributeName}="dialogYesButton" class="btn btn-danger" aria-label="${this.t('Yes, delete it')}">${this.t('Yes, delete it')}</button>
     </div>
   `;
     }
@@ -289,15 +289,12 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     checkRowVariableTypeComponents(editRow, rowIndex) {
         const rowComponents = editRow.components;
-        let typeChanged = false;
         if (_.some(this.variableTypeComponentsIndexes, (compIndex) => {
             const variableTypeComp = rowComponents[compIndex];
             return variableTypeComp.type !== variableTypeComp.component.type;
         })) {
             editRow.components = this.createRowComponents(editRow.data, rowIndex, true);
-            typeChanged = true;
         }
-        return typeChanged;
     }
     setVariableTypeComponents() {
         //set components which type is changing within a row (e.g.,by mergeComponentSchema action)
@@ -671,11 +668,6 @@ export default class EditGridComponent extends NestedArrayComponent {
                 }
             },
         }, this.component.saveRow || 'Save'));
-        this.emit('editGridOpenModal', {
-            component: this.component,
-            row: editRow,
-            instance: this,
-        });
         return this.attachComponents(modalContent, components);
     }
     showDialog(rowIndex) {
@@ -733,11 +725,6 @@ export default class EditGridComponent extends NestedArrayComponent {
             editRow.data = dataSnapshot;
             this.restoreRowContext(editRow);
         }
-        this.emit('editGridEditRow', {
-            component: this.component,
-            row: editRow,
-            instance: this,
-        });
         if (this.component.modal) {
             return this.addRowModal(rowIndex);
         }
@@ -946,10 +933,8 @@ export default class EditGridComponent extends NestedArrayComponent {
                     this.validateRow(editRow, false, false);
                 }
                 if (this.variableTypeComponentsIndexes.length) {
-                    const typeChanged = this.checkRowVariableTypeComponents(editRow, rowIndex);
-                    if (typeChanged) {
-                        this.redraw();
-                    }
+                    this.checkRowVariableTypeComponents(editRow, rowIndex);
+                    this.redraw();
                 }
             };
             const comp = this.createComponent(_.assign({}, column, { row: options.row }), options, row, null, recreatePartially && currentRowComponents ? currentRowComponents[colIndex] : null);
@@ -1030,16 +1015,13 @@ export default class EditGridComponent extends NestedArrayComponent {
             if (valid === null) {
                 editRow.errors.push({
                     type: 'error',
-                    message: this.t('componentInvalidRowValidation', { componentKey: this.key })
+                    message: `Invalid row validation for ${this.key}`
                 });
             }
         }
-        if (editRow.alerts && (!this.component.rowDrafts || this.root?.submitted)) {
+        if (!this.component.rowDrafts || this.root?.submitted) {
             this.showRowErrorAlerts(editRow, editRow.errors);
         }
-        else if (editRow.errors?.length) {
-            this.setCustomValidity(editRow.errors, dirty);
-        }
         return editRow.errors;
     }
     showRowErrorAlerts(editRow, errors) {

package/lib/mjs/components/editgrid/fixtures/comp-openWhenEmpty.d.ts

@@ -0,0 +1,34 @@
+declare namespace _default {
+    let type: string;
+    let components: ({
+        label: string;
+        openWhenEmpty: boolean;
+        tableView: boolean;
+        rowDrafts: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+        }[];
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        openWhenEmpty?: undefined;
+        rowDrafts?: undefined;
+        components?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+}
+export default _default;

package/lib/mjs/components/editgrid/fixtures/comp-openWhenEmpty.js

@@ -0,0 +1,34 @@
+export default {
+    type: 'form',
+    components: [
+        {
+            label: 'Edit Grid',
+            openWhenEmpty: true,
+            tableView: false,
+            rowDrafts: false,
+            key: 'editGrid',
+            type: 'editgrid',
+            input: true,
+            components: [
+                {
+                    label: 'Text Field',
+                    tableView: true,
+                    key: 'textField',
+                    type: 'textfield',
+                    input: true
+                }
+            ]
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+    title: 'FIO-2819',
+    display: 'form',
+    name: 'fio2819',
+};

package/lib/mjs/components/editgrid/fixtures/comp-with-basic-components.d.ts

@@ -0,0 +1,327 @@
+declare namespace _default {
+    let type: string;
+    let owner: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        templates: {
+            header: string;
+            row: string;
+        };
+        modal: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        components: ({
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            autoExpand: boolean;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            mask: boolean;
+            spellcheck: boolean;
+            tableView: boolean;
+            delimiter: boolean;
+            requireDecimal: boolean;
+            inputFormat: string;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            protected: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            tableView: boolean;
+            defaultValue: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            optionsLabelPosition: string;
+            tableView: boolean;
+            defaultValue: {
+                '': boolean;
+                sa: boolean;
+                sb: boolean;
+                sc: boolean;
+            };
+            values: {
+                label: string;
+                value: string;
+                shortcut: string;
+            }[];
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            inputType: string;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            tableView: boolean;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+                url?: undefined;
+                headers?: undefined;
+            };
+            selectThreshold: number;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            tableView: boolean;
+            dataSrc: string;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+                url: string;
+                headers: {
+                    key: string;
+                    value: string;
+                }[];
+            };
+            template: string;
+            selectThreshold: number;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            input: boolean;
+            disableLimit: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            optionsLabelPosition: string;
+            inline: boolean;
+            tableView: boolean;
+            values: {
+                label: string;
+                value: string;
+                shortcut: string;
+            }[];
+            validate: {
+                required: boolean;
+                onlyAvailableItems: boolean;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+        })[];
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        templates?: undefined;
+        modal?: undefined;
+        components?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+}
+export default _default;