@plesk/ui-library 3.27.3 → 3.28.1

package/esm/components/FormField/FormField.js

@@ -22,11 +22,11 @@ import VerticalContext from '../VerticalContext';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DisabledContext from '../Form/DisabledContext';
 const defaultValue = undefined;
-/**
- * Simple helper to handle situations when we expecting only array
- * @param value
- * @param nonEmpty
- * @returns {Array}
+/**
+ * Simple helper to handle situations when we expecting only array
+ * @param value
+ * @param nonEmpty
+ * @returns {Array}
  */
 
 const getArrayHelper = (value, nonEmpty = false) => {
@@ -48,8 +48,8 @@ const isControlled = props => props.value !== undefined;
 const isEmpty = value => {
   return !value && value !== 0 || Array.isArray(value) && value.length === 0 || !Array.isArray(value) && typeof value === 'object' && Object.values(value).filter(t => Boolean(t)).length === 0;
 };
-/**
- * @since 0.0.54
+/**
+ * @since 0.0.54
  */
 
 
@@ -311,6 +311,13 @@ class FormField extends Component {
         return null;
       },
       getName: () => this.props.name,
+      getValues: () => {
+        if (this.props.form) {
+          return this.props.form.getValues();
+        }
+
+        return null;
+      },
       getValue: def => {
         if (this.props.form && this.props.name) {
           return this.props.form.getValue(this.props.name, def);
@@ -415,10 +422,10 @@ class FormField extends Component {
 
     clearTimeout(this.focusTimer);
   }
-  /**
-   * Field API provided to field
-   * @param index
-   * @returns {Object}
+  /**
+   * Field API provided to field
+   * @param index
+   * @returns {Object}
    */
 
 
@@ -442,127 +449,127 @@ class FormField extends Component {
 }
 
 const propTypes = {
-  /**
-   * Field ID.
-   * @since 0.0.59
+  /**
+   * Field ID.
+   * @since 0.0.59
    */
   id: PropTypes.string,
 
-  /**
-   * Field name.
-   * @since 0.0.54
+  /**
+   * Field name.
+   * @since 0.0.54
    */
   name: PropTypes.string,
 
-  /**
-   * Field value.
-   * @deprecated Use [Form](#!/Form) values.
-   * @since 0.0.57
+  /**
+   * Field value.
+   * @deprecated Use [Form](#!/Form) values.
+   * @since 0.0.57
    */
   value: PropTypes.any,
 
-  /**
-   * A callback function, can be executed when the value is changing.
-   * @since 0.4.1
+  /**
+   * A callback function, can be executed when the value is changing.
+   * @since 0.4.1
    */
   onChange: PropTypes.func,
 
-  /**
-   * Field label.
-   * @since 0.0.54
+  /**
+   * Field label.
+   * @since 0.0.54
    */
   label: PropTypes.any,
 
-  /**
-   * Field description.
-   * @since 0.0.57
+  /**
+   * Field description.
+   * @since 0.0.57
    */
   description: PropTypes.any,
 
-  /**
-   * Show long descriptions in popover after clicking on "( i )" icon
-   * @since 3.14.0
+  /**
+   * Show long descriptions in popover after clicking on "( i )" icon
+   * @since 3.14.0
    */
   fullDescription: PropTypes.node,
 
-  /**
-   * Field errors.
-   *  @deprecated Use [Form](#!/Form) errors.
-   * @since 0.0.57
+  /**
+   * Field errors.
+   *  @deprecated Use [Form](#!/Form) errors.
+   * @since 0.0.57
    */
   errors: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 
-  /**
-   * Indicates whether field is required.
-   * @since 0.0.54
+  /**
+   * Indicates whether field is required.
+   * @since 0.0.54
    */
   required: PropTypes.bool,
 
-  /**
-   * Content of the `FormField`.
-   * @since 0.0.54
+  /**
+   * Content of the `FormField`.
+   * @since 0.0.54
    */
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 
-  /**
-   * If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
-   * @since 1.12.0
+  /**
+   * If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
+   * @since 1.12.0
    */
   multi: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
     max: PropTypes.number.isRequired
   })]),
 
-  /**
-   * @ignore Disabled state of multiple field.
+  /**
+   * @ignore Disabled state of multiple field.
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Localization messages
-   * @since 1.12.0
+  /**
+   * Localization messages
+   * @since 1.12.0
    */
   locale: PropTypes.shape({
     addMore: PropTypes.node,
     remove: PropTypes.node
   }),
 
-  /**
-   * Callback which called for all values. If it returns 'true' a pseudo-link 'Add more' will be disabled
-   * @ignore
-   * @deprecated
+  /**
+   * Callback which called for all values. If it returns 'true' a pseudo-link 'Add more' will be disabled
+   * @ignore
+   * @deprecated
    */
   addMoreValidator: PropTypes.func,
 
-  /**
-   * A callback function, can be executed when the row is removed.
-   * @since 1.12.0
+  /**
+   * A callback function, can be executed when the row is removed.
+   * @since 1.12.0
    */
   onRemoveRow: PropTypes.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   form: PropTypes.object,
 
-  /**
-   * Vertical or horizontal field view.
-   * If it is not defined explicitly, the vertical mode will use from Form or Section components.
-   * @since 3.13.0
+  /**
+   * Vertical or horizontal field view.
+   * If it is not defined explicitly, the vertical mode will use from Form or Section components.
+   * @since 3.13.0
    */
   vertical: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   scrollableElement: PropTypes.oneOfType([PropTypes.instanceOf(Element), PropTypes.instanceOf(Window)])
 };
@@ -590,14 +597,14 @@ const defaultProps = {
 };
 FormField.propTypes = propTypes;
 FormField.defaultProps = defaultProps;
-/**
- * `FormField` component is used for showing of parameter values in Form or
- * for entering of user data with any form elements.
- *
- * For the most cases the following form elements can be used:
- * * [FormFieldText](#!/FormFieldText) for entering text,
- * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
- * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
+/**
+ * `FormField` component is used for showing of parameter values in Form or
+ * for entering of user data with any form elements.
+ *
+ * For the most cases the following form elements can be used:
+ * * [FormFieldText](#!/FormFieldText) for entering text,
+ * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
+ * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
  */
 
 const FormFieldWrapper = props => {

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -7,10 +7,10 @@ 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
+/**
+ * `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,
@@ -52,52 +52,52 @@ const FormFieldCheckbox = ({
 }, label)));
 
 FormFieldCheckbox.propTypes = {
-  /**
-   * Disabled state of field.
-   * @since 0.1.0
+  /**
+   * Disabled state of field.
+   * @since 0.1.0
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Custom checked value. Default is boolean true.
-   * @since 0.0.59
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * The browser will automatically focus on the component upon rendering the screen
+   * @since 1.9.0
    */
   autoFocus: PropTypes.bool,
 
-  /**
-   * @ignore Field cannot be multiple
+  /**
+   * @ignore Field cannot be multiple
    */
   multi: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   label: PropTypes.any,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   required: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string,
   fullDescription: PropTypes.string

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -12,9 +12,9 @@ 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
+/**
+ * `FormFieldPassword` component provides secure way to enter a password.
+ * @since 0.0.58
  */
 class FormFieldPassword extends Component {
   constructor(...args) {

package/esm/components/FormFieldPassword/estimatePassword.js

@@ -2,6 +2,12 @@
 import React from 'react';
 import Translate from '../Translate';
 import locale from './locale/en-US';
+const EXCLUSIONS = {
+  numbers1: 'numbers3',
+  specialChar1: 'specialChar2',
+  lettersLowerCase: 'comboUpperAndLower',
+  lettersUpperCase: 'comboUpperAndLower'
+};
 export const DEFAULT_RULES = [{
   name: 'passwordTooShort',
   suggestion: /*#__PURE__*/React.createElement(Translate, {
@@ -142,18 +148,21 @@ export const DEFAULT_RULES = [{
 
 }];
 export 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 {
+  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;

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -10,9 +10,9 @@ 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
+/**
+ * `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
  */
 class FormFieldRadioButtons extends Component {
   render() {
@@ -74,68 +74,68 @@ class FormFieldRadioButtons extends Component {
 }
 
 FormFieldRadioButtons.propTypes = {
-  /**
-   * Options definition.
-   * @since 0.2.0
+  /**
+   * Options definition.
+   * @since 0.2.0
    */
   options: PropTypes.arrayOf(PropTypes.shape({
-    /**
-     * Option value.
+    /**
+     * Option value.
      */
     value: PropTypes.string.isRequired,
 
-    /**
-     * Option label.
+    /**
+     * Option label.
      */
     label: PropTypes.node.isRequired,
 
-    /**
-     * Text hint located below option for providing additional information.
+    /**
+     * Text hint located below option for providing additional information.
      */
     description: PropTypes.node,
 
-    /**
-     * Set true if option is not available to choice.
+    /**
+     * Set true if option is not available to choice.
      */
     disabled: PropTypes.bool,
 
-    /**
-     * Optional array of `FormField` components under this option.
+    /**
+     * 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 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 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
+  /**
+   * The browser will automatically focus on the component upon rendering the screen
+   * @since 1.9.0
    */
   autoFocus: PropTypes.bool,
 
-  /**
-   * @ignore Field cannot be multiple
+  /**
+   * @ignore Field cannot be multiple
    */
   multi: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/FormFieldSelect/FormFieldSelect.js

@@ -6,10 +6,10 @@ import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';
 import Select from '../Select';
 
-/**
- * `FormFieldSelect` componentis is used for making a choice among a set of related options.
- * See description of `Select` for [the full list of properties](#!/Select) of this component.
- * @since 1.12.3
+/**
+ * `FormFieldSelect` componentis is used for making a choice among a set of related options.
+ * See description of `Select` for [the full list of properties](#!/Select) of this component.
+ * @since 1.12.3
  */
 const FormFieldSelect = ({
   size,