@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/mjs/components/password/editForm/Password.edit.data.js

@@ -1,39 +1,39 @@
 export default [
     {
         key: 'inputFormat',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'persistent',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'protected',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'dbIndex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'encrypted',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'multiple',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'defaultValue',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'customDefaultValuePanel',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'calculateValuePanel',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'passwordInfo',
@@ -41,6 +41,6 @@ export default [
         type: 'htmlelement',
         tag: 'div',
         className: 'alert alert-info',
-        content: 'Password fields are automatically encrypted using 1-way salted bcrypt hashes. These hashes are also protected and not returned in the API.'
-    }
+        content: 'Password fields are automatically encrypted using 1-way salted bcrypt hashes. These hashes are also protected and not returned in the API.',
+    },
 ];

package/lib/mjs/components/password/editForm/Password.edit.display.js

@@ -5,10 +5,10 @@ export default [
     },
     {
         key: 'inputMask',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true
-    }
+        ignore: true,
+    },
 ];

package/lib/mjs/components/password/editForm/Password.edit.validation.js

@@ -1,14 +1,14 @@
 export default [
     {
         key: 'unique',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.minWords',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.maxWords',
-        ignore: true
+        ignore: true,
     },
 ];

package/lib/mjs/components/phonenumber/PhoneNumber.form.js

@@ -12,26 +12,26 @@ export default function (...extend) {
             components: [
                 {
                     key: 'showWordCount',
-                    ignore: true
+                    ignore: true,
                 },
                 {
                     key: 'showCharCount',
-                    ignore: true
-                }
-            ]
+                    ignore: true,
+                },
+            ],
         },
         {
             key: 'data',
             components: [
                 {
                     key: 'case',
-                    ignore: true
-                }
-            ]
+                    ignore: true,
+                },
+            ],
         },
         {
             key: 'validation',
-            components: PhoneNumberEditValidation
+            components: PhoneNumberEditValidation,
         },
     ], ...extend);
 }

package/lib/mjs/components/phonenumber/PhoneNumber.js

@@ -19,7 +19,7 @@ export default class PhoneNumberComponent extends TextFieldComponent {
             icon: 'phone-square',
             weight: 30,
             documentation: '/userguide/form-building/advanced-components#phone-number',
-            schema: PhoneNumberComponent.schema()
+            schema: PhoneNumberComponent.schema(),
         };
     }
     get defaultSchema() {
@@ -27,7 +27,7 @@ export default class PhoneNumberComponent extends TextFieldComponent {
     }
     getValueAsString(value, options) {
         if (options?.email && this.visible && !this.skipInEmail && _.isObject(value)) {
-            const result = (`
+            const result = `
         <table border="1" style="width:100%">
           <tbody>
           <tr>
@@ -36,7 +36,7 @@ export default class PhoneNumberComponent extends TextFieldComponent {
           </tr>
           </tbody>
         </table>
-      `);
+      `;
             return result;
         }
         return super.getValueAsString(value, options);

package/lib/mjs/components/phonenumber/editForm/PhoneNumber.edit.validation.js

@@ -1,22 +1,22 @@
 export default [
     {
         key: 'validate.minLength',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.maxLength',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.pattern',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.minWords',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validate.maxWords',
-        ignore: true
-    }
+        ignore: true,
+    },
 ];

package/lib/mjs/components/radio/Radio.form.js

@@ -11,15 +11,15 @@ export default function (...extend) {
     return listComponentForm([
         {
             key: 'display',
-            components: RadioEditDisplay
+            components: RadioEditDisplay,
         },
         {
             key: 'data',
-            components: RadioEditData
+            components: RadioEditData,
         },
         {
             key: 'validation',
-            components: RadioEditValidation
+            components: RadioEditValidation,
         },
     ], ...extend);
 }

package/lib/mjs/components/radio/Radio.js

@@ -9,11 +9,13 @@ export default class RadioComponent extends ListComponent {
             inputType: 'radio',
             label: 'Radio',
             key: 'radio',
-            values: [{ label: '', value: '' }],
+            values: [
+                { label: '', value: '' },
+            ],
             data: {
                 url: '',
             },
-            fieldSet: false
+            fieldSet: false,
         }, ...extend);
     }
     static get builderInfo() {
@@ -23,7 +25,7 @@ export default class RadioComponent extends ListComponent {
             icon: 'dot-circle-o',
             weight: 80,
             documentation: '/userguide/form-building/form-components#radio',
-            schema: RadioComponent.schema()
+            schema: RadioComponent.schema(),
         };
     }
     static get conditionOperatorsSettings() {
@@ -39,13 +41,13 @@ export default class RadioComponent extends ListComponent {
                         dataType: classComp.dataType || '',
                         data: {
                             custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`,
-                        }
+                        },
                     }
                     : {
                         ...classComp,
                         type: 'select',
                     };
-            }
+            },
         };
     }
     static get serverConditionSettings() {
@@ -59,12 +61,23 @@ export default class RadioComponent extends ListComponent {
             return types;
         }
         if (dataType === 'object') {
-            return [object, array];
+            return [
+                object,
+                array,
+            ];
         }
         if (componentValueTypes[dataType]) {
-            return [componentValueTypes[dataType]];
+            return [
+                componentValueTypes[dataType],
+            ];
         }
-        return [boolean, string, number, object, array];
+        return [
+            boolean,
+            string,
+            number,
+            object,
+            array,
+        ];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -85,7 +98,7 @@ export default class RadioComponent extends ListComponent {
         this.setValue(this.emptyValue, {
             noUpdateEvent: true,
             noValidate: true,
-            resetValue: true
+            resetValue: true,
         });
     }
     get inputInfo() {
@@ -149,7 +162,7 @@ export default class RadioComponent extends ListComponent {
         this.getTemplateKeys();
     }
     beforeSubmit() {
-        return new Promise(res => {
+        return new Promise((res) => {
             this.dataReady.then(() => res(true));
         });
     }
@@ -182,11 +195,14 @@ export default class RadioComponent extends ListComponent {
                     dataValue = _.toString(this.dataValue);
                 }
                 if (this.isSelectURL && _.isObject(this.loadedOptions[index].value)) {
-                    const optionValue = this.component.dataType === 'string' ? JSON.stringify(this.loadedOptions[index].value) : this.loadedOptions[index].value;
+                    const optionValue = this.component.dataType === 'string'
+                        ? JSON.stringify(this.loadedOptions[index].value)
+                        : this.loadedOptions[index].value;
                     input.checked = _.isEqual(optionValue, this.dataValue);
                 }
                 else {
-                    input.checked = (dataValue === input.value && (input.value || this.component.dataSrc !== 'url'));
+                    input.checked =
+                        dataValue === input.value && (input.value || this.component.dataSrc !== 'url');
                 }
                 this.addEventListener(input, 'keyup', (event) => {
                     if (event.key === ' ' && dataValue === input.value) {
@@ -220,9 +236,10 @@ export default class RadioComponent extends ListComponent {
         let value = this.component.inputType === 'checkbox' ? '' : this.dataValue;
         this.refs.input.forEach((input, index) => {
             if (input.checked) {
-                value = (this.isSelectURL && _.isObject(this.loadedOptions[index].value)) ?
-                    this.loadedOptions[index].value :
-                    input.value;
+                value =
+                    this.isSelectURL && _.isObject(this.loadedOptions[index].value)
+                        ? this.loadedOptions[index].value
+                        : input.value;
             }
         });
         return value;
@@ -239,7 +256,8 @@ export default class RadioComponent extends ListComponent {
         }
         const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         if (values) {
-            return values.findIndex(({ value: optionValue }) => this.normalizeValue(optionValue) === value) !== -1;
+            return (values.findIndex(({ value: optionValue }) => this.normalizeValue(optionValue) === value) !==
+                -1);
         }
         return false;
     }
@@ -250,15 +268,18 @@ export default class RadioComponent extends ListComponent {
         else if (!_.isString(value)) {
             value = _.toString(value);
         }
-        const shouldUseSelectData = (options.modalPreview || this.inDataTable)
-            && this.component.dataSrc === 'url' && (this.loadedOptions.length || this.selectData);
+        const shouldUseSelectData = (options.modalPreview || this.inDataTable) &&
+            this.component.dataSrc === 'url' &&
+            (this.loadedOptions.length || this.selectData);
         if (this.component.dataSrc !== 'values' && !shouldUseSelectData) {
             return value;
         }
         const values = shouldUseSelectData ? this.loadedOptions : this.component.values;
-        const option = !values?.length && shouldUseSelectData ? {
-            label: this.itemTemplate(this.selectData),
-        } : _.find(values, (v) => v.value === value);
+        const option = !values?.length && shouldUseSelectData
+            ? {
+                label: this.itemTemplate(this.selectData),
+            }
+            : _.find(values, (v) => v.value === value);
         if (!value) {
             return _.get(option, 'label', '');
         }
@@ -267,7 +288,7 @@ export default class RadioComponent extends ListComponent {
     setValueAt(index, value) {
         if (this.refs.input && this.refs.input[index] && value !== null && value !== undefined) {
             const inputValue = this.refs.input[index].value;
-            this.refs.input[index].checked = (inputValue === value.toString());
+            this.refs.input[index].checked = inputValue === value.toString();
         }
     }
     get shouldLoad() {
@@ -301,7 +322,7 @@ export default class RadioComponent extends ListComponent {
             search,
             limit,
             skip,
-            page: Math.abs(Math.floor(skip / limit))
+            page: Math.abs(Math.floor(skip / limit)),
         }), this.shouldSanitizeValue);
         // Set ignoreCache if it is
         options.ignoreCache = this.component.ignoreCache;
@@ -324,7 +345,7 @@ export default class RadioComponent extends ListComponent {
     loadItemsFromMetadata() {
         this.listData.forEach((item, i) => {
             this.loadedOptions[i] = {
-                label: this.itemTemplate(item)
+                label: this.itemTemplate(item),
             };
             if (_.isEqual(item, this.selectData || _.pick(this.dataValue, _.keys(item)))) {
                 this.loadedOptions[i].value = this.dataValue;
@@ -339,7 +360,9 @@ export default class RadioComponent extends ListComponent {
             const valueAtProperty = _.get(item, this.component.valueProperty);
             this.loadedOptions[i] = {
                 value: this.component.valueProperty ? valueAtProperty : item,
-                label: this.component.valueProperty ? this.itemTemplate(item, valueAtProperty) : this.itemTemplate(item, item, i)
+                label: this.component.valueProperty
+                    ? this.itemTemplate(item, valueAtProperty)
+                    : this.itemTemplate(item, item, i),
             };
             listData.push(this.templateData[this.component.valueProperty ? valueAtProperty : i]);
             const value = this.loadedOptions[i].value;
@@ -365,7 +388,11 @@ export default class RadioComponent extends ListComponent {
             const value = this.dataValue;
             this.refs.wrapper.forEach((wrapper, index) => {
                 const input = this.refs.input[index];
-                const checked = (value === undefined || value === null) ? false : (input.type === 'checkbox') ? value[input.value] || input.checked : (input.value.toString() === value.toString());
+                const checked = value === undefined || value === null
+                    ? false
+                    : input.type === 'checkbox'
+                        ? value[input.value] || input.checked
+                        : input.value.toString() === value.toString();
                 if (checked) {
                     //add class to container when selected
                     this.addClass(wrapper, this.optionSelectedClass);
@@ -413,7 +440,9 @@ export default class RadioComponent extends ListComponent {
         }
         switch (dataType) {
             case 'auto':
-                if (!isNaN(parseFloat(value)) && isFinite(value) && _.toString(value) === Number(value).toString()) {
+                if (!isNaN(parseFloat(value)) &&
+                    isFinite(value) &&
+                    _.toString(value) === Number(value).toString()) {
                     value = +value;
                 }
                 if (value === 'true') {

package/lib/mjs/components/radio/editForm/Radio.edit.data.js

@@ -13,12 +13,14 @@ export default [
                 { label: 'URL', value: 'url' },
             ],
         },
-        'validate': {
-            'required': true
+        validate: {
+            required: true,
         },
         onChange(context) {
             if (context && context.flags && context.flags && context.flags.modified) {
-                context.data.values = [{ label: '', value: '' }];
+                context.data.values = [
+                    { label: '', value: '' },
+                ];
             }
         },
     },
@@ -30,7 +32,9 @@ export default [
         tooltip: 'The radio button values that can be picked for this field. Values are text submitted with the form data. Labels are text that appears next to the radio buttons on the form.',
         weight: 10,
         reorder: true,
-        defaultValue: [{ label: '', value: '' }],
+        defaultValue: [
+            { label: '', value: '' },
+        ],
         components: [
             {
                 label: 'Label',
@@ -46,8 +50,8 @@ export default [
                 allowCalculateOverride: true,
                 calculateValue: 'value = _.camelCase(row.label);',
                 validate: {
-                    required: true
-                }
+                    required: true,
+                },
             },
             {
                 type: 'select',
@@ -68,7 +72,12 @@ export default [
             },
         ],
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'values'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'values',
+                ],
+            },
         },
     },
     {
@@ -94,7 +103,12 @@ export default [
     {
         key: 'template',
         conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
+            json: {
+                '===': [
+                    { var: 'data.dataSrc' },
+                    'url',
+                ],
+            },
         },
-    }
+    },
 ];

package/lib/mjs/components/radio/editForm/Radio.edit.display.js

@@ -1,7 +1,7 @@
 export default [
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         type: 'select',
@@ -17,9 +17,9 @@ export default [
                 { label: 'Top', value: 'top' },
                 { label: 'Left', value: 'left' },
                 { label: 'Right', value: 'right' },
-                { label: 'Bottom', value: 'bottom' }
-            ]
-        }
+                { label: 'Bottom', value: 'bottom' },
+            ],
+        },
     },
     {
         type: 'checkbox',
@@ -27,6 +27,6 @@ export default [
         key: 'inline',
         label: 'Inline Layout',
         tooltip: 'Displays the checkboxes/radios horizontally.',
-        weight: 650
-    }
+        weight: 650,
+    },
 ];

package/lib/mjs/components/radio/editForm/Radio.edit.validation.js

@@ -1,11 +1,11 @@
 export default [
     {
         key: 'validateOn',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'unique',
-        ignore: true
+        ignore: true,
     },
     {
         weight: 52,

package/lib/mjs/components/recaptcha/ReCaptcha.form.js

@@ -9,23 +9,23 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'display',
-            components: ReCaptchaEditDisplay
+            components: ReCaptchaEditDisplay,
         },
         {
             key: 'data',
-            ignore: true
+            ignore: true,
         },
         {
             key: 'validation',
-            ignore: true
+            ignore: true,
         },
         {
             key: 'conditional',
-            ignore: true
+            ignore: true,
         },
         {
             key: 'logic',
-            ignore: true
+            ignore: true,
         },
     ], ...extend);
 }

package/lib/mjs/components/recaptcha/ReCaptcha.js

@@ -8,7 +8,7 @@ export default class ReCaptchaComponent extends Component {
         return Component.schema({
             type: 'recaptcha',
             key: 'recaptcha',
-            label: 'reCAPTCHA'
+            label: 'reCAPTCHA',
         }, ...extend);
     }
     static get builderInfo() {
@@ -20,7 +20,10 @@ export default class ReCaptchaComponent extends Component {
     static get conditionOperatorsSettings() {
         return {
             ...super.conditionOperatorsSettings,
-            operators: ['isEmpty', 'isNotEmpty'],
+            operators: [
+                'isEmpty',
+                'isNotEmpty',
+            ],
         };
     }
     static get serverConditionSettings() {
@@ -92,14 +95,13 @@ export default class ReCaptchaComponent extends Component {
                 }
             });
         }
-        catch (err) {
+        catch (ignoreErr) {
             this.loading = false;
         }
     }
     beforeSubmit() {
         if (this.recaptchaVerifiedPromise) {
-            return this.recaptchaVerifiedPromise
-                .then(() => super.beforeSubmit());
+            return this.recaptchaVerifiedPromise.then(() => super.beforeSubmit());
         }
         return super.beforeSubmit();
     }