@plesk/ui-library 3.31.0 → 3.31.2

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;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -1,22 +1,25 @@
 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';
 import Heading from '../Heading';
-
 /**
  * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
  */
-const ExtendedStatusMessageTitle = ({
-  baseClassName = `${CLS_PREFIX}extended-status-message`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(Heading, _extends({
-  level: 3,
-  className: classNames(`${baseClassName}__title`, className)
-}, props), children);
 
+const ExtendedStatusMessageTitle = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}extended-status-message`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    level: 3,
+    className: classNames(`${baseClassName}__title`, className)
+  }, props), children);
+};
 export default ExtendedStatusMessageTitle;

package/esm/components/ExtendedStatusMessage/index.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './ExtendedStatusMessage';
 export { default as ExtendedStatusMessageActions } from './ExtendedStatusMessageActions';
 export { default as ExtendedStatusMessageDescription } from './ExtendedStatusMessageDescription';

package/esm/components/Figure/Figure.js

@@ -1,52 +1,50 @@
 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';
-
 /**
  * Figure component.
  * @since 0.0.42
  */
-const Figure = ({
-  baseClassName,
-  className,
-  href,
-  caption,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("figure", _extends({
-  className: classNames(baseClassName, className)
-}, props), children, href && /*#__PURE__*/React.createElement("a", {
-  href: href,
-  className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
-}), caption && /*#__PURE__*/React.createElement("figcaption", {
-  className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`)
-}, caption));
-
+const Figure = _ref => {
+  let {
+    baseClassName,
+    className,
+    href,
+    caption,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("figure", _extends({
+    className: classNames(baseClassName, className)
+  }, props), children, href && /*#__PURE__*/React.createElement("a", {
+    href: href,
+    className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
+  }), caption && /*#__PURE__*/React.createElement("figcaption", {
+    className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`)
+  }, caption));
+};
 Figure.propTypes = {
   /**
    * @since 0.0.47
    */
   href: PropTypes.string,
-
   /**
    * @since 0.0.47
    */
   caption: PropTypes.any,
-
   /**
    * Content of the figure
    * @since 0.0.42
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Figure/index.js

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

package/esm/components/FocusTrap/FocusTrap.js

@@ -1,90 +1,74 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { useRef, useMemo, forwardRef } from 'react';
 import { createFocusManager, mergeRefs, wrapFunction } from '../utils';
 import { isFocusable } from '../Overlay/Focuser';
-
 const canSkip = node => node instanceof HTMLElement && node.dataset && node.dataset.skipAutoFocus;
-
 const createFocusStrategy = checkSkipAutoFocusRef => {
   const elements = [];
   return {
     elements,
-
-    collect(container, reset = false) {
+    collect(container) {
+      let reset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (reset) {
         this.elements = [];
       }
-
       for (let i = 0; i < container.children.length; i++) {
         const element = container.children[i];
-
         if (checkSkipAutoFocusRef.current) {
           if (canSkip(element)) {
             continue;
           }
         }
-
         this.elements.push(element);
         this.collect(element);
       }
     },
-
     getFirst(container) {
       this.collect(container, true);
       return this.elements[0];
     },
-
     getLast(container) {
       this.collect(container, true);
       return this.elements[this.elements.length - 1];
     },
-
     getNext(_container, element) {
       if (element) {
         const index = this.elements.indexOf(element);
-
         if (index !== -1) {
           return this.elements[index + 1];
         }
       }
-
       return undefined;
     },
-
     getPrev(_container, element) {
       if (element) {
         const index = this.elements.indexOf(element);
-
         if (index !== -1) {
           return this.elements[index - 1];
         }
       }
-
       return undefined;
     }
-
   };
 };
-
-const FocusTrap = ({
-  children,
-  onFocus,
-  ...props
-}, ref) => {
+const FocusTrap = (_ref, ref) => {
+  let {
+    children,
+    onFocus,
+    ...props
+  } = _ref;
   const rootRef = useRef(null);
   const trapBeforeRef = useRef(null);
   const trapAfterRef = useRef(null);
   const checkSkipAutoFocusRef = useRef(false);
-
   const isFitForFocus = node => {
     if (node === trapBeforeRef.current || node === trapAfterRef.current) {
       return false;
     }
-
     return isFocusable(node);
   };
-
   const {
     focusFirst,
     focusLast
@@ -96,7 +80,6 @@ const FocusTrap = ({
     if (!rootRef.current) {
       return;
     }
-
     switch (true) {
       case e.target === trapBeforeRef.current:
         if (rootRef.current !== e.relatedTarget && e.relatedTarget instanceof HTMLElement && rootRef.current.contains(e.relatedTarget)) {
@@ -104,16 +87,13 @@ const FocusTrap = ({
         } else {
           focusFirst();
         }
-
         break;
-
       case e.target === trapAfterRef.current:
         if (rootRef.current !== e.relatedTarget && e.relatedTarget instanceof HTMLElement && rootRef.current.contains(e.relatedTarget)) {
           focusFirst();
         } else {
           focusLast();
         }
-
         break;
     }
   });
@@ -129,6 +109,5 @@ const FocusTrap = ({
     ref: trapAfterRef
   }));
 };
-
 FocusTrap.displayName = 'FocusTrap';
 export default /*#__PURE__*/forwardRef(FocusTrap);

package/esm/components/FocusTrap/index.js

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

package/esm/components/Form/DisabledContext.js

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