@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/cjs/components/textarea/editForm/TextArea.edit.display.js

@@ -8,15 +8,15 @@ const Formio_1 = require("../../../Formio");
 exports.default = [
     {
         key: 'inputMask',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'mask',
-        ignore: true
+        ignore: true,
     },
     {
         type: 'number',
@@ -25,7 +25,7 @@ exports.default = [
         label: 'Rows',
         weight: 210,
         tooltip: 'This allows control over how many rows are visible in the text area.',
-        placeholder: 'Enter the amount of rows'
+        placeholder: 'Enter the amount of rows',
     },
     {
         weight: 1350,
@@ -33,7 +33,7 @@ exports.default = [
         input: true,
         key: 'spellcheck',
         defaultValue: true,
-        label: 'Allow Spellcheck'
+        label: 'Allow Spellcheck',
     },
     {
         type: 'select',
@@ -48,25 +48,25 @@ exports.default = [
                 { label: 'ACE', value: 'ace' },
                 { label: 'CKEditor', value: 'ckeditor' },
                 { label: 'Quill', value: 'quill' },
-            ]
+            ],
         },
-        weight: 415
+        weight: 415,
     },
     {
         type: 'checkbox',
         input: true,
         key: 'autoExpand',
         label: 'Auto Expand',
-        tooltip: 'This will make the TextArea auto expand it\'s height as the user is typing into the area.',
+        tooltip: "This will make the TextArea auto expand it's height as the user is typing into the area.",
         weight: 415,
         conditional: {
             json: {
                 '==': [
                     { var: 'data.editor' },
-                    ''
-                ]
-            }
-        }
+                    '',
+                ],
+            },
+        },
     },
     {
         type: 'checkbox',
@@ -80,18 +80,18 @@ exports.default = [
                     {
                         '===': [
                             { var: 'data.editor' },
-                            'quill'
+                            'quill',
                         ],
                     },
                     {
                         '===': [
                             { var: 'data.editor' },
-                            'ckeditor'
+                            'ckeditor',
                         ],
-                    }
-                ]
-            }
-        }
+                    },
+                ],
+            },
+        },
     },
     {
         type: 'select',
@@ -107,18 +107,18 @@ exports.default = [
             custom() {
                 return lodash_1.default.map(Formio_1.Formio.Providers.getProviders('storage'), (storage, key) => ({
                     label: storage.title,
-                    value: key
+                    value: key,
                 }));
-            }
+            },
         },
         conditional: {
             json: {
                 '===': [
                     { var: 'data.isUploadEnabled' },
-                    true
-                ]
-            }
-        }
+                    true,
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -127,10 +127,15 @@ exports.default = [
         label: 'Image Upload Url',
         weight: 415.3,
         placeholder: 'Enter the url to post the files to.',
-        tooltip: 'See <a href=\'https://github.com/danialfarid/ng-file-upload#server-side\' target=\'_blank\'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.',
+        tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#server-side' target='_blank'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.",
         conditional: {
-            json: { '===': [{ var: 'data.uploadStorage' }, 'url'] }
-        }
+            json: {
+                '===': [
+                    { var: 'data.uploadStorage' },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textarea',
@@ -146,11 +151,14 @@ exports.default = [
     }`,
         conditional: {
             json: {
-                '===': [{
-                        var: 'data.uploadStorage'
-                    }, 'url']
-            }
-        }
+                '===': [
+                    {
+                        var: 'data.uploadStorage',
+                    },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -164,10 +172,10 @@ exports.default = [
             json: {
                 '===': [
                     { var: 'data.isUploadEnabled' },
-                    true
-                ]
-            }
-        }
+                    true,
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -181,21 +189,27 @@ exports.default = [
         conditional: {
             json: {
                 and: [
-                    { '===': [
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'quill'
-                        ] },
-                    { '===': [
+                            'quill',
+                        ],
+                    },
+                    {
+                        '===': [
                             { var: 'data.isUploadEnabled' },
-                            true
-                        ] },
-                    { '===': [
+                            true,
+                        ],
+                    },
+                    {
+                        '===': [
                             { var: 'data.uploadStorage' },
-                            'url'
-                        ] },
-                ]
-            }
-        }
+                            'url',
+                        ],
+                    },
+                ],
+            },
+        },
     },
     {
         type: 'select',
@@ -209,24 +223,28 @@ exports.default = [
             values: [
                 { label: 'String', value: 'string' },
                 { label: 'JSON', value: 'json' },
-                { label: 'HTML', value: 'html' }
-            ]
+                { label: 'HTML', value: 'html' },
+            ],
         },
         conditional: {
             json: {
                 or: [
-                    { '===': [
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'quill'
-                        ] },
-                    { '===': [
+                            'quill',
+                        ],
+                    },
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'ace'
-                        ] }
-                ]
-            }
+                            'ace',
+                        ],
+                    },
+                ],
+            },
         },
-        weight: 416
+        weight: 416,
     },
     {
         type: 'textarea',
@@ -243,21 +261,27 @@ exports.default = [
         conditional: {
             json: {
                 or: [
-                    { '===': [
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'ace'
-                        ] },
-                    { '===': [
+                            'ace',
+                        ],
+                    },
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'ckeditor'
-                        ] },
-                    { '===': [
+                            'ckeditor',
+                        ],
+                    },
+                    {
+                        '===': [
                             { var: 'data.editor' },
-                            'quill'
-                        ] },
-                ]
-            }
+                            'quill',
+                        ],
+                    },
+                ],
+            },
         },
-        weight: 417
-    }
+        weight: 417,
+    },
 ];

package/lib/cjs/components/textarea/editForm/TextArea.edit.validation.js

@@ -8,7 +8,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,
@@ -17,6 +17,6 @@ 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,
+    },
 ];

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

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: TextField_edit_display_1.default
+            components: TextField_edit_display_1.default,
         },
         {
             key: 'data',
-            components: TextField_edit_data_1.default
+            components: TextField_edit_data_1.default,
         },
         {
             key: 'validation',
-            components: TextField_edit_validation_1.default
+            components: TextField_edit_validation_1.default,
         },
     ], ...extend);
 }

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,19 +36,27 @@ 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();
@@ -63,9 +71,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() {
@@ -74,13 +82,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);
         }
     }
@@ -98,10 +106,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.
@@ -152,7 +160,9 @@ 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 {
@@ -176,7 +186,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
@@ -196,7 +206,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) {
@@ -250,16 +260,17 @@ 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) {
@@ -285,7 +296,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>
@@ -294,7 +305,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,19 +13,20 @@ 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,
@@ -37,16 +38,17 @@ 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,