@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import Form from '../Form';
 import FormFieldCheckbox from './FormFieldCheckbox';
@@ -8,7 +9,8 @@ Basic.args = {
   label: 'Lorem ipsum dolor sit amet.'
 };
 export const WithFullDescription = args => /*#__PURE__*/React.createElement(Basic, args);
-WithFullDescription.args = { ...Basic.args,
+WithFullDescription.args = {
+  ...Basic.args,
   label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a. Morbi ac erat sed elit ullamcorper laoreet sed eget tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
   fullDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a.',
   required: true

package/esm/components/FormFieldCheckbox/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './FormFieldCheckbox';

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React, { Component, Fragment, createRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -11,43 +12,40 @@ import Translate from '../Translate';
 import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
-
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
  * @since 0.0.58
  */
 class FormFieldPassword extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       visible: false,
       passwordMeterVisible: false
     });
-
     _defineProperty(this, "targetRef", /*#__PURE__*/createRef());
-
     _defineProperty(this, "handleToggleClick", () => {
-      this.setState(({
-        visible
-      }) => ({
-        visible: !visible
-      }));
+      this.setState(_ref => {
+        let {
+          visible
+        } = _ref;
+        return {
+          visible: !visible
+        };
+      });
     });
-
     _defineProperty(this, "handleClosePasswordMeter", () => {
       this.setState({
         passwordMeterVisible: false
       });
     });
-
     _defineProperty(this, "handleBlur", this.handleClosePasswordMeter);
   }
-
-  renderGenerateButton({
-    setValue,
-    isDisabled
-  }) {
+  renderGenerateButton(_ref2) {
+    let {
+      setValue,
+      isDisabled
+    } = _ref2;
     const {
       baseClassName,
       generateButton
@@ -66,16 +64,13 @@ class FormFieldPassword extends Component {
       })
     };
     let button;
-
     if (typeof generateButton === 'function') {
       button = generateButton(generateButtonProps);
     } else {
       button = /*#__PURE__*/React.createElement(Button, generateButtonProps);
     }
-
     return /*#__PURE__*/React.createElement(Fragment, null, ` `, button);
   }
-
   render() {
     const {
       baseClassName,
@@ -96,13 +91,14 @@ class FormFieldPassword extends Component {
     } = this.state;
     return /*#__PURE__*/React.createElement(FormField, _extends({
       className: classNames(baseClassName, className)
-    }, props), ({
-      getId,
-      getName,
-      getValue,
-      setValue,
-      isDisabled
-    }) => {
+    }, props), _ref3 => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        isDisabled
+      } = _ref3;
       const value = getValue('');
       const input = /*#__PURE__*/React.createElement(Input, {
         id: getId(),
@@ -154,9 +150,7 @@ class FormFieldPassword extends Component {
       }));
     });
   }
-
 }
-
 _defineProperty(FormFieldPassword, "defaultProps", {
   hideShowButton: false,
   generateButton: undefined,
@@ -169,5 +163,4 @@ _defineProperty(FormFieldPassword, "defaultProps", {
   className: undefined,
   baseClassName: `${CLS_PREFIX}form-field-password`
 });
-
 export default FormFieldPassword;

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React, { Fragment, useState, useEffect } from 'react';
 import Popover from '../Popover';
 import Translate from '../Translate';
@@ -12,20 +13,19 @@ const strengthIntents = {
   Strong: 'success',
   VeryStrong: 'success'
 };
-
-const PasswordMeter = ({
-  value,
-  visible,
-  onEstimate,
-  children,
-  ...props
-}) => {
+const PasswordMeter = _ref => {
+  let {
+    value,
+    visible,
+    onEstimate,
+    children,
+    ...props
+  } = _ref;
   const [result, setResult] = useState(null);
   useEffect(() => {
     if (!visible) {
       return;
     }
-
     Promise.resolve(onEstimate ? onEstimate(value, estimatePassword, DEFAULT_RULES) : estimatePassword(value)).then(result => {
       setResult(result);
     });
@@ -37,17 +37,17 @@ const PasswordMeter = ({
     intent: result ? strengthIntents[result.strength] : undefined,
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false
-  }, props), result !== null && result !== void 0 && result.strength ? /*#__PURE__*/React.createElement(Translate, {
+  }, props), result?.strength ? /*#__PURE__*/React.createElement(Translate, {
     component: "div",
     content: "FormFieldPassword.passwordStrength",
     fallback: locale.passwordStrength,
     params: {
       strength: /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement(Translate, {
-        content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
-        fallback: locale[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
+        content: `FormFieldPassword.strength${result?.strength}`,
+        fallback: locale[`strength${result?.strength}`]
       }))
     }
-  }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Translate, {
+  }) : null, result?.suggestions.length ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Translate, {
     content: "FormFieldPassword.improvePassword",
     fallback: locale.improvePassword
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/React.createElement("li", {
@@ -57,5 +57,4 @@ const PasswordMeter = ({
     fallback: locale.yourPasswordIsStrong
   }));
 };
-
 export default PasswordMeter;

package/esm/components/FormFieldPassword/estimatePassword.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import Translate from '../Translate';
 import locale from './locale/en-US';
@@ -14,181 +15,148 @@ export const DEFAULT_RULES = [{
     content: `FormFieldPassword.passwordTooShort`,
     fallback: locale.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.createElement(Translate, {
     content: `FormFieldPassword.lettersLowerCase`,
     fallback: locale.lettersLowerCase
   }),
-
   score(passwd) {
     // [verified] at least one lower case letter
     return passwd.match(/[a-z]/) ? 1 : -1;
   }
-
 }, {
   name: 'lettersUpperCase',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.lettersUpperCase`,
     fallback: locale.lettersUpperCase
   }),
-
   score(passwd) {
     // [verified] at least one upper case letter
     return passwd.match(/[A-Z]/) ? 5 : -1;
   }
-
 }, {
   name: 'numbers1',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.numbers1`,
     fallback: locale.numbers1
   }),
-
   score(passwd) {
     // [verified] at least one number
     return passwd.match(/\d+/) ? 5 : -1;
   }
-
 }, {
   name: 'numbers3',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.numbers3`,
     fallback: locale.numbers3
   }),
-
   score(passwd) {
     // [verified] at least three numbers
     return passwd.match(/(.*[0-9].*[0-9].*[0-9])/) ? 5 : -1;
   }
-
 }, {
   name: 'specialChar1',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.specialChar1`,
     fallback: locale.specialChar1
   }),
-
   score(passwd) {
     // [verified] at least one special character
     return passwd.match(/[!@#$%^&*?_~]/) ? 5 : -1;
   }
-
 }, {
   name: 'specialChar2',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.specialChar2`,
     fallback: locale.specialChar2
   }),
-
   score(passwd) {
     // [verified] at least two special characters
     return passwd.match(/(.*[!@#$%^&*?_~].*[!@#$%^&*?_~])/) ? 5 : -1;
   }
-
 }, {
   name: 'comboUpperAndLower',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
     content: `FormFieldPassword.comboUpperAndLower`,
     fallback: locale.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.createElement(Translate, {
     content: `FormFieldPassword.comboLettersAndNumbers`,
     fallback: locale.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.createElement(Translate, {
     content: `FormFieldPassword.comboLettersNumbersSpecial`,
     fallback: locale.comboLettersNumbersSpecial
   }),
-
   score(passwd) {
     // [verified] letters, numbers, and special characters
     return passwd.match(/([a-zA-Z0-9].*[!@#$%^&*?_~])|([!@#$%^&*?_~].*[a-zA-Z0-9])/) ? 2 : -1;
   }
-
 }];
-export default ((password, rules = DEFAULT_RULES) => {
+export default (function (password) {
+  let rules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RULES;
   let passwordScore = 0;
   const suggestions = [];
   const skippedRules = new Set();
   rules.forEach(rule => {
     const ruleScore = rule.score(password);
-
     if (ruleScore >= 0) {
       passwordScore += ruleScore;
       return;
     }
-
     skippedRules.add(EXCLUSIONS[rule.name]);
-
     if (!skippedRules.has(rule.name) && rule.suggestion) {
       suggestions.push(rule.suggestion);
     }
   });
   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

package/esm/components/FormFieldPassword/generatePassword.js

@@ -1,14 +1,13 @@
 // 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('');
 };
-
 export default generatePassword;

package/esm/components/FormFieldPassword/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 export { default } from './FormFieldPassword';
 export { default as generatePassword } from './generatePassword';

package/esm/components/FormFieldPassword/locale/en-US.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export default {
   improvePassword: 'To improve your password:',
   passwordTooShort: 'Make the password longer.',

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-
 /* eslint-disable react/prefer-stateless-function */
+
 import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,7 +9,6 @@ import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';
 import Hint from '../Hint';
 import Radio from '../Radio';
-
 /**
  * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
  * @since 0.2.0
@@ -26,54 +25,57 @@ class FormFieldRadioButtons extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(FormField, _extends({
       className: classNames(baseClassName, className)
-    }, props), ({
-      getId,
-      getName,
-      getValue,
-      setValue,
-      isDisabled
-    }) => options.map(({
-      value,
-      label,
-      description,
-      disabled,
-      indentFields = []
-    }, index) => /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__radio`,
-      key: value
-    }, /*#__PURE__*/React.createElement(Radio, {
-      name: getName(),
-      checked: getValue() === value,
-      onChange: isChecked => {
-        if (isChecked) {
-          setValue(value);
-        }
-      },
-      disabled: isDisabled() || disabled,
-      inputProps: {
-        id: getId() ? `${getId()}-${value}` : null,
-        name: getName(),
-        value,
-        autoFocus: index === 0 && autoFocus ? true : undefined
-      }
-    }, label || value), description || indentFields ? /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__content`
-    }, description && /*#__PURE__*/React.createElement(Hint, {
-      component: "div",
-      className: `${FormField.defaultProps.baseClassName}__description`
-    }, description), indentFields.map(field => {
-      if (isDisabled() || disabled || getValue() !== value) {
-        return /*#__PURE__*/cloneElement(field, {
-          disabled: true
-        });
-      }
-
-      return field;
-    })) : null)));
+    }, props), _ref => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        isDisabled
+      } = _ref;
+      return options.map((_ref2, index) => {
+        let {
+          value,
+          label,
+          description,
+          disabled,
+          indentFields = []
+        } = _ref2;
+        return /*#__PURE__*/React.createElement("div", {
+          className: `${baseClassName}__radio`,
+          key: value
+        }, /*#__PURE__*/React.createElement(Radio, {
+          name: getName(),
+          checked: getValue() === value,
+          onChange: isChecked => {
+            if (isChecked) {
+              setValue(value);
+            }
+          },
+          disabled: isDisabled() || disabled,
+          inputProps: {
+            id: getId() ? `${getId()}-${value}` : null,
+            name: getName(),
+            value,
+            autoFocus: index === 0 && autoFocus ? true : undefined
+          }
+        }, label || value), description || indentFields ? /*#__PURE__*/React.createElement("div", {
+          className: `${baseClassName}__content`
+        }, description && /*#__PURE__*/React.createElement(Hint, {
+          component: "div",
+          className: `${FormField.defaultProps.baseClassName}__description`
+        }, description), indentFields.map(field => {
+          if (isDisabled() || disabled || getValue() !== value) {
+            return /*#__PURE__*/cloneElement(field, {
+              disabled: true
+            });
+          }
+          return field;
+        })) : null);
+      });
+    });
   }
-
 }
-
 FormFieldRadioButtons.propTypes = {
   /**
    * Options definition.
@@ -84,57 +86,47 @@ FormFieldRadioButtons.propTypes = {
      * Option value.
      */
     value: PropTypes.string.isRequired,
-
     /**
      * Option label.
      */
     label: PropTypes.node.isRequired,
-
     /**
      * Text hint located below option for providing additional information.
      */
     description: PropTypes.node,
-
     /**
      * Set true if option is not available to choice.
      */
     disabled: PropTypes.bool,
-
     /**
      * Optional array of `FormField` components under this option.
      */
     indentFields: PropTypes.array
   })).isRequired,
-
   /**
    * Value of current chosen option.
    * @deprecated Use [Form](#!/Form) values.
    * @since 0.2.0
    */
   value: PropTypes.string,
-
   /**
    * Disabled state of field.
    * @since 0.2.0
    */
   disabled: PropTypes.bool,
-
   /**
    * The browser will automatically focus on the component upon rendering the screen
    * @since 1.9.0
    */
   autoFocus: PropTypes.bool,
-
   /**
    * @ignore Field cannot be multiple
    */
   multi: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/FormFieldRadioButtons/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './FormFieldRadioButtons';