@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -16,7 +16,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             clearOnHide: true,
             input: true,
             tree: true,
-            components: [],
+            components: []
         }, ...extend);
     }
     static get builderInfo() {
@@ -27,7 +27,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             documentation: '/userguide/form-building/data-components#data-grid',
             showPreview: false,
             weight: 30,
-            schema: DataGridComponent.schema(),
+            schema: DataGridComponent.schema()
         };
     }
     constructor(...args) {
@@ -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,21 +85,15 @@ 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;
         if (Array.isArray(value)) {
             defaultValue = value;
         }
-        else if (value && typeof value === 'object') {
-            defaultValue = [
-                value,
-            ];
+        else if (value && (typeof value === 'object')) {
+            defaultValue = [value];
         }
         else {
             defaultValue = this.emptyValue;
@@ -156,23 +144,11 @@ 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 chunks.map((range) => lodash_1.default.slice(rows, ...range));
+            return [endIndex, [...acc, [startIndex, endIndex]]];
+        }, [0, []]);
+        return chunks.map(range => lodash_1.default.slice(rows, ...range));
     }
     /**
      * Create groups object.
@@ -185,9 +161,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 });
         }, {});
@@ -209,29 +183,20 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         this.dataValue = lodash_1.default.range(n).map(() => ({}));
     }
     hasExtraColumn() {
-        return this.hasRemoveButtons() || this.canAddColumn;
+        return (this.hasRemoveButtons() || this.canAddColumn);
     }
     hasRemoveButtons() {
-        return (!this.builderMode &&
-            !this.component.disableAddingRemovingRows &&
+        return !this.builderMode && !this.component.disableAddingRemovingRows &&
             !this.options.readOnly &&
             !this.disabled &&
             this.fullMode &&
-            this.dataValue.length > lodash_1.default.get(this.component, 'validate.minLength', 0));
+            (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;
@@ -272,11 +237,11 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             placeholder: this.renderTemplate('builderPlaceholder', {
                 position: this.componentComponents.length,
             }),
-            colWidth: colWidth.toString(),
+            colWidth: colWidth.toString()
         }));
     }
     getRows() {
-        return this.rows.map((row) => {
+        return this.rows.map(row => {
             const components = {};
             lodash_1.default.each(row, (col, key) => {
                 components[key] = col.render();
@@ -286,7 +251,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     }
     getColumns() {
         return this.columns.filter((comp) => {
-            return !this.visibleColumns.hasOwnProperty(comp.key) || this.visibleColumns[comp.key];
+            return (!this.visibleColumns.hasOwnProperty(comp.key) || this.visibleColumns[comp.key]);
         });
     }
     hasHeader() {
@@ -308,9 +273,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');
@@ -318,7 +281,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
                     if (oldParentKey === clickedElementKey) {
                         return clickedElement.classList.contains('formio-drag-button');
                     }
-                },
+                }
             }).on('drop', this.onReorder.bind(this));
             this.dragula.on('cloned', (el, original) => {
                 if (el && el.children && original && original.children) {
@@ -354,9 +317,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++;
             });
         });
@@ -414,6 +375,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         });
     }
     addRow() {
+        var _a;
         const index = this.rows.length;
         // Handle length mismatch between rows and dataValue
         if (this.dataValue.length === index) {
@@ -432,10 +394,10 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         this.rows[index] = this.createRowComponents(row, index);
         this.emit('dataGridAddRow', {
             component: this.component,
-            row,
+            row
         });
         this.checkConditions();
-        this.triggerChange({ modified: true });
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
         });
@@ -443,16 +405,12 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     updateComponentsRowIndex(components, rowIndex) {
         components.forEach((component, colIndex) => {
             var _a;
-            if (this.componentsMap[component.paths.dataPath]) {
-                delete this.componentsMap[component.paths.dataPath];
-            }
             if ((_a = component.options) === null || _a === void 0 ? void 0 : _a.name) {
                 const newName = `[${this.key}][${rowIndex}]`;
                 component.options.name = component.options.name.replace(`[${this.key}][${component.rowIndex}]`, newName);
             }
             component.rowIndex = rowIndex;
             component.row = `${rowIndex}-${colIndex}`;
-            this.componentsMap[component.paths.dataPath] = component;
         });
     }
     updateRowsComponents(rowIndex) {
@@ -465,7 +423,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const flags = { isReordered: !makeEmpty, resetValue: makeEmpty };
         this.splice(index, flags);
         this.emit('dataGridDeleteRow', { index });
-        const [row,] = this.rows.splice(index, 1);
+        const [row] = this.rows.splice(index, 1);
         this.removeSubmissionMetadataRow(index);
         this.removeRowComponents(row);
         this.updateRowsComponents(index);
@@ -504,7 +462,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const removed = !!removedRows.length;
         // Delete components of extra rows (to make sure that this.components contain only components of exisiting rows)
         if (removed) {
-            removedRows.forEach((row) => this.removeRowComponents(row));
+            removedRows.forEach(row => this.removeRowComponents(row));
         }
         if (!init && (added || removed)) {
             this.redraw();
@@ -520,17 +478,17 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             options.row = `${rowIndex}-${colIndex}`;
             options.rowIndex = rowIndex;
             options.onChange = (flags, changed, modified) => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 if (changed.component.type === 'form') {
                     const formComp = (0, utils_1.getComponent)(this.component.components, changed.component.key);
                     lodash_1.default.set(formComp, 'components', changed.component.components);
                 }
                 // If we're in a nested form we need to ensure our changes are triggered upstream
                 if (((_a = changed.instance.root) === null || _a === void 0 ? void 0 : _a.id) && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.id) !== changed.instance.root.id) {
-                    changed.instance.root.triggerChange(flags, changed, modified);
+                    (_d = (_c = changed.instance.root).triggerChange) === null || _d === void 0 ? void 0 : _d.call(_c, flags, changed, modified);
                 }
                 else {
-                    this.triggerChange({ modified });
+                    (_e = this.triggerChange) === null || _e === void 0 ? void 0 : _e.call(this, { modified });
                 }
             };
             let columnComponent;
@@ -539,13 +497,14 @@ class DataGridComponent extends NestedArrayComponent_1.default {
                 columnComponent = col;
             }
             else {
-                columnComponent = Object.assign(Object.assign({}, col), { id: col.id + rowIndex });
+                columnComponent = Object.assign(Object.assign({}, col), { id: (col.id + rowIndex) });
             }
             const component = this.createComponent(columnComponent, options, row);
             component.parentDisabled = !!this.disabled;
             component.rowIndex = rowIndex;
             component.inDataGrid = true;
-            if (columnComponent.tabindex && parseInt(columnComponent.tabindex) > this.tabIndex) {
+            if (columnComponent.tabindex &&
+                parseInt(columnComponent.tabindex) > this.tabIndex) {
                 this.tabIndex = parseInt(columnComponent.tabindex);
             }
             components[col.key] = component;
@@ -566,16 +525,12 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const dataValue = this.dataValue;
         this.rows.forEach((row, rowIndex) => {
             lodash_1.default.each(row, (col, key) => {
-                if (col && typeof col.checkConditions === 'function') {
+                if (col && (typeof col.checkConditions === 'function')) {
                     const firstRowCheck = visibility[key] === undefined;
-                    visibility[key] =
-                        !!visibility[key] ||
-                            (col.checkConditions(data, flags, dataValue[rowIndex]) && col.type !== 'hidden');
+                    visibility[key] = !!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') {
@@ -619,15 +574,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.
@@ -638,8 +589,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         const isSettingSubmission = flags.fromSubmission && !lodash_1.default.isEqual(value, this.emptyValue);
         const changed = this.hasChanged(value, this.dataValue);
         this.dataValue = value;
-        if (this.initRows ||
-            isSettingSubmission ||
+        if (this.initRows || isSettingSubmission ||
             (Array.isArray(this.dataValue) && this.dataValue.length !== this.rows.length)) {
             if (!this.createRows() && changed) {
                 this.redraw();
@@ -662,7 +612,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     }
     toggleGroup(element, index) {
         element.classList.toggle('collapsed');
-        lodash_1.default.each(this.refs.chunks[index], (row) => {
+        lodash_1.default.each(this.refs.chunks[index], row => {
             row.classList.toggle('hidden');
         });
     }

package/lib/cjs/components/datagrid/editForm/DataGrid.edit.data.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'multiple',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/cjs/components/datagrid/editForm/DataGrid.edit.display.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'checkbox',
@@ -51,7 +51,7 @@ exports.default = [
         input: true,
         customConditional(context) {
             return !context.data.disableAddingRemovingRows;
-        },
+        }
     },
     {
         type: 'select',
@@ -65,13 +65,13 @@ exports.default = [
             values: [
                 { label: 'Top', value: 'top' },
                 { label: 'Bottom', value: 'bottom' },
-                { label: 'Both', value: 'both' },
-            ],
+                { label: 'Both', value: 'both' }
+            ]
         },
         weight: 411,
         customConditional(context) {
             return !context.data.disableAddingRemovingRows;
-        },
+        }
     },
     {
         type: 'checkbox',
@@ -85,7 +85,7 @@ exports.default = [
         type: 'checkbox',
         label: 'Enable Row Groups',
         weight: 440,
-        input: true,
+        input: true
     },
     {
         label: 'Groups',
@@ -112,9 +112,9 @@ exports.default = [
                 input: true,
                 key: 'label',
                 widget: {
-                    type: '',
+                    type: ''
                 },
-                row: '0-0',
+                row: '0-0'
             },
             {
                 label: 'Number of Rows',
@@ -124,11 +124,11 @@ exports.default = [
                 type: 'number',
                 input: true,
                 key: 'numberOfRows',
-                row: '0-1',
-            },
+                row: '0-1'
+            }
         ],
         weight: 441,
-        conditional: { json: { var: 'data.enableRowGroups' } },
+        conditional: { json: { var: 'data.enableRowGroups' } }
     },
     {
         label: 'Hide Group on Header Click',
@@ -136,7 +136,7 @@ exports.default = [
         input: true,
         key: 'groupToggle',
         weight: 442,
-        conditional: { json: { var: 'data.enableRowGroups' } },
+        conditional: { json: { var: 'data.enableRowGroups' } }
     },
     {
         label: 'Initialize Empty',
@@ -144,6 +144,6 @@ exports.default = [
         input: true,
         key: 'initEmpty',
         tooltip: 'The DataGrid will have no visible rows when initialized.',
-        weight: 450,
-    },
+        weight: 450
+    }
 ];

package/lib/cjs/components/datagrid/editForm/DataGrid.edit.validation.js

@@ -12,7 +12,7 @@ exports.default = [
         placeholder: 'Minimum Length',
         type: 'textfield',
         tooltip: 'The minimum length requirement this field must meet.',
-        input: true,
+        input: true
     },
     {
         weight: 120,
@@ -21,6 +21,6 @@ exports.default = [
         placeholder: 'Maximum Length',
         type: 'textfield',
         tooltip: 'The maximum length requirement this field must meet.',
-        input: true,
-    },
+        input: true
+    }
 ];

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

@@ -15,11 +15,11 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: DataMap_edit_display_1.default,
+            components: DataMap_edit_display_1.default
         },
         {
             key: 'data',
-            components: DataMap_edit_data_1.default,
+            components: DataMap_edit_data_1.default
         },
     ], ...extend);
 }