@plesk/ui-library 3.31.0 → 3.31.1

package/esm/components/Drawer/Drawer.stories.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import React, { useState } from 'react';
 import Button from '../Button';
 import Drawer from './Drawer';
@@ -21,11 +22,13 @@ Basic.args = {
   subtitle: 'Subtitle'
 };
 export const WithForm = args => /*#__PURE__*/React.createElement(Basic, args);
-WithForm.args = { ...Basic.args,
+WithForm.args = {
+  ...Basic.args,
   form: {}
 };
 export const WithSideBanner = args => /*#__PURE__*/React.createElement(Basic, args);
-WithSideBanner.args = { ...Basic.args,
+WithSideBanner.args = {
+  ...Basic.args,
   size: 'xs',
   sideBanner: /*#__PURE__*/React.createElement("img", {
     src: image
@@ -35,6 +38,7 @@ WithSideBanner.args = { ...Basic.args,
   }
 };
 export const WithClosingConfirmation = args => /*#__PURE__*/React.createElement(Basic, args);
-WithClosingConfirmation.args = { ...Basic.args,
+WithClosingConfirmation.args = {
+  ...Basic.args,
   closingConfirmation: true
 };

package/esm/components/Drawer/DrawerProgress.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 import React, { Component, Fragment, isValidElement, cloneElement } from 'react';
 import Button from '../Button';
 import Translate from '../Translate';
@@ -8,7 +9,6 @@ import Progress from '../Progress';
 import ProgressStep, { STATUS_DONE, STATUS_ERROR, STATUS_NOT_STARTED } from '../ProgressStep';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke } from '../utils';
-
 const renderAdditionalButtons = buttons => {
   const buttonProcessing = button => {
     if ( /*#__PURE__*/isValidElement(button) && button.type === Button) {
@@ -16,23 +16,17 @@ const renderAdditionalButtons = buttons => {
         size: 'lg'
       });
     }
-
     return button;
   };
-
   return Array.isArray(buttons) ? buttons.map(buttonProcessing) : buttonProcessing(buttons);
 };
-
 class DrawerProgress extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       status: null
     });
-
     _defineProperty(this, "closeTimeout", void 0);
-
     _defineProperty(this, "handleStatusChange", status => {
       const {
         onClosableChange,
@@ -48,14 +42,12 @@ class DrawerProgress extends Component {
         status
       });
       safeInvoke(onClosableChange, cancelable || isFinished || isFailed);
-
       if (isFinished) {
         safeInvoke(onFinish);
       } else if (isFailed) {
         safeInvoke(onFail);
       }
     });
-
     _defineProperty(this, "handleClose", () => {
       const {
         onClose,
@@ -63,14 +55,11 @@ class DrawerProgress extends Component {
         cancelable
       } = this.props;
       window.clearTimeout(this.closeTimeout);
-
       if (cancelable) {
         safeInvoke(onCancel);
       }
-
       safeInvoke(onClose);
     });
-
     _defineProperty(this, "handleCancel", () => {
       const {
         onCancel,
@@ -78,15 +67,12 @@ class DrawerProgress extends Component {
         cancelable
       } = this.props;
       window.clearTimeout(this.closeTimeout);
-
       if (cancelable) {
         safeInvoke(onCancel);
       }
-
       safeInvoke(onClose);
     });
   }
-
   componentDidUpdate(_prevProps, prevState) {
     const {
       autoCloseTimeout,
@@ -95,24 +81,19 @@ class DrawerProgress extends Component {
     const {
       status
     } = this.state;
-
     if (prevState.status !== STATUS_DONE && status === STATUS_DONE) {
       window.clearTimeout(this.closeTimeout);
-
       if (autoCloseTimeout !== undefined) {
         this.closeTimeout = window.setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
-
     if (prevState.status === STATUS_NOT_STARTED && status !== STATUS_NOT_STARTED) {
       safeInvoke(onStart);
     }
   }
-
   componentWillUnmount() {
     window.clearTimeout(this.closeTimeout);
   }
-
   render() {
     const {
       baseClassName,
@@ -151,14 +132,11 @@ class DrawerProgress extends Component {
       footer
     }) : /*#__PURE__*/React.createElement(Fragment, null, content, footer);
   }
-
 }
-
 _defineProperty(DrawerProgress, "defaultProps", {
   baseClassName: `${CLS_PREFIX}drawer-progress`,
   autoCloseTimeout: 0,
   cancelable: false,
   steps: []
 });
-
 export default DrawerProgress;

package/esm/components/Drawer/Header.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import { isRtl } from '../../utils';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,7 +13,6 @@ export default class Header extends Component {
   componentDidMount() {
     this.isRtl = isRtl();
   }
-
   renderBackButton() {
     const {
       baseClassName,
@@ -30,7 +30,6 @@ export default class Header extends Component {
       onClick: onClose
     });
   }
-
   renderHideButton() {
     const {
       baseClassName,
@@ -47,10 +46,10 @@ export default class Header extends Component {
       onClick: onClose
     });
   }
-
-  renderCloseButton({
-    disabled = false
-  } = {}) {
+  renderCloseButton() {
+    let {
+      disabled = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       baseClassName,
       onClose
@@ -67,7 +66,6 @@ export default class Header extends Component {
       disabled: disabled
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -80,13 +78,11 @@ export default class Header extends Component {
     } = this.props;
     let prefix;
     let suffix;
-
     if (onClose) {
       switch (true) {
         case backButton:
           prefix = this.renderBackButton();
           break;
-
         case hideButton:
           suffix = /*#__PURE__*/React.createElement("div", {
             className: `${baseClassName}__actions`
@@ -94,7 +90,6 @@ export default class Header extends Component {
             disabled: true
           }));
           break;
-
         default:
           suffix = /*#__PURE__*/React.createElement("div", {
             className: `${baseClassName}__actions`
@@ -102,7 +97,6 @@ export default class Header extends Component {
           break;
       }
     }
-
     return /*#__PURE__*/React.createElement("div", _extends({
       className: baseClassName
     }, props), /*#__PURE__*/React.createElement("div", {
@@ -115,9 +109,7 @@ export default class Header extends Component {
       className: `${baseClassName}__tabs-inner`
     }, tabs))), suffix));
   }
-
 }
-
 _defineProperty(Header, "propTypes", {
   baseClassName: PropTypes.string,
   onClose: PropTypes.func,
@@ -126,7 +118,6 @@ _defineProperty(Header, "propTypes", {
   hideButton: PropTypes.bool,
   tabs: PropTypes.node
 });
-
 _defineProperty(Header, "defaultProps", {
   onClose: null,
   baseClassName: `${CLS_PREFIX}drawer-header`,

package/esm/components/Drawer/ScrollDirection.js

@@ -1,18 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-
 class ScrollDirection extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       direction: 'up'
     });
-
     _defineProperty(this, "prevScrollTop", 0);
-
     _defineProperty(this, "handleScroll", e => {
       const {
         scrollTop
@@ -24,7 +21,6 @@ class ScrollDirection extends Component {
       });
     });
   }
-
   render() {
     const {
       children
@@ -34,9 +30,7 @@ class ScrollDirection extends Component {
       handleScroll: this.handleScroll
     });
   }
-
 }
-
 ScrollDirection.propTypes = {
   children: PropTypes.func.isRequired
 };

package/esm/components/Drawer/index.js

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

package/esm/components/Dropdown/Dropdown.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import { isRtl } from '../../utils';
 import React, { cloneElement, isValidElement, useState, useEffect, useRef } from 'react';
 import { wrapFunction } from '../utils';
@@ -13,17 +14,16 @@ import Layer from '../Layer';
 import { MenuItem, MenuDivider } from '../Menu';
 import Translate from '../Translate';
 import localeFallback from './locale/en-US';
-
-const createTarget = (node, {
-  onToggle,
-  targetRef
-}) => {
+const createTarget = (node, _ref) => {
+  let {
+    onToggle,
+    targetRef
+  } = _ref;
   if (false === ( /*#__PURE__*/isValidElement(node) && node.type !== Translate)) {
     node = /*#__PURE__*/React.createElement(Button, {
       caret: true
     }, node);
   }
-
   let isKeyboardEvent = false;
   return /*#__PURE__*/cloneElement(node, {
     onKeyDown: wrapFunction(node.props.onKeyDown, e => {
@@ -37,24 +37,21 @@ const createTarget = (node, {
     'aria-haspopup': true
   });
 };
-
 const computePlacement = placement => {
   const [side, align] = placement.split('-');
-
   if (align && isRtl() && ['top', 'bottom'].indexOf(side) !== -1) {
     return `${side}-${align === 'start' ? 'end' : 'start'}`;
   }
-
   return placement;
 };
-
-const useEnhancedMenu = (menu, {
-  baseClassName,
-  onClose,
-  overlay,
-  locale,
-  autoFocus
-}) => {
+const useEnhancedMenu = (menu, _ref2) => {
+  let {
+    baseClassName,
+    onClose,
+    overlay,
+    locale,
+    autoFocus
+  } = _ref2;
   const menuRef = useRef();
   const triggerRef = useRef();
   useEffect(() => {
@@ -67,39 +64,31 @@ const useEnhancedMenu = (menu, {
       });
     }
   });
-
   const handleClose = () => {
     if (triggerRef.current) {
       triggerRef.current.focus();
     }
-
     onClose();
   };
-
   const handleKeyDown = e => {
     e.stopPropagation();
-
     switch (e.key) {
       case 'Enter':
         e.preventDefault();
         document.activeElement.click();
         break;
-
       case 'Escape':
         e.preventDefault();
         handleClose();
         break;
-
       case 'Tab':
         handleClose();
         break;
     }
   };
-
   let {
     children
   } = menu.props;
-
   if (overlay) {
     children = [...menu.props.children, /*#__PURE__*/React.createElement(MenuDivider, {
       className: `${baseClassName}__overlay-menu-divider`,
@@ -114,7 +103,6 @@ const useEnhancedMenu = (menu, {
       fallback: localeFallback.close
     }))];
   }
-
   const clone = /*#__PURE__*/cloneElement(menu, {
     onItemClick: wrapFunction(menu.props.onItemClick, handleClose),
     className: classNames(`${baseClassName}__menu`, menu.props.className),
@@ -129,24 +117,24 @@ const useEnhancedMenu = (menu, {
     menuRef
   };
 };
+
 /**
  * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
  * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
  * for stuff that you don't want to show users all the time, especially if you have limited screen space.
  * @since 0.0.57
  */
-
-
-const Dropdown = ({
-  baseClassName,
-  className,
-  children,
-  menu,
-  menuPlacement,
-  overlay,
-  locale,
-  ...props
-}) => {
+const Dropdown = _ref3 => {
+  let {
+    baseClassName,
+    className,
+    children,
+    menu,
+    menuPlacement,
+    overlay,
+    locale,
+    ...props
+  } = _ref3;
   const [opened, setOpened] = useState(false);
   const [autoFocus, setAutoFocus] = useState(false);
   const closeTimerRef = useRef();
@@ -155,18 +143,15 @@ const Dropdown = ({
       clearTimeout(closeTimerRef.current);
     };
   }, []);
-
   const handleOpen = isKeyboardEvent => {
     setAutoFocus(isKeyboardEvent);
     setOpened(true);
   };
-
   const handleClose = () => {
     closeTimerRef.current = setTimeout(() => {
       setOpened(false);
     }, 0);
   };
-
   const {
     enhancedMenu,
     menuRef
@@ -207,26 +192,22 @@ const Dropdown = ({
     nodeRef: menuRef
   }, enhancedMenu)));
 };
-
 Dropdown.propTypes = {
   /**
    * Dropdown [menu](#!/Menu).
    * @since 0.0.57
    */
   menu: PropTypes.element.isRequired,
-
   /**
    * Menu placement.
    * @since 0.0.60
    */
   menuPlacement: PropTypes.string,
-
   /**
    * Content of the `Dropdown`.
    * @since 0.0.57
    */
   children: PropTypes.node,
-
   /**
    * Custom localization messages.
    * @since 3.6.0
@@ -234,18 +215,15 @@ Dropdown.propTypes = {
   locale: PropTypes.shape({
     close: PropTypes.node
   }),
-
   /**
    * Display menu as overlay.
    * @ignore
    */
   overlay: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Dropdown/index.js

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

package/esm/components/Dropdown/locale/en-US.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 export default {
   close: 'Close'
 };

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -1,37 +1,39 @@
 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 ContentLoader from '../ContentLoader';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
  * but it is used when the message itself is the primary content on the page.
  * @since 0.0.35
  */
-const ExtendedStatusMessage = ({
-  baseClassName = `${CLS_PREFIX}extended-status-message`,
-  className,
-  intent,
-  image,
-  children = false,
-  loading,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__container`
-}, /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, {
-    [`${baseClassName}--${intent}`]: intent,
-    [`${baseClassName}--loading`]: loading
-  }, className)
-}, props), image ? /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__image`
-}, image) : null, /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__body`
-}, children), loading && /*#__PURE__*/React.createElement(ContentLoader, {
-  overlay: true,
-  text: loading === true ? null : loading
-})));
-
+const ExtendedStatusMessage = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}extended-status-message`,
+    className,
+    intent,
+    image,
+    children = false,
+    loading,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__container`
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--loading`]: loading
+    }, className)
+  }, props), image ? /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__image`
+  }, image) : null, /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__body`
+  }, children), loading && /*#__PURE__*/React.createElement(ContentLoader, {
+    overlay: true,
+    text: loading === true ? null : loading
+  })));
+};
 export default ExtendedStatusMessage;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -1,20 +1,23 @@
 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';
-
 /**
  * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageActions = ({
-  baseClassName = `${CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(`${baseClassName}__actions`, className)
-}, props), children);
 
+const ExtendedStatusMessageActions = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(`${baseClassName}__actions`, className)
+  }, props), children);
+};
 export default ExtendedStatusMessageActions;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -1,20 +1,23 @@
 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';
-
 /**
  * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageDescription = ({
-  baseClassName = `${CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(`${baseClassName}__description`, className)
-}, props), children);
 
+const ExtendedStatusMessageDescription = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(`${baseClassName}__description`, className)
+  }, props), children);
+};
 export default ExtendedStatusMessageDescription;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -1,17 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
-
 /**
  * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageSeparator = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("hr", _extends({
-  className: classNames(className)
-}, props));
 
+const ExtendedStatusMessageSeparator = _ref => {
+  let {
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("hr", _extends({
+    className: classNames(className)
+  }, props));
+};
 export default ExtendedStatusMessageSeparator;