@plesk/ui-library 3.31.0 → 3.31.1

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';

package/esm/components/FormFieldSelect/FormFieldSelect.js

@@ -1,45 +1,50 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
 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
  */
-const FormFieldSelect = ({
-  size,
-  baseClassName = `${CLS_PREFIX}form-field-select`,
-  className,
-  children,
-  searchable,
-  clearable,
-  multiple,
-  placeholder,
-  ...props
-}) => /*#__PURE__*/React.createElement(FormField, _extends({
-  className: classNames(baseClassName, className)
-}, props), ({
-  getId,
-  getName,
-  setValue,
-  getValue,
-  isDisabled
-}) => /*#__PURE__*/React.createElement(Select, {
-  size: size,
-  id: getId(),
-  name: getName(),
-  value: getValue(multiple ? [] : undefined),
-  onChange: setValue,
-  disabled: isDisabled(),
-  searchable: searchable,
-  clearable: clearable,
-  multiple: multiple,
-  placeholder: placeholder
-}, children));
-
+const FormFieldSelect = _ref => {
+  let {
+    size,
+    baseClassName = `${CLS_PREFIX}form-field-select`,
+    className,
+    children,
+    searchable,
+    clearable,
+    multiple,
+    placeholder,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    className: classNames(baseClassName, className)
+  }, props), _ref2 => {
+    let {
+      getId,
+      getName,
+      setValue,
+      getValue,
+      isDisabled
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Select, {
+      size: size,
+      id: getId(),
+      name: getName(),
+      value: getValue(multiple ? [] : undefined),
+      onChange: setValue,
+      disabled: isDisabled(),
+      searchable: searchable,
+      clearable: clearable,
+      multiple: multiple,
+      placeholder: placeholder
+    }, children);
+  });
+};
 export default FormFieldSelect;

package/esm/components/FormFieldSelect/index.js

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

package/esm/components/FormFieldText/FormFieldText.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, { 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 Input from '../Input';
 import TextArea from '../TextArea';
-
 /**
  * `FormFieldText` component is used for entering of user data in text format.
  *
@@ -35,53 +34,52 @@ class FormFieldText extends Component {
       className: classNames(baseClassName, {
         [`${baseClassName}--multiline`]: multiline
       }, className)
-    }, props), ({
-      getId,
-      getName,
-      getValue,
-      setValue,
-      isDisabled
-    }) => multiline ? /*#__PURE__*/React.createElement(TextArea, _extends({
-      id: getId(),
-      name: getName(),
-      value: getValue(''),
-      onChange: e => setValue(e.target.value),
-      disabled: isDisabled(),
-      size: size,
-      rows: rows,
-      placeholder: placeholder,
-      autoFocus: autoFocus,
-      autoComplete: autoComplete,
-      autoheight: autoheight
-    }, inputProps)) : /*#__PURE__*/React.createElement(Input, _extends({
-      id: getId(),
-      name: getName(),
-      className: `${baseClassName}__input`,
-      value: getValue(''),
-      onChange: e => setValue(e.target.value),
-      disabled: isDisabled(),
-      size: size,
-      placeholder: placeholder,
-      autoFocus: autoFocus,
-      autoComplete: autoComplete
-    }, inputProps)));
+    }, props), _ref => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        isDisabled
+      } = _ref;
+      return multiline ? /*#__PURE__*/React.createElement(TextArea, _extends({
+        id: getId(),
+        name: getName(),
+        value: getValue(''),
+        onChange: e => setValue(e.target.value),
+        disabled: isDisabled(),
+        size: size,
+        rows: rows,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        autoComplete: autoComplete,
+        autoheight: autoheight
+      }, inputProps)) : /*#__PURE__*/React.createElement(Input, _extends({
+        id: getId(),
+        name: getName(),
+        className: `${baseClassName}__input`,
+        value: getValue(''),
+        onChange: e => setValue(e.target.value),
+        disabled: isDisabled(),
+        size: size,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        autoComplete: autoComplete
+      }, inputProps));
+    });
   }
-
 }
-
 FormFieldText.propTypes = {
   /**
    * Size of the input
    * @since 0.0.58
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fill']),
-
   /**
    * If `true`, a textarea element will be rendered.
    * @since 1.3.0
    */
   multiline: PropTypes.bool,
-
   /**
    * Number of rows to display when multiline option is set to true.
    * @since 1.3.0
@@ -90,31 +88,26 @@ FormFieldText.propTypes = {
     min: PropTypes.number.isRequired,
     max: PropTypes.number.isRequired
   })]),
-
   /**
    * Placeholder of the input
    * @since 0.0.58
    */
   placeholder: 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,
-
   /**
    * Whether the value of the control can be automatically completed by the browser or not.
    * @since 2.5.1
    */
   autoComplete: PropTypes.oneOf(['on', 'off']),
-
   /**
    * 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
@@ -122,23 +115,19 @@ FormFieldText.propTypes = {
   multi: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
     max: PropTypes.number.isRequired
   })]),
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Adjust height automatically when multiline option is set to true.
    * @since 1.9.0
    */
   autoheight: PropTypes.bool,
-
   /**
    * Props of underlying input element.
    * @since 3.28.1

package/esm/components/FormFieldText/index.js

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

package/esm/components/Grid/Grid.js

@@ -1,72 +1,61 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Grid` component is used to layout and align content based on 12-column system.
  * @since 0.0.48
  */
 class Grid extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       xs: this.props.xs
     });
-
-    _defineProperty(this, "handleResize", ({
-      bounds: {
-        width
-      }
-    }) => {
+    _defineProperty(this, "handleResize", _ref => {
+      let {
+        bounds: {
+          width
+        }
+      } = _ref;
       let {
         maxColumnsNumber
       } = this.props;
-
       if (typeof maxColumnsNumber === 'function') {
         maxColumnsNumber = maxColumnsNumber({
           width
         });
       }
-
       const xs = Math.max(Math.floor((width + this.getGapSize()) / (this.props.minColumnWidth + this.getGapSize())), 1);
       this.setState({
         xs: Math.min(xs, maxColumnsNumber)
       });
-
       if (this.props.onColumnsChange) {
         this.props.onColumnsChange(xs);
       }
     });
   }
-
   getGapSize() {
     switch (this.props.gap) {
       case 'xs':
         return 8;
-
       case 'sm':
         return 12;
-
       case 'md':
         return 16;
-
       case 'lg':
         return 24;
-
       case 'xl':
         return 32;
-
       default:
         return 0;
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -98,88 +87,76 @@ class Grid extends Component {
     const result = /*#__PURE__*/React.createElement("div", _extends({
       className: computedClassName
     }, props), minColumnWidth > 0 && !this.state.xs ? null : children);
-
     if (minColumnWidth > 0) {
       return /*#__PURE__*/React.createElement(Measure, {
         bounds: true,
         onResize: this.handleResize
-      }, ({
-        measureRef
-      }) => /*#__PURE__*/cloneElement(result, {
-        ref: measureRef
-      }));
+      }, _ref2 => {
+        let {
+          measureRef
+        } = _ref2;
+        return /*#__PURE__*/cloneElement(result, {
+          ref: measureRef
+        });
+      });
     }
-
     return result;
   }
-
 }
-
 Grid.propTypes = {
   /**
    * Content of the `Grid`.
    * @since 0.0.48
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Minimal column width
    * @since 0.0.50
    */
   minColumnWidth: PropTypes.number,
-
   /**
    * Maximum columns number
    * @since 0.0.53
    */
   maxColumnsNumber: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-
   /**
    * Number of columns for `xs` breakpoint
    * @since 0.0.53
    */
   xs: PropTypes.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `sm` breakpoint
    * @since 0.0.48
    */
   sm: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `md` breakpoint
    * @since 0.0.48
    */
   md: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `lg` breakpoint
    * @since 0.0.48
    */
   lg: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `xl` breakpoint
    * @since 0.0.48
    */
   xl: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Specifying the gutters between grid items
    * @since 0.0.53
    */
   gap: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
   /**
    * Columns number change notifier
    * @since 0.0.50

package/esm/components/Grid/index.js

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