@plesk/ui-library 3.31.0 → 3.31.1

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -1,101 +1,98 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Checkbox from '../Checkbox';
 import FormField from '../FormField';
-
 /**
  * `FormFieldCheckbox` component component is used for turning an option on or off
  * and selecting or deselecting an item.
  * @since 0.0.58
  */
-const FormFieldCheckbox = ({
-  baseClassName,
-  className,
-  label,
-  required,
-  checkedValue,
-  uncheckedValue,
-  autoFocus,
-  multi,
-  ...props
-}) => /*#__PURE__*/React.createElement(FormField, _extends({
-  className: classNames(baseClassName, className),
-  label: null,
-  required: required
-}, props), ({
-  getId,
-  getName,
-  getValue,
-  setValue,
-  getRequiredMark,
-  getFullDescription,
-  isDisabled
-}) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
-  type: "hidden",
-  name: getName(),
-  value: uncheckedValue
-}), /*#__PURE__*/React.createElement(Checkbox, {
-  checked: getValue() === checkedValue,
-  onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
-  inputProps: {
-    id: getId(),
-    name: getName(),
-    value: checkedValue,
-    autoFocus
-  },
-  disabled: isDisabled(),
-  rightAddon: /*#__PURE__*/React.createElement(React.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
-}, label)));
-
+const FormFieldCheckbox = _ref => {
+  let {
+    baseClassName,
+    className,
+    label,
+    required,
+    checkedValue,
+    uncheckedValue,
+    autoFocus,
+    multi,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    className: classNames(baseClassName, className),
+    label: null,
+    required: required
+  }, props), _ref2 => {
+    let {
+      getId,
+      getName,
+      getValue,
+      setValue,
+      getRequiredMark,
+      getFullDescription,
+      isDisabled
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
+      type: "hidden",
+      name: getName(),
+      value: uncheckedValue
+    }), /*#__PURE__*/React.createElement(Checkbox, {
+      checked: getValue() === checkedValue,
+      onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
+      inputProps: {
+        id: getId(),
+        name: getName(),
+        value: checkedValue,
+        autoFocus
+      },
+      disabled: isDisabled(),
+      rightAddon: /*#__PURE__*/React.createElement(React.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
+    }, label));
+  });
+};
 FormFieldCheckbox.propTypes = {
   /**
    * Disabled state of field.
    * @since 0.1.0
    */
   disabled: PropTypes.bool,
-
   /**
    * Custom checked value. Default is boolean true.
    * @since 0.0.59
    */
   checkedValue: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
   /**
    * Custom unchecked value. Default is boolean false.
    * @since 0.0.59
    */
   uncheckedValue: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-
   /**
    * 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
    */
   label: PropTypes.any,
-
   /**
    * @ignore
    */
   required: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

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.',