@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/mjs/components/panel/editForm/Panel.edit.conditional.js

@@ -3,18 +3,19 @@ import _isEqual from 'lodash/isEqual';
 import _omit from 'lodash/omit';
 import _difference from 'lodash/difference';
 import _keys from 'lodash/keys';
+/* eslint-disable quotes, max-len */
 const title = 'Advanced Next Page';
 const jsonProp = 'nextPage';
 const jsProp = 'nextPage';
-const jsDocHTML = `
+const jsDocHTML = (`
   <p>You must assign the <strong>next</strong> variable with the API key of the next page.</p>
   <p>The global variable <strong>data</strong> is provided, and allows you to access the data of any form component, by using its API key.</p>
   <p>Also <strong>moment</strong> library is available, and allows you to manipulate dates in a convenient way.</p>
   <h5>Example</h5><pre>next = data.addComment ? 'page3' : 'page4';</pre>
-`;
-const jsonDocHTML = `
+`);
+const jsonDocHTML = (`
   <p>Submission data is available as JsonLogic variables, with the same api key as your components.</p>
-`;
+`);
 const settingComponent = EditFormUtils.javaScriptValue(title, jsProp, jsonProp, 110, jsDocHTML, jsonDocHTML);
 export default [
     {
@@ -33,6 +34,7 @@ export default [
                 }
             }
             return isWizardPanel;
-        },
-    },
+        }
+    }
 ];
+/* eslint-enable quotes, max-len */

package/lib/mjs/components/panel/editForm/Panel.edit.display.js

@@ -1,38 +1,34 @@
-import _isEqual from 'lodash/isEqualWith';
+import _isEqual from 'lodash/isEqual';
 import _omit from 'lodash/omit';
-import _omitBy from 'lodash/omitBy';
 import _difference from 'lodash/difference';
-import _isNumber from 'lodash/isNumber';
-import _isPlainObject from 'lodash/isPlainObject';
-import _each from 'lodash/each';
 import _keys from 'lodash/keys';
 export default [
     {
         key: 'labelPosition',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'description',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'autofocus',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'label',
         hidden: true,
         calculateValue(context) {
             return context.data.title;
-        },
+        }
     },
     {
         key: 'tabindex',
@@ -45,7 +41,7 @@ export default [
         placeholder: 'Panel Title',
         label: 'Title',
         key: 'title',
-        tooltip: 'The title text that appears in the header of this panel.',
+        tooltip: 'The title text that appears in the header of this panel.'
     },
     {
         weight: 20,
@@ -54,7 +50,7 @@ export default [
         key: 'tooltip',
         label: 'Tooltip',
         placeholder: 'To add a tooltip to this field, enter text here.',
-        tooltip: 'Adds a tooltip to the side of this field.',
+        tooltip: 'Adds a tooltip to the side of this field.'
     },
     {
         weight: 30,
@@ -70,9 +66,9 @@ export default [
                 { label: 'Info', value: 'info' },
                 { label: 'Success', value: 'success' },
                 { label: 'Danger', value: 'danger' },
-                { label: 'Warning', value: 'warning' },
-            ],
-        },
+                { label: 'Warning', value: 'warning' }
+            ]
+        }
     },
     {
         weight: 40,
@@ -87,11 +83,8 @@ export default [
                 defaultValue: true,
                 customConditional({ data = {}, buildingForm = {} }) {
                     const formSettings = buildingForm.settings || {};
-                    return ![
-                        data.breadcrumb,
-                        formSettings.wizardBreadcrumbsType,
-                    ].includes('none');
-                },
+                    return ![data.breadcrumb, formSettings.wizardBreadcrumbsType].includes('none');
+                }
             },
             {
                 input: true,
@@ -101,13 +94,8 @@ export default [
                 defaultValue: false,
                 tooltip: 'Determines if the breadcrumb bar is clickable or not for visited tabs.',
                 conditional: {
-                    json: {
-                        '===': [
-                            { var: 'data.breadcrumbClickable' },
-                            false,
-                        ],
-                    },
-                },
+                    json: { '===': [{ var: 'data.breadcrumbClickable' }, false] }
+                }
             },
             {
                 weight: 50,
@@ -125,7 +113,7 @@ export default [
                     {
                         label: 'Next',
                         value: 'next',
-                    },
+                    }
                 ],
                 inline: true,
                 type: 'selectboxes',
@@ -135,7 +123,7 @@ export default [
                 defaultValue: {
                     previous: true,
                     cancel: true,
-                    next: true,
+                    next: true
                 },
             },
             {
@@ -146,7 +134,7 @@ export default [
                 input: true,
                 inputType: 'checkbox',
                 defaultValue: false,
-                tooltip: 'Use the Enter key to go forward through pages.',
+                tooltip: 'Use the Enter key to go forward through pages.'
             },
             {
                 weight: 56,
@@ -156,7 +144,7 @@ export default [
                 input: true,
                 inputType: 'checkbox',
                 defaultValue: false,
-                tooltip: 'Use the Enter key to submit form on last page.',
+                tooltip: 'Use the Enter key to submit form on last page.'
             },
             {
                 weight: 60,
@@ -166,33 +154,24 @@ export default [
                 input: true,
                 inputType: 'checkbox',
                 defaultValue: false,
-                tooltip: 'Scroll to the top of the wizard page when user navigates to it',
-            },
+                tooltip: 'Scroll to the top of the wizard page when user navigates to it'
+            }
         ],
         customConditional(context) {
             let isWizardPanel = false;
             if (context.instance.options.editForm.display === 'wizard') {
                 const { components } = context.instance.options.editForm;
-                let component = context.instance.options.editComponent;
+                const component = context.instance.options.editComponent;
                 if (components && component) {
-                    const cleanComponent = (comp, diff) => {
-                        const cleanComp = _omit(comp, diff);
-                        _each(cleanComp, (propValue, prop) => {
-                            if (_isPlainObject(propValue)) {
-                                cleanComp[prop] = _omitBy(propValue, (v) => !v && !_isNumber(v) && v !== false);
-                            }
-                        });
-                        return cleanComp;
-                    };
                     isWizardPanel = components.some((comp) => {
                         const diff = _difference(_keys(comp), _keys(component)) || [];
                         diff.push('components');
-                        return _isEqual(cleanComponent(comp, diff), cleanComponent(component, diff));
+                        return _isEqual(_omit(comp, diff), _omit(component, diff));
                     });
                 }
             }
             return isWizardPanel;
-        },
+        }
     },
     {
         weight: 650,
@@ -200,7 +179,7 @@ export default [
         label: 'Collapsible',
         tooltip: 'If checked, this will turn this Panel into a collapsible panel.',
         key: 'collapsible',
-        input: true,
+        input: true
     },
     {
         weight: 651,
@@ -210,12 +189,7 @@ export default [
         key: 'collapsed',
         input: true,
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.collapsible' },
-                    true,
-                ],
-            },
-        },
-    },
+            json: { '===': [{ var: 'data.collapsible' }, true] }
+        }
+    }
 ];

package/lib/mjs/components/password/Password.form.js

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

package/lib/mjs/components/password/Password.js

@@ -17,14 +17,11 @@ export default class PasswordComponent extends TextFieldComponent {
             group: 'basic',
             documentation: '/userguide/form-building/form-components#password',
             weight: 40,
-            schema: PasswordComponent.schema(),
+            schema: PasswordComponent.schema()
         };
     }
     get defaultSchema() {
-        return _.omit(PasswordComponent.schema(), [
-            'protected',
-            'tableView',
-        ]);
+        return _.omit(PasswordComponent.schema(), ['protected', 'tableView']);
     }
     get inputInfo() {
         const info = super.inputInfo;

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);
 }