@formio/js 5.2.3 → 5.2.4-rc.0

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

@@ -8,7 +8,9 @@ export default [
         enableRowGroups: false,
         initEmpty: false,
         tableView: false,
-        defaultValue: [{}],
+        defaultValue: [
+            {},
+        ],
         key: 'levels',
         type: 'editgrid',
         input: true,
@@ -17,11 +19,11 @@ export default [
                 label: 'Name',
                 tableView: true,
                 validate: {
-                    required: true
+                    required: true,
                 },
                 key: 'name',
                 type: 'textfield',
-                input: true
+                input: true,
             },
             {
                 label: 'Max Entropy',
@@ -35,11 +37,11 @@ export default [
                 validate: {
                     required: true,
                     min: 1,
-                    max: 128
+                    max: 128,
                 },
                 key: 'maxEntropy',
                 type: 'number',
-                input: true
+                input: true,
             },
             {
                 label: 'Style',
@@ -49,30 +51,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',
@@ -81,9 +83,9 @@ export default [
                 tableView: true,
                 key: 'color',
                 type: 'textfield',
-                input: true
-            }
-        ]
+                input: true,
+            },
+        ],
     },
     {
         label: 'Update On',
@@ -92,24 +94,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',
@@ -120,7 +122,7 @@ export default [
         initEmpty: false,
         tableView: false,
         defaultValue: [
-            {}
+            {},
         ],
         key: 'rulesSettings',
         type: 'datagrid',
@@ -133,44 +135,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',
@@ -178,9 +180,9 @@ export default [
                 key: 'required',
                 type: 'checkbox',
                 input: true,
-                defaultValue: false
-            }
-        ]
+                defaultValue: false,
+            },
+        ],
     },
     {
         label: 'Custom Rules',
@@ -194,11 +196,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),
             {
@@ -212,7 +214,7 @@ export default [
                 inputFormat: 'plain',
                 key: 'increaseCharactersPoolSize',
                 type: 'number',
-                input: true
+                input: true,
             },
             {
                 label: 'Required',
@@ -221,9 +223,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),
@@ -234,7 +236,7 @@ export default [
         key: 'required',
         type: 'checkbox',
         input: true,
-        defaultValue: false
+        defaultValue: false,
     },
     {
         label: 'Black List',
@@ -243,7 +245,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),
     {
@@ -253,7 +255,7 @@ export default [
         key: 'disableBlacklistedWords',
         type: 'checkbox',
         input: true,
-        defaultValue: false
+        defaultValue: false,
     },
     {
         label: 'Location',
@@ -271,22 +273,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',
@@ -295,9 +297,9 @@ export default [
                 tableView: true,
                 key: 'selector',
                 type: 'textfield',
-                input: true
-            }
-        ]
+                input: true,
+            },
+        ],
     },
     {
         label: 'Template',
@@ -306,6 +308,6 @@ export default [
         key: 'template',
         type: 'textarea',
         input: true,
-        as: 'html'
+        as: 'html',
     },
 ];

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

@@ -4,7 +4,9 @@ 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',
@@ -14,7 +16,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,
@@ -38,9 +40,9 @@ export default class PasswordStrengthAddon extends FormioAddon {
         `,
                 location: {
                     insert: 'after',
-                    selector: '[ref="element"]'
-                }
-            }
+                    selector: '[ref="element"]',
+                },
+            },
         };
     }
     get defaultSettings() {
@@ -55,7 +57,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                         return `Value must be longer than ${minLength} characters`;
                     }
                     return true;
-                }
+                },
             },
             upperCase: {
                 check: (value) => {
@@ -64,7 +66,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                     }
                     return 'Value must contain uppercased alphabetical characters';
                 },
-                increaseCharactersPoolSize: 26
+                increaseCharactersPoolSize: 26,
             },
             numeric: {
                 check: (value) => {
@@ -142,7 +144,9 @@ 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;
@@ -162,7 +166,9 @@ 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');
@@ -205,7 +211,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;
         }
@@ -224,7 +230,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) {
@@ -252,7 +258,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
         });
         return {
             charactersPoolSize,
-            errors
+            errors,
         };
     }
     /**
@@ -264,14 +270,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
@@ -298,7 +304,9 @@ 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,19 +51,15 @@ 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',
+        }),
     };
 }