@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Toolbar/ToolbarExpander.js

@@ -1,31 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
-
 /**
  * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
  * It is used to split all toolbar controls into two groups:
  * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
  * @since 0.0.57
  */
-const ToolbarExpander = ({
-  baseClassName = `${CLS_PREFIX}toolbar__expander`,
-  className,
-  children,
-  ...props
-}) => {
+const ToolbarExpander = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}toolbar__expander`,
+    className,
+    children,
+    ...props
+  } = _ref;
   const distractionFreeMode = useContext(DistractionFreeModeContext);
-
   if (distractionFreeMode && distractionFreeMode.enabled) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, className)
   }, props), children);
 };
-
 export default ToolbarExpander;

package/esm/components/Toolbar/ToolbarGroup.js

@@ -1,6 +1,7 @@
 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, { Component, Children, useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,6 +12,7 @@ import RegistryContext, { createRegistry } from './RegistryContext';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import { toToolbarItems } from './ToolbarItem';
 import ToolbarExpander from './ToolbarExpander';
+
 /**
  * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
  * It is used for grouping several toolbar controls together.
@@ -20,7 +22,6 @@ import ToolbarExpander from './ToolbarExpander';
 class ToolbarGroup extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       compact: false,
       distractionFreeMode: {
@@ -35,7 +36,6 @@ class ToolbarGroup extends Component {
         }
       }
     });
-
     this.registry = createRegistry();
     this.selfApi = {
       isCompact: () => this.state.compact,
@@ -56,41 +56,35 @@ class ToolbarGroup extends Component {
       }
     };
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.distractionFreeMode) {
       return {
-        distractionFreeMode: { ...state.distractionFreeMode,
+        distractionFreeMode: {
+          ...state.distractionFreeMode,
           enabled: props.distractionFreeMode.enabled
         }
       };
     }
-
     return null;
   }
-
   componentDidMount() {
     const {
       registry
     } = this.props;
-
     if (registry) {
       registry.register(this.selfApi);
       registry.register(this.childrenApi);
     }
   }
-
   componentWillUnmount() {
     const {
       registry
     } = this.props;
-
     if (registry) {
       registry.unregister(this.selfApi);
       registry.unregister(this.childrenApi);
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -111,7 +105,6 @@ class ToolbarGroup extends Component {
       availableInDistractionFreeMode
     } = this.state;
     let hasExpander = Children.toArray(children).some(child => child && child.type === ToolbarExpander);
-
     if (groupable && compact && Children.count(children) > 1) {
       hasExpander = false;
       children = /*#__PURE__*/React.createElement(Dropdown, {
@@ -124,44 +117,36 @@ class ToolbarGroup extends Component {
         value: distractionFreeMode
       }, toToolbarItems(children)));
     }
-
     if (distractionFreeMode.enabled && !availableInDistractionFreeMode) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", _extends({
       className: classNames(baseClassName, className, {
         [`${baseClassName}--grow`]: hasExpander || distractionFreeMode.enabled && availableInDistractionFreeMode
       })
     }, props), children);
   }
-
 }
-
 const propTypes = {
   /**
    * Title.
    * @since 0.0.60
    */
   title: PropTypes.node.isRequired,
-
   /**
    * Whether to group children into a dropdown or not.
    * @since 3.8.0
    */
   groupable: PropTypes.bool,
-
   /**
    * Content of the `ToolbarGroup`.
    * @since 0.0.57
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
@@ -173,7 +158,8 @@ const defaultProps = {
   baseClassName: `${CLS_PREFIX}toolbar__group`,
   groupable: true
 };
-ToolbarGroup.propTypes = { ...propTypes,
+ToolbarGroup.propTypes = {
+  ...propTypes,
   registry: PropTypes.shape({
     register: PropTypes.func.isRequired,
     unregister: PropTypes.func.isRequired
@@ -187,7 +173,6 @@ ToolbarGroup.defaultProps = {
   registry: undefined,
   distractionFreeMode: undefined
 };
-
 const ToolbarGroupWrapper = props => {
   const registry = useContext(RegistryContext);
   const distractionFreeMode = useContext(DistractionFreeModeContext);
@@ -196,7 +181,6 @@ const ToolbarGroupWrapper = props => {
     distractionFreeMode: distractionFreeMode
   }));
 };
-
 ToolbarGroupWrapper.displayName = 'ToolbarGroup';
 ToolbarGroupWrapper.propTypes = propTypes;
 ToolbarGroupWrapper.defaultProps = defaultProps;

package/esm/components/Toolbar/ToolbarItem.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Component, isValidElement, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -7,36 +8,29 @@ import ResponsiveContext from '../ResponsiveContext';
 import RegistryContext from './RegistryContext';
 import ToolbarGroup from './ToolbarGroup';
 import ToolbarExpander from './ToolbarExpander';
-
 class ToolbarItem extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       compact: false
     });
   }
-
   componentDidMount() {
     const registry = this.context;
     registry.register(this);
   }
-
   componentWillUnmount() {
     const registry = this.context;
     registry.unregister(this);
   }
-
   isCompact() {
     return this.state.compact;
   }
-
   setCompact(compact) {
     this.setState({
       compact
     });
   }
-
   render() {
     const {
       children
@@ -48,19 +42,15 @@ class ToolbarItem extends Component {
       value: compact
     }, children);
   }
-
 }
-
 ToolbarItem.contextType = RegistryContext;
 export const toToolbarItems = children => Children.map(children, child => {
   if (! /*#__PURE__*/isValidElement(child)) {
     return child;
   }
-
   if (child.type === ToolbarGroup || child.type === ToolbarExpander) {
     return child;
   }
-
   return /*#__PURE__*/React.createElement(ToolbarItem, null, /*#__PURE__*/cloneElement(child, {
     className: classNames(child.props.className, `${CLS_PREFIX}toolbar__group-item`)
   }));

package/esm/components/Toolbar/ToolbarMenu.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement, isValidElement, Children, forwardRef } from 'react';
 import Menu, { MenuItem, MenuHeader, MenuBaseItem, MenuDivider } from '../Menu';
 import ToolbarExpander from './ToolbarExpander';
@@ -8,7 +9,6 @@ import Button from '../Button';
 import Dropdown from '../Dropdown';
 import { ListOperation } from '../List';
 import { wrapFunction } from '../utils';
-
 const toMenuItem = (child, isLast, onItemClick) => {
   switch (child.type) {
     case Button:
@@ -29,11 +29,9 @@ const toMenuItem = (child, isLast, onItemClick) => {
             props[k] = other[k];
           }
         });
-
         if (child.props.component === 'a' || typeof child.props.component === 'function') {
           props.component = child.props.component;
         }
-
         return /*#__PURE__*/React.createElement(MenuItem, props, props.children);
         /* eslint-enable react/prop-types */
       }
@@ -48,27 +46,21 @@ const toMenuItem = (child, isLast, onItemClick) => {
           key: title
         }, title), toMenuItems(children, onItemClick), isLast ? null : /*#__PURE__*/React.createElement(MenuDivider, null)];
       }
-
     case ToolbarExpander:
       return null;
-
     case Dropdown:
       {
         let onMenuItemClick;
-
         if ( /*#__PURE__*/isValidElement(child.props.menu)) {
           ({
             onItemClick: onMenuItemClick
           } = child.props.menu.props);
         }
-
         return [child.props.children ? /*#__PURE__*/React.createElement(MenuHeader, null, child.props.children) : null, toMenuItems(child.props.menu.props.children, wrapFunction(onMenuItemClick, onItemClick)), isLast ? null : /*#__PURE__*/React.createElement(MenuDivider, null)];
       }
-
     case ListOperation:
       {
         const menuItem = toMenuItem(child.props.children, true, onItemClick);
-
         if ( /*#__PURE__*/isValidElement(menuItem)) {
           return /*#__PURE__*/cloneElement(child, {
             children: /*#__PURE__*/cloneElement(menuItem, {
@@ -79,43 +71,37 @@ const toMenuItem = (child, isLast, onItemClick) => {
             })
           });
         }
-
         return null;
       }
-
     case MenuItem:
     case MenuBaseItem:
       return /*#__PURE__*/cloneElement(child, {
         onClick: wrapFunction(child.props.onClick, onItemClick)
       });
-
     case MenuDivider:
       return child;
-
     default:
       return /*#__PURE__*/React.createElement(MenuBaseItem, {
         onClick: onItemClick
       }, child);
   }
 };
-
 const toMenuItems = (children, onItemClick) => {
   const count = Children.count(children);
   return Children.map(children, (child, index) => {
     if (! /*#__PURE__*/isValidElement(child)) {
       return child;
     }
-
     return toMenuItem(child, index === count - 1, onItemClick);
   });
 };
-
 // eslint-disable-next-line react/display-name
-const ToolbarMenu = /*#__PURE__*/forwardRef(function ToolbarMenu({
-  onItemClick,
-  children,
-  ...props
-}, ref) {
+const ToolbarMenu = /*#__PURE__*/forwardRef(function ToolbarMenu(_ref, ref) {
+  let {
+    onItemClick,
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/React.createElement(Menu, _extends({}, props, {
     ref: ref
   }), toMenuItems(children, onItemClick));

package/esm/components/Toolbar/index.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './Toolbar';
 export { default as ToolbarGroup } from './ToolbarGroup';
 export { default as ToolbarExpander } from './ToolbarExpander';

package/esm/components/Tooltip/Tooltip.js

@@ -1,29 +1,28 @@
 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, Fragment } from 'react';
 import Layer from '../Layer';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX, Z_INDEX_TOOLTIP } from '../../constants';
 import { wrapFunction } from '../utils';
-
 const createRectFactory = (width, height) => (left, top) => ({
   top,
   left,
   right: left + width,
   bottom: top + height
 });
-
 const isInside = (r1, r2) => r1.left >= r2.left && r1.right <= r2.right && r1.top >= r2.top && r1.bottom <= r2.bottom;
-
-const determinePosition = ({
-  clientX,
-  clientY,
-  tooltipWidth,
-  tooltipHeight,
-  targetRect
-}) => {
+const determinePosition = _ref => {
+  let {
+    clientX,
+    clientY,
+    tooltipWidth,
+    tooltipHeight,
+    targetRect
+  } = _ref;
   const X_EXTRA_SPACE = 8;
   const Y_BOTTOM_EXTRA_SPACE = 16;
   const Y_TOP_EXTRA_SPACE = 8;
@@ -34,32 +33,37 @@ const determinePosition = ({
     right: document.documentElement.clientWidth,
     bottom: document.documentElement.clientHeight
   };
-  const positionFns = [// right bottom
+  const positionFns = [
+  // right bottom
   () => ({
     left: clientX + X_EXTRA_SPACE,
     top: clientY + Y_BOTTOM_EXTRA_SPACE
-  }), // left bottom
+  }),
+  // left bottom
   () => ({
     left: clientX - tooltipWidth - X_EXTRA_SPACE,
     top: clientY + Y_BOTTOM_EXTRA_SPACE
-  }), // center bottom
+  }),
+  // center bottom
   () => ({
     left: targetRect.left + (targetRect.right - targetRect.left) / 2 - tooltipWidth / 2,
     top: clientY + Y_BOTTOM_EXTRA_SPACE
-  }), // right top
+  }),
+  // right top
   () => ({
     left: clientX + X_EXTRA_SPACE,
     top: clientY - tooltipHeight - Y_TOP_EXTRA_SPACE
-  }), // left top
+  }),
+  // left top
   () => ({
     left: clientX - tooltipWidth - Y_TOP_EXTRA_SPACE,
     top: clientY - tooltipHeight - Y_TOP_EXTRA_SPACE
-  }), // center top
+  }),
+  // center top
   () => ({
     left: targetRect.left + (targetRect.right - targetRect.left) / 2 - tooltipWidth / 2,
     top: clientY - tooltipHeight - Y_BOTTOM_EXTRA_SPACE
   })];
-
   for (let i = 0; i < positionFns.length; i++) {
     const fn = positionFns[i];
     const {
@@ -67,7 +71,6 @@ const determinePosition = ({
       top
     } = fn();
     const tooltipRect = createTooltipRect(left, top);
-
     if (isInside(tooltipRect, viewRect)) {
       return {
         left: left + window.pageXOffset,
@@ -75,64 +78,54 @@ const determinePosition = ({
       };
     }
   }
-
   return {
     top: targetRect.top + Y_BOTTOM_EXTRA_SPACE,
     left: targetRect.left + X_EXTRA_SPACE
   };
 };
+
 /**
  * `Tooltip` component is used for providing information about an interface element
  * while user hovers the pointer over the element.
  * @since 0.0.35
  */
-
-
 class Tooltip extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       left: 0,
       top: 0,
       ready: false,
       visible: false
     });
-
     _defineProperty(this, "handleShow", () => {
       if (this.showTimer) {
         clearTimeout(this.showTimer);
         this.showTimer = null;
       }
-
       this.setState({
         visible: true
       });
     });
-
     _defineProperty(this, "handleHide", () => {
       if (this.showTimer) {
         clearTimeout(this.showTimer);
         this.showTimer = null;
       }
-
       this.setState({
         visible: false,
         ready: false
       });
     });
-
     _defineProperty(this, "handleMouseEnter", () => {
       if (this.showTimer) {
         return;
       }
-
       this.setState({
         ready: true
       });
       this.showTimer = setTimeout(() => this.handleShow(), this.props.delay);
     });
-
     _defineProperty(this, "handleMouseMove", e => {
       // TODO: try to add throttle
       if (this.tooltipEl) {
@@ -148,16 +141,15 @@ class Tooltip extends Component {
           tooltipHeight,
           targetRect
         });
-        this.setState({ ...position
+        this.setState({
+          ...position
         });
       }
     });
   }
-
   componentWillUnmount() {
     clearTimeout(this.showTimer);
   }
-
   renderTooltip() {
     const {
       baseClassName,
@@ -180,14 +172,14 @@ class Tooltip extends Component {
         this.tooltipEl = el;
       },
       className: classNames(baseClassName, className),
-      style: { ...style,
+      style: {
+        ...style,
         transform: `translate(${left}px, ${top}px)`,
         visibility: visible ? 'visible' : 'hidden'
       },
       role: "tooltip"
     }, props), title));
   }
-
   render() {
     const {
       ready
@@ -199,38 +191,31 @@ class Tooltip extends Component {
       onMouseDown: wrapFunction(this.props.children.props.onMouseDown, this.handleHide)
     }), ready && this.renderTooltip());
   }
-
 }
-
 Tooltip.propTypes = {
   /**
    * Content of the tooltip
    * @since 0.0.42
    */
   title: PropTypes.node.isRequired,
-
   /**
    * Show delay (ms)
    * @since 0.0.50
    */
   delay: PropTypes.number,
-
   /**
    * Element with tooltip
    * @since 0.0.42
    */
   children: PropTypes.element.isRequired,
-
   /**
    * @ignore
    */
   style: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Tooltip/index.js

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

package/esm/components/Tour/Tour.js

@@ -1,31 +1,29 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-import React, { Children, cloneElement, isValidElement } from 'react';
 
+import React, { Children, cloneElement, isValidElement } from 'react';
 /**
  * `Tour` component is used for introducing a new functionality in the product.
  * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
  * or element you want to focus user attention on.
  * @since 2.7.0
  */
-const Tour = ({
-  current,
-  children,
-  onClose
-}) => {
+const Tour = _ref => {
+  let {
+    current,
+    children,
+    onClose
+  } = _ref;
   const spots = Children.toArray(children);
-
   if (current !== undefined && current in spots) {
     const spot = spots[current];
-
     if ( /*#__PURE__*/isValidElement(spot)) {
       let popup;
-
       if (onClose && spot.props.popup) {
-        popup = { ...spot.props.popup,
+        popup = {
+          ...spot.props.popup,
           onClose
         };
       }
-
       const props = {
         key: current,
         meta: {
@@ -36,15 +34,13 @@ const Tour = ({
       };
       return /*#__PURE__*/cloneElement(spot, props);
     }
-  } // a workaround for Props & Methods in Styleguidist
-  // eslint-disable-next-line no-constant-condition
-
+  }
 
+  // a workaround for Props & Methods in Styleguidist
+  // eslint-disable-next-line no-constant-condition
   if (false) {
     return /*#__PURE__*/React.createElement("span", null);
   }
-
   return null;
 };
-
 export default Tour;

package/esm/components/Tour/index.js

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