@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/mjs/addons/PasswordStrength/PasswordStrengthAddon.form.js

@@ -8,9 +8,7 @@ export default [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [
-            {},
-        ],
+        defaultValue: [{}],
         key: 'levels',
         type: 'editgrid',
         input: true,
@@ -19,11 +17,11 @@ export default [
                 label: 'Name',
                 tableView: true,
                 validate: {
-                    required: true,
+                    required: true
                 },
                 key: 'name',
                 type: 'textfield',
-                input: true,
+                input: true
             },
             {
                 label: 'Max Entropy',
@@ -37,11 +35,11 @@ export default [
                 validate: {
                     required: true,
                     min: 1,
-                    max: 128,
+                    max: 128
                 },
                 key: 'maxEntropy',
                 type: 'number',
-                input: true,
+                input: true
             },
             {
                 label: 'Style',
@@ -51,30 +49,30 @@ export default [
                     values: [
                         {
                             label: 'Danger',
-                            value: 'danger',
+                            value: 'danger'
                         },
                         {
                             label: 'Warning',
-                            value: 'warning',
+                            value: 'warning'
                         },
                         {
                             label: 'Info',
-                            value: 'info',
+                            value: 'info'
                         },
                         {
                             label: 'Success',
-                            value: 'success',
-                        },
-                    ],
+                            value: 'success'
+                        }
+                    ]
                 },
                 selectThreshold: 0.3,
                 validate: {
-                    onlyAvailableItems: false,
+                    onlyAvailableItems: false
                 },
                 key: 'style',
                 type: 'select',
                 indexeddb: { filter: {} },
-                input: true,
+                input: true
             },
             {
                 label: 'Color',
@@ -83,9 +81,9 @@ export default [
                 tableView: true,
                 key: 'color',
                 type: 'textfield',
-                input: true,
-            },
-        ],
+                input: true
+            }
+        ]
     },
     {
         label: 'Update On',
@@ -94,24 +92,24 @@ export default [
             values: [
                 {
                     label: 'Strength Level Change',
-                    value: 'levelChange',
+                    value: 'levelChange'
                 },
                 {
                     label: 'Entropy Change',
-                    value: 'entropyChange',
-                },
-            ],
+                    value: 'entropyChange'
+                }
+            ]
         },
         selectThreshold: 0.3,
         validate: {
-            onlyAvailableItems: false,
+            onlyAvailableItems: false
         },
         key: 'updateOn',
         type: 'select',
         indexeddb: {
-            filter: {},
+            filter: {}
         },
-        input: true,
+        input: true
     },
     {
         label: 'Rules',
@@ -122,7 +120,7 @@ export default [
         initEmpty: false,
         tableView: false,
         defaultValue: [
-            {},
+            {}
         ],
         key: 'rulesSettings',
         type: 'datagrid',
@@ -135,44 +133,44 @@ export default [
                     values: [
                         {
                             label: 'Length',
-                            value: 'length',
+                            value: 'length'
                         },
                         {
                             label: 'Lower Case',
-                            value: 'lowerCase',
+                            value: 'lowerCase'
                         },
                         {
                             label: 'Upper Case',
-                            value: 'upperCase',
+                            value: 'upperCase'
                         },
                         {
                             label: 'Numeric',
-                            value: 'numeric',
+                            value: 'numeric'
                         },
                         {
                             label: 'Symbols',
-                            value: 'symbols',
-                        },
-                    ],
+                            value: 'symbols'
+                        }
+                    ]
                 },
                 selectThreshold: 0.3,
                 validate: {
                     required: true,
-                    onlyAvailableItems: false,
+                    onlyAvailableItems: false
                 },
                 key: 'name',
                 type: 'select',
                 indexeddb: {
-                    filter: {},
+                    filter: {}
                 },
-                input: true,
+                input: true
             },
             {
                 label: 'Error Message',
                 tableView: true,
                 key: 'errorMessage',
                 type: 'textfield',
-                input: true,
+                input: true
             },
             {
                 label: 'Required',
@@ -180,9 +178,9 @@ export default [
                 key: 'required',
                 type: 'checkbox',
                 input: true,
-                defaultValue: false,
-            },
-        ],
+                defaultValue: false
+            }
+        ]
     },
     {
         label: 'Custom Rules',
@@ -196,11 +194,11 @@ export default [
                 label: 'Name',
                 tableView: true,
                 validate: {
-                    required: true,
+                    required: true
                 },
                 key: 'name',
                 type: 'textfield',
-                input: true,
+                input: true
             },
             EditFormUtils.javaScriptValue('Check', 'check', '', 1100, '<p><h4>Example:</h4><pre>valid = !value.includes(data.email) ? true : "Password should not be variation of the email";</pre></p>', '', '', true),
             {
@@ -214,7 +212,7 @@ export default [
                 inputFormat: 'plain',
                 key: 'increaseCharactersPoolSize',
                 type: 'number',
-                input: true,
+                input: true
             },
             {
                 label: 'Required',
@@ -223,9 +221,9 @@ export default [
                 key: 'required',
                 type: 'checkbox',
                 input: true,
-                defaultValue: false,
-            },
-        ],
+                defaultValue: false
+            }
+        ]
     },
     EditFormUtils.javaScriptValue('Is Valid', 'isValid', '', 1100, '<p><h4>Example:</h4><pre>valid = entropy > maxEntropy / 2 ;</pre></p>', '', '<tr><th>entropy</th><td>Current entropy bits of the password.</td></tr>' +
         '<tr><th>level</th><td>Current strength level of the password.</td></tr>', true),
@@ -236,7 +234,7 @@ export default [
         key: 'required',
         type: 'checkbox',
         input: true,
-        defaultValue: false,
+        defaultValue: false
     },
     {
         label: 'Black List',
@@ -245,7 +243,7 @@ export default [
         multiple: true,
         key: 'blackList',
         type: 'textfield',
-        input: true,
+        input: true
     },
     EditFormUtils.javaScriptValue('Custom Blacklisted Words', 'customBlackListedWords', '', 1100, '<p><h4>Example:</h4><pre>values = [ data.name, data.dataOfBirth, data.favoriteColor ];</pre></p>', '', '', true),
     {
@@ -255,7 +253,7 @@ export default [
         key: 'disableBlacklistedWords',
         type: 'checkbox',
         input: true,
-        defaultValue: false,
+        defaultValue: false
     },
     {
         label: 'Location',
@@ -273,22 +271,22 @@ export default [
                     values: [
                         {
                             label: 'Before',
-                            value: 'before',
+                            value: 'before'
                         },
                         {
                             label: 'After',
-                            value: 'after',
-                        },
-                    ],
+                            value: 'after'
+                        }
+                    ]
                 },
                 selectThreshold: 0.3,
                 validate: {
-                    onlyAvailableItems: false,
+                    onlyAvailableItems: false
                 },
                 key: 'insert',
                 type: 'select',
                 indexeddb: { filter: {} },
-                input: true,
+                input: true
             },
             {
                 label: 'Selector',
@@ -297,9 +295,9 @@ export default [
                 tableView: true,
                 key: 'selector',
                 type: 'textfield',
-                input: true,
-            },
-        ],
+                input: true
+            }
+        ]
     },
     {
         label: 'Template',
@@ -308,6 +306,6 @@ export default [
         key: 'template',
         type: 'textarea',
         input: true,
-        as: 'html',
+        as: 'html'
     },
 ];

package/lib/mjs/addons/PasswordStrength/PasswordStrengthAddon.js

@@ -4,9 +4,7 @@ import PasswordStrengthEditForm from './PasswordStrengthAddon.form';
 export default class PasswordStrengthAddon extends FormioAddon {
     static get info() {
         return {
-            supportedComponents: [
-                'password',
-            ],
+            supportedComponents: ['password'],
             name: 'passwordStrength',
             components: PasswordStrengthEditForm,
             label: 'Password Strength',
@@ -16,7 +14,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                     { name: 'upperCase', required: false, message: 'Value should have uppercase letters' },
                     { name: 'numeric', required: false, message: 'Value should have numeric symbols' },
                     { name: 'lowerCase', required: false, message: 'Value should be have lowercase letters' },
-                    { name: 'symbols', required: false, message: 'Value should have symbols' },
+                    { name: 'symbols', required: false, message: 'Value should have symbols' }
                 ],
                 updateOn: 'levelChange',
                 required: true,
@@ -40,9 +38,9 @@ export default class PasswordStrengthAddon extends FormioAddon {
         `,
                 location: {
                     insert: 'after',
-                    selector: '[ref="element"]',
-                },
-            },
+                    selector: '[ref="element"]'
+                }
+            }
         };
     }
     get defaultSettings() {
@@ -57,7 +55,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                         return `Value must be longer than ${minLength} characters`;
                     }
                     return true;
-                },
+                }
             },
             upperCase: {
                 check: (value) => {
@@ -66,7 +64,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                     }
                     return 'Value must contain uppercased alphabetical characters';
                 },
-                increaseCharactersPoolSize: 26,
+                increaseCharactersPoolSize: 26
             },
             numeric: {
                 check: (value) => {
@@ -144,9 +142,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
         return Math.log(value) * Math.LOG2E;
     }
     calculatePasswordEntropy(passwordLength, charactersPoolSize) {
-        return !passwordLength || !charactersPoolSize
-            ? 0
-            : this.log2(Math.pow(charactersPoolSize, passwordLength));
+        return !passwordLength || !charactersPoolSize ? 0 : this.log2(Math.pow(charactersPoolSize, passwordLength));
     }
     calculatePasswordEntropyWords(wordsCount) {
         return !this.dictionarySize ? 0 : this.log2(this.dictionarySize) * wordsCount;
@@ -166,9 +162,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
         return this.component.sanitize(view);
     }
     checkBlackList(value) {
-        const blackList = [
-            ...this.settings.blackList,
-        ];
+        const blackList = [...this.settings.blackList];
         let customBlacklistedWords = this.settings.customBlacklistedWords;
         if (customBlacklistedWords && typeof customBlacklistedWords === 'string') {
             customBlacklistedWords = this.evaluate(customBlacklistedWords, this.component.evalContext({ value }), 'values');
@@ -211,7 +205,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
         if (isValidCheck && typeof isValidCheck === 'string') {
             const valid = this.evaluate(isValidCheck, this.component.evalContext({
                 entropy: this.entropy,
-                level: this.level,
+                level: this.level
             }), 'valid');
             return valid;
         }
@@ -230,7 +224,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
             errors.push({
                 validation: validation.name,
                 message,
-                level: validation.required ? 'error' : 'warning',
+                level: validation.required ? 'error' : 'warning'
             });
         }
         else if (validation.increaseCharactersPoolSize) {
@@ -258,7 +252,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
         });
         return {
             charactersPoolSize,
-            errors,
+            errors
         };
     }
     /**
@@ -270,14 +264,14 @@ export default class PasswordStrengthAddon extends FormioAddon {
         const passwordLength = value.length;
         const { charactersPoolSize, errors } = this.performChecks(value);
         const entropy = this.calculatePasswordEntropy(passwordLength, charactersPoolSize);
-        const blackListCheck = this.settings.blackList?.length || this.settings.customBlacklistedWords
-            ? this.checkBlackList(value)
+        const blackListCheck = this.settings.blackList?.length || this.settings.customBlacklistedWords ?
+            this.checkBlackList(value)
             : null;
         const isValid = this.isValid();
         if (!isValid) {
             errors.push({
                 message: 'Password is not strong enough',
-                level: this.settings.required ? 'error' : 'warning',
+                level: this.settings.required ? 'error' : 'warning'
             });
         }
         // If there were found some words from the black list
@@ -304,9 +298,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
     constructor(settings, componentInstance) {
         super(settings, componentInstance);
         this._entropy = 0; // Set initial value of entropy
-        this.levels = [
-            ...(this.settings.levels || this.defaultSettings.levels),
-        ];
+        this.levels = [...(this.settings.levels || this.defaultSettings.levels)];
         this.levels.sort((a, b) => a.maxEntropy - b.maxEntropy); // Sort levels from the lowest one to the highest
         this.level = this.levels[0]; // Set currnt level to the lowest one
         this.maxEntropy = this.levels[this.levels.length - 1].maxEntropy; // Set maximal amount of security points based on the highest level

package/lib/mjs/addons/index.js

@@ -1,6 +1,6 @@
 import PasswordStrengthAddon from './PasswordStrength/PasswordStrengthAddon';
 export const editForms = [
-    PasswordStrengthAddon.info,
+    PasswordStrengthAddon.info
 ].map(({ components, name, defaultSettings }) => ({
     type: 'form',
     key: 'settings',
@@ -12,11 +12,11 @@ export const editForms = [
     }),
     tableView: false,
     defaultValue: {
-        data: defaultSettings,
+        data: defaultSettings
     },
     customConditional({ row }) {
         return row.name.value === name;
-    },
+    }
 }));
 export default {
     passwordStrength: PasswordStrengthAddon,

package/lib/mjs/components/Components.js

@@ -51,15 +51,19 @@ export default class Components {
             comp = new Components.components[component.type](component, options, data);
         }
         else if (component.arrayTree) {
+            // eslint-disable-next-line new-cap
             comp = new Components.components['datagrid'](component, options, data);
         }
         else if (component.tree || (component.input && Array.isArray(component.components))) {
+            // eslint-disable-next-line new-cap
             comp = new Components.components['nesteddata'](component, options, data);
         }
         else if (Array.isArray(component.components)) {
+            // eslint-disable-next-line new-cap
             comp = new Components.components['nested'](component, options, data);
         }
         else if (options && options.server) {
+            // eslint-disable-next-line new-cap
             comp = new Components.components['hidden'](component, options, data);
         }
         else {

package/lib/mjs/components/_classes/component/Component.form.js

@@ -22,46 +22,46 @@ export default function (...extend) {
                     label: 'Display',
                     key: 'display',
                     weight: 0,
-                    components: ComponentEditDisplay,
+                    components: ComponentEditDisplay
                 },
                 {
                     label: 'Data',
                     key: 'data',
                     weight: 10,
-                    components: ComponentEditData,
+                    components: ComponentEditData
                 },
                 {
                     label: 'Validation',
                     key: 'validation',
                     weight: 20,
-                    components: ComponentEditValidation,
+                    components: ComponentEditValidation
                 },
                 {
                     label: 'API',
                     key: 'api',
                     weight: 30,
-                    components: ComponentEditAPI,
+                    components: ComponentEditAPI
                 },
                 {
                     label: 'Conditional',
                     key: 'conditional',
                     weight: 40,
-                    components: ComponentEditConditional,
+                    components: ComponentEditConditional
                 },
                 {
                     label: 'Logic',
                     key: 'logic',
                     weight: 50,
-                    components: ComponentEditLogic,
+                    components: ComponentEditLogic
                 },
                 {
                     label: 'Layout',
                     key: 'layout',
                     weight: 60,
-                    components: ComponentEditLayout,
+                    components: ComponentEditLayout
                 },
-            ],
-        },
+            ]
+        }
     ]).concat(extend.map((items) => ({
         type: 'tabs',
         key: 'tabs',
@@ -70,7 +70,7 @@ export default function (...extend) {
     return {
         components: _.unionWith(components, EditFormUtils.unifyComponents).concat({
             type: 'hidden',
-            key: 'type',
-        }),
+            key: 'type'
+        })
     };
 }