@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -8,13 +8,13 @@ export default class ColumnsComponent extends NestedComponent {
             type: 'columns',
             columns: [
                 { components: [], width: 6, offset: 0, push: 0, pull: 0, size: 'md' },
-                { components: [], width: 6, offset: 0, push: 0, pull: 0, size: 'md' },
+                { components: [], width: 6, offset: 0, push: 0, pull: 0, size: 'md' }
             ],
             clearOnHide: false,
             input: false,
             tableView: false,
             persistent: false,
-            autoAdjust: false,
+            autoAdjust: false
         }, ...extend);
     }
     static get builderInfo() {
@@ -25,7 +25,7 @@ export default class ColumnsComponent extends NestedComponent {
             documentation: '/userguide/form-building/layout-components#columns',
             showPreview: false,
             weight: 10,
-            schema: ColumnsComponent.schema(),
+            schema: ColumnsComponent.schema()
         };
     }
     static savedValueTypes() {
@@ -36,9 +36,7 @@ export default class ColumnsComponent extends NestedComponent {
         this.rows = [];
     }
     get schema() {
-        const schema = _.omit(super.schema, [
-            'components',
-        ]);
+        const schema = _.omit(super.schema, ['components']);
         schema.columns?.map((column, colIndex) => {
             column.components.map((comp, compIndex) => {
                 const clonedComp = _.clone(comp);
@@ -89,13 +87,13 @@ export default class ColumnsComponent extends NestedComponent {
     render() {
         return super.render(this.renderTemplate('columns', {
             columnKey: this.columnKey,
-            columnComponents: this.columns.map((column) => this.renderComponents(column)),
+            columnComponents: this.columns.map(column => this.renderComponents(column))
         }));
     }
     justifyColumn(items, index) {
-        const toAdjust = _.every(items, (item) => !item.visible);
+        const toAdjust = _.every(items, item => !item.visible);
         const column = this.component.columns[index];
-        const width = toAdjust && items.length ? 0 : column.width;
+        const width = (toAdjust && items.length) ? 0 : column.width;
         const shouldRedraw = !_.isEqual(width, column.currentWidth);
         column.currentWidth = width;
         return shouldRedraw;
@@ -120,30 +118,20 @@ export default class ColumnsComponent extends NestedComponent {
      */
     groupByRow() {
         const initVal = { stack: [], rows: [] };
-        const width = (x) => x.component.width;
+        const width = x => x.component.width;
         const result = _.reduce(this.components, (acc, next) => {
-            const stack = [
-                ...acc.stack,
-                next,
-            ];
+            const stack = [...acc.stack, next];
             if (_.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 _.concat(result.rows, [
-            result.stack,
-        ]);
+        return _.concat(result.rows, [result.stack]);
     }
     checkData(data, flags, row, components) {
         super.checkData(data, flags, row, components);

package/lib/mjs/components/columns/editForm/Columns.edit.display.js

@@ -1,39 +1,39 @@
 export default [
     {
         key: 'labelPosition',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'description',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tooltip',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'autofocus',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tabindex',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'disabled',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 0,
@@ -44,10 +44,10 @@ export default [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true,
+            required: true
         },
         autofocus: true,
-        overrideEditForm: true,
+        overrideEditForm: true
     },
     {
         weight: 150,
@@ -62,7 +62,7 @@ export default [
             {
                 type: 'hidden',
                 key: 'components',
-                defaultValue: [],
+                defaultValue: []
             },
             {
                 type: 'select',
@@ -83,9 +83,9 @@ export default [
                 type: 'number',
                 key: 'width',
                 defaultValue: 6,
-                label: 'Width',
-            },
-        ],
+                label: 'Width'
+            }
+        ]
     },
     {
         weight: 160,
@@ -93,10 +93,10 @@ export default [
         label: 'Auto adjust columns',
         tooltip: 'Will automatically adjust columns based on if nested components are hidden.',
         key: 'autoAdjust',
-        input: true,
+        input: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/mjs/components/container/Container.form.js

@@ -10,11 +10,11 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'display',
-            components: ContainerEditDisplay,
+            components: ContainerEditDisplay
         },
         {
             key: 'data',
-            components: ContainerEditData,
+            components: ContainerEditData
         },
     ], ...extend);
 }

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

@@ -13,7 +13,7 @@ export default class ContainerComponent extends NestedDataComponent {
             input: true,
             tree: true,
             hideLabel: true,
-            components: [],
+            components: []
         }, ...extend);
     }
     static get builderInfo() {
@@ -24,7 +24,7 @@ export default class ContainerComponent extends NestedDataComponent {
             documentation: '/userguide/form-building/data-components#container',
             showPreview: false,
             weight: 10,
-            schema: ContainerComponent.schema(),
+            schema: ContainerComponent.schema()
         };
     }
     constructor(...args) {
@@ -32,9 +32,7 @@ export default class ContainerComponent extends NestedDataComponent {
         this.type = 'container';
     }
     static savedValueTypes(schema) {
-        return (getComponentSavedTypes(schema) || [
-            componentValueTypes.object,
-        ]);
+        return getComponentSavedTypes(schema) || [componentValueTypes.object];
     }
     addComponents(data, options) {
         return super.addComponents(this.dataValue, options);
@@ -68,7 +66,7 @@ export default class ContainerComponent extends NestedDataComponent {
     checkConditions(data, flags, row) {
         // check conditions of parent component first, because it may influence on visibility of it's children
         const check = Field.prototype.checkConditions.call(this, data, flags, row);
-        this.getComponents().forEach((comp) => comp.checkConditions(data, flags, this.dataValue));
+        this.getComponents().forEach(comp => comp.checkConditions(data, flags, this.dataValue));
         return check;
     }
 }

package/lib/mjs/components/container/editForm/Container.edit.data.js

@@ -1,14 +1,14 @@
 export default [
     {
         key: 'multiple',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'allowCalculateOverride',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'defaultValue',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/mjs/components/container/editForm/Container.edit.display.js

@@ -1,18 +1,18 @@
 export default [
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'description',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'autofocus',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tabindex',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/mjs/components/content/Content.form.js

@@ -26,8 +26,7 @@ export default function (...extend) {
         },
     ], ...extend);
     // Add content as full width above the settings.
-    editForm.components = [
-        {
+    editForm.components = [{
             weight: 0,
             type: 'textarea',
             editor: 'ckeditor',
@@ -38,7 +37,6 @@ export default function (...extend) {
             as: 'html',
             rows: 3,
             tooltip: 'The HTML template for the result data items.',
-        },
-    ].concat(editForm.components);
+        }].concat(editForm.components);
     return editForm;
 }

package/lib/mjs/components/content/Content.js

@@ -7,7 +7,7 @@ export default class ContentComponent extends Component {
             type: 'content',
             key: 'content',
             input: false,
-            html: '',
+            html: ''
         }, ...extend);
     }
     static get builderInfo() {
@@ -19,7 +19,7 @@ export default class ContentComponent extends Component {
             showPreview: false,
             documentation: '/userguide/form-building/layout-components#content',
             weight: 5,
-            schema: ContentComponent.schema(),
+            schema: ContentComponent.schema()
         };
     }
     static savedValueTypes() {
@@ -33,14 +33,12 @@ export default class ContentComponent extends Component {
             return this.component.html || 'Content';
         }
         const submission = _.get(this.root, 'submission', {});
-        return this.component.html
-            ? this.interpolate(this.component.html, {
-                metadata: submission.metadata || {},
-                submission: submission,
-                data: this.rootValue,
-                row: this.data,
-            })
-            : '';
+        return this.component.html ? this.interpolate(this.component.html, {
+            metadata: submission.metadata || {},
+            submission: submission,
+            data: this.rootValue,
+            row: this.data
+        }) : '';
     }
     render() {
         return super.render(this.renderTemplate('html', {

package/lib/mjs/components/content/editForm/Content.edit.display.js

@@ -1,39 +1,39 @@
 export default [
     {
         key: 'labelPosition',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'description',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tooltip',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'autofocus',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'disabled',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tabindex',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 700,
@@ -41,6 +41,6 @@ export default [
         label: 'Refresh On Change',
         tooltip: 'Rerender the field whenever a value on the form changes.',
         key: 'refreshOnChange',
-        input: true,
+        input: true
     },
 ];

package/lib/mjs/components/currency/Currency.form.js

@@ -10,11 +10,11 @@ export default function (...extend) {
     return baseEditForm([
         {
             key: 'display',
-            components: CurrencyEditDisplay,
+            components: CurrencyEditDisplay
         },
         {
             key: 'data',
-            components: CurrencyEditData,
+            components: CurrencyEditData
         },
         {
             key: 'validation',
@@ -39,7 +39,7 @@ export default function (...extend) {
                     key: 'validate.pattern',
                     ignore: true,
                 },
-            ],
+            ]
         },
     ], ...extend);
 }

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

@@ -8,7 +8,7 @@ export default class CurrencyComponent extends NumberComponent {
         return NumberComponent.schema({
             type: 'currency',
             label: 'Currency',
-            key: 'currency',
+            key: 'currency'
         }, ...extend);
     }
     static get builderInfo() {
@@ -18,7 +18,7 @@ export default class CurrencyComponent extends NumberComponent {
             icon: 'usd',
             documentation: '/userguide/form-building/advanced-components#currency',
             weight: 70,
-            schema: CurrencyComponent.schema(),
+            schema: CurrencyComponent.schema()
         };
     }
     constructor(component, options, data) {
@@ -38,7 +38,7 @@ export default class CurrencyComponent extends NumberComponent {
             currency: this.component.currency,
             decimalLimit: decimalLimit,
             decimalSeparator: this.decimalSeparator,
-            lang: this.options.language,
+            lang: this.options.language
         });
         this.currencyPrefix = this.options.prefix || affixes.prefix;
         this.currencySuffix = this.options.suffix || affixes.suffix;
@@ -79,7 +79,7 @@ export default class CurrencyComponent extends NumberComponent {
                 }
                 return conformedValue;
             },
-            shadowRoot: this.root ? this.root.shadowRoot : null,
+            shadowRoot: this.root ? this.root.shadowRoot : null
         });
     }
     get defaultSchema() {
@@ -104,13 +104,8 @@ export default class CurrencyComponent extends NumberComponent {
         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;
@@ -125,11 +120,10 @@ export default class CurrencyComponent extends NumberComponent {
     }
     getValueAsString(value, options) {
         const stringValue = super.getValueAsString(value, options);
+        // eslint-disable-next-line eqeqeq
         if (value || value == '0') {
             if (Array.isArray(value)) {
-                return value
-                    .map((val) => this.addZerosAndFormatValue(super.getValueAsString(val, options)))
-                    .join(', ');
+                return value.map((val) => this.addZerosAndFormatValue(super.getValueAsString(val, options))).join(', ');
             }
             return this.addZerosAndFormatValue(stringValue);
         }
@@ -155,14 +149,11 @@ export default class CurrencyComponent extends NumberComponent {
                     value = value.replace(this.currencySuffix, '');
                 }
                 //when we enter $ in the field using dashboard, it contains '_' that is NaN
-                if ((hasPrefix || hasSuffix) &&
-                    !hasDelimiter &&
-                    !hasDecimalSeparator &&
-                    (Number.isNaN(+value) || !value)) {
+                if ((hasPrefix || hasSuffix) && !hasDelimiter && !hasDecimalSeparator && (Number.isNaN(+value) || !value)) {
                     value = '0';
                 }
             }
-            catch (ignoreErr) {
+            catch (err) {
                 // If value doesn't have a replace method, continue on as before.
             }
         }

package/lib/mjs/components/currency/editForm/Currency.edit.data.js

@@ -1,7 +1,7 @@
 export default [
     {
         key: 'case',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'select',
@@ -183,8 +183,8 @@ export default [
                 { label: 'Dong (VND)', value: 'VND' },
                 { label: 'Yemeni Rial (YER)', value: 'YER' },
                 { label: 'Zambian Kwacha (ZMW)', value: 'ZMW' },
-                { label: 'Zimbabwe Dollar (ZWL),', value: 'ZWL' },
-            ],
-        },
-    },
+                { label: 'Zimbabwe Dollar (ZWL),', value: 'ZWL' }
+            ]
+        }
+    }
 ];

package/lib/mjs/components/currency/editForm/Currency.edit.display.js

@@ -1,23 +1,23 @@
 export default [
     {
         key: 'inputMask',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'showWordCount',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'showCharCount',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'spellcheck',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'textfield',
@@ -25,7 +25,7 @@ export default [
         weight: 310,
         key: 'prefix',
         label: 'prefix',
-        tooltip: 'Specify the prefix symbol after the component (e.g.: USD, EUR)',
+        tooltip: 'Specify the prefix symbol after the component (e.g.: USD, EUR)'
     },
     {
         type: 'textfield',
@@ -33,6 +33,6 @@ export default [
         weight: 320,
         key: 'suffix',
         label: 'suffix',
-        tooltip: 'Specify the suffix symbol after the component (e.g.: USD, EUR).',
-    },
+        tooltip: 'Specify the suffix symbol after the component (e.g.: USD, EUR).'
+    }
 ];

package/lib/mjs/components/datagrid/DataGrid.form.js

@@ -11,15 +11,15 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'display',
-            components: DataGridEditDisplay,
+            components: DataGridEditDisplay
         },
         {
             key: 'data',
-            components: DataGridEditData,
+            components: DataGridEditData
         },
         {
             key: 'validation',
-            components: DataGridEditValidation,
+            components: DataGridEditValidation
         },
     ], ...extend);
 }