@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -3,39 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.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',
@@ -43,6 +43,6 @@ exports.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/cjs/components/password/editForm/Password.edit.display.js

@@ -7,10 +7,10 @@ exports.default = [
     },
     {
         key: 'inputMask',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true,
-    },
+        ignore: true
+    }
 ];

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

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'unique',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.minWords',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.maxWords',
-        ignore: true,
+        ignore: true
     },
 ];

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

@@ -17,26 +17,26 @@ function default_1(...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: PhoneNumber_edit_validation_1.default,
+            components: PhoneNumber_edit_validation_1.default
         },
     ], ...extend);
 }

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

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

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

@@ -3,22 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.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/cjs/components/radio/Radio.form.js

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return (0, ListComponent_form_1.default)([
         {
             key: 'display',
-            components: Radio_edit_display_1.default,
+            components: Radio_edit_display_1.default
         },
         {
             key: 'data',
-            components: Radio_edit_data_1.default,
+            components: Radio_edit_data_1.default
         },
         {
             key: 'validation',
-            components: Radio_edit_validation_1.default,
+            components: Radio_edit_validation_1.default
         },
     ], ...extend);
 }

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

@@ -14,13 +14,11 @@ class RadioComponent extends ListComponent_1.default {
             inputType: 'radio',
             label: 'Radio',
             key: 'radio',
-            values: [
-                { label: '', value: '' },
-            ],
+            values: [{ label: '', value: '' }],
             data: {
                 url: '',
             },
-            fieldSet: false,
+            fieldSet: false
         }, ...extend);
     }
     static get builderInfo() {
@@ -30,7 +28,7 @@ class RadioComponent extends ListComponent_1.default {
             icon: 'dot-circle-o',
             weight: 80,
             documentation: '/userguide/form-building/form-components#radio',
-            schema: RadioComponent.schema(),
+            schema: RadioComponent.schema()
         };
     }
     static get conditionOperatorsSettings() {
@@ -44,7 +42,7 @@ class RadioComponent extends ListComponent_1.default {
                         dataType: classComp.dataType || '',
                         data: {
                             custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`,
-                        },
+                        }
                     }
                     : Object.assign(Object.assign({}, classComp), { type: 'select' });
             } });
@@ -60,23 +58,12 @@ class RadioComponent extends ListComponent_1.default {
             return types;
         }
         if (dataType === 'object') {
-            return [
-                object,
-                array,
-            ];
+            return [object, array];
         }
         if (utils_1.componentValueTypes[dataType]) {
-            return [
-                utils_1.componentValueTypes[dataType],
-            ];
+            return [utils_1.componentValueTypes[dataType]];
         }
-        return [
-            boolean,
-            string,
-            number,
-            object,
-            array,
-        ];
+        return [boolean, string, number, object, array];
     }
     constructor(component, options, data) {
         super(component, options, data);
@@ -97,7 +84,7 @@ class RadioComponent extends ListComponent_1.default {
         this.setValue(this.emptyValue, {
             noUpdateEvent: true,
             noValidate: true,
-            resetValue: true,
+            resetValue: true
         });
     }
     get inputInfo() {
@@ -162,7 +149,7 @@ class RadioComponent extends ListComponent_1.default {
         this.getTemplateKeys();
     }
     beforeSubmit() {
-        return new Promise((res) => {
+        return new Promise(res => {
             this.dataReady.then(() => res(true));
         });
     }
@@ -195,14 +182,11 @@ class RadioComponent extends ListComponent_1.default {
                     dataValue = lodash_1.default.toString(this.dataValue);
                 }
                 if (this.isSelectURL && lodash_1.default.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 = lodash_1.default.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) {
@@ -236,10 +220,9 @@ class RadioComponent extends ListComponent_1.default {
         let value = this.component.inputType === 'checkbox' ? '' : this.dataValue;
         this.refs.input.forEach((input, index) => {
             if (input.checked) {
-                value =
-                    this.isSelectURL && lodash_1.default.isObject(this.loadedOptions[index].value)
-                        ? this.loadedOptions[index].value
-                        : input.value;
+                value = (this.isSelectURL && lodash_1.default.isObject(this.loadedOptions[index].value)) ?
+                    this.loadedOptions[index].value :
+                    input.value;
             }
         });
         return value;
@@ -256,8 +239,7 @@ class RadioComponent extends ListComponent_1.default {
         }
         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;
     }
@@ -268,18 +250,15 @@ class RadioComponent extends ListComponent_1.default {
         else if (!lodash_1.default.isString(value)) {
             value = lodash_1.default.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 === null || values === void 0 ? void 0 : values.length) && shouldUseSelectData
-            ? {
-                label: this.itemTemplate(this.selectData),
-            }
-            : lodash_1.default.find(values, (v) => v.value === value);
+        const option = !(values === null || values === void 0 ? void 0 : values.length) && shouldUseSelectData ? {
+            label: this.itemTemplate(this.selectData),
+        } : lodash_1.default.find(values, (v) => v.value === value);
         if (!value) {
             return lodash_1.default.get(option, 'label', '');
         }
@@ -288,7 +267,7 @@ class RadioComponent extends ListComponent_1.default {
     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() {
@@ -322,7 +301,7 @@ class RadioComponent extends ListComponent_1.default {
             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;
@@ -345,7 +324,7 @@ class RadioComponent extends ListComponent_1.default {
     loadItemsFromMetadata() {
         this.listData.forEach((item, i) => {
             this.loadedOptions[i] = {
-                label: this.itemTemplate(item),
+                label: this.itemTemplate(item)
             };
             if (lodash_1.default.isEqual(item, this.selectData || lodash_1.default.pick(this.dataValue, lodash_1.default.keys(item)))) {
                 this.loadedOptions[i].value = this.dataValue;
@@ -355,14 +334,13 @@ class RadioComponent extends ListComponent_1.default {
         this.redraw();
     }
     setItems(items) {
+        var _a;
         const listData = [];
         items === null || items === void 0 ? void 0 : items.forEach((item, i) => {
             const valueAtProperty = lodash_1.default.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;
@@ -371,7 +349,7 @@ class RadioComponent extends ListComponent_1.default {
             }
         });
         if (this.isSelectURL) {
-            const submission = this.root.submission;
+            const submission = (_a = this.root) === null || _a === void 0 ? void 0 : _a.submission;
             if (!submission.metadata) {
                 submission.metadata = {};
             }
@@ -388,11 +366,7 @@ class RadioComponent extends ListComponent_1.default {
             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);
@@ -407,6 +381,7 @@ class RadioComponent extends ListComponent_1.default {
         }
     }
     updateValue(value, flags) {
+        var _a;
         const changed = super.updateValue(value, flags);
         if (changed) {
             this.setSelectedClasses();
@@ -422,7 +397,7 @@ class RadioComponent extends ListComponent_1.default {
         const shouldResetValue = flags && flags.modified && !flags.noUpdateEvent && this.previousValue === this.currentValue;
         if (shouldResetValue) {
             this.resetValue();
-            this.triggerChange(flags);
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, flags);
             this.setSelectedClasses();
         }
         this.previousValue = this.dataValue;
@@ -434,15 +409,14 @@ class RadioComponent extends ListComponent_1.default {
      * @returns {*} - Returns the normalized value
      */
     normalizeValue(value) {
+        var _a;
         const dataType = this.component.dataType || 'auto';
         if (value === this.emptyValue) {
             return value;
         }
         switch (dataType) {
             case 'auto':
-                if (!isNaN(parseFloat(value)) &&
-                    isFinite(value) &&
-                    lodash_1.default.toString(value) === Number(value).toString()) {
+                if (!isNaN(parseFloat(value)) && isFinite(value) && lodash_1.default.toString(value) === Number(value).toString()) {
                     value = +value;
                 }
                 if (value === 'true') {
@@ -468,7 +442,7 @@ class RadioComponent extends ListComponent_1.default {
                 break;
         }
         if (this.isSelectURL && this.templateData && this.templateData[value]) {
-            const submission = this.root.submission;
+            const submission = (_a = this.root) === null || _a === void 0 ? void 0 : _a.submission;
             if (!submission.metadata.selectData) {
                 submission.metadata.selectData = {};
             }

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

@@ -18,14 +18,12 @@ exports.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: '' }];
             }
         },
     },
@@ -37,9 +35,7 @@ exports.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',
@@ -55,8 +51,8 @@ exports.default = [
                 allowCalculateOverride: true,
                 calculateValue: 'value = _.camelCase(row.label);',
                 validate: {
-                    required: true,
-                },
+                    required: true
+                }
             },
             {
                 type: 'select',
@@ -77,12 +73,7 @@ exports.default = [
             },
         ],
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'values',
-                ],
-            },
+            json: { '===': [{ var: 'data.dataSrc' }, 'values'] },
         },
     },
     {
@@ -108,12 +99,7 @@ exports.default = [
     {
         key: 'template',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
         },
-    },
+    }
 ];

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         type: 'select',
@@ -19,9 +19,9 @@ exports.default = [
                 { label: 'Top', value: 'top' },
                 { label: 'Left', value: 'left' },
                 { label: 'Right', value: 'right' },
-                { label: 'Bottom', value: 'bottom' },
-            ],
-        },
+                { label: 'Bottom', value: 'bottom' }
+            ]
+        }
     },
     {
         type: 'checkbox',
@@ -29,6 +29,6 @@ exports.default = [
         key: 'inline',
         label: 'Inline Layout',
         tooltip: 'Displays the checkboxes/radios horizontally.',
-        weight: 650,
-    },
+        weight: 650
+    }
 ];

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'validateOn',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'unique',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 52,

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

@@ -14,23 +14,23 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: ReCaptcha_edit_display_1.default,
+            components: ReCaptcha_edit_display_1.default
         },
         {
             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/cjs/components/recaptcha/ReCaptcha.js

@@ -22,7 +22,7 @@ class ReCaptchaComponent extends Component_1.default {
         return Component_1.default.schema({
             type: 'recaptcha',
             key: 'recaptcha',
-            label: 'reCAPTCHA',
+            label: 'reCAPTCHA'
         }, ...extend);
     }
     static get builderInfo() {
@@ -32,10 +32,7 @@ class ReCaptchaComponent extends Component_1.default {
         return [];
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isEmpty',
-                'isNotEmpty',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
     }
     static get serverConditionSettings() {
         return ReCaptchaComponent.conditionOperatorsSettings;
@@ -50,12 +47,13 @@ class ReCaptchaComponent extends Component_1.default {
         }
     }
     createInput() {
+        var _a;
         if (this.builderMode) {
             // We need to see it in builder mode.
             this.append(this.text(this.name));
         }
         else {
-            const siteKey = (0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey');
+            const siteKey = (0, get_1.default)((_a = this.root) === null || _a === void 0 ? void 0 : _a.form, 'settings.recaptcha.siteKey');
             if (siteKey) {
                 const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${siteKey}`;
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
@@ -72,14 +70,15 @@ class ReCaptchaComponent extends Component_1.default {
         return true;
     }
     verify(actionName) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const siteKey = (0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey');
+            const siteKey = (0, get_1.default)((_a = this.root) === null || _a === void 0 ? void 0 : _a.form, 'settings.recaptcha.siteKey');
             if (!siteKey) {
                 console.warn('There is no Site Key specified in settings in form JSON');
                 return;
             }
             if (!this.recaptchaApiReady) {
-                const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${(0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey')}`;
+                const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${(0, get_1.default)((_b = this.root) === null || _b === void 0 ? void 0 : _b.form, 'settings.recaptcha.siteKey')}`;
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
             }
             try {
@@ -104,14 +103,15 @@ class ReCaptchaComponent extends Component_1.default {
                     }
                 });
             }
-            catch (ignoreErr) {
+            catch (err) {
                 this.loading = false;
             }
         });
     }
     beforeSubmit() {
         if (this.recaptchaVerifiedPromise) {
-            return this.recaptchaVerifiedPromise.then(() => super.beforeSubmit());
+            return this.recaptchaVerifiedPromise
+                .then(() => super.beforeSubmit());
         }
         return super.beforeSubmit();
     }