@plesk/ui-library 3.26.1 → 3.27.0

package/cjs/components/FormField/FormField.js

@@ -55,11 +55,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /* eslint-disable react/no-deprecated */
 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) => {
@@ -77,8 +77,12 @@ const getArrayHelper = (value, nonEmpty = false) => {
 };
 
 const isControlled = props => props.value !== undefined;
-/**
- * @since 0.0.54
+
+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
  */
 
 
@@ -194,18 +198,19 @@ class FormField extends _react.Component {
         disabled
       } = this.props;
       const value = getArrayHelper(this.fieldApi.getValue());
+      const isClearable = multi && value.length === 1 && !isEmpty(value[0]);
 
-      if (!multi || value.length <= 1) {
+      if (!multi || value.length < 1 || value.length === 1 && isEmpty(value[0])) {
         return null;
       }
 
       return /*#__PURE__*/_react.default.createElement(_Button.default, {
         className: `${this.props.baseClassName}__remove`,
-        icon: "cross-mark",
+        icon: isClearable ? 'clean' : 'cross-mark',
         tooltip: /*#__PURE__*/_react.default.createElement(_Translate.default, {
           namespace: "FormField",
-          content: "remove",
-          fallback: "Remove",
+          content: isClearable ? 'clear' : 'remove',
+          fallback: isClearable ? 'Clear' : 'Remove',
           translators: locale
         }),
         onClick: () => this.handleRemove(index),
@@ -434,10 +439,10 @@ class FormField extends _react.Component {
 
     clearTimeout(this.focusTimer);
   }
-  /**
-   * Field API provided to field
-   * @param index
-   * @returns {Object}
+  /**
+   * Field API provided to field
+   * @param index
+   * @returns {Object}
    */
 
 
@@ -461,127 +466,127 @@ class FormField extends _react.Component {
 }
 
 const propTypes = {
-  /**
-   * Field ID.
-   * @since 0.0.59
+  /**
+   * Field ID.
+   * @since 0.0.59
    */
   id: _propTypes.default.string,
 
-  /**
-   * Field name.
-   * @since 0.0.54
+  /**
+   * Field name.
+   * @since 0.0.54
    */
   name: _propTypes.default.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.default.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.default.func,
 
-  /**
-   * Field label.
-   * @since 0.0.54
+  /**
+   * Field label.
+   * @since 0.0.54
    */
   label: _propTypes.default.any,
 
-  /**
-   * Field description.
-   * @since 0.0.57
+  /**
+   * Field description.
+   * @since 0.0.57
    */
   description: _propTypes.default.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.default.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.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
 
-  /**
-   * Indicates whether field is required.
-   * @since 0.0.54
+  /**
+   * Indicates whether field is required.
+   * @since 0.0.54
    */
   required: _propTypes.default.bool,
 
-  /**
-   * Content of the `FormField`.
-   * @since 0.0.54
+  /**
+   * Content of the `FormField`.
+   * @since 0.0.54
    */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
     max: _propTypes.default.number.isRequired
   })]),
 
-  /**
-   * @ignore Disabled state of multiple field.
+  /**
+   * @ignore Disabled state of multiple field.
    */
   disabled: _propTypes.default.bool,
 
-  /**
-   * Localization messages
-   * @since 1.12.0
+  /**
+   * Localization messages
+   * @since 1.12.0
    */
   locale: _propTypes.default.shape({
     addMore: _propTypes.default.node,
     remove: _propTypes.default.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.default.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.default.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   form: _propTypes.default.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.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   scrollableElement: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Element), _propTypes.default.instanceOf(Window)])
 };
@@ -609,14 +614,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/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -27,10 +27,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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,
@@ -72,52 +72,52 @@ const FormFieldCheckbox = ({
 }, label)));
 
 FormFieldCheckbox.propTypes = {
-  /**
-   * Disabled state of field.
-   * @since 0.1.0
+  /**
+   * Disabled state of field.
+   * @since 0.1.0
    */
   disabled: _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.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.default.bool,
 
-  /**
-   * @ignore Field cannot be multiple
+  /**
+   * @ignore Field cannot be multiple
    */
   multi: _propTypes.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   label: _propTypes.default.any,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   required: _propTypes.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string,
   fullDescription: _propTypes.default.string

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -49,9 +49,9 @@ 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
  */
 
 
@@ -299,33 +299,33 @@ class FormFieldPassword extends _react.Component {
 }
 
 FormFieldPassword.propTypes = {
-  /**
-   * Is show button hidden?
-   * @since 0.0.59
+  /**
+   * Is show button hidden?
+   * @since 0.0.59
    */
   hideShowButton: _propTypes.default.bool,
 
-  /**
-   * Is generate button hidden?
-   * @since 0.0.59
+  /**
+   * Is generate button hidden?
+   * @since 0.0.59
    */
   hideGenerateButton: _propTypes.default.bool,
 
-  /**
-   * Is password meter hidden?
-   * @since 0.0.59
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * A set of custom password score rules.
+   * @since 3.21.0
    */
   passwordScoreRules: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
@@ -333,37 +333,37 @@ FormFieldPassword.propTypes = {
     score: _propTypes.default.func.isRequired
   })),
 
-  /**
-   * Size of the control
-   * @since 1.5.6
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * A render function for customizing the password generation button.
+   * @since 3.13.0
    */
   generateButton: _propTypes.default.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -31,9 +31,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /* eslint-disable react/prefer-stateless-function */
 
-/**
- * `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 _react.Component {
   render() {
@@ -95,68 +95,68 @@ class FormFieldRadioButtons extends _react.Component {
 }
 
 FormFieldRadioButtons.propTypes = {
-  /**
-   * Options definition.
-   * @since 0.2.0
+  /**
+   * Options definition.
+   * @since 0.2.0
    */
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Option value.
+    /**
+     * Option value.
      */
     value: _propTypes.default.string.isRequired,
 
-    /**
-     * Option label.
+    /**
+     * Option label.
      */
     label: _propTypes.default.node.isRequired,
 
-    /**
-     * Text hint located below option for providing additional information.
+    /**
+     * Text hint located below option for providing additional information.
      */
     description: _propTypes.default.node,
 
-    /**
-     * Set true if option is not available to choice.
+    /**
+     * Set true if option is not available to choice.
      */
     disabled: _propTypes.default.bool,
 
-    /**
-     * Optional array of `FormField` components under this option.
+    /**
+     * Optional array of `FormField` components under this option.
      */
     indentFields: _propTypes.default.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.default.string,
 
-  /**
-   * Disabled state of field.
-   * @since 0.2.0
+  /**
+   * Disabled state of field.
+   * @since 0.2.0
    */
   disabled: _propTypes.default.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.default.bool,
 
-  /**
-   * @ignore Field cannot be multiple
+  /**
+   * @ignore Field cannot be multiple
    */
   multi: _propTypes.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/FormFieldSelect/FormFieldSelect.js

@@ -21,10 +21,10 @@ var _Select = _interopRequireDefault(require("../Select"));
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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,