@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Menu/MenuItem.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,23 +8,24 @@ import Tooltip from '../Tooltip';
 import { CLS_PREFIX } from '../../constants';
 import { createProxyProps } from '../utils';
 import MenuBaseItem from './MenuBaseItem';
+
 /**
  * `MenuItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.55
  */
-
-const MenuItem = ({
-  baseClassName,
-  className,
-  children,
-  onClick,
-  active,
-  disabled,
-  icon,
-  label,
-  tooltip,
-  ...props
-}) => {
+const MenuItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    onClick,
+    active,
+    disabled,
+    icon,
+    label,
+    tooltip,
+    ...props
+  } = _ref;
   const element = /*#__PURE__*/React.createElement(MenuBaseItem, _extends({
     className: classNames(baseClassName, className, {
       [`${baseClassName}--active`]: active,
@@ -40,63 +42,52 @@ const MenuItem = ({
     icon: icon,
     label: label
   }, props), children);
-
   if (tooltip) {
     return createProxyProps(props => /*#__PURE__*/React.createElement(Tooltip, {
       title: tooltip
     }, /*#__PURE__*/cloneElement(element, props)));
   }
-
   return element;
 };
-
 MenuItem.propTypes = {
   /**
    * Whether item is active.
    * @since 0.0.55
    */
   active: PropTypes.bool,
-
   /**
    * Whether item is disabled.
    * @since 0.0.55
    */
   disabled: PropTypes.bool,
-
   /**
    * Icon
    * @since 0.0.55
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Right label of item.
    * @since 0.0.57
    */
   label: PropTypes.node,
-
   /**
    * Tooltip for component.
    * @since 2.6.1
    */
   tooltip: PropTypes.node,
-
   /**
    * Content of the `MenuItem`.
    * @since 0.0.55
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Menu/MenuSelectableItem.js

@@ -1,46 +1,46 @@
 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 MenuItem from './MenuItem';
+
 /**
  * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
  */
-
-const MenuSelectableItem = ({
-  baseClassName,
-  className,
-  children,
-  selected,
-  ...props
-}) => /*#__PURE__*/React.createElement(MenuItem, _extends({
-  className: classNames(baseClassName, className),
-  icon: selected ? 'check-mark' : null,
-  role: "menuitemcheckbox",
-  "aria-checked": selected ? 'true' : 'false'
-}, props), children);
-
+const MenuSelectableItem = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    selected,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(MenuItem, _extends({
+    className: classNames(baseClassName, className),
+    icon: selected ? 'check-mark' : null,
+    role: "menuitemcheckbox",
+    "aria-checked": selected ? 'true' : 'false'
+  }, props), children);
+};
 MenuSelectableItem.propTypes = {
   /**
    * Whether item is selected.
    * @since 0.0.57
    */
   selected: PropTypes.bool,
-
   /**
    * Content of the `MenuSelectableItem`.
    * @since 0.0.57
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Menu/index.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './Menu';
 export { default as MenuItem } from './MenuItem';
 export { default as MenuBaseItem } from './MenuBaseItem';

package/esm/components/OnDarkContext/OnDarkContext.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 import { createContext } from 'react';
 const OnDarkContext = /*#__PURE__*/createContext(false);
 export default OnDarkContext;

package/esm/components/OnDarkContext/index.js

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

package/esm/components/Overlay/Backdrop.js

@@ -1,20 +1,22 @@
 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';
-
-const Backdrop = ({
-  baseClassName,
-  className,
-  innerRef,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  ref: innerRef,
-  className: classNames(baseClassName, className)
-}, props));
-
+const Backdrop = _ref => {
+  let {
+    baseClassName,
+    className,
+    innerRef,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: innerRef,
+    className: classNames(baseClassName, className)
+  }, props));
+};
 Backdrop.propTypes = {
   /**
    * Inner ref handler.
@@ -22,12 +24,10 @@ Backdrop.propTypes = {
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     current: PropTypes.instanceOf(HTMLElement)
   })]),
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Overlay/Focuser.js

@@ -1,26 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 export const isFocusable = element => {
   if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
     return true;
   }
-
   if (element.disabled) {
     return false;
   }
-
   switch (element.nodeName) {
     case 'A':
       return !!element.href && element.rel !== 'ignore';
-
     case 'INPUT':
       return element.type !== 'hidden' && element.type !== 'file';
-
     case 'BUTTON':
     case 'SELECT':
     case 'TEXTAREA':
       return true;
-
     default:
       return false;
   }
@@ -29,52 +25,39 @@ export default class Focuser {
   constructor() {
     _defineProperty(this, "ignoreFocusChange", false);
   }
-
   canIgnoreFocusChange() {
     return this.ignoreFocusChange;
   }
-
   focusFirstDescendant(element, options) {
     for (let i = 0; i < element.childNodes.length; i++) {
       const child = element.childNodes[i];
-
       if (options && typeof options.canSkip === 'function' && options.canSkip(child)) {
         continue;
       }
-
       if (this.attemptFocus(child) || this.focusFirstDescendant(child)) {
         return true;
       }
     }
-
     return false;
   }
-
   focusLastDescendant(element) {
     for (let i = element.childNodes.length - 1; i >= 0; i--) {
       const child = element.childNodes[i];
-
       if (this.attemptFocus(child) || this.focusLastDescendant(child)) {
         return true;
       }
     }
-
     return false;
   }
-
   attemptFocus(element) {
     if (!isFocusable(element)) {
       return false;
     }
-
     this.ignoreFocusChange = true;
-
     try {
       element.focus();
     } catch {}
-
     this.ignoreFocusChange = false;
     return document.activeElement === element;
   }
-
 }

package/esm/components/Overlay/Overlay.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 { disableDocumentScroll, enableDocumentScroll } from '../../utils';
 import React, { Component, Fragment, createRef, isValidElement } from 'react';
 import { safeInvoke } from '../utils';
@@ -11,61 +12,51 @@ import { CSSTransition } from 'react-transition-group';
 import Backdrop from './Backdrop';
 import Layer from '../Layer';
 import FocusTrap from '../FocusTrap';
-
 /**
  * `Overlay` component.
  */
+
 const overlays = [];
+
 /**
  * @since 0.0.65
  */
-
 export default class Overlay extends Component {
-  constructor(...args) {
-    super(...args);
-
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       isOpened: false,
       isExist: false
     });
-
     _defineProperty(this, "prevFocusElement", null);
-
     _defineProperty(this, "contentRef", /*#__PURE__*/createRef());
-
     _defineProperty(this, "backdropRef", /*#__PURE__*/createRef());
-
     _defineProperty(this, "handleBackdropClick", () => {
       const {
         onClose,
         canCloseOnBackdropClick
       } = this.props;
-
       if (canCloseOnBackdropClick) {
         safeInvoke(onClose);
       } else {
         this.focus();
       }
     });
-
     _defineProperty(this, "handleContentKeyUp", e => {
       const {
         onClose
       } = this.props;
-
       if (!e.isDefaultPrevented() && e.key === 'Escape') {
         safeInvoke(onClose);
         e.preventDefault();
       }
     });
   }
-
   componentDidMount() {
     if (this.props.isOpen) {
       this.overlayWillOpen();
     }
   }
-
   componentDidUpdate(prevProps) {
     if (!this.props.isOpen && prevProps.isOpen) {
       this.overlayWillClose();
@@ -73,13 +64,11 @@ export default class Overlay extends Component {
       this.overlayWillOpen();
     }
   }
-
   componentWillUnmount() {
     if (this.props.isOpen) {
       this.overlayWillClose();
     }
   }
-
   overlayWillOpen() {
     disableDocumentScroll();
     overlays.push(this);
@@ -94,14 +83,11 @@ export default class Overlay extends Component {
       });
     });
   }
-
   overlayWillClose() {
     overlays.pop();
-
     if (overlays.length === 0) {
       enableDocumentScroll();
     }
-
     this.setState({
       isOpened: false
     }, () => {
@@ -111,17 +97,13 @@ export default class Overlay extends Component {
       }
     });
   }
-
   focus() {
     if (this.contentRef.current === null || document.activeElement === null || !this.props.isOpen) {
       return;
     }
-
     const isFocusOutside = !this.contentRef.current.contains(document.activeElement);
-
     if (isFocusOutside) {
       const autofocusElement = this.contentRef.current.querySelector('[autofocus]');
-
       if (autofocusElement) {
         autofocusElement.focus();
       } else {
@@ -129,13 +111,13 @@ export default class Overlay extends Component {
       }
     }
   }
-
-  renderContent({
-    baseClassName,
-    children,
-    canCloseOnEscapePress,
-    sideBanner
-  }) {
+  renderContent(_ref) {
+    let {
+      baseClassName,
+      children,
+      canCloseOnEscapePress,
+      sideBanner
+    } = _ref;
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CSSTransition, {
       in: this.state.isOpened,
       classNames: `${baseClassName}-`,
@@ -159,10 +141,10 @@ export default class Overlay extends Component {
       image: sideBanner
     }))));
   }
-
-  renderBackdrop({
-    baseClassName
-  }) {
+  renderBackdrop(_ref2) {
+    let {
+      baseClassName
+    } = _ref2;
     return /*#__PURE__*/React.createElement(CSSTransition, {
       in: this.state.isOpened,
       classNames: `${baseClassName}-`,
@@ -173,23 +155,20 @@ export default class Overlay extends Component {
       innerRef: this.backdropRef
     }));
   }
-
-  renderImage({
-    baseClassName,
-    image
-  }) {
+  renderImage(_ref3) {
+    let {
+      baseClassName,
+      image
+    } = _ref3;
     const classPrefix = `${baseClassName}__side`;
-
     if (!image) {
       return null;
     }
-
     if ( /*#__PURE__*/isValidElement(image)) {
       return /*#__PURE__*/React.createElement("div", {
         className: `${classPrefix}`
       }, image);
     }
-
     if (typeof image === 'string') {
       return /*#__PURE__*/React.createElement("div", {
         className: classPrefix
@@ -198,14 +177,12 @@ export default class Overlay extends Component {
         src: image
       }));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: classPrefix
     }, /*#__PURE__*/React.createElement("img", _extends({
       className: `${classPrefix}-image`
     }, image)));
   }
-
   render() {
     const {
       baseClassName,
@@ -225,18 +202,16 @@ export default class Overlay extends Component {
     const {
       isExist
     } = this.state;
-
     if (!isExist) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(Layer, {
       level: Z_INDEX_OVERLAY
     }, /*#__PURE__*/React.createElement("div", _extends({
       className: classNames(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
       style: {
-        '--sideBannerBackground': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
-        '--sideBannerAlign': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
+        '--sideBannerBackground': sideBannerContainer?.background,
+        '--sideBannerAlign': sideBannerContainer?.align,
         ...style
       }
     }, props), this.renderBackdrop({
@@ -248,46 +223,37 @@ export default class Overlay extends Component {
       sideBanner
     })));
   }
-
 }
-
 _defineProperty(Overlay, "propTypes", {
   /**
    * Toggles visibility.
    */
   isOpen: PropTypes.bool,
-
   /**
    * Overlay placement.
    */
   placement: PropTypes.oneOf(['center', 'left', 'right']),
-
   /**
    * Overlay size.
    */
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
-
   /**
    * onClose handler.
    */
   onClose: PropTypes.func,
-
   /**
    * Indicating if clicking the backdrop should close the overlay.
    */
   canCloseOnBackdropClick: PropTypes.bool,
-
   /**
    * Indicating if pressing the escape key should close the overlay.
    */
   canCloseOnEscapePress: PropTypes.bool,
-
   /**
    * Block with an image, placed at the side of the component
    * @since 3.25.0
    */
   sideBanner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-
   /**
    * Additional properties for the sideBanner
    * @since 3.25.0
@@ -297,34 +263,28 @@ _defineProperty(Overlay, "propTypes", {
      * Values for css background property
      */
     background: PropTypes.string,
-
     /**
      * One of: center, flex-start, flex-end
      */
     align: PropTypes.oneOf(['center', 'flex-start', 'flex-end'])
   }),
-
   /**
    * @ignore
    */
   style: PropTypes.object,
-
   /**
    * Content of the `Overlay`.
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   baseClassName: PropTypes.string
 });
-
 _defineProperty(Overlay, "defaultProps", {
   isOpen: false,
   placement: 'center',

package/esm/components/Overlay/index.js

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