@plesk/ui-library 3.31.3 → 3.32.0

package/esm/components/Toaster/Toaster.js

@@ -1,14 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import { render } from 'react-dom';
-import React, { Component, createRef } from 'react';
+import { Component, createRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { CLS_PREFIX, Z_INDEX_TOASTER } from '../../constants';
 import Toast from '../Toast';
 import Layer from '../Layer';
+import { jsx as _jsx } from "react/jsx-runtime";
 let toastId = 0;
 /**
  * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
@@ -134,51 +134,57 @@ export default class Toaster extends Component {
       stack = [...stack];
       stack.reverse();
     }
-    return /*#__PURE__*/React.createElement(Layer, {
-      level: Z_INDEX_TOASTER
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      className: classNames(baseClassName, {
-        [`${baseClassName}--${position}`]: position
-      }, className)
-    }, props), /*#__PURE__*/React.createElement(TransitionGroup, {
-      component: "span"
-    }, stack.map(toastProps => {
-      const {
-        intent
-      } = toastProps;
-      let {
-        autoClosable
-      } = toastProps;
-      if (autoClosable === undefined && intent === 'success' && position === 'top-end') {
-        autoClosable = true;
-      }
-      const toastRef = /*#__PURE__*/createRef();
-      return /*#__PURE__*/React.createElement(CSSTransition, {
-        key: toastProps.key,
-        classNames: `${Toast.defaultProps.baseClassName}-`,
-        timeout: {
-          enter: 300,
-          exit: 300
-        },
-        nodeRef: toastRef
-      }, /*#__PURE__*/React.createElement(Toast, _extends({}, toastProps, {
-        autoClosable: autoClosable,
-        onClose: () => {
-          if (!this.isControlled()) {
-            this.remove(toastProps.key);
-          }
-          if (toastProps.onClose) {
-            toastProps.onClose();
-          }
-          if (onToastClose) {
-            onToastClose(toastProps.key);
-          }
-        },
-        innerRef: toastRef
-      })));
-    }))));
+    return /*#__PURE__*/_jsx(Layer, {
+      level: Z_INDEX_TOASTER,
+      children: /*#__PURE__*/_jsx("div", {
+        className: classNames(baseClassName, {
+          [`${baseClassName}--${position}`]: position
+        }, className),
+        ...props,
+        children: /*#__PURE__*/_jsx(TransitionGroup, {
+          component: "span",
+          children: stack.map(toastProps => {
+            const {
+              intent
+            } = toastProps;
+            let {
+              autoClosable
+            } = toastProps;
+            if (autoClosable === undefined && intent === 'success' && position === 'top-end') {
+              autoClosable = true;
+            }
+            const toastRef = /*#__PURE__*/createRef();
+            return /*#__PURE__*/_jsx(CSSTransition, {
+              classNames: `${Toast.defaultProps.baseClassName}-`,
+              timeout: {
+                enter: 300,
+                exit: 300
+              },
+              nodeRef: toastRef,
+              children: /*#__PURE__*/_jsx(Toast, {
+                ...toastProps,
+                autoClosable: autoClosable,
+                onClose: () => {
+                  if (!this.isControlled()) {
+                    this.remove(toastProps.key);
+                  }
+                  if (toastProps.onClose) {
+                    toastProps.onClose();
+                  }
+                  if (onToastClose) {
+                    onToastClose(toastProps.key);
+                  }
+                },
+                innerRef: toastRef
+              })
+            }, toastProps.key);
+          })
+        })
+      })
+    });
   }
 }
+// eslint-disable-next-line react/sort-comp
 _defineProperty(Toaster, "defaultProps", {
   position: 'top-end',
   baseClassName: `${CLS_PREFIX}toaster`
@@ -188,5 +194,7 @@ _defineProperty(Toaster, "create", function () {
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return render( /*#__PURE__*/React.createElement(Toaster, props), containerElement);
+  return render( /*#__PURE__*/_jsx(Toaster, {
+    ...props
+  }), containerElement);
 });

package/esm/components/Toolbar/Toolbar.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
@@ -10,6 +9,7 @@ import RegistryContext, { createRegistry } from './RegistryContext';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import { toToolbarItems } from './ToolbarItem';
 import Squeezer from '../Squeezer';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
  * Toolbar is located on top of the managed content block.
@@ -47,24 +47,29 @@ class Toolbar extends Component {
       ...props
     } = this.props;
     const toolbarItems = toToolbarItems(children);
-    return /*#__PURE__*/React.createElement(Squeezer, {
+    return /*#__PURE__*/_jsx(Squeezer, {
       compact: () => this.registry.compact(),
       uncompact: () => this.registry.uncompact(),
       innerMeasure: measure => {
         this.measure = measure;
+      },
+      children: _ref => {
+        let {
+          ref
+        } = _ref;
+        return /*#__PURE__*/_jsx("div", {
+          ref: ref,
+          className: classNames(baseClassName, className),
+          ...props,
+          children: /*#__PURE__*/_jsx(RegistryContext.Provider, {
+            value: this.registry,
+            children: /*#__PURE__*/_jsx(DistractionFreeModeContext.Provider, {
+              value: this.state.distractionFreeMode,
+              children: toolbarItems
+            })
+          })
+        });
       }
-    }, _ref => {
-      let {
-        ref
-      } = _ref;
-      return /*#__PURE__*/React.createElement("div", _extends({
-        ref: ref,
-        className: classNames(baseClassName, className)
-      }, props), /*#__PURE__*/React.createElement(RegistryContext.Provider, {
-        value: this.registry
-      }, /*#__PURE__*/React.createElement(DistractionFreeModeContext.Provider, {
-        value: this.state.distractionFreeMode
-      }, toolbarItems)));
     });
   }
 }

package/esm/components/Toolbar/ToolbarExpander.js

@@ -1,10 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
  * It is used to split all toolbar controls into two groups:
@@ -22,8 +22,10 @@ const ToolbarExpander = _ref => {
   if (distractionFreeMode && distractionFreeMode.enabled) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(baseClassName, className)
-  }, props), children);
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(baseClassName, className),
+    ...props,
+    children: children
+  });
 };
 export default ToolbarExpander;

package/esm/components/Toolbar/ToolbarGroup.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
@@ -18,7 +17,7 @@ import ToolbarExpander from './ToolbarExpander';
  * It is used for grouping several toolbar controls together.
  * @since 0.0.57
  */
-
+import { jsx as _jsx } from "react/jsx-runtime";
 class ToolbarGroup extends Component {
   constructor(props) {
     super(props);
@@ -107,24 +106,31 @@ class ToolbarGroup extends Component {
     let hasExpander = Children.toArray(children).some(child => child && child.type === ToolbarExpander);
     if (groupable && compact && Children.count(children) > 1) {
       hasExpander = false;
-      children = /*#__PURE__*/React.createElement(Dropdown, {
-        menu: /*#__PURE__*/React.createElement(ToolbarMenu, null, children)
-      }, title);
+      children = /*#__PURE__*/_jsx(Dropdown, {
+        menu: /*#__PURE__*/_jsx(ToolbarMenu, {
+          children: children
+        }),
+        children: title
+      });
     } else {
-      children = /*#__PURE__*/React.createElement(RegistryContext.Provider, {
-        value: this.registry
-      }, /*#__PURE__*/React.createElement(DistractionFreeModeContext.Provider, {
-        value: distractionFreeMode
-      }, toToolbarItems(children)));
+      children = /*#__PURE__*/_jsx(RegistryContext.Provider, {
+        value: this.registry,
+        children: /*#__PURE__*/_jsx(DistractionFreeModeContext.Provider, {
+          value: distractionFreeMode,
+          children: toToolbarItems(children)
+        })
+      });
     }
     if (distractionFreeMode.enabled && !availableInDistractionFreeMode) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/_jsx("div", {
       className: classNames(baseClassName, className, {
         [`${baseClassName}--grow`]: hasExpander || distractionFreeMode.enabled && availableInDistractionFreeMode
-      })
-    }, props), children);
+      }),
+      ...props,
+      children: children
+    });
   }
 }
 const propTypes = {
@@ -176,10 +182,11 @@ ToolbarGroup.defaultProps = {
 const ToolbarGroupWrapper = props => {
   const registry = useContext(RegistryContext);
   const distractionFreeMode = useContext(DistractionFreeModeContext);
-  return /*#__PURE__*/React.createElement(ToolbarGroup, _extends({}, props, {
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    ...props,
     registry: registry,
     distractionFreeMode: distractionFreeMode
-  }));
+  });
 };
 ToolbarGroupWrapper.displayName = 'ToolbarGroup';
 ToolbarGroupWrapper.propTypes = propTypes;

package/esm/components/Toolbar/ToolbarItem.js

@@ -1,13 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { Component, isValidElement, Children, cloneElement } from 'react';
+import { Component, isValidElement, Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import ResponsiveContext from '../ResponsiveContext';
 import RegistryContext from './RegistryContext';
 import ToolbarGroup from './ToolbarGroup';
 import ToolbarExpander from './ToolbarExpander';
+import { jsx as _jsx } from "react/jsx-runtime";
 class ToolbarItem extends Component {
   constructor() {
     super(...arguments);
@@ -38,9 +39,10 @@ class ToolbarItem extends Component {
     const {
       compact
     } = this.state;
-    return /*#__PURE__*/React.createElement(ResponsiveContext.Provider, {
-      value: compact
-    }, children);
+    return /*#__PURE__*/_jsx(ResponsiveContext.Provider, {
+      value: compact,
+      children: children
+    });
   }
 }
 ToolbarItem.contextType = RegistryContext;
@@ -51,7 +53,9 @@ export const toToolbarItems = children => Children.map(children, child => {
   if (child.type === ToolbarGroup || child.type === ToolbarExpander) {
     return child;
   }
-  return /*#__PURE__*/React.createElement(ToolbarItem, null, /*#__PURE__*/cloneElement(child, {
-    className: classNames(child.props.className, `${CLS_PREFIX}toolbar__group-item`)
-  }));
+  return /*#__PURE__*/_jsx(ToolbarItem, {
+    children: /*#__PURE__*/cloneElement(child, {
+      className: classNames(child.props.className, `${CLS_PREFIX}toolbar__group-item`)
+    })
+  });
 });

package/esm/components/Toolbar/ToolbarMenu.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { cloneElement, isValidElement, Children, forwardRef } from 'react';
+import { cloneElement, isValidElement, Children, forwardRef } from 'react';
 import Menu, { MenuItem, MenuHeader, MenuBaseItem, MenuDivider } from '../Menu';
 import ToolbarExpander from './ToolbarExpander';
 import ToolbarGroup from './ToolbarGroup';
@@ -9,11 +8,11 @@ import Button from '../Button';
 import Dropdown from '../Dropdown';
 import { ListOperation } from '../List';
 import { wrapFunction } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const toMenuItem = (child, isLast, onItemClick) => {
   switch (child.type) {
     case Button:
       {
-        /* eslint-disable react/prop-types */
         const props = {};
         let other = {};
         ({
@@ -32,7 +31,10 @@ const toMenuItem = (child, isLast, onItemClick) => {
         if (child.props.component === 'a' || typeof child.props.component === 'function') {
           props.component = child.props.component;
         }
-        return /*#__PURE__*/React.createElement(MenuItem, props, props.children);
+        return /*#__PURE__*/_jsx(MenuItem, {
+          ...props,
+          children: props.children
+        });
         /* eslint-enable react/prop-types */
       }
 
@@ -42,9 +44,9 @@ const toMenuItem = (child, isLast, onItemClick) => {
           title,
           children
         } = child.props;
-        return [/*#__PURE__*/React.createElement(MenuHeader, {
-          key: title
-        }, title), toMenuItems(children, onItemClick), isLast ? null : /*#__PURE__*/React.createElement(MenuDivider, null)];
+        return [/*#__PURE__*/_jsx(MenuHeader, {
+          children: title
+        }, title), toMenuItems(children, onItemClick), isLast ? null : /*#__PURE__*/_jsx(MenuDivider, {})];
       }
     case ToolbarExpander:
       return null;
@@ -56,7 +58,9 @@ const toMenuItem = (child, isLast, onItemClick) => {
             onItemClick: onMenuItemClick
           } = child.props.menu.props);
         }
-        return [child.props.children ? /*#__PURE__*/React.createElement(MenuHeader, null, child.props.children) : null, toMenuItems(child.props.menu.props.children, wrapFunction(onMenuItemClick, onItemClick)), isLast ? null : /*#__PURE__*/React.createElement(MenuDivider, null)];
+        return [child.props.children ? /*#__PURE__*/_jsx(MenuHeader, {
+          children: child.props.children
+        }) : null, toMenuItems(child.props.menu.props.children, wrapFunction(onMenuItemClick, onItemClick)), isLast ? null : /*#__PURE__*/_jsx(MenuDivider, {})];
       }
     case ListOperation:
       {
@@ -81,9 +85,10 @@ const toMenuItem = (child, isLast, onItemClick) => {
     case MenuDivider:
       return child;
     default:
-      return /*#__PURE__*/React.createElement(MenuBaseItem, {
-        onClick: onItemClick
-      }, child);
+      return /*#__PURE__*/_jsx(MenuBaseItem, {
+        onClick: onItemClick,
+        children: child
+      });
   }
 };
 const toMenuItems = (children, onItemClick) => {
@@ -95,15 +100,16 @@ const toMenuItems = (children, onItemClick) => {
     return toMenuItem(child, index === count - 1, onItemClick);
   });
 };
-// eslint-disable-next-line react/display-name
 const ToolbarMenu = /*#__PURE__*/forwardRef(function ToolbarMenu(_ref, ref) {
   let {
     onItemClick,
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Menu, _extends({}, props, {
-    ref: ref
-  }), toMenuItems(children, onItemClick));
+  return /*#__PURE__*/_jsx(Menu, {
+    ...props,
+    ref: ref,
+    children: toMenuItems(children, onItemClick)
+  });
 });
 export default ToolbarMenu;

package/esm/components/Tooltip/Tooltip.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
@@ -8,6 +7,8 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX, Z_INDEX_TOOLTIP } from '../../constants';
 import { wrapFunction } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const createRectFactory = (width, height) => (left, top) => ({
   top,
   left,
@@ -165,31 +166,36 @@ class Tooltip extends Component {
       top,
       visible
     } = this.state;
-    return /*#__PURE__*/React.createElement(Layer, {
-      level: Z_INDEX_TOOLTIP
-    }, /*#__PURE__*/React.createElement("span", _extends({
-      ref: el => {
-        this.tooltipEl = el;
-      },
-      className: classNames(baseClassName, className),
-      style: {
-        ...style,
-        transform: `translate(${left}px, ${top}px)`,
-        visibility: visible ? 'visible' : 'hidden'
-      },
-      role: "tooltip"
-    }, props), title));
+    return /*#__PURE__*/_jsx(Layer, {
+      level: Z_INDEX_TOOLTIP,
+      children: /*#__PURE__*/_jsx("span", {
+        ref: el => {
+          this.tooltipEl = el;
+        },
+        className: classNames(baseClassName, className),
+        style: {
+          ...style,
+          transform: `translate(${left}px, ${top}px)`,
+          visibility: visible ? 'visible' : 'hidden'
+        },
+        role: "tooltip",
+        ...props,
+        children: title
+      })
+    });
   }
   render() {
     const {
       ready
     } = this.state;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/cloneElement(this.props.children, {
-      onMouseEnter: wrapFunction(this.props.children.props.onMouseEnter, this.handleMouseEnter),
-      onMouseMove: wrapFunction(this.props.children.props.onMouseMove, this.handleMouseMove),
-      onMouseLeave: wrapFunction(this.props.children.props.onMouseLeave, this.handleHide),
-      onMouseDown: wrapFunction(this.props.children.props.onMouseDown, this.handleHide)
-    }), ready && this.renderTooltip());
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/cloneElement(this.props.children, {
+        onMouseEnter: wrapFunction(this.props.children.props.onMouseEnter, this.handleMouseEnter),
+        onMouseMove: wrapFunction(this.props.children.props.onMouseMove, this.handleMouseMove),
+        onMouseLeave: wrapFunction(this.props.children.props.onMouseLeave, this.handleHide),
+        onMouseDown: wrapFunction(this.props.children.props.onMouseDown, this.handleHide)
+      }), ready && this.renderTooltip()]
+    });
   }
 }
 Tooltip.propTypes = {

package/esm/components/Tour/Tour.js

@@ -1,6 +1,7 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { Children, cloneElement, isValidElement } from 'react';
+import { Children, cloneElement, isValidElement } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Tour` component is used for introducing a new functionality in the product.
  * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
@@ -39,7 +40,7 @@ const Tour = _ref => {
   // a workaround for Props & Methods in Styleguidist
   // eslint-disable-next-line no-constant-condition
   if (false) {
-    return /*#__PURE__*/React.createElement("span", null);
+    return /*#__PURE__*/_jsx("span", {});
   }
   return null;
 };

package/esm/components/Translate/Translate.js

@@ -3,6 +3,7 @@
 import React, { isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslate } from '../LocaleProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const isLikeText = node => {
   if (typeof node === 'string') {
     return true;
@@ -52,7 +53,9 @@ const Translate = _ref => {
   } else {
     props.children = message;
   }
-  return /*#__PURE__*/React.createElement(Tag, props);
+  return /*#__PURE__*/_jsx(Tag, {
+    ...props
+  });
 };
 Translate.propTypes = {
   /**

package/esm/components/utils.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const safeInvoke = function (fn) {
   if (typeof fn === 'function') {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -51,7 +51,7 @@ export const isClickable = e => {
 };
 export const createProxyProps = cb => {
   const ProxyProps = props => cb(props);
-  return /*#__PURE__*/React.createElement(ProxyProps, null);
+  return /*#__PURE__*/_jsx(ProxyProps, {});
 };
 export const scrollIntoView = (target, options) => scrollIntoViewIfNeeded(target, {
   block: 'center',
@@ -99,12 +99,8 @@ const createStrategy = () => {
     }
     return undefined;
   };
-  const getFirst = container => {
-    return container.firstElementChild;
-  };
-  const getLast = container => {
-    return container.lastElementChild;
-  };
+  const getFirst = container => container.firstElementChild;
+  const getLast = container => container.lastElementChild;
   return {
     getNext,
     getPrev,

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.31.3";
+const version = "3.32.0";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/esm/utils.js

@@ -29,6 +29,4 @@ export const copyToClipboard = value => {
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
-};
-
-// eslint-disable-next-line
+};