@plesk/ui-library 3.31.0 → 3.31.2

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

package/esm/components/GridCol/GridCol.js

@@ -1,25 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+
 /**
  * `GridCol` component is a part of [Grid](#!/Grid) component.
  * @since 0.0.48
  */
 
-const GridCol = ({
-  baseClassName,
-  className,
-  children,
-  xs,
-  sm,
-  md,
-  lg,
-  xl,
-  ...props
-}) => {
+const GridCol = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    ...props
+  } = _ref;
   const computedClassName = classNames(baseClassName, {
     [`${baseClassName}--xs-${xs}`]: xs,
     [`${baseClassName}--sm-${sm}`]: sm,
@@ -31,48 +34,40 @@ const GridCol = ({
     className: computedClassName
   }, props), children);
 };
-
 GridCol.propTypes = {
   /**
    * Content of the `GridCol`.
    * @since 0.0.48
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Column size for `xs` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   xs: PropTypes.number,
-
   /**
    * Column size for `sm` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   sm: PropTypes.number,
-
   /**
    * Column size for `sm` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   md: PropTypes.number,
-
   /**
    * Column size for `md` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   lg: PropTypes.number,
-
   /**
    * Column size for `lg` breakpoint (from 1 to 12)
    * @since 0.0.53

package/esm/components/GridCol/index.js

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

package/esm/components/Heading/Heading.js

@@ -1,41 +1,37 @@
 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 Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32 } from '../Icon';
-
 /**
  * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
  * @since 2.3.0
  */
-const Heading = ({
-  baseClassName = `${CLS_PREFIX}heading`,
-  className,
-  icon,
-  children,
-  component: Tag,
-  level = 1,
-  ...props
-}) => {
+const Heading = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}heading`,
+    className,
+    icon,
+    children,
+    component: Tag,
+    level = 1,
+    ...props
+  } = _ref;
   if (!Tag) {
     Tag = `h${level}`;
   }
-
   let iconSize = ICON_SIZE_16;
-
   if (level === 1) {
     iconSize = ICON_SIZE_32;
   }
-
   if (level === 2 || level === 3) {
     iconSize = ICON_SIZE_24;
   }
-
   if (level === 6) {
     iconSize = ICON_SIZE_12;
   }
-
   return /*#__PURE__*/React.createElement(Tag, _extends({
     className: classNames(baseClassName, {
       [`${baseClassName}--h${level}`]: level,
@@ -48,5 +44,4 @@ const Heading = ({
     className: `${baseClassName}__text`
   }, children) : children);
 };
-
 export default Heading;

package/esm/components/Heading/index.js

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

package/esm/components/Hint/Hint.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
  * @since 0.0.35
  */
-const Hint = ({
-  baseClassName = `${CLS_PREFIX}hint`,
-  className,
-  children,
-  component: Tag = 'span',
-  ...props
-}) => {
+const Hint = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}hint`,
+    className,
+    children,
+    component: Tag = 'span',
+    ...props
+  } = _ref;
   return /*#__PURE__*/React.createElement(Tag, _extends({
     className: classNames(baseClassName, className)
   }, props), children);
 };
-
 export default Hint;

package/esm/components/Hint/index.js

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