@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Rating/Rating.js

@@ -1,65 +1,61 @@
 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';
-
 const width = value => {
   let result = Math.ceil(value * 20 / 5) * 5;
-
   if (result % 20 === 5) {
     result += 2;
   } else if (result % 20 === 15) {
     result -= 2;
   }
-
   return result;
 };
+
 /**
  * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
  * @since 0.0.42
  */
-
-
-const Rating = ({
-  baseClassName,
-  className,
-  value,
-  small,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames({
-    [baseClassName]: true,
-    [`${baseClassName}--static`]: true,
-    [`${baseClassName}--small`]: small,
-    [className]: true
-  })
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__rates`,
-  style: {
-    width: `${width(value)}%`
-  }
-}));
-
+const Rating = _ref => {
+  let {
+    baseClassName,
+    className,
+    value,
+    small,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames({
+      [baseClassName]: true,
+      [`${baseClassName}--static`]: true,
+      [`${baseClassName}--small`]: small,
+      [className]: true
+    })
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__rates`,
+    style: {
+      width: `${width(value)}%`
+    }
+  }));
+};
 Rating.propTypes = {
   /**
    * Rating value from 0 to 5.
    * @since 0.0.42
    */
   value: PropTypes.number,
-
   /**
    * Small variant.
    * @since 0.0.42
    */
   small: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Rating/index.js

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

package/esm/components/ResponsiveContext/ResponsiveContext.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import { createContext } from 'react';
 const ResponsiveContext = /*#__PURE__*/createContext(undefined);
 ResponsiveContext.displayName = 'ResponsiveContext';

package/esm/components/ResponsiveContext/index.js

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

package/esm/components/Section/Section.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /* eslint-disable react/no-deprecated */
+
 import React, { Component, Children, isValidElement, useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,66 +14,62 @@ import InPlaceEdit from '../InPlaceEdit';
 import Button from '../Button';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import FormContext from '../Form/FormContext';
-
 const getErrorsForChildren = (form, children) => {
   let errors = {};
   Children.forEach(children, child => {
     if (! /*#__PURE__*/isValidElement(child)) {
       return;
     }
-
     if (child.props.name) {
-      errors = { ...errors,
+      errors = {
+        ...errors,
         ...form.getErrors(child.props.name)
       };
     }
-
     if (child.props.children) {
-      errors = { ...errors,
+      errors = {
+        ...errors,
         ...getErrorsForChildren(form, child.props.children)
       };
     }
   });
   return errors;
 };
-
 class Section extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       vertical: false
     });
-
-    _defineProperty(this, "handleResize", ({
-      bounds
-    }) => {
+    _defineProperty(this, "handleResize", _ref => {
+      let {
+        bounds
+      } = _ref;
       if (this.props.vertical !== undefined) {
         return;
       }
-
       this.setState({
         vertical: bounds.width < VERTICAL_BREAKPOINT
       });
     });
-
     _defineProperty(this, "handleCollapse", e => {
       if (isClickable(e)) {
         return;
       }
-
-      this.setState(({
-        collapsed
-      }) => ({
-        collapsed: !collapsed
-      }), () => {
+      this.setState(_ref2 => {
+        let {
+          collapsed
+        } = _ref2;
+        return {
+          collapsed: !collapsed
+        };
+      }, () => {
         if (this.props.onToggle) {
           this.props.onToggle(this.state.collapsed);
         }
       });
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const {
       collapsible,
@@ -85,30 +82,24 @@ class Section extends Component {
       prevErrors
     } = state;
     const nextState = {};
-
     if (collapsed !== prevCollapsed) {
       nextState.collapsed = collapsed;
     }
-
     nextState.prevCollapsed = collapsed;
-
     if (collapsible && form) {
       const errors = getErrorsForChildren(form, children);
-
       if (JSON.stringify(errors) !== JSON.stringify(prevErrors) && Object.keys(errors).length > 0) {
         nextState.collapsed = false;
       }
-
       nextState.prevErrors = errors;
     }
-
     return nextState;
   }
-
-  renderCollapseButton({
-    baseClassName,
-    collapsible
-  }) {
+  renderCollapseButton(_ref3) {
+    let {
+      baseClassName,
+      collapsible
+    } = _ref3;
     const {
       collapsed
     } = this.state;
@@ -122,12 +113,12 @@ class Section extends Component {
       onClick: this.handleCollapse
     });
   }
-
-  renderCloseButton({
-    baseClassName,
-    onClose,
-    buttons
-  }) {
+  renderCloseButton(_ref4) {
+    let {
+      baseClassName,
+      onClose,
+      buttons
+    } = _ref4;
     return (onClose || buttons) && /*#__PURE__*/React.createElement("div", {
       className: `${baseClassName}__header-buttons`
     }, buttons, onClose && /*#__PURE__*/React.createElement(Button, {
@@ -137,39 +128,34 @@ class Section extends Component {
       icon: "cross-mark"
     }));
   }
-
-  renderTitle({
-    baseClassName,
-    title,
-    onTitleChange
-  }) {
+  renderTitle(_ref5) {
+    let {
+      baseClassName,
+      title,
+      onTitleChange
+    } = _ref5;
     return title && /*#__PURE__*/React.createElement(InPlaceEdit, {
       className: `${baseClassName}__title`,
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }
-
-  renderContent({
-    collapsible,
-    children
-  }) {
+  renderContent(_ref6) {
+    let {
+      collapsible,
+      children
+    } = _ref6;
     const {
       collapsed
     } = this.state;
-
     if (collapsible && collapsed) {
       return null;
     }
-
     return children;
   }
-
   render() {
     const {
       baseClassName,
@@ -193,109 +179,98 @@ class Section extends Component {
     }, /*#__PURE__*/React.createElement(Measure, {
       onResize: this.handleResize,
       bounds: true
-    }, ({
-      measureRef
-    }) => /*#__PURE__*/React.createElement("div", _extends({
-      ref: measureRef,
-      className: classNames(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent,
-        [`${baseClassName}--collapsible`]: collapsible,
-        [`${baseClassName}--collapsed`]: this.state.collapsed,
-        [`${baseClassName}--vertical`]: vertical
-      }, className)
-    }, props), title && /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__header`
-    }, this.renderCollapseButton({
-      baseClassName,
-      collapsible
-    }), this.renderTitle({
-      baseClassName,
-      title,
-      onTitleChange
-    }), this.renderCloseButton({
-      baseClassName,
-      onClose,
-      buttons
-    })), this.renderContent({
-      collapsible,
-      children
-    }))));
+    }, _ref7 => {
+      let {
+        measureRef
+      } = _ref7;
+      return /*#__PURE__*/React.createElement("div", _extends({
+        ref: measureRef,
+        className: classNames(baseClassName, {
+          [`${baseClassName}--${intent}`]: intent,
+          [`${baseClassName}--collapsible`]: collapsible,
+          [`${baseClassName}--collapsed`]: this.state.collapsed,
+          [`${baseClassName}--vertical`]: vertical
+        }, className)
+      }, props), title && /*#__PURE__*/React.createElement("div", {
+        className: `${baseClassName}__header`
+      }, this.renderCollapseButton({
+        baseClassName,
+        collapsible
+      }), this.renderTitle({
+        baseClassName,
+        title,
+        onTitleChange
+      }), this.renderCloseButton({
+        baseClassName,
+        onClose,
+        buttons
+      })), this.renderContent({
+        collapsible,
+        children
+      }));
+    }));
   }
-
 }
-
 const propTypes = {
   /**
    * Title of the section.
    * @since 0.0.54
    */
   title: PropTypes.node,
-
   /**
    * Visual intent color to apply to component.
    * @since 0.0.54
    */
   intent: PropTypes.oneOf(['danger', 'warning', 'success', 'inactive']),
-
   /**
    * Is section collapsible.
    * @since 0.0.54
    */
   collapsible: PropTypes.bool,
-
   /**
    * Is section collapsed now.
    * @since 0.0.54
    */
   collapsed: PropTypes.bool,
-
   /**
    * Event handler of title change with inline editing form.
    * @since 0.0.54
    */
   onTitleChange: PropTypes.func,
-
   /**
    * Event handler of closing section with X-sign at the right.
    * @since 0.0.54
    */
   onClose: PropTypes.func,
-
   /**
    * A callback executed when the section collapsing.
    * @since 3.26.0
    */
   onToggle: PropTypes.func,
-
   /**
    * Array of custom section action button at the right.
    * @since 0.0.54
    */
   buttons: PropTypes.arrayOf(PropTypes.element),
-
   /**
    * Vertical or horizontal section view.
    * Section view will be automatically switched if this parameter is not specified explicitly.
    * @since 0.3.0
    */
   vertical: PropTypes.bool,
-
   /**
    * Content of the `Section`.
    * @since 0.0.54
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * @ignore
    */
@@ -318,6 +293,7 @@ const defaultProps = {
 };
 Section.propTypes = propTypes;
 Section.defaultProps = defaultProps;
+
 /**
  * `Section` component is used for dividing of complex content into groups for better readability
  * and comprehension of the presented information.
@@ -333,7 +309,6 @@ const SectionWrapper = props => {
     vertical: vertical
   }));
 };
-
 SectionWrapper.displayName = 'Section';
 SectionWrapper.propTypes = propTypes;
 SectionWrapper.defaultProps = defaultProps;

package/esm/components/Section/SectionItem.js

@@ -1,24 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import VerticalContext from '../VerticalContext';
-
 /**
  * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
  * @since 0.0.54
  */
-const SectionItem = ({
-  baseClassName,
-  className,
-  children,
-  title,
-  actions,
-  vertical,
-  ...props
-}) => {
+const SectionItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    title,
+    actions,
+    vertical,
+    ...props
+  } = _ref;
   const verticalContext = useContext(VerticalContext);
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, {
@@ -31,36 +32,30 @@ const SectionItem = ({
     className: `${baseClassName}__value`
   }, children));
 };
-
 SectionItem.propTypes = {
   /**
    * Content of the `SectionItem`.
    * @since 0.0.54
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Title of the section item.
    * @since 0.0.54
    */
   title: PropTypes.node,
-
   /**
    * Is this section item contains actions? If it so than there should be extra whitespaces.
    * @since 0.0.54
    */
   actions: PropTypes.bool,
-
   /**
    * @ignore
    */

package/esm/components/Section/index.js

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