@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Action/Action.js

@@ -1,29 +1,30 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
+
 import React, { isValidElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { wrapFunction } from '../utils';
 import Icon, { ICON_SIZE_16 } from '../Icon';
 import Spinner from '../Spinner';
-
 /**
  * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
  * @since 0.0.68
  */
-const Action = ({
-  baseClassName = `${CLS_PREFIX}action`,
-  component: Tag = 'a',
-  icon,
-  onClick,
-  rightAddon,
-  bottomAddon,
-  children,
-  progress = false,
-  nowrap = false,
-  outerProps = {},
-  ...props
-}) => {
+const Action = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}action`,
+    component: Tag = 'a',
+    icon,
+    onClick,
+    rightAddon,
+    bottomAddon,
+    children,
+    progress = false,
+    nowrap = false,
+    outerProps = {},
+    ...props
+  } = _ref;
   const {
     className,
     component: RootTag = 'span',
@@ -34,30 +35,26 @@ const Action = ({
     size: ICON_SIZE_16
   });
   let size = ICON_SIZE_16;
-
   if ( /*#__PURE__*/isValidElement(icon) && icon.props.size) {
     ({
       size
     } = icon.props);
   }
-
-  const tagProps = { ...props,
+  const tagProps = {
+    ...props,
     onClick,
     className: classNames(props.className, `${baseClassName}__content`) || undefined
   };
-
   if (progress) {
     icon = /*#__PURE__*/React.createElement(Icon, {
       size: size,
       className: `${baseClassName}__icon`
     }, /*#__PURE__*/React.createElement(Spinner, null));
-
     tagProps.onClick = e => e.preventDefault();
-
     tagProps.tabIndex = -1;
-  } // accessibility
-
+  }
 
+  // accessibility
   if (onClick) {
     tagProps.tabIndex = tagProps.tabIndex || 0;
     tagProps.onKeyDown = wrapFunction(tagProps.onKeyDown, e => {
@@ -67,7 +64,6 @@ const Action = ({
       }
     });
   }
-
   return /*#__PURE__*/React.createElement(RootTag, _extends({
     className: classNames(baseClassName, {
       [`${baseClassName}--size-${size}`]: icon || progress,
@@ -81,5 +77,4 @@ const Action = ({
     className: `${baseClassName}__bottom-addon`
   }, bottomAddon) : null);
 };
-
 export default Action;

package/esm/components/Action/index.js

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

package/esm/components/Alert/Alert.js

@@ -1,29 +1,31 @@
 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';
-
 /**
  * `Alert` component is used for highlighting important content.
  *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
  *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
  * @since 0.0.35
  */
-const Alert = ({
-  baseClassName = `${CLS_PREFIX}alert`,
-  className,
-  intent,
-  children,
-  onClose,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, {
-    [`${baseClassName}--${intent}`]: intent
-  }, className)
-}, props), onClose && /*#__PURE__*/React.createElement("span", {
-  className: "close",
-  onClick: onClose
-}), children);
-
+const Alert = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}alert`,
+    className,
+    intent,
+    children,
+    onClose,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent
+    }, className)
+  }, props), onClose && /*#__PURE__*/React.createElement("span", {
+    className: "close",
+    onClick: onClose
+  }), children);
+};
 export default Alert;

package/esm/components/Alert/Alert.stories.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import Alert from './Alert';
 export const Basic = args => /*#__PURE__*/React.createElement(Alert, args);

package/esm/components/Alert/index.js

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

package/esm/components/AutoClosable/AutoClosable.js

@@ -1,27 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import { findDOMNode } from 'react-dom';
 import React, { Component, Children, createContext } from 'react';
 const AutoClosableContext = /*#__PURE__*/createContext(null);
-
 /**
  * This is helper component for handling outside clicks.
  * @since 0.0.42
  */
 class AutoClosable extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "children", []);
-
     _defineProperty(this, "addChild", child => {
       this.children.push(child);
     });
-
     _defineProperty(this, "removeChild", child => {
       this.children = this.children.filter(item => item !== child);
     });
-
     _defineProperty(this, "getIgnoreNodes", () => {
       const {
         ignoreNodes
@@ -31,68 +27,54 @@ class AutoClosable extends Component {
       this.children.forEach(child => child.getIgnoreNodes().forEach(node => nodes.push(node)));
       return nodes;
     });
-
     _defineProperty(this, "onOutsideClick", event => {
       const el = event.target;
       const isClickOnIgnoredNode = this.getIgnoreNodes().map(node => {
         if (node instanceof AutoClosable && node.props.nodeRef && node.props.nodeRef.current) {
           return node.props.nodeRef.current;
         }
-
         if (node instanceof Component) {
           return findDOMNode(node);
         }
-
         if (node instanceof Node) {
           return node;
         }
-
         if (node && node.current instanceof Node) {
           return node.current;
         }
-
         return null;
       }).some(node => {
         return Boolean(node && el instanceof Node && node.contains(el));
       });
-
       if (isClickOnIgnoredNode) {
         return;
       }
-
       if (this.props.onClose) {
         this.props.onClose();
       }
     });
   }
-
   componentDidMount() {
     document.body.addEventListener('click', this.onOutsideClick, {
       capture: true
     });
-
     if (this.context) {
       this.context.addChild(this);
     }
   }
-
   componentWillUnmount() {
     document.body.removeEventListener('click', this.onOutsideClick, {
       capture: true
     });
-
     if (this.context) {
       this.context.removeChild(this);
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(AutoClosableContext.Provider, {
       value: this
     }, Children.only(this.props.children));
   }
-
 }
-
 AutoClosable.contextType = AutoClosableContext;
 export default AutoClosable;

package/esm/components/AutoClosable/index.js

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

package/esm/components/AuxiliaryActions/AuxiliaryActions.js

@@ -1,25 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement, isValidElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * Auxiliary Actions component is used for executing additional (not primary) actions.
  * @since 0.4.1
  */
-const AuxiliaryActions = ({
-  baseClassName = `${CLS_PREFIX}auxiliary-actions`,
-  className,
-  separator = /*#__PURE__*/React.createElement("span", {
-    className: `${baseClassName}__separator`
-  }, ' | '),
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("span", _extends({
-  className: classNames(baseClassName, className)
-}, props), Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/isValidElement(separator) ? /*#__PURE__*/cloneElement(separator, {
-  key: index
-}) : separator, elem], []));
-
+const AuxiliaryActions = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}auxiliary-actions`,
+    className,
+    separator = /*#__PURE__*/React.createElement("span", {
+      className: `${baseClassName}__separator`
+    }, ' | '),
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames(baseClassName, className)
+  }, props), Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/isValidElement(separator) ? /*#__PURE__*/cloneElement(separator, {
+    key: index
+  }) : separator, elem], []));
+};
 export default AuxiliaryActions;

package/esm/components/AuxiliaryActions/index.js

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

package/esm/components/Badge/Badge.js

@@ -1,53 +1,48 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { isValidElement, cloneElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Label from '../Label';
 import Icon from '../Icon';
-
 /**
  * `Badge` component is used for showing small numerical value or status attached to an interface element.
  * @since 0.0.58
  */
-const Badge = ({
-  baseClassName = `${CLS_PREFIX}badge`,
-  className,
-  children,
-  label,
-  intent,
-  hidden,
-  ...props
-}) => {
+const Badge = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}badge`,
+    className,
+    children,
+    label,
+    intent,
+    hidden,
+    ...props
+  } = _ref;
   const isAmpty = !label;
-
   if (Children.toArray(children).length && !hidden) {
     if (! /*#__PURE__*/isValidElement(label)) {
       label = /*#__PURE__*/React.createElement(Label, {
         intent: "danger"
       }, label);
     }
-
     if ( /*#__PURE__*/isValidElement(label)) {
       const cloneProps = {
         className: classNames(`${baseClassName}__value`, {
           [`${baseClassName}__value--dot`]: isAmpty
         }, label.props.className)
       };
-
       if (intent && (label.type === Label || label.type === Icon)) {
         cloneProps.intent = intent;
       }
-
       label = /*#__PURE__*/cloneElement(label, cloneProps);
     }
   } else {
     label = null;
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, className)
   }, props), children, label);
 };
-
 export default Badge;

package/esm/components/Badge/index.js

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

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,33 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import { isRtl } from '../../utils';
 import React, { Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
-
 /**
  * `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
  * and it is used for navigation up to the main page of the product.
  * @since 2.3.0
  */
-const Breadcrumbs = ({
-  baseClassName = `${CLS_PREFIX}breadcrumbs`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("nav", _extends({
-  role: "navigation",
-  "aria-label": "Breadcrumbs",
-  className: classNames(baseClassName, className)
-}, props), /*#__PURE__*/React.createElement("ul", {
-  className: `${baseClassName}__list`
-}, Children.map(children, child => /*#__PURE__*/React.createElement("li", {
-  className: `${baseClassName}__item`
-}, child, /*#__PURE__*/React.createElement("span", {
-  className: `${baseClassName}__separator`
-}, /*#__PURE__*/React.createElement(Icon, {
-  name: isRtl() ? 'chevron-left' : 'chevron-right'
-}))))));
-
+const Breadcrumbs = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}breadcrumbs`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("nav", _extends({
+    role: "navigation",
+    "aria-label": "Breadcrumbs",
+    className: classNames(baseClassName, className)
+  }, props), /*#__PURE__*/React.createElement("ul", {
+    className: `${baseClassName}__list`
+  }, Children.map(children, child => /*#__PURE__*/React.createElement("li", {
+    className: `${baseClassName}__item`
+  }, child, /*#__PURE__*/React.createElement("span", {
+    className: `${baseClassName}__separator`
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: isRtl() ? 'chevron-left' : 'chevron-right'
+  }))))));
+};
 export default Breadcrumbs;

package/esm/components/Breadcrumbs/index.js

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