@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Markdown/Markdown.js

@@ -2,51 +2,48 @@ import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /* eslint-disable react/no-danger */
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import marked from 'marked';
+import { marked } from 'marked';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Markdown` component is used for creating content with rich text formatting.
  * @since 0.0.42
  */
-const Markdown = ({
-  baseClassName,
-  className,
-  compact = false,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, {
-    [`${baseClassName}--compact`]: compact
-  }, className),
-  dangerouslySetInnerHTML: {
-    __html: marked(children, {
-      sanitize: true
-    })
-  }
-}, props));
-
+const Markdown = _ref => {
+  let {
+    baseClassName,
+    className,
+    compact = false,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, {
+      [`${baseClassName}--compact`]: compact
+    }, className),
+    dangerouslySetInnerHTML: {
+      __html: marked(children)
+    }
+  }, props));
+};
 Markdown.propTypes = {
   /**
    * Content of the Markdown
    * @since 0.0.42
    */
   children: PropTypes.string.isRequired,
-
   /**
    * Compact mode
    * @since 0.0.42
    */
   compact: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Markdown/index.js

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

package/esm/components/Media/Media.js

@@ -1,32 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { isValidElement, cloneElement, Children } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32, ICON_SIZE_48, ICON_SIZE_64, ICON_SIZE_96, ICON_SIZE_128, ICON_SIZE_192 } from '../Icon';
 import Heading from '../Heading';
-
 /**
  * `Media` component is a combination of icon, text title and content.
  * This layout was so widely spread in our products so we have decided to create a special component for it.
  * Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
  * @since 0.0.45
  */
-const Media = ({
-  baseClassName,
-  className,
-  children,
-  title,
-  titleAddon,
-  titleSize,
-  image,
-  imageSpacing,
-  imageAlign,
-  align,
-  vertical,
-  ...props
-}) => {
+const Media = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    title,
+    titleAddon,
+    titleSize,
+    image,
+    imageSpacing,
+    imageAlign,
+    align,
+    vertical,
+    ...props
+  } = _ref;
   if (!imageSpacing && /*#__PURE__*/isValidElement(image) && image.type === Icon) {
     const map = {
       [ICON_SIZE_12]: 'sm',
@@ -41,28 +42,23 @@ const Media = ({
     };
     imageSpacing = map[image.props.size];
   }
-
   const renderTitle = title => {
     if (!title) {
       return null;
     }
-
     if (typeof title === 'string') {
       return /*#__PURE__*/React.createElement(Heading, {
         level: 5,
         className: `${baseClassName}__title`
       }, title);
     }
-
     if ( /*#__PURE__*/isValidElement(title)) {
       return /*#__PURE__*/cloneElement(title, {
         className: classNames(`${baseClassName}__title`, title.props.className)
       });
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, {
       [`${baseClassName}--${align}`]: align,
@@ -85,68 +81,57 @@ const Media = ({
     className: `${baseClassName}__content`
   }, children) : null));
 };
-
 Media.propTypes = {
   /**
    * Title
    * @since 0.0.45
    */
   title: PropTypes.node,
-
   /**
    * Title addon
    * @since 0.0.68
    */
   titleAddon: PropTypes.node,
-
   /**
    * Title size
    * @deprecated Pass a component as a title prop
    * @since 0.0.68
    */
   titleSize: PropTypes.oneOf(['md', 'lg', 'xl']),
-
   /**
    * Image
    * @since 0.0.45
    */
   image: PropTypes.any,
-
   /**
    * Spacings between image and content
    * @since 0.3.0
    */
   imageSpacing: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-
   /**
    * Media object and content alignment
    * @since 3.19.0
    */
   align: PropTypes.oneOf(['start', 'center', 'end']),
-
   /**
    * Media object (image) alignment
    * @since 3.19.0
    */
   imageAlign: PropTypes.oneOf(['start', 'center', 'end']),
-
   /**
    * Media vertical direction
    * @since 3.19.0
    */
   vertical: PropTypes.bool,
-
   /**
    * Content of the `Media`.
    * @since 0.0.45
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Media/MediaSection.js

@@ -1,35 +1,36 @@
 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';
+
 /**
  * `MediaSection` is a part of [Media](#!/Media) component.
  * @since 0.0.68
  */
-
-const MediaSection = ({
-  baseClassName,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, className)
-}, props), children);
-
+const MediaSection = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, className)
+  }, props), children);
+};
 MediaSection.propTypes = {
   /**
    * Content of the `MediaSection`.
    * @since 0.0.68
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Media/index.js

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

package/esm/components/Menu/Menu.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { Children, cloneElement, isValidElement, forwardRef, useRef, useMemo } from 'react';
 import { wrapFunction, safeInvoke, createFocusManager } from '../utils';
 import PropTypes from 'prop-types';
@@ -7,7 +8,6 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuItem from './MenuItem';
 import MenuSelectableItem from './MenuSelectableItem';
-
 const hasIconItem = children => {
   let result = false;
   Children.forEach(children, child => {
@@ -17,6 +17,7 @@ const hasIconItem = children => {
   });
   return result;
 };
+
 /**
  * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
  * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
@@ -27,19 +28,18 @@ const hasIconItem = children => {
  * or separated by [Menu Dividers](#!/MenuDivider).
  * @since 0.0.55
  */
-
-
-const Menu = /*#__PURE__*/forwardRef(function Menu({
-  baseClassName,
-  className,
-  children,
-  onItemClick,
-  overlay,
-  onKeyDown,
-  onFocus,
-  autoFocus,
-  ...props
-}, ref) {
+const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
+  let {
+    baseClassName,
+    className,
+    children,
+    onItemClick,
+    overlay,
+    onKeyDown,
+    onFocus,
+    autoFocus,
+    ...props
+  } = _ref;
   const rootRef = useRef();
   const {
     focusNext,
@@ -47,64 +47,52 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
     focusFirst,
     focusLast
   } = useMemo(() => createFocusManager(rootRef, node => (node.getAttribute('role') === 'menuitem' || node.getAttribute('role') === 'menuitemcheckbox') && node.getAttribute('aria-disabled') !== 'true'), []);
-
   const handleKeyDown = e => {
     switch (e.key) {
       case 'ArrowUp':
         e.preventDefault();
         focusPrev();
         break;
-
       case 'ArrowDown':
         e.preventDefault();
         focusNext();
         break;
-
       case 'Home':
       case 'PageUp':
         e.preventDefault();
         focusFirst();
         break;
-
       case 'End':
       case 'PageDown':
         e.preventDefault();
         focusLast();
         break;
     }
-
     safeInvoke(onKeyDown, e);
   };
-
   const handleFocus = e => {
     if (e.target === rootRef.current && autoFocus) {
       focusFirst();
     }
-
     safeInvoke(onFocus, e);
   };
-
   let hasTabIndex = false;
   const items = Children.map(children, (child, index) => {
     if (! /*#__PURE__*/isValidElement(child)) {
       return child;
     }
-
     const props = {
       tabIndex: -1
     };
-
     if (onItemClick) {
       props.onClick = wrapFunction(child.props.onClick, onItemClick.bind(null, child, index));
     }
-
     if (!hasTabIndex && (child.type === MenuItem || child.type === MenuSelectableItem) && !child.props.disabled) {
       props.tabIndex = 0;
       hasTabIndex = true;
     } else {
       props.tabIndex = -1;
     }
-
     return /*#__PURE__*/cloneElement(child, props);
   });
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -116,7 +104,6 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
   }, props, {
     ref: el => {
       rootRef.current = el;
-
       if (ref) {
         ref.current = el;
       }
@@ -133,39 +120,32 @@ Menu.propTypes = {
    * @since 0.0.56
    */
   onItemClick: PropTypes.func,
-
   /**
    * Content of the `Menu`.
    * @since 0.0.55
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   onKeyDown: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * @ignore
    */
   autoFocus: PropTypes.bool,
-
   /**
    * Show menu in overlay.
    * @ignore
    */
   overlay: PropTypes.bool,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Menu/Menu.stories.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement } from 'react';
 import Menu, { MenuItem, MenuDivider, MenuHeader } from '.';
 import Label from '../Label';
@@ -24,7 +25,6 @@ Tooltip.args = {
         tooltip: 'One tooltip!'
       });
     }
-
     return item;
   })
 };

package/esm/components/Menu/MenuBaseItem.js

@@ -1,64 +1,62 @@
 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';
 import Icon, { ICON_SIZE_16 } from '../Icon';
+
 /**
  * `MenuBaseItem` component.
  * @since 0.0.60
  */
-
-const MenuBaseItem = ({
-  baseClassName,
-  className,
-  children,
-  icon,
-  label,
-  component: Component,
-  ...props
-}) => /*#__PURE__*/React.createElement(Component, _extends({
-  className: classNames(baseClassName, className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}-icon`
-}, Icon.create(icon, {
-  size: ICON_SIZE_16
-})), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}-content`
-}, children), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}-label`
-}, label));
-
+const MenuBaseItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    icon,
+    label,
+    component: Component,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: classNames(baseClassName, className)
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}-icon`
+  }, Icon.create(icon, {
+    size: ICON_SIZE_16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}-content`
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}-label`
+  }, label));
+};
 MenuBaseItem.propTypes = {
   /**
    * Icon
    * @since 0.0.60
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Right label of item.
    * @since 0.0.60
    */
   label: PropTypes.node,
-
   /**
    * Content of the `MenuBaseItem`.
    * @since 0.0.60
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
    * @since 1.9.1

package/esm/components/Menu/MenuDivider.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 PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+
 /**
  * `MenuDivider` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-
-const MenuDivider = ({
-  baseClassName,
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, className),
-  role: "separator"
-}, props));
-
+const MenuDivider = _ref => {
+  let {
+    baseClassName,
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, className),
+    role: "separator"
+  }, props));
+};
 MenuDivider.propTypes = {
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Menu/MenuHeader.js

@@ -1,37 +1,38 @@
 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';
 import MenuBaseItem from './MenuBaseItem';
+
 /**
  * `MenuHeader` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-
-const MenuHeader = ({
-  baseClassName,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(MenuBaseItem, _extends({
-  className: classNames(baseClassName, className),
-  role: "none"
-}, props), children);
-
+const MenuHeader = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(MenuBaseItem, _extends({
+    className: classNames(baseClassName, className),
+    role: "none"
+  }, props), children);
+};
 MenuHeader.propTypes = {
   /**
    * Content of the `MenuHeader`.
    * @since 0.0.57
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */