@plesk/ui-library 3.27.1 → 3.27.4

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generatePassword = exports.default = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,8 +13,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _constants = require("../../constants");
@@ -25,11 +23,11 @@ var _FormField = _interopRequireDefault(require("../FormField"));
 
 var _Input = _interopRequireDefault(require("../Input"));
 
-var _Popover = _interopRequireDefault(require("../Popover"));
-
 var _Translate = _interopRequireDefault(require("../Translate"));
 
-var _passwordScore = _interopRequireWildcard(require("./passwordScore"));
+var _PasswordMeter = _interopRequireDefault(require("./PasswordMeter"));
+
+var _generatePassword = _interopRequireDefault(require("./generatePassword"));
 
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
 
@@ -37,40 +35,19 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-// Copyright 1999-2021. Plesk International GmbH. All rights reserved.
-const symbolClasses = {
-  upper: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
-  lower: 'abcdefghijklmnopqrstuvwxyz',
-  number: '0123456789',
-  special: '!@#$%^&*?_~'
-};
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-const generatePassword = () => {
-  const password = ['upper', 'lower', 'lower', 'lower', 'number', 'number', 'special', 'number', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower'];
-  return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
-};
-/**
- * `FormFieldPassword` component provides secure way to enter a password.
- * @since 0.0.58
+/**
+ * `FormFieldPassword` component provides secure way to enter a password.
+ * @since 0.0.58
  */
-
-
-exports.generatePassword = generatePassword;
-
 class FormFieldPassword extends _react.Component {
   constructor(...args) {
     super(...args);
     (0, _defineProperty2.default)(this, "state", {
       visible: false,
-      passwordMeterVisible: false,
-      scoreResult: {
-        password: null,
-        intent: null,
-        strength: null,
-        unusedRules: []
-      }
+      passwordMeterVisible: false
     });
-    (0, _defineProperty2.default)(this, "passwordOnScoring", null);
     (0, _defineProperty2.default)(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "handleToggleClick", () => {
       this.setState(({
@@ -87,137 +64,6 @@ class FormFieldPassword extends _react.Component {
     (0, _defineProperty2.default)(this, "handleBlur", this.handleClosePasswordMeter);
   }
 
-  async passwordScore(value) {
-    if (!value) {
-      return {
-        password: null,
-        intent: null,
-        strength: null,
-        unusedRules: []
-      };
-    }
-
-    const {
-      passwordScoreRules,
-      customPasswordScore
-    } = this.props;
-    const passwordScoreFunc = customPasswordScore || _passwordScore.default;
-    const {
-      password,
-      score,
-      unusedRules
-    } = await passwordScoreFunc(value, passwordScoreRules);
-    let intent = 'success';
-
-    let strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: "FormFieldPassword.strengthVeryStrong",
-      fallback: _enUS.default.strengthVeryStrong
-    });
-
-    if (score < 16) {
-      intent = 'danger';
-      strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "FormFieldPassword.strengthVeryWeak",
-        fallback: _enUS.default.strengthVeryWeak
-      });
-    } else if (score < 25) {
-      intent = 'danger';
-      strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "FormFieldPassword.strengthWeak",
-        fallback: _enUS.default.strengthWeak
-      });
-    } else if (score < 35) {
-      intent = 'warning';
-      strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "FormFieldPassword.strengthMedium",
-        fallback: _enUS.default.strengthMedium
-      });
-    } else if (score < 45) {
-      intent = 'success';
-      strength = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "FormFieldPassword.strengthStrong",
-        fallback: _enUS.default.strengthStrong
-      });
-    }
-
-    return {
-      password,
-      intent,
-      strength,
-      unusedRules
-    };
-  }
-
-  renderPasswordMeter(value, target) {
-    const {
-      passwordMeterVisible
-    } = this.state;
-    const {
-      passwordMeterProps
-    } = this.props;
-    const {
-      password,
-      intent,
-      strength,
-      unusedRules
-    } = this.state.scoreResult;
-
-    if (!!value && value !== password && value !== this.passwordOnScoring) {
-      this.passwordOnScoring = value;
-      this.passwordScore(value).then(scoreResult => {
-        if (this.passwordOnScoring === scoreResult.password) {
-          this.passwordOnScoring = null;
-          this.setState({
-            scoreResult
-          });
-        }
-      });
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
-      visible: passwordMeterVisible && !!value,
-      target: target,
-      targetRef: this.targetRef,
-      placement: "bottom-right",
-      intent: intent,
-      canCloseOnOutsideClick: false,
-      canCloseOnEscapePress: false,
-      onClose: this.handleClosePasswordMeter
-    }, passwordMeterProps), /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: "FormFieldPassword.passwordStrength",
-      fallback: _enUS.default.passwordStrength,
-      params: {
-        strength: /*#__PURE__*/_react.default.createElement("b", null, strength)
-      }
-    }), /*#__PURE__*/_react.default.createElement("br", null), unusedRules.length ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: "FormFieldPassword.improvePassword",
-      fallback: _enUS.default.improvePassword
-    }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("ul", null, unusedRules.slice(0, 3).map(({
-      rule
-    }, index) => {
-      const {
-        name
-      } = rule;
-      let {
-        message
-      } = rule;
-
-      if (name && !message) {
-        message = /*#__PURE__*/_react.default.createElement(_Translate.default, {
-          content: `FormFieldPassword.${name}`,
-          fallback: _enUS.default[name]
-        });
-      }
-
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: name || index.toString()
-      }, message);
-    }))) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: "FormFieldPassword.yourPasswordIsStrong",
-      fallback: _enUS.default.yourPasswordIsStrong
-    }));
-  }
-
   renderGenerateButton({
     setValue,
     isDisabled
@@ -228,7 +74,7 @@ class FormFieldPassword extends _react.Component {
     } = this.props;
     const generateButtonProps = {
       className: `${baseClassName}__button--generate`,
-      onClick: () => setValue(generatePassword()),
+      onClick: () => setValue((0, _generatePassword.default)()),
       tooltip: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "FormFieldPassword.generateButtonHint",
         fallback: _enUS.default.generateButtonHint
@@ -259,13 +105,15 @@ class FormFieldPassword extends _react.Component {
       hideGenerateButton,
       hidePasswordMeter,
       passwordMeterProps,
-      passwordScoreRules,
-      customPasswordScore,
       size,
       autoFocus,
       autoComplete,
       ...props
     } = this.props;
+    const {
+      visible,
+      passwordMeterVisible
+    } = this.state;
     return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
       className: (0, _classnames.default)(baseClassName, className)
     }, props), ({
@@ -275,18 +123,19 @@ class FormFieldPassword extends _react.Component {
       setValue,
       isDisabled
     }) => {
+      const value = getValue('');
+
       const input = /*#__PURE__*/_react.default.createElement(_Input.default, {
         id: getId(),
         name: getName(),
-        type: this.state.visible ? 'text' : 'password',
-        value: getValue(''),
+        type: visible ? 'text' : 'password',
+        value: value,
         onChange: e => {
           setValue(e.target.value);
           this.setState({
             passwordMeterVisible: true
           });
         },
-        onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         autoFocus: autoFocus,
         autoComplete: autoComplete,
@@ -295,8 +144,8 @@ class FormFieldPassword extends _react.Component {
         suffix: hideShowButton ? null : /*#__PURE__*/_react.default.createElement(_Button.default, {
           className: `${baseClassName}__button--show`,
           onClick: this.handleToggleClick,
-          icon: this.state.visible ? 'visible' : 'invisible',
-          tooltip: this.state.visible ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
+          icon: visible ? 'visible' : 'invisible',
+          tooltip: visible ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
             content: "FormFieldPassword.hidePassword",
             fallback: _enUS.default.hidePassword
           }) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
@@ -316,7 +165,12 @@ class FormFieldPassword extends _react.Component {
         className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--${size}`)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(`${baseClassName}__field`, `${baseClassName}__field--${size}`)
-      }, hidePasswordMeter ? input : this.renderPasswordMeter(getValue(), input)), hideGenerateButton ? null : this.renderGenerateButton({
+      }, hidePasswordMeter ? input : /*#__PURE__*/_react.default.createElement(_PasswordMeter.default, (0, _extends2.default)({
+        value: value,
+        targetRef: this.targetRef,
+        visible: passwordMeterVisible && value !== '',
+        onClose: this.handleClosePasswordMeter
+      }, passwordMeterProps), input)), hideGenerateButton ? null : this.renderGenerateButton({
         setValue,
         isDisabled
       }));
@@ -325,95 +179,17 @@ class FormFieldPassword extends _react.Component {
 
 }
 
-FormFieldPassword.propTypes = {
-  /**
-   * Is show button hidden?
-   * @since 0.0.59
-   */
-  hideShowButton: _propTypes.default.bool,
-
-  /**
-   * Is generate button hidden?
-   * @since 0.0.59
-   */
-  hideGenerateButton: _propTypes.default.bool,
-
-  /**
-   * Is password meter hidden?
-   * @since 0.0.59
-   */
-  hidePasswordMeter: _propTypes.default.bool,
-
-  /**
-   * Additional props for password meter. . See [Popover](#!/Popover) for more information.
-   * @since 1.5.6
-   */
-  passwordMeterProps: _propTypes.default.object,
-
-  /**
-   * A set of custom password score rules.
-   * @since 3.21.0
-   */
-  passwordScoreRules: _propTypes.default.arrayOf(_propTypes.default.shape({
-    name: _propTypes.default.string,
-    message: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-    score: _propTypes.default.func.isRequired
-  })),
-
-  /**
-   * Custom password score estimator
-   * @since 3.27.1
-   */
-  customPasswordScore: _propTypes.default.func,
-
-  /**
-   * Size of the control
-   * @since 1.5.6
-   */
-  size: _propTypes.default.oneOf(['md', 'lg', 'xl', 'fill']),
-
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-
-  /**
-   * Prevent password autocompletion.
-   * @since 2.5.1
-   */
-  autoComplete: _propTypes.default.oneOf(['new-password']),
-
-  /**
-   * A render function for customizing the password generation button.
-   * @since 3.13.0
-   */
-  generateButton: _propTypes.default.func,
-
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-FormFieldPassword.defaultProps = {
+(0, _defineProperty2.default)(FormFieldPassword, "defaultProps", {
   hideShowButton: false,
   generateButton: undefined,
   hideGenerateButton: false,
   hidePasswordMeter: false,
   passwordMeterProps: {},
-  passwordScoreRules: undefined,
-  customPasswordScore: undefined,
   size: 'md',
   autoFocus: undefined,
   autoComplete: undefined,
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}form-field-password`
-};
-FormFieldPassword.PASSWORD_SCORE_RULES = _passwordScore.PASSWORD_SCORE_RULES;
+});
 var _default = FormFieldPassword;
 exports.default = _default;

package/cjs/components/FormFieldPassword/PasswordMeter.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Popover = _interopRequireDefault(require("../Popover"));
+
+var _Translate = _interopRequireDefault(require("../Translate"));
+
+var _estimatePassword = _interopRequireWildcard(require("./estimatePassword"));
+
+var _enUS = _interopRequireDefault(require("./locale/en-US"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+const strengthIntents = {
+  VeryWeak: 'danger',
+  Weak: 'danger',
+  Medium: 'warning',
+  Strong: 'success',
+  VeryStrong: 'success'
+};
+
+const PasswordMeter = ({
+  value,
+  visible,
+  onEstimate,
+  children,
+  ...props
+}) => {
+  const [result, setResult] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (!visible) {
+      return;
+    }
+
+    Promise.resolve(onEstimate ? onEstimate(value, _estimatePassword.default, _estimatePassword.DEFAULT_RULES) : (0, _estimatePassword.default)(value)).then(result => {
+      setResult(result);
+    });
+  }, [visible, value, onEstimate]);
+  return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+    visible: visible && result !== null,
+    target: children,
+    placement: "bottom-right",
+    intent: result ? strengthIntents[result.strength] : undefined,
+    canCloseOnOutsideClick: false,
+    canCloseOnEscapePress: false
+  }, props), result !== null && result !== void 0 && result.strength ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    component: "div",
+    content: "FormFieldPassword.passwordStrength",
+    fallback: _enUS.default.passwordStrength,
+    params: {
+      strength: /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
+        content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
+        fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
+      }))
+    }
+  }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: "FormFieldPassword.improvePassword",
+    fallback: _enUS.default.improvePassword
+  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/_react.default.createElement("li", {
+    key: index.toString()
+  }, suggestion)))) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: "FormFieldPassword.yourPasswordIsStrong",
+    fallback: _enUS.default.yourPasswordIsStrong
+  }));
+};
+
+var _default = PasswordMeter;
+exports.default = _default;

package/cjs/components/FormFieldPassword/estimatePassword.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_RULES = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Translate = _interopRequireDefault(require("../Translate"));
+
+var _enUS = _interopRequireDefault(require("./locale/en-US"));
+
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+const DEFAULT_RULES = [{
+  name: 'passwordTooShort',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.passwordTooShort`,
+    fallback: _enUS.default.passwordTooShort
+  }),
+
+  score(passwd) {
+    return passwd.length < 5 ? -1 : 0;
+  }
+
+}, {
+  name: 'passwordLength',
+
+  score(passwd) {
+    if (passwd.length < 5) {
+      return 3;
+    }
+
+    if (passwd.length > 4 && passwd.length < 8) {
+      return 6;
+    }
+
+    if (passwd.length > 7 && passwd.length < 16) {
+      return 12;
+    }
+
+    return 18;
+  }
+
+}, {
+  name: 'lettersLowerCase',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.lettersLowerCase`,
+    fallback: _enUS.default.lettersLowerCase
+  }),
+
+  score(passwd) {
+    // [verified] at least one lower case letter
+    return passwd.match(/[a-z]/) ? 1 : -1;
+  }
+
+}, {
+  name: 'lettersUpperCase',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.lettersUpperCase`,
+    fallback: _enUS.default.lettersUpperCase
+  }),
+
+  score(passwd) {
+    // [verified] at least one upper case letter
+    return passwd.match(/[A-Z]/) ? 5 : -1;
+  }
+
+}, {
+  name: 'numbers1',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.numbers1`,
+    fallback: _enUS.default.numbers1
+  }),
+
+  score(passwd) {
+    // [verified] at least one number
+    return passwd.match(/\d+/) ? 5 : -1;
+  }
+
+}, {
+  name: 'numbers3',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.numbers3`,
+    fallback: _enUS.default.numbers3
+  }),
+
+  score(passwd) {
+    // [verified] at least three numbers
+    return passwd.match(/(.*[0-9].*[0-9].*[0-9])/) ? 5 : -1;
+  }
+
+}, {
+  name: 'specialChar1',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.specialChar1`,
+    fallback: _enUS.default.specialChar1
+  }),
+
+  score(passwd) {
+    // [verified] at least one special character
+    return passwd.match(/[!@#$%^&*?_~]/) ? 5 : -1;
+  }
+
+}, {
+  name: 'specialChar2',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.specialChar2`,
+    fallback: _enUS.default.specialChar2
+  }),
+
+  score(passwd) {
+    // [verified] at least two special characters
+    return passwd.match(/(.*[!@#$%^&*?_~].*[!@#$%^&*?_~])/) ? 5 : -1;
+  }
+
+}, {
+  name: 'comboUpperAndLower',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboUpperAndLower`,
+    fallback: _enUS.default.comboUpperAndLower
+  }),
+
+  score(passwd) {
+    // [verified] both upper and lower case
+    return passwd.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/) ? 2 : -1;
+  }
+
+}, {
+  name: 'comboLettersAndNumbers',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboLettersAndNumbers`,
+    fallback: _enUS.default.comboLettersAndNumbers
+  }),
+
+  score(passwd) {
+    // [verified] both letters and numbers
+    return passwd.match(/([a-zA-Z])/) && passwd.match(/([0-9])/) ? 2 : -1;
+  }
+
+}, {
+  name: 'comboLettersNumbersSpecial',
+  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    content: `FormFieldPassword.comboLettersNumbersSpecial`,
+    fallback: _enUS.default.comboLettersNumbersSpecial
+  }),
+
+  score(passwd) {
+    // [verified] letters, numbers, and special characters
+    return passwd.match(/([a-zA-Z0-9].*[!@#$%^&*?_~])|([!@#$%^&*?_~].*[a-zA-Z0-9])/) ? 2 : -1;
+  }
+
+}];
+exports.DEFAULT_RULES = DEFAULT_RULES;
+
+var _default = (password, rules = DEFAULT_RULES) => {
+  const suggestions = [];
+  let passwordScore = 0;
+  rules.forEach(({
+    suggestion,
+    score
+  }) => {
+    const ruleScore = score(password);
+
+    if (ruleScore < 0 && suggestion) {
+      suggestions.push(suggestion);
+    } else {
+      passwordScore += ruleScore;
+    }
+  });
+  let strength;
+
+  switch (true) {
+    case passwordScore < 16:
+      strength = 'VeryWeak';
+      break;
+
+    case passwordScore < 25:
+      strength = 'Weak';
+      break;
+
+    case passwordScore < 35:
+      strength = 'Medium';
+      break;
+
+    case passwordScore < 45:
+      strength = 'Strong';
+      break;
+
+    default:
+      strength = 'VeryStrong';
+      break;
+  }
+
+  return {
+    strength,
+    suggestions
+  };
+};
+
+exports.default = _default;

package/cjs/components/FormFieldPassword/generatePassword.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+const symbolClasses = {
+  upper: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
+  lower: 'abcdefghijklmnopqrstuvwxyz',
+  number: '0123456789',
+  special: '!@#$%^&*?_~'
+};
+
+const generatePassword = () => {
+  const password = ['upper', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'number', 'number', 'number', 'special', 'special'];
+  return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
+};
+
+var _default = generatePassword;
+exports.default = _default;