@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/textfield/TextField.js

@@ -25,8 +25,8 @@ class TextFieldComponent extends Input_1.default {
             validate: {
                 minLength: '',
                 maxLength: '',
-                pattern: '',
-            },
+                pattern: ''
+            }
         }, ...extend);
     }
     static get builderInfo() {
@@ -36,27 +36,19 @@ class TextFieldComponent extends Input_1.default {
             group: 'basic',
             documentation: '/userguide/form-building/form-components#text-field',
             weight: 0,
-            schema: TextFieldComponent.schema(),
+            schema: TextFieldComponent.schema()
         };
     }
     static get serverConditionSettings() {
         return TextFieldComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                ...super.conditionOperatorsSettings.operators,
-                'includes',
-                'notIncludes',
-                'endsWith',
-                'startsWith',
-            ], valueComponent(classComp) {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'], valueComponent(classComp) {
                 return Object.assign(Object.assign({}, classComp), { type: 'textfield' });
             } });
     }
     static savedValueTypes(schema) {
-        return (utils_1.default.getComponentSavedTypes(schema) || [
-            utils_1.default.componentValueTypes.string,
-        ]);
+        return utils_1.default.getComponentSavedTypes(schema) || [utils_1.default.componentValueTypes.string];
     }
     get defaultSchema() {
         return TextFieldComponent.schema();
@@ -71,9 +63,9 @@ class TextFieldComponent extends Input_1.default {
             info.attr.type = 'password';
         }
         else {
-            info.attr.type = this.component.inputType === 'password' ? 'password' : 'text';
+            info.attr.type = (this.component.inputType === 'password') ? 'password' : 'text';
         }
-        info.changeEvent = this.component.applyMaskOn === 'blur' ? 'blur' : 'input';
+        info.changeEvent = (this.component.applyMaskOn === 'blur') ? 'blur' : 'input';
         return info;
     }
     get emptyValue() {
@@ -82,13 +74,13 @@ class TextFieldComponent extends Input_1.default {
     constructor(component, options, data) {
         var _a, _b, _c;
         super(component, options, data);
-        const timezone = ((_a = this.component.widget) === null || _a === void 0 ? void 0 : _a.timezone) || this.options.timezone;
-        const displayInTimezone = ((_b = this.component.widget) === null || _b === void 0 ? void 0 : _b.displayInTimezone) || 'viewer';
+        const timezone = (((_a = this.component.widget) === null || _a === void 0 ? void 0 : _a.timezone) || this.options.timezone);
+        const displayInTimezone = (((_b = this.component.widget) === null || _b === void 0 ? void 0 : _b.displayInTimezone) || 'viewer');
         if (((_c = this.component.widget) === null || _c === void 0 ? void 0 : _c.type) === 'calendar') {
             this.component.widget = Object.assign(Object.assign({}, this.component.widget), { readOnly: this.options.readOnly, timezone,
                 displayInTimezone, locale: this.component.widget.locale || this.options.language, saveAs: 'text' });
-            // update originalComponent to include widget settings after component initialization
-            // originalComponent is used to restore the component (and widget) after evaluating field logic
+            // update originalComponent to include widget settings after component initialization 
+            // originalComponent is used to restore the component (and widget) after evaluating field logic 
             this.originalComponent = utils_1.default.fastCloneDeep(this.component);
         }
     }
@@ -106,10 +98,10 @@ class TextFieldComponent extends Input_1.default {
      */
     maskValue(value, flags = {}) {
         // Convert it into the correct format.
-        if (!value || typeof value !== 'object') {
+        if (!value || (typeof value !== 'object')) {
             value = {
                 value,
-                maskName: this.component.inputMasks[0].label,
+                maskName: this.component.inputMasks[0].label
             };
         }
         // If no value is provided, then set the defaultValue.
@@ -160,9 +152,7 @@ class TextFieldComponent extends Input_1.default {
             }
             else {
                 const placeholderChar = this.placeholderChar;
-                textInput.value = (0, vanilla_text_mask_1.conformToMask)(textValue, utils_1.default.getInputMask(mask), {
-                    placeholderChar,
-                }).conformedValue;
+                textInput.value = (0, vanilla_text_mask_1.conformToMask)(textValue, utils_1.default.getInputMask(mask), { placeholderChar }).conformedValue;
             }
         }
         else {
@@ -186,7 +176,7 @@ class TextFieldComponent extends Input_1.default {
             const displayMask = this.component.displayMask;
             // If the input has only the valueMask or the displayMask is the same as the valueMask,
             // just return the value which is already formatted
-            if ((valueMask && !displayMask) || displayMask === valueMask) {
+            if (valueMask && !displayMask || displayMask === valueMask) {
                 return value;
             }
             // If there is only the displayMask, return the raw (unmasked) value
@@ -206,7 +196,7 @@ class TextFieldComponent extends Input_1.default {
         const maskInput = this.refs.select ? this.refs.select[index] : null;
         return {
             value: textInput ? textInput.value : undefined,
-            maskName: maskInput ? maskInput.value : undefined,
+            maskName: maskInput ? maskInput.value : undefined
         };
     }
     checkInputMaskValue(inputMask) {
@@ -260,17 +250,16 @@ class TextFieldComponent extends Input_1.default {
         }
     }
     isHtmlRenderMode() {
-        return (super.isHtmlRenderMode() ||
+        return super.isHtmlRenderMode() ||
             ((this.options.readOnly || this.disabled) &&
                 this.component.inputFormat === 'html' &&
-                this.type === 'textfield'));
+                this.type === 'textfield');
     }
     isEmpty(value = this.dataValue) {
         if (!this.isMultipleMasksField) {
             return super.isEmpty((value || '').toString().trim());
         }
-        return (super.isEmpty(value) ||
-            (this.component.multiple ? value.length === 0 : !value.maskName || !value.value));
+        return super.isEmpty(value) || (this.component.multiple ? value.length === 0 : (!value.maskName || !value.value));
     }
     truncateMultipleSpaces(value) {
         if (value) {
@@ -296,7 +285,7 @@ class TextFieldComponent extends Input_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>
@@ -305,7 +294,7 @@ class TextFieldComponent extends Input_1.default {
           </tr>
           </tbody>
         </table>
-      `;
+      `);
             return result;
         }
         if (value && this.component.inputFormat === 'plain' && /<[^<>]+>/g.test(value)) {

package/lib/cjs/components/textfield/editForm/TextField.edit.data.js

@@ -13,20 +13,19 @@ exports.default = [
             values: [
                 {
                     value: 'plain',
-                    label: 'Plain',
+                    label: 'Plain'
                 },
                 {
                     value: 'html',
-                    label: 'HTML',
-                },
-                {
+                    label: 'HTML'
+                }, {
                     value: 'raw',
-                    label: 'Raw (Insecure)',
-                },
-            ],
+                    label: 'Raw (Insecure)'
+                }
+            ]
         },
         defaultValue: 'plain',
-        input: true,
+        input: true
     },
     {
         weight: 200,
@@ -38,17 +37,16 @@ exports.default = [
         values: [
             {
                 value: 'mixed',
-                label: 'Mixed (Allow upper and lower case)',
+                label: 'Mixed (Allow upper and lower case)'
             },
             {
                 value: 'uppercase',
-                label: 'Uppercase',
-            },
-            {
+                label: 'Uppercase'
+            }, {
                 value: 'lowercase',
-                label: 'Lowercase',
-            },
-        ],
+                label: 'Lowercase'
+            }
+        ]
     },
     {
         weight: 205,

package/lib/cjs/components/textfield/editForm/TextField.edit.display.js

@@ -23,16 +23,11 @@ exports.default = [
             values: [
                 { label: 'Input Field', value: 'input' },
                 { label: 'Calendar Picker', value: 'calendar' },
-            ],
+            ]
         },
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.type' },
-                    'textfield',
-                ],
-            },
-        },
+            json: { '===': [{ var: 'data.type' }, 'textfield'] }
+        }
     },
     {
         weight: 405,
@@ -65,13 +60,8 @@ exports.default = [
         editor: 'ace',
         as: 'json',
         conditional: {
-            json: {
-                '!==': [
-                    { var: 'data.widget.type' },
-                    'input',
-                ],
-            },
-        },
+            json: { '!==': [{ var: 'data.widget.type' }, 'input'] }
+        }
     },
     {
         weight: 410,
@@ -79,7 +69,7 @@ exports.default = [
         input: true,
         key: 'inputMask',
         label: 'Input Mask',
-        tooltip: "An input mask helps the user with input by ensuring a predefined format.<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target='_blank' href='https://github.com/RobinHerbots/jquery.inputmask'>jquery.inputmask documentation</a> for more information.</a>",
+        tooltip: 'An input mask helps the user with input by ensuring a predefined format.<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target=\'_blank\' href=\'https://github.com/RobinHerbots/jquery.inputmask\'>jquery.inputmask documentation</a> for more information.</a>',
         customConditional(context) {
             return !context.data.allowMultipleMasks;
         },
@@ -90,7 +80,7 @@ exports.default = [
         input: true,
         key: 'displayMask',
         label: 'Display Mask',
-        tooltip: "A display mask helps to display the input in a readable way, this won't affect the  value which will be saved (to affect both view and saved value, delete Display Mask and use Input Mask).<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target='_blank' href='https://github.com/RobinHerbots/jquery.inputmask'>jquery.inputmask documentation</a> for more information.</a>",
+        tooltip: 'A display mask helps to display the input in a readable way, this won\'t affect the  value which will be saved (to affect both view and saved value, delete Display Mask and use Input Mask).<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target=\'_blank\' href=\'https://github.com/RobinHerbots/jquery.inputmask\'>jquery.inputmask documentation</a> for more information.</a>',
         customConditional(context) {
             return !context.data.allowMultipleMasks;
         },
@@ -122,18 +112,18 @@ exports.default = [
         label: 'Input Mask Placeholder Char',
         tooltip: 'You can specify a char which will be used as a placeholder in the field. <br>E.g., \u02cd<br>Make note that placeholder char will be replaced by a space if it is used inside the mask',
         validation: {
-            maxLength: 1,
+            maxLength: 1
         },
         customConditional(context) {
             return context.data.inputMask || context.data.displayMask;
-        },
+        }
     },
     {
         weight: 413,
         type: 'checkbox',
         input: true,
         key: 'allowMultipleMasks',
-        label: 'Allow Multiple Masks',
+        label: 'Allow Multiple Masks'
     },
     {
         weight: 1350,
@@ -141,7 +131,7 @@ exports.default = [
         input: true,
         key: 'spellcheck',
         defaultValue: true,
-        label: 'Allow Spellcheck',
+        label: 'Allow Spellcheck'
     },
     {
         weight: 417,
@@ -158,29 +148,29 @@ exports.default = [
                 type: 'textfield',
                 key: 'label',
                 label: 'Label',
-                input: true,
+                input: true
             },
             {
                 type: 'textfield',
                 key: 'mask',
                 label: 'Mask',
-                input: true,
-            },
-        ],
+                input: true
+            }
+        ]
     },
     {
         weight: 320,
         type: 'textfield',
         input: true,
         key: 'prefix',
-        label: 'Prefix',
+        label: 'Prefix'
     },
     {
         weight: 330,
         type: 'textfield',
         input: true,
         key: 'suffix',
-        label: 'Suffix',
+        label: 'Suffix'
     },
     {
         weight: 700,
@@ -189,7 +179,7 @@ exports.default = [
         key: 'autocomplete',
         label: 'Autocomplete',
         placeholder: 'on',
-        tooltip: "Indicates whether input elements can by default have their values automatically completed by the browser. See the <a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete'>MDN documentation</a> on autocomplete for more information.",
+        tooltip: 'Indicates whether input elements can by default have their values automatically completed by the browser. See the <a href=\'https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\'>MDN documentation</a> on autocomplete for more information.'
     },
     {
         weight: 1300,
@@ -197,7 +187,7 @@ exports.default = [
         label: 'Hide Input',
         tooltip: 'Hide the input in the browser. This does not encrypt on the server. Do not use for passwords.',
         key: 'mask',
-        input: true,
+        input: true
     },
     {
         weight: 1200,
@@ -205,7 +195,7 @@ exports.default = [
         label: 'Show Word Counter',
         tooltip: 'Show a live count of the number of words.',
         key: 'showWordCount',
-        input: true,
+        input: true
     },
     {
         weight: 1201,
@@ -213,6 +203,6 @@ exports.default = [
         label: 'Show Character Counter',
         tooltip: 'Show a live count of the number of characters.',
         key: 'showCharCount',
-        input: true,
+        input: true
     },
 ];

package/lib/cjs/components/textfield/editForm/TextField.edit.validation.js

@@ -8,7 +8,7 @@ exports.default = [
         placeholder: 'Minimum Length',
         type: 'number',
         tooltip: 'The minimum length requirement this field must meet.',
-        input: true,
+        input: true
     },
     {
         weight: 120,
@@ -17,7 +17,7 @@ exports.default = [
         placeholder: 'Maximum Length',
         type: 'number',
         tooltip: 'The maximum length requirement this field must meet.',
-        input: true,
+        input: true
     },
     {
         weight: 125,
@@ -26,7 +26,7 @@ exports.default = [
         placeholder: 'Minimum Word Length',
         type: 'number',
         tooltip: 'The minimum amount of words that can be added to this field.',
-        input: true,
+        input: true
     },
     {
         weight: 126,
@@ -35,7 +35,7 @@ exports.default = [
         placeholder: 'Maximum Word Length',
         type: 'number',
         tooltip: 'The maximum amount of words that can be added to this field.',
-        input: true,
+        input: true
     },
     {
         weight: 130,
@@ -44,6 +44,6 @@ exports.default = [
         placeholder: 'Regular Expression Pattern',
         type: 'textfield',
         tooltip: 'The regular expression pattern test that the field value must pass before the form can be submitted.',
-        input: true,
-    },
+        input: true
+    }
 ];

package/lib/cjs/components/time/Time.js

@@ -22,12 +22,11 @@ class TimeComponent extends TextField_1.default {
         super(component, options, data);
         const { edge: isEdgeBrowser, version: edgeVersion } = (0, utils_1.getBrowserInfo)();
         this.component.inputMask = this.getInputMaskFromFormat(this.component.format);
-        this.component.inputType =
-            isEdgeBrowser && edgeVersion <= 18 ? 'text' : this.component.inputType || 'time';
+        this.component.inputType = isEdgeBrowser && edgeVersion <= 18
+            ? 'text'
+            : (this.component.inputType || 'time');
         // If default value is given then the raw data needs to be set
-        this.rawData = this.component.multiple
-            ? []
-            : this.getValueAsString(this.defaultValue) || this.emptyValue;
+        this.rawData = this.component.multiple ? [] : this.getValueAsString(this.defaultValue) || this.emptyValue;
     }
     static get builderInfo() {
         return {
@@ -48,7 +47,7 @@ class TimeComponent extends TextField_1.default {
     get defaultValue() {
         let value = super.defaultValue;
         if (this.component.multiple && Array.isArray(value)) {
-            value = value.map((item) => (item ? this.getStringAsValue(item) : item));
+            value = value.map(item => item ? this.getStringAsValue(item) : item);
         }
         else {
             if (value) {
@@ -69,12 +68,7 @@ class TimeComponent extends TextField_1.default {
         return value.includes('_');
     }
     removeValue(index) {
-        this.rawData = Array.isArray(this.rawData)
-            ? [
-                ...this.rawData.slice(0, index),
-                ...this.rawData.slice(index + 1),
-            ]
-            : this.emptyValue;
+        this.rawData = Array.isArray(this.rawData) ? [...this.rawData.slice(0, index), ...this.rawData.slice(index + 1)] : this.emptyValue;
         super.removeValue(index);
     }
     resetRawData(index) {
@@ -122,11 +116,9 @@ class TimeComponent extends TextField_1.default {
     }
     getValueAsString(value) {
         if (Array.isArray(value) && this.component.multiple) {
-            return value
-                .map((item) => (0, moment_1.default)(item, this.component.dataFormat).format(this.component.format))
-                .join(', ');
+            return value.map(item => (0, moment_1.default)(item, this.component.dataFormat).format(this.component.format)).join(', ');
         }
-        return ((value ? (0, moment_1.default)(value, this.component.dataFormat).format(this.component.format) : value) || '');
+        return (value ? (0, moment_1.default)(value, this.component.dataFormat).format(this.component.format) : value) || '';
     }
     getInputMaskFromFormat(format) {
         if (format === 'LT') {
@@ -135,7 +127,8 @@ class TimeComponent extends TextField_1.default {
         if (format === 'LTS') {
             return '99:99:99 AA';
         }
-        return format.replace(/[hHmMsSk]/g, '9').replace(/[aA]/, 'AA');
+        return format.replace(/[hHmMsSk]/g, '9')
+            .replace(/[aA]/, 'AA');
     }
     addFocusBlurEvents(element) {
         super.addFocusBlurEvents(element);

package/lib/cjs/components/time/editForm/Time.edit.display.js

@@ -5,7 +5,7 @@ exports.default = [
         type: 'select',
         input: true,
         weight: 40,
-        tooltip: "Select the type of widget you'd like to use.",
+        tooltip: 'Select the type of widget you\'d like to use.',
         key: 'inputType',
         defaultValue: 'time',
         label: 'Input Type',
@@ -38,5 +38,5 @@ exports.default = [
     {
         key: 'placeholder',
         ignore: true,
-    },
+    }
 ];

package/lib/cjs/components/unknown/Unknown.form.js

@@ -20,11 +20,11 @@ function default_1() {
                         label: 'Custom',
                         key: 'display',
                         weight: 0,
-                        components: Unknown_edit_display_1.default,
-                    },
-                ],
-            },
-        ],
+                        components: Unknown_edit_display_1.default
+                    }
+                ]
+            }
+        ]
     };
 }
 exports.default = default_1;

package/lib/cjs/components/unknown/Unknown.js

@@ -10,7 +10,7 @@ class UnknownComponent extends Component_1.default {
             type: 'custom',
             key: 'custom',
             protected: false,
-            persistent: true,
+            persistent: true
         };
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ class UnknownComponent extends Component_1.default {
             group: 'premium',
             documentation: '/userguide/form-building/premium-components#custom',
             weight: 120,
-            schema: UnknownComponent.schema(),
+            schema: UnknownComponent.schema()
         };
     }
     get defaultSchema() {

package/lib/cjs/components/unknown/editForm/Unknown.edit.display.js

@@ -12,7 +12,7 @@ exports.default = [
             'custom component documentation' +
             '</a>.',
         type: 'htmlelement',
-        weight: 5,
+        weight: 5
     },
     {
         type: 'textarea',
@@ -22,6 +22,6 @@ exports.default = [
         input: true,
         key: 'componentJson',
         label: 'Custom Element JSON',
-        tooltip: 'Enter the JSON for this custom element.',
-    },
+        tooltip: 'Enter the JSON for this custom element.'
+    }
 ];

package/lib/cjs/components/url/Url.form.js

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return (0, TextField_form_1.default)([
         {
             key: 'display',
-            components: Url_edit_display_1.default,
+            components: Url_edit_display_1.default
         },
         {
             key: 'data',
-            components: Url_edit_data_1.default,
+            components: Url_edit_data_1.default
         },
         {
             key: 'validation',
-            components: Url_edit_validation_1.default,
+            components: Url_edit_validation_1.default
         },
     ], ...extend);
 }

package/lib/cjs/components/url/Url.js

@@ -10,7 +10,7 @@ class UrlComponent extends TextField_1.default {
             type: 'url',
             label: 'Url',
             key: 'url',
-            inputType: 'url',
+            inputType: 'url'
         }, ...extend);
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ class UrlComponent extends TextField_1.default {
             icon: 'link',
             documentation: '/userguide/form-building/advanced-components#url',
             weight: 20,
-            schema: UrlComponent.schema(),
+            schema: UrlComponent.schema()
         };
     }
     constructor(component, options, data) {

package/lib/cjs/components/url/editForm/Url.edit.display.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'inputMask',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'showWordCount',
@@ -16,5 +16,5 @@ exports.default = [
     {
         key: 'showCharCount',
         ignore: true,
-    },
+    }
 ];

package/lib/cjs/components/url/editForm/Url.edit.validation.js

@@ -7,6 +7,6 @@ exports.default = [
     },
     {
         key: 'validate.maxWords',
-        ignore: true,
+        ignore: true
     },
 ];

package/lib/cjs/components/well/Well.form.js

@@ -14,7 +14,7 @@ function default_1(...extend) {
     return (0, NestedComponent_form_1.default)([
         {
             key: 'display',
-            components: Well_edit_display_1.default,
+            components: Well_edit_display_1.default
         },
     ], ...extend);
 }

package/lib/cjs/components/well/Well.js

@@ -11,7 +11,7 @@ class WellComponent extends NestedComponent_1.default {
             key: 'well',
             input: false,
             persistent: false,
-            components: [],
+            components: []
         }, ...extend);
     }
     static get builderInfo() {
@@ -22,7 +22,7 @@ class WellComponent extends NestedComponent_1.default {
             documentation: '/userguide/form-building/layout-components#well',
             showPreview: false,
             weight: 60,
-            schema: WellComponent.schema(),
+            schema: WellComponent.schema()
         };
     }
     static savedValueTypes() {