@formio/js 5.4.0 → 5.4.2

package/lib/cjs/components/checkbox/Checkbox.js

@@ -33,9 +33,7 @@ class CheckBoxComponent extends Field_1.default {
         return CheckBoxComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEqual',
-            ], valueComponent() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEqual'], valueComponent() {
                 return {
                     valueType: 'boolean',
                     data: {
@@ -55,13 +53,9 @@ class CheckBoxComponent extends Field_1.default {
             return types;
         }
         if (schema.inputType === 'radio') {
-            return [
-                utils_1.componentValueTypes.string,
-            ];
+            return [utils_1.componentValueTypes.string];
         }
-        return [
-            utils_1.componentValueTypes.boolean,
-        ];
+        return [utils_1.componentValueTypes.boolean];
     }
     get defaultSchema() {
         return CheckBoxComponent.schema();
@@ -196,7 +190,7 @@ class CheckBoxComponent extends Field_1.default {
         if (lodash_1.default.isUndefined(value) && this.inDataTable) {
             return '';
         }
-        return this.t(hasValue ? 'Yes' : 'No');
+        return this.t(hasValue ? 'yes' : 'no');
     }
     updateValue(value, flags) {
         // If this is a radio and is alredy checked, uncheck it.

package/lib/cjs/components/checkbox/editForm/Checkbox.edit.display.js

@@ -63,10 +63,7 @@ exports.default = [
         weight: 420,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.inputType' },
-                    'radio',
-                ],
+                '===': [{ var: 'data.inputType' }, 'radio'],
             },
         },
     },
@@ -79,10 +76,7 @@ exports.default = [
         weight: 430,
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.inputType' },
-                    'radio',
-                ],
+                '===': [{ var: 'data.inputType' }, 'radio'],
             },
         },
     },

package/lib/cjs/components/columns/Columns.js

@@ -42,9 +42,7 @@ class ColumnsComponent extends NestedComponent_1.default {
     }
     get schema() {
         var _a;
-        const schema = lodash_1.default.omit(super.schema, [
-            'components',
-        ]);
+        const schema = lodash_1.default.omit(super.schema, ['components']);
         (_a = schema.columns) === null || _a === void 0 ? void 0 : _a.map((column, colIndex) => {
             column.components.map((comp, compIndex) => {
                 const clonedComp = lodash_1.default.clone(comp);
@@ -128,28 +126,18 @@ class ColumnsComponent extends NestedComponent_1.default {
         const initVal = { stack: [], rows: [] };
         const width = (x) => x.component.width;
         const result = lodash_1.default.reduce(this.components, (acc, next) => {
-            const stack = [
-                ...acc.stack,
-                next,
-            ];
+            const stack = [...acc.stack, next];
             if (lodash_1.default.sumBy(stack, width) <= this.gridSize) {
                 acc.stack = stack;
                 return acc;
             }
             else {
-                acc.rows = [
-                    ...acc.rows,
-                    acc.stack,
-                ];
-                acc.stack = [
-                    next,
-                ];
+                acc.rows = [...acc.rows, acc.stack];
+                acc.stack = [next];
                 return acc;
             }
         }, initVal);
-        return lodash_1.default.concat(result.rows, [
-            result.stack,
-        ]);
+        return lodash_1.default.concat(result.rows, [result.stack]);
     }
     checkData(data, flags, row, components) {
         super.checkData(data, flags, row, components);

package/lib/cjs/components/container/Container.js

@@ -37,9 +37,7 @@ class ContainerComponent extends NestedDataComponent_1.default {
         this.type = 'container';
     }
     static savedValueTypes(schema) {
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.object,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     addComponents(data, options) {
         return super.addComponents(this.dataValue, options);

package/lib/cjs/components/currency/Currency.js

@@ -109,13 +109,8 @@ class CurrencyComponent extends Number_1.default {
         const isNegative = value.includes(negativeValueSymbol) || false;
         value = this.stripPrefixSuffix(isNegative ? value.replace(negativeValueSymbol, '') : value);
         if (value.includes(this.decimalSeparator)) {
-            [
-                integerPart,
-                decimalPart,
-            ] = value.split(this.decimalSeparator);
-            decimalPartNumbers = [
-                ...decimalPart.split(''),
-            ];
+            [integerPart, decimalPart] = value.split(this.decimalSeparator);
+            decimalPartNumbers = [...decimalPart.split('')];
         }
         else {
             integerPart = value;

package/lib/cjs/components/datagrid/DataGrid.js

@@ -39,9 +39,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         this.components = this.components || [];
         // Add new values based on minLength.
         this.rows = [];
-        this.columns = [
-            ...this.component.components,
-        ];
+        this.columns = [...this.component.components];
         if (this.initRows || !lodash_1.default.isEqual(this.dataValue, this.emptyValue)) {
             this.createRows(true);
         }
@@ -69,11 +67,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         return this.builderMode || this.path === 'defaultValue' || !this.initEmpty;
     }
     get emptyValue() {
-        return this.initEmpty
-            ? []
-            : [
-                {},
-            ];
+        return this.initEmpty ? [] : [{}];
     }
     get addAnotherPosition() {
         return lodash_1.default.get(this.component, 'addAnotherPosition', 'bottom');
@@ -91,11 +85,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const isEmptyInit = this.initEmpty;
         // Ensure we have one and only one row in builder mode.
         if (isBuilderMode || (isEmptyInit && !this.dataValue.length)) {
-            return isEmptyInit && !isBuilderMode
-                ? []
-                : [
-                    {},
-                ];
+            return isEmptyInit && !isBuilderMode ? [] : [{}];
         }
         const value = super.defaultValue;
         let defaultValue;
@@ -103,9 +93,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             defaultValue = value;
         }
         else if (value && typeof value === 'object') {
-            defaultValue = [
-                value,
-            ];
+            defaultValue = [value];
         }
         else {
             defaultValue = this.emptyValue;
@@ -167,22 +155,10 @@ class DataGridComponent extends NestedArrayComponent_1.default {
      * @returns {Array<T[]>} - The chunked rows
      */
     getRowChunks(groups, rows) {
-        const [, chunks,] = groups.reduce(([startIndex, acc,], size) => {
+        const [, chunks] = groups.reduce(([startIndex, acc], size) => {
             const endIndex = startIndex + size;
-            return [
-                endIndex,
-                [
-                    ...acc,
-                    [
-                        startIndex,
-                        endIndex,
-                    ],
-                ],
-            ];
-        }, [
-            0,
-            [],
-        ]);
+            return [endIndex, [...acc, [startIndex, endIndex]]];
+        }, [0, []]);
         return chunks.map((range) => lodash_1.default.slice(rows, ...range));
     }
     /**
@@ -196,9 +172,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const indexes = sizes.reduce((groupIndexes, size) => {
             const last = groupIndexes[groupIndexes.length - 1];
             return groupIndexes.concat(last + size);
-        }, [
-            0,
-        ]);
+        }, [0]);
         return groups.reduce((gidxs, group, idx) => {
             return Object.assign(Object.assign({}, gidxs), { [indexes[idx]]: group });
         }, {});
@@ -231,18 +205,10 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             this.dataValue.length > lodash_1.default.get(this.component, 'validate.minLength', 0));
     }
     hasTopSubmit() {
-        return (this.hasAddButton() &&
-            [
-                'top',
-                'both',
-            ].includes(this.addAnotherPosition));
+        return this.hasAddButton() && ['top', 'both'].includes(this.addAnotherPosition);
     }
     hasBottomSubmit() {
-        return (this.hasAddButton() &&
-            [
-                'bottom',
-                'both',
-            ].includes(this.addAnotherPosition));
+        return this.hasAddButton() && ['bottom', 'both'].includes(this.addAnotherPosition);
     }
     get canAddColumn() {
         return this.builderMode && !this.options.design;
@@ -319,9 +285,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             this.refs[`${this.datagridKey}-row`].forEach((row, index) => {
                 row.dragInfo = { index };
             });
-            this.dragula = (0, dragula_1.default)([
-                this.refs[`${this.datagridKey}-tbody`],
-            ], {
+            this.dragula = (0, dragula_1.default)([this.refs[`${this.datagridKey}-tbody`]], {
                 moves: (_draggedElement, _oldParent, clickedElement) => {
                     const clickedElementKey = clickedElement.getAttribute('data-key');
                     const oldParentKey = _oldParent.getAttribute('data-key');
@@ -365,9 +329,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         this.rows.forEach((row, rowIndex) => {
             let columnIndex = 0;
             columns.forEach((col) => {
-                this.attachComponents(this.refs[this.datagridKey][rowIndex * rowLength + columnIndex], [
-                    this.rows[rowIndex][col.key],
-                ], this.getComponentsContainer());
+                this.attachComponents(this.refs[this.datagridKey][rowIndex * rowLength + columnIndex], [this.rows[rowIndex][col.key]], this.getComponentsContainer());
                 columnIndex++;
             });
         });
@@ -396,7 +358,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     }
     onReorder(element, _target, _source, sibling) {
         if (!element.dragInfo || (sibling && !sibling.dragInfo)) {
-            console.warn('There is no Drag Info available for either dragged or sibling element');
+            console.warn(this.t('noDragInfoError'));
             return;
         }
         const oldPosition = element.dragInfo.index;
@@ -446,11 +408,11 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             component: this.component,
             row,
         });
-        (0, utils_1.screenReaderSpeech)('Row has been added');
         this.checkConditions();
         (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified: true, noPristineChangeOnModified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
+            this.announce(this.t('Row has been added'));
         });
     }
     updateComponentsRowIndex(components, rowIndex) {
@@ -490,18 +452,22 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     }
     removeRow(index) {
         const makeEmpty = index === 0 && this.rows.length === 1;
-        const flags = { isReordered: !makeEmpty, resetValue: makeEmpty };
+        const flags = {
+            isReordered: !makeEmpty,
+            resetValue: makeEmpty,
+            modified: true,
+            noPristineChangeOnModified: true,
+        };
         this.splice(index, flags);
         this.emit('dataGridDeleteRow', { index });
-        if (this.rows.length > 1) {
-            (0, utils_1.screenReaderSpeech)('Row has been deleted');
-        }
-        const [row,] = this.rows.splice(index, 1);
+        const [row] = this.rows.splice(index, 1);
         this.removeSubmissionMetadataRow(index);
         this.removeRowComponents(row);
         this.updateRowsComponents(index);
         this.setValue(this.dataValue, flags);
-        this.redraw();
+        this.redraw().then(() => {
+            this.announce(this.t('Row has been deleted'));
+        });
     }
     removeRowComponents(row) {
         lodash_1.default.each(row, (component) => this.removeComponent(component));
@@ -614,10 +580,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
                         !!visibility[key] ||
                             (col.checkConditions(data, flags, dataValue[rowIndex]) && col.type !== 'hidden');
                     if (col.component.logic && firstRowCheck) {
-                        const compIndex = lodash_1.default.findIndex(this.columns, [
-                            'key',
-                            key,
-                        ]);
+                        const compIndex = lodash_1.default.findIndex(this.columns, ['key', key]);
                         const equalColumns = lodash_1.default.isEqualWith(this.columns[compIndex], col.component, (col1, col2, key) => {
                             // Don't compare columns by their auto-generated ids.
                             if (key === 'id') {
@@ -661,15 +624,11 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         }
         if (!Array.isArray(value)) {
             if (typeof value === 'object') {
-                value = [
-                    value,
-                ];
+                value = [value];
             }
             else {
                 this.createRows();
-                value = [
-                    {},
-                ];
+                value = [{}];
             }
         }
         // Make sure we always have at least one row.

package/lib/cjs/components/datamap/DataMap.js

@@ -50,9 +50,7 @@ class DataMapComponent extends DataGrid_1.default {
         return lodash_1.default.omit(schema, 'components');
     }
     static savedValueTypes(schema) {
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.object,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -106,9 +104,7 @@ class DataMapComponent extends DataGrid_1.default {
     getRowValues() {
         const dataValue = this.dataValue;
         if (this.builderMode) {
-            return [
-                dataValue,
-            ];
+            return [dataValue];
         }
         if (lodash_1.default.isEmpty(dataValue)) {
             return [];
@@ -125,7 +121,7 @@ class DataMapComponent extends DataGrid_1.default {
         return this.rows.map((row) => {
             return {
                 components: row,
-                data: lodash_1.default.mapValues(row, (comp) => comp.dataValue)
+                data: lodash_1.default.mapValues(row, (comp) => comp.dataValue),
             };
         });
     }
@@ -146,15 +142,7 @@ class DataMapComponent extends DataGrid_1.default {
         const valueSchema = Object.assign({}, this.component.valueComponent);
         keySchema.hideLabel = false;
         valueSchema.hideLabel = false;
-        return this.component.keyBeforeValue
-            ? [
-                keySchema,
-                valueSchema,
-            ]
-            : [
-                valueSchema,
-                keySchema,
-            ];
+        return this.component.keyBeforeValue ? [keySchema, valueSchema] : [valueSchema, keySchema];
     }
     getRowKey(rowIndex) {
         const keys = Object.keys(this.dataValue);

package/lib/cjs/components/datetime/DateTime.js

@@ -75,9 +75,7 @@ class DateTimeComponent extends Input_1.default {
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_2.getComponentSavedTypes)(schema) || [
-            utils_2.componentValueTypes.date,
-        ]);
+        return (0, utils_2.getComponentSavedTypes)(schema) || [utils_2.componentValueTypes.date];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -177,9 +175,7 @@ class DateTimeComponent extends Input_1.default {
         let format = utils_1.default.convertFormatToMoment(this.component.format);
         format += format.match(/z$/) ? '' : ' z';
         const timezone = this.timezone;
-        const useTimezoneAwareFormat = value &&
-            timezone &&
-            (this.options.pdf || (options === null || options === void 0 ? void 0 : options.email));
+        const useTimezoneAwareFormat = value && timezone && (this.options.pdf || (options === null || options === void 0 ? void 0 : options.email));
         if (useTimezoneAwareFormat) {
             if (Array.isArray(value) && this.component.multiple) {
                 return value

package/lib/cjs/components/datetime/editForm/DateTime.edit.display.js

@@ -36,10 +36,7 @@ exports.default = [
         template: '<span>{{ item.label }}</span>',
         conditional: {
             json: {
-                '===': [
-                    { var: 'data.displayInTimezone' },
-                    'location',
-                ],
+                '===': [{ var: 'data.displayInTimezone' }, 'location'],
             },
         },
     },

package/lib/cjs/components/day/Day.js

@@ -59,9 +59,7 @@ class DayComponent extends Field_1.default {
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.string,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.string];
     }
     constructor(component, options, data) {
         if (options && !options.inFormBuilder && !options.building) {
@@ -166,9 +164,7 @@ class DayComponent extends Field_1.default {
         };
     }
     get days() {
-        const days = [
-            { value: '', label: lodash_1.default.get(this.component, 'fields.day.placeholder', '') },
-        ];
+        const days = [{ value: '', label: lodash_1.default.get(this.component, 'fields.day.placeholder', '') }];
         for (let x = 1; x <= 31; x++) {
             days.push({
                 value: x,
@@ -182,7 +178,7 @@ class DayComponent extends Field_1.default {
             {
                 value: '',
                 label: lodash_1.default.get(this.component, 'fields.month.placeholder') ||
-                    (this.hideInputLabels ? this.t('Month') : ''),
+                    (this.hideInputLabels ? this.t('month') : ''),
             },
             { value: 1, label: 'January' },
             { value: 2, label: 'February' },
@@ -200,9 +196,7 @@ class DayComponent extends Field_1.default {
         return months;
     }
     get years() {
-        const years = [
-            { value: '', label: lodash_1.default.get(this.component, 'fields.year.placeholder', '') },
-        ];
+        const years = [{ value: '', label: lodash_1.default.get(this.component, 'fields.year.placeholder', '') }];
         const minYears = lodash_1.default.get(this.component, 'fields.year.minYear', 1900) || 1900;
         const maxYears = lodash_1.default.get(this.component, 'fields.year.maxYear', 2030) || 2030;
         for (let x = minYears; x <= maxYears; x++) {
@@ -215,18 +209,10 @@ class DayComponent extends Field_1.default {
     }
     setErrorClasses(elements, dirty, hasError) {
         super.setErrorClasses(elements, dirty, hasError);
-        super.setErrorClasses([
-            this.refs.day,
-            this.refs.month,
-            this.refs.year,
-        ], dirty, hasError);
+        super.setErrorClasses([this.refs.day, this.refs.month, this.refs.year], dirty, hasError);
     }
     removeInputError(elements) {
-        super.removeInputError([
-            this.refs.day,
-            this.refs.month,
-            this.refs.year,
-        ]);
+        super.removeInputError([this.refs.day, this.refs.month, this.refs.year]);
         super.removeInputError(elements);
     }
     init() {
@@ -282,7 +268,7 @@ class DayComponent extends Field_1.default {
                 this.saveCaretPosition(element, name);
             }
             catch (err) {
-                console.warn('An error occurred while trying to save caret position', err);
+                console.warn(this.t('caretPositionSavingError'), err);
             }
             this.updateValue(null, {
                 modified: true,
@@ -317,11 +303,7 @@ class DayComponent extends Field_1.default {
             this.addEventListener(this.refs.input, this.info.changeEvent, () => this.updateValue(null, {
                 modified: true,
             }));
-            [
-                this.refs.day,
-                this.refs.month,
-                this.refs.year,
-            ]
+            [this.refs.day, this.refs.month, this.refs.year]
                 .filter((element) => !!element)
                 .forEach((element) => {
                 super.addFocusBlurEvents(element);
@@ -374,17 +356,7 @@ class DayComponent extends Field_1.default {
         }
         const dateParts = [];
         const valueParts = value.split('/');
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = this.component.defaultValue ? this.component.defaultValue.split('/') : '';
         let defaultDay = '';
         let defaultMonth = '';
@@ -461,17 +433,7 @@ class DayComponent extends Field_1.default {
         }
     }
     getDayWithHiddenFields(parts) {
-        let [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        let [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         if (!this.showDay) {
             MONTH = MONTH === 0 ? 0 : MONTH - 1;
             YEAR = YEAR - 1;
@@ -533,17 +495,7 @@ class DayComponent extends Field_1.default {
         var _a;
         let defaults = [], day, month, year;
         // Map positions to identifiers to get default values for each part of day
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = value || this.component.defaultValue;
         if (defaultValue) {
             defaults = defaultValue.split('/').map((x) => parseInt(x, 10));
@@ -689,17 +641,7 @@ class DayComponent extends Field_1.default {
         if (!value) {
             return true;
         }
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const values = value.split('/');
         if (values.length < 3) {
             return true;

package/lib/cjs/components/day/editForm/Day.edit.day.js

@@ -43,9 +43,7 @@ exports.default = [
             if (data.defaultValue) {
                 const defaultValueParts = data.defaultValue.split('/');
                 if (!data.fields.day.hide && defaultValueParts.length !== 3) {
-                    const newDefaultValue = [
-                        '00',
-                    ];
+                    const newDefaultValue = ['00'];
                     if (!data.fields.month.hide) {
                         data.dayFirst
                             ? newDefaultValue.push(defaultValueParts[0])

package/lib/cjs/components/day/editForm/Day.edit.month.js

@@ -43,9 +43,7 @@ exports.default = [
             if (data.defaultValue) {
                 const defaultValueParts = data.defaultValue.split('/');
                 if (!data.fields.month.hide && defaultValueParts.length !== 3) {
-                    const newDefaultValue = [
-                        '00',
-                    ];
+                    const newDefaultValue = ['00'];
                     if (!data.fields.day.hide) {
                         data.dayFirst
                             ? newDefaultValue.unshift(defaultValueParts[0])

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

@@ -42,6 +42,7 @@ export default class EditGridComponent extends NestedArrayComponent {
     get iteratableRows(): any;
     get defaultValue(): any[];
     hasRemoveButtons(): boolean;
+    checkData(data: any, flags: any, row: any): Promise<void> | undefined;
     editRows: any;
     checkRowVariableTypeComponents(editRow: any, rowIndex: any): void;
     setVariableTypeComponents(): void;