@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/StatusMessage/StatusMessage.js

@@ -1,29 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import classNames from 'classnames';
 import React from 'react';
 import Alert from '../Alert';
 import Icon from '../Icon';
 import { CLS_PREFIX } from '../../constants';
 import { intentIconMap } from '../intentIconMap';
-
 /**
  * `StatusMessage` is used for notifying users about events happened (or going to happen) in the system.
  * For showing results of performed operations [Toaster](#!/Toaster) should be used.
  * @since 1.12.0
  */
-const StatusMessage = ({
-  baseClassName = `${CLS_PREFIX}status-message`,
-  className,
-  intent,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(Alert, _extends({
-  className: classNames(baseClassName, [`${baseClassName}--${intent}`], className),
-  intent: intent
-}, props), /*#__PURE__*/React.createElement(Icon, {
-  name: intentIconMap[intent],
-  className: `${baseClassName}__icon`
-}), children);
-
+const StatusMessage = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}status-message`,
+    className,
+    intent,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Alert, _extends({
+    className: classNames(baseClassName, [`${baseClassName}--${intent}`], className),
+    intent: intent
+  }, props), /*#__PURE__*/React.createElement(Icon, {
+    name: intentIconMap[intent],
+    className: `${baseClassName}__icon`
+  }), children);
+};
 export default StatusMessage;

package/esm/components/StatusMessage/index.js

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

package/esm/components/Subnav/Subnav.js

@@ -1,22 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement, Children, isValidElement, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke, createFocusManager } from '../utils';
-
 /**
  * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
  * @since 0.0.42
  */
-const Subnav = ({
-  baseClassName,
-  className,
-  children,
-  onKeyDown,
-  ...props
-}) => {
+const Subnav = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    onKeyDown,
+    ...props
+  } = _ref;
   const rootRef = useRef();
   const {
     focusNext,
@@ -24,53 +25,44 @@ const Subnav = ({
     focusFirst,
     focusLast
   } = useMemo(() => createFocusManager(rootRef), []);
-
   const handleKeyDown = e => {
     switch (e.key) {
       case 'ArrowLeft':
         e.preventDefault();
         focusPrev();
         break;
-
       case 'ArrowRight':
         e.preventDefault();
         focusNext();
         break;
-
       case 'Home':
       case 'PageUp':
         e.preventDefault();
         focusFirst();
         break;
-
       case 'End':
       case 'PageDown':
         e.preventDefault();
         focusLast();
         break;
-
       case 'Enter':
         e.preventDefault();
         e.target.click();
         break;
     }
-
     safeInvoke(onKeyDown, e);
   };
-
   let itemIndex = -1;
   Children.toArray(children).every((child, index) => {
     if (! /*#__PURE__*/isValidElement(child)) {
       return true;
     }
-
     if (child.props.active) {
       itemIndex = index;
       return false;
     } else if (itemIndex === -1) {
       itemIndex = index;
     }
-
     return true;
   });
   const items = Children.map(children, (child, index) => {
@@ -79,7 +71,6 @@ const Subnav = ({
         tabIndex: 0
       });
     }
-
     return child;
   });
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -89,24 +80,20 @@ const Subnav = ({
     ref: rootRef
   }), items);
 };
-
 Subnav.propTypes = {
   /**
    * Subnav items
    * @since 0.0.42
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * @ignore
    */
@@ -118,38 +105,37 @@ Subnav.defaultProps = {
   baseClassName: `${CLS_PREFIX}subnav`,
   onKeyDown: undefined
 };
+
 /**
  * SubnavItem component.
  */
-
-const SubnavItem = ({
-  baseClassName,
-  className,
-  active,
-  children,
-  ...props
-}) => /*#__PURE__*/cloneElement(children, {
-  className: classNames(baseClassName, active && `${baseClassName}--active`, className),
-  tabIndex: -1,
-  ...props
-});
-
+const SubnavItem = _ref2 => {
+  let {
+    baseClassName,
+    className,
+    active,
+    children,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/cloneElement(children, {
+    className: classNames(baseClassName, active && `${baseClassName}--active`, className),
+    tabIndex: -1,
+    ...props
+  });
+};
 SubnavItem.propTypes = {
   /**
    * Is item active.
    */
   active: PropTypes.bool,
-
   /**
    * Content of the item
    */
   children: PropTypes.element.isRequired,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Subnav/index.js

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

package/esm/components/Switch/Switch.js

@@ -1,33 +1,30 @@
 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 } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Tooltip from '../Tooltip';
-
 /**
  * `Switch` component is used for changing the state of an object or system preferences.
  * It provides immediate results that is why it should not be used in Form.
  * @since 0.0.42
  */
 class Switch extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "handleChange", event => {
       const {
         disabled,
         onChange
       } = this.props;
-
       if (!disabled && onChange) {
         onChange(event.target.checked);
       }
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -58,71 +55,58 @@ class Switch extends Component {
     }), /*#__PURE__*/React.createElement("span", {
       className: `${baseClassName}__indicator`
     }));
-
     if (tooltip) {
       result = /*#__PURE__*/React.createElement(Tooltip, {
         title: tooltip
       }, result);
     }
-
     return result;
   }
-
 }
-
 Switch.propTypes = {
   /**
    * Determine whether the `Switch` is checked.
    * @since 0.0.42
    */
   checked: PropTypes.bool,
-
   /**
    * @ignore
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * A callback function, can be executed when the checked state is changing.
    * @since 0.0.42
    */
   onChange: PropTypes.func,
-
   /**
    * Tooltip for component
    * @since 0.0.42
    */
   tooltip: PropTypes.any,
-
   /**
    * Visual intent color to apply to component.
    * @since 0.3.0
    */
   intent: PropTypes.oneOf(['warning', 'danger']),
-
   /**
    * Is `Switch` disabled?
    * @since 0.0.42
    */
   disabled: PropTypes.bool,
-
   /**
    * Loading indication
    * @since 0.3.0
    */
   loading: PropTypes.bool,
-
   /**
    * Label of the `Switch`
    * @since 0.0.42
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Switch/index.js

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

package/esm/components/SwitchesPanel/SwitchesPanel.js

@@ -1,40 +1,40 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Section from '../Section';
-
 /**
  * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
  * @since 0.3.0
  */
-const SwitchesPanel = ({
-  baseClassName,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(Section, _extends({
-  className: classNames(baseClassName, className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__items`
-}, Children.map(children, child => /*#__PURE__*/cloneElement(child, {
-  className: classNames(child.props.className, `${baseClassName}__item`)
-}))));
-
+const SwitchesPanel = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Section, _extends({
+    className: classNames(baseClassName, className)
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__items`
+  }, Children.map(children, child => /*#__PURE__*/cloneElement(child, {
+    className: classNames(child.props.className, `${baseClassName}__item`)
+  }))));
+};
 SwitchesPanel.propTypes = {
   /**
    * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
    * @since 0.3.0
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/SwitchesPanel/index.js

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

package/esm/components/SwitchesPanelItem/SwitchesPanelItem.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 } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,20 +9,17 @@ import { CLS_PREFIX } from '../../constants';
 import Switch from '../Switch';
 import Action from '../Action';
 import Popover from '../Popover';
-
 /**
  * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
  * Used in [SwitchesPanel](#!/SwitchesPanel).
  * @since 0.3.0
  */
 class SwitchesPanelItem extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       checked: this.props.defaultChecked
     });
-
     _defineProperty(this, "handleChange", checked => {
       this.setState({
         checked
@@ -29,7 +27,6 @@ class SwitchesPanelItem extends Component {
       this.props.onChange(checked);
     });
   }
-
   render() {
     const {
       onChange,
@@ -75,64 +72,53 @@ class SwitchesPanelItem extends Component {
       placement: "bottom"
     }, fullDescription))));
   }
-
 }
-
 SwitchesPanelItem.propTypes = {
   /**
    * A callback function, can be executed when the checked state is changing.
    * @since 0.3.0
    */
   onChange: PropTypes.func.isRequired,
-
   /**
    * @ignore
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * Visual intent color to apply to component.
    * @since 0.3.0
    */
   intent: PropTypes.oneOf(['warning', 'danger']),
-
   /**
    * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
    * @since 0.3.0
    */
   title: PropTypes.node.isRequired,
-
   /**
    * `SwitchesPanelItem` description. Must be no longer than three lines.
    * @since 0.3.0
    */
   description: PropTypes.node,
-
   /**
    * Rich full description of the `SwitchesPanelItem`.
    * Adds control button with question mark that shows `Popover` on click.
    * @since 0.3.0
    */
   fullDescription: PropTypes.node,
-
   /**
    * Props of underlying [Switch](#!/Switch) component.
    * @since 0.5.0
    */
   switchProps: PropTypes.object,
-
   /**
    * Content of the control actions.
    * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
    * @since 0.3.0
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/SwitchesPanelItem/index.js

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