@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/mjs/components/form/editForm/Form.edit.data.js

@@ -1,4 +1,5 @@
 import EditFormUtils from '../../_classes/component/editForm/utils';
+/* eslint-disable max-len */
 export default [
     EditFormUtils.javaScriptValue('Custom Default Value', 'customDefaultValue', 'customDefaultValue', 120, '<p><h4>Example:</h4><pre>value = data.firstName + " " + data.lastName;</pre></p>', '<p><h4>Example:</h4><pre>{"cat": [{"var": "data.firstName"}, " ", {"var": "data.lastName"}]}</pre>'),
     EditFormUtils.javaScriptValue('Calculated Value', 'calculateValue', 'calculateValue', 130, '<p><h4>Example:</h4><pre>value = data.a + data.b + data.c;</pre></p>', '<p><h4>Example:</h4><pre>{"+": [{"var": "data.a"}, {"var": "data.b"}, {"var": "data.c"}]}</pre><p><a href="https://help.form.io/userguide/form-building/logic-and-conditions#calculated-values" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>'),
@@ -9,6 +10,7 @@ export default [
         key: 'clearOnHide',
         defaultValue: true,
         tooltip: 'When a field is hidden, clear the value.',
-        input: true,
+        input: true
     },
 ];
+/* eslint-enable max-len */

package/lib/mjs/components/form/editForm/Form.edit.display.js

@@ -1,26 +1,27 @@
 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: 'tabIndex',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'autofocus',
-        ignore: true,
+        ignore: true
     },
 ];
+/* eslint-enable max-len */

package/lib/mjs/components/form/editForm/Form.edit.form.js

@@ -4,7 +4,7 @@ export default [
         input: true,
         dataSrc: 'url',
         data: {
-            url: '/form?limit=1000000&select=_id,title,display',
+            url: '/form?limit=1000000&select=_id,title,display'
         },
         searchField: 'title__regex',
         template: '<span>{{ item.title }}</span>',
@@ -30,11 +30,9 @@ export default [
         tooltip: 'if it is checked, the subform is loaded after navigation to the page with this component within the wizard.',
         input: true,
         customConditional({ instance, data }) {
-            const formComp = instance.root?.getComponent('form');
-            const formInfo = formComp?.defaultDownloadedResources.find((res) => res._id === data.form);
+            const formInfo = instance.root?.getComponent('form')?.defaultDownloadedResources.find(res => res._id === data.form);
             const displayMode = 'wizard';
-            return (instance.options?.editForm?.display === displayMode &&
-                ((data.form && !formInfo) || (formInfo && formInfo.display !== displayMode)));
+            return instance.options?.editForm?.display === displayMode && formInfo && formInfo.display !== displayMode;
         },
     },
     {
@@ -42,7 +40,7 @@ export default [
         input: true,
         dataSrc: 'url',
         data: {
-            url: '/form/{{ data.form }}/v',
+            url: '/form/{{ data.form }}/v'
         },
         searchField: 'title__regex',
         template: '<span>{{ item._vid }}</span>',
@@ -53,7 +51,7 @@ export default [
         weight: 10,
         lazyLoad: true,
         tooltip: 'You can lock the nested form to a specific revision by choosing the revision number here.',
-        customConditional: 'show = !!data.form',
+        customConditional: 'show = !!data.form'
     },
     {
         type: 'checkbox',
@@ -61,7 +59,7 @@ export default [
         weight: 19,
         key: 'useOriginalRevision',
         label: 'Use Original Revision while Submissions Viewing',
-        tooltip: 'Using this option will make form load the original revision (the one which was used to make a submission) when viewing a submission.',
+        tooltip: 'Using this option will make form load the original revision (the one which was used to make a submission) when viewing a submission.'
     },
     {
         type: 'checkbox',
@@ -69,6 +67,6 @@ export default [
         weight: 20,
         key: 'reference',
         label: 'Save as reference',
-        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.',
-    },
+        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.'
+    }
 ];

package/lib/mjs/components/hidden/Hidden.form.js

@@ -10,19 +10,19 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'display',
-            components: HiddenEditDisplay,
+            components: HiddenEditDisplay
         },
         {
             key: 'data',
-            components: HiddenEditData,
+            components: HiddenEditData
         },
         {
             key: 'validation',
-            ignore: true,
+            ignore: true
         },
         {
             key: 'conditional',
-            ignore: true,
+            ignore: true
         },
     ], ...extend);
 }

package/lib/mjs/components/hidden/Hidden.js

@@ -4,7 +4,7 @@ export default class HiddenComponent extends Input {
         return Input.schema({
             type: 'hidden',
             tableView: false,
-            inputType: 'hidden',
+            inputType: 'hidden'
         }, ...extend);
     }
     static get builderInfo() {
@@ -15,7 +15,7 @@ export default class HiddenComponent extends Input {
             weight: 0,
             documentation: '/userguide/form-building/data-components#hidden',
             showPreview: false,
-            schema: HiddenComponent.schema(),
+            schema: HiddenComponent.schema()
         };
     }
     get defaultSchema() {

package/lib/mjs/components/hidden/editForm/Hidden.edit.data.js

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

package/lib/mjs/components/hidden/editForm/Hidden.edit.display.js

@@ -1,42 +1,42 @@
 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: 'tabindex',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'hidden',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'disabled',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/mjs/components/html/HTML.js

@@ -9,7 +9,7 @@ export default class HTMLComponent extends Component {
             attrs: [],
             content: '',
             input: false,
-            persistent: false,
+            persistent: false
         }, ...extend);
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ export default class HTMLComponent extends Component {
             weight: 0,
             documentation: '/userguide/form-building/layout-components#html-element',
             showPreview: false,
-            schema: HTMLComponent.schema(),
+            schema: HTMLComponent.schema()
         };
     }
     static savedValueTypes() {
@@ -38,34 +38,28 @@ export default class HTMLComponent extends Component {
             return ` ${this.component.content} `;
         }
         const submission = _.get(this.root, 'submission', {});
-        const content = this.component.content
-            ? this.interpolate(this.sanitize(this.component.content, this.shouldSanitizeValue), {
-                metadata: submission.metadata || {},
-                submission: submission,
-                data: this.rootValue,
-                row: this.data,
-            })
-            : '';
+        const content = this.component.content ? this.interpolate(this.sanitize(this.component.content, this.shouldSanitizeValue), {
+            metadata: submission.metadata || {},
+            submission: submission,
+            data: this.rootValue,
+            row: this.data
+        }) : '';
         return content;
     }
     get singleTags() {
-        return [
-            'br',
-            'img',
-            'hr',
-        ];
+        return ['br', 'img', 'hr'];
     }
     checkRefreshOn(changed) {
         super.checkRefreshOn(changed);
         const isVisible = () => {
             return this.hasCondition() ? !this.conditionallyHidden() : !this.component.hidden;
         };
-        const shouldSetContent = !this.builderMode &&
-            this.component.refreshOnChange &&
-            this.element &&
-            !_.isUndefined(changed) &&
-            ((_.isBoolean(changed) && changed) || !_.isEmpty(changed)) &&
-            isVisible();
+        const shouldSetContent = !this.builderMode
+            && this.component.refreshOnChange
+            && this.element
+            && !_.isUndefined(changed)
+            && ((_.isBoolean(changed) && changed) || !_.isEmpty(changed))
+            && isVisible();
         if (shouldSetContent) {
             this.setContent(this.element, this.renderContent());
         }
@@ -82,8 +76,8 @@ export default class HTMLComponent extends Component {
                         metadata: submission.metadata || {},
                         submission: submission,
                         data: this.rootValue,
-                        row: this.data,
-                    }),
+                        row: this.data
+                    })
                 };
             }),
             content: this.content,

package/lib/mjs/components/html/editForm/HTML.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
     },
     {
         type: 'textfield',
@@ -42,7 +42,7 @@ export default [
         weight: 50,
         label: 'HTML Tag',
         placeholder: 'HTML Element Tag',
-        tooltip: 'The tag of this HTML element.',
+        tooltip: 'The tag of this HTML element.'
     },
     {
         type: 'textfield',
@@ -51,7 +51,7 @@ export default [
         weight: 60,
         label: 'CSS Class',
         placeholder: 'CSS Class',
-        tooltip: 'The CSS class for this HTML element.',
+        tooltip: 'The CSS class for this HTML element.'
     },
     {
         type: 'datagrid',
@@ -65,15 +65,15 @@ export default [
                 label: 'Attribute',
                 key: 'attr',
                 input: true,
-                type: 'textfield',
+                type: 'textfield'
             },
             {
                 label: 'Value',
                 key: 'value',
                 input: true,
-                type: 'textfield',
-            },
-        ],
+                type: 'textfield'
+            }
+        ]
     },
     {
         type: 'textarea',
@@ -85,7 +85,7 @@ export default [
         tooltip: 'The content of this HTML element.',
         defaultValue: '<div class="well">Content</div>',
         key: 'content',
-        weight: 80,
+        weight: 80
     },
     {
         weight: 85,
@@ -93,6 +93,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/html/editForm/HTML.edit.logic.js

@@ -83,10 +83,10 @@ export default [
                                 weight: 30,
                                 input: true,
                                 customConditional(context) {
-                                    return (context.row.type === 'property' &&
+                                    return context.row.type === 'property' &&
                                         context.row.hasOwnProperty('property') &&
                                         context.row.property.type === 'string' &&
-                                        context.row.property.component === 'content');
+                                        context.row.property.component === 'content';
                                 },
                             },
                         ],

package/lib/mjs/components/number/Number.form.js

@@ -11,15 +11,15 @@ export default function (...extend) {
     return textEditForm([
         {
             key: 'display',
-            components: NumberEditDisplay,
+            components: NumberEditDisplay
         },
         {
             key: 'data',
-            components: NumberEditData,
+            components: NumberEditData
         },
         {
             key: 'validation',
-            components: NumberEditValidation,
+            components: NumberEditValidation
         },
     ], ...extend);
 }

package/lib/mjs/components/number/Number.js

@@ -2,7 +2,7 @@ import { createNumberMask } from '@formio/text-mask-addons';
 import { conformToMask, maskInput } from '@formio/vanilla-text-mask';
 import _ from 'lodash';
 import Input from '../_classes/input/Input';
-import { getNumberSeparators, getNumberDecimalLimit, componentValueTypes, getComponentSavedTypes, } from '../../utils';
+import { getNumberSeparators, getNumberDecimalLimit, componentValueTypes, getComponentSavedTypes } from '../../utils/';
 export default class NumberComponent extends Input {
     static schema(...extend) {
         return Input.schema({
@@ -13,8 +13,8 @@ export default class NumberComponent extends Input {
                 min: '',
                 max: '',
                 step: 'any',
-                integer: '',
-            },
+                integer: ''
+            }
         }, ...extend);
     }
     static get builderInfo() {
@@ -24,7 +24,7 @@ export default class NumberComponent extends Input {
             group: 'basic',
             documentation: '/userguide/form-building/form-components#number',
             weight: 30,
-            schema: NumberComponent.schema(),
+            schema: NumberComponent.schema()
         };
     }
     static get serverConditionSettings() {
@@ -33,43 +33,27 @@ export default class NumberComponent extends Input {
     static get conditionOperatorsSettings() {
         return {
             ...super.conditionOperatorsSettings,
-            operators: [
-                ...super.conditionOperatorsSettings.operators,
-                'lessThan',
-                'greaterThan',
-                'lessThanOrEqual',
-                'greaterThanOrEqual',
-            ],
+            operators: [...super.conditionOperatorsSettings.operators, 'lessThan', 'greaterThan', 'lessThanOrEqual', 'greaterThanOrEqual'],
             valueComponent(classComp) {
                 return { ...classComp, type: 'number' };
-            },
+            }
         };
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return (getComponentSavedTypes(schema) || [
-            componentValueTypes.number,
-        ]);
+        return getComponentSavedTypes(schema) || [componentValueTypes.number];
     }
     constructor(...args) {
         super(...args);
         const separators = getNumberSeparators(this.options.language || navigator.language);
-        this.decimalSeparator = this.options.decimalSeparator =
-            this.component.decimalSymbol ||
-                this.options.decimalSeparator ||
-                this.options.properties?.decimalSeparator ||
-                separators.decimalSeparator;
+        this.decimalSeparator = this.options.decimalSeparator = this.component.decimalSymbol || this.options.decimalSeparator
+            || this.options.properties?.decimalSeparator
+            || separators.decimalSeparator;
         if (this.component.delimiter) {
-            this.delimiter =
-                this.component.thousandsSeparator ||
-                    this.options.properties?.thousandsSeparator ||
-                    this.options.thousandsSeparator ||
-                    separators.delimiter;
+            this.delimiter = this.component.thousandsSeparator || this.options.properties?.thousandsSeparator || this.options.thousandsSeparator || separators.delimiter;
         }
         else {
-            if (this.component.thousandsSeparator ||
-                this.options.properties?.thousandsSeparator ||
-                this.options.thousandsSeparator) {
+            if (this.component.thousandsSeparator || this.options.properties?.thousandsSeparator || this.options.thousandsSeparator) {
                 console.warn('In order for thousands separator to work properly, you must set the delimiter to true in the component json');
             }
             this.delimiter = '';

package/lib/mjs/components/number/editForm/Number.edit.data.js

@@ -5,7 +5,7 @@ export default [
         weight: 70,
         key: 'delimiter',
         label: 'Use Thousands Separator',
-        tooltip: 'Separate thousands by local delimiter.',
+        tooltip: 'Separate thousands by local delimiter.'
     },
     {
         type: 'number',
@@ -13,7 +13,7 @@ export default [
         weight: 80,
         key: 'decimalLimit',
         label: 'Decimal Places',
-        tooltip: 'The maximum number of decimal places.',
+        tooltip: 'The maximum number of decimal places.'
     },
     {
         type: 'checkbox',
@@ -21,7 +21,7 @@ export default [
         weight: 90,
         key: 'requireDecimal',
         label: 'Require Decimal',
-        tooltip: 'Always show decimals, even if trailing zeros.',
+        tooltip: 'Always show decimals, even if trailing zeros.'
     },
     {
         key: 'case',

package/lib/mjs/components/number/editForm/Number.edit.display.js

@@ -1,15 +1,15 @@
 export default [
     {
         key: 'spellcheck',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'inputMask',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'showWordCount',
@@ -18,5 +18,5 @@ export default [
     {
         key: 'showCharCount',
         ignore: true,
-    },
+    }
 ];

package/lib/mjs/components/number/editForm/Number.edit.validation.js

@@ -1,27 +1,27 @@
 export default [
     {
         key: 'unique',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.minLength',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.maxLength',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.minWords',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.maxWords',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.pattern',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'number',
@@ -30,7 +30,7 @@ export default [
         input: true,
         placeholder: 'Minimum Value',
         tooltip: 'The minimum value this field must have before the form can be submitted.',
-        weight: 150,
+        weight: 150
     },
     {
         type: 'number',
@@ -39,6 +39,6 @@ export default [
         input: true,
         placeholder: 'Maximum Value',
         tooltip: 'The maximum value this field can have before the form can be submitted.',
-        weight: 160,
-    },
+        weight: 160
+    }
 ];

package/lib/mjs/components/panel/Panel.form.js

@@ -10,7 +10,7 @@ export default function (...extend) {
     return nestedComponentForm([
         {
             key: 'display',
-            components: PanelEditDisplay,
+            components: PanelEditDisplay
         },
         {
             key: 'conditional',

package/lib/mjs/components/panel/Panel.js

@@ -13,7 +13,7 @@ export default class PanelComponent extends NestedComponent {
             clearOnHide: false,
             input: false,
             tableView: false,
-            persistent: false,
+            persistent: false
         }, ...extend);
     }
     static get builderInfo() {
@@ -24,7 +24,7 @@ export default class PanelComponent extends NestedComponent {
             documentation: '/userguide/form-building/layout-components#panel',
             showPreview: false,
             weight: 30,
-            schema: PanelComponent.schema(),
+            schema: PanelComponent.schema()
         };
     }
     get defaultSchema() {