@plesk/ui-library 3.31.3 → 3.32.0

package/cjs/components/Toaster/Toaster.js

@@ -5,17 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactDom = require("react-dom");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactTransitionGroup = require("react-transition-group");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Toast = _interopRequireDefault(require("../Toast"));
 var _Layer = _interopRequireDefault(require("../Layer"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 let toastId = 0;
@@ -143,52 +141,58 @@ class Toaster extends _react.Component {
       stack = [...stack];
       stack.reverse();
     }
-    return /*#__PURE__*/_react.default.createElement(_Layer.default, {
-      level: _constants.Z_INDEX_TOASTER
-    }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${position}`]: position
-      }, className)
-    }, props), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.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__*/(0, _react.createRef)();
-      return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-        key: toastProps.key,
-        classNames: `${_Toast.default.defaultProps.baseClassName}-`,
-        timeout: {
-          enter: 300,
-          exit: 300
-        },
-        nodeRef: toastRef
-      }, /*#__PURE__*/_react.default.createElement(_Toast.default, (0, _extends2.default)({}, 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__*/(0, _jsxRuntime.jsx)(_Layer.default, {
+      level: _constants.Z_INDEX_TOASTER,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(baseClassName, {
+          [`${baseClassName}--${position}`]: position
+        }, className),
+        ...props,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.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__*/(0, _react.createRef)();
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+              classNames: `${_Toast.default.defaultProps.baseClassName}-`,
+              timeout: {
+                enter: 300,
+                exit: 300
+              },
+              nodeRef: toastRef,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
+                ...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);
+          })
+        })
+      })
+    });
   }
 }
 exports.default = Toaster;
+// eslint-disable-next-line react/sort-comp
 (0, _defineProperty2.default)(Toaster, "defaultProps", {
   position: 'top-end',
   baseClassName: `${_constants.CLS_PREFIX}toaster`
@@ -198,5 +202,7 @@ exports.default = Toaster;
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(Toaster, props), containerElement);
+  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(Toaster, {
+    ...props
+  }), containerElement);
 });

package/cjs/components/Toolbar/Toolbar.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,6 +14,7 @@ var _RegistryContext = _interopRequireWildcard(require("./RegistryContext"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _ToolbarItem = require("./ToolbarItem");
 var _Squeezer = _interopRequireDefault(require("../Squeezer"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -56,24 +56,29 @@ class Toolbar extends _react.Component {
       ...props
     } = this.props;
     const toolbarItems = (0, _ToolbarItem.toToolbarItems)(children);
-    return /*#__PURE__*/_react.default.createElement(_Squeezer.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Squeezer.default, {
       compact: () => this.registry.compact(),
       uncompact: () => this.registry.uncompact(),
       innerMeasure: measure => {
         this.measure = measure;
+      },
+      children: _ref => {
+        let {
+          ref
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: ref,
+          className: (0, _classnames.default)(baseClassName, className),
+          ...props,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
+            value: this.registry,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
+              value: this.state.distractionFreeMode,
+              children: toolbarItems
+            })
+          })
+        });
       }
-    }, _ref => {
-      let {
-        ref
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        ref: ref,
-        className: (0, _classnames.default)(baseClassName, className)
-      }, props), /*#__PURE__*/_react.default.createElement(_RegistryContext.default.Provider, {
-        value: this.registry
-      }, /*#__PURE__*/_react.default.createElement(_DistractionFreeModeContext.default.Provider, {
-        value: this.state.distractionFreeMode
-      }, toolbarItems)));
     });
   }
 }

package/cjs/components/Toolbar/ToolbarExpander.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -31,9 +29,11 @@ const ToolbarExpander = _ref => {
   if (distractionFreeMode && distractionFreeMode.enabled) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: children
+  });
 };
 var _default = ToolbarExpander;
 exports.default = _default;

package/cjs/components/Toolbar/ToolbarGroup.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +16,7 @@ var _RegistryContext = _interopRequireWildcard(require("./RegistryContext"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _ToolbarItem = require("./ToolbarItem");
 var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -25,9 +25,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
  * It is used for grouping several toolbar controls together.
  * @since 0.0.57
- */
-
-class ToolbarGroup extends _react.Component {
+ */class ToolbarGroup extends _react.Component {
   constructor(props) {
     super(props);
     (0, _defineProperty2.default)(this, "state", {
@@ -115,24 +113,31 @@ class ToolbarGroup extends _react.Component {
     let hasExpander = _react.Children.toArray(children).some(child => child && child.type === _ToolbarExpander.default);
     if (groupable && compact && _react.Children.count(children) > 1) {
       hasExpander = false;
-      children = /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-        menu: /*#__PURE__*/_react.default.createElement(_ToolbarMenu.default, null, children)
-      }, title);
+      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+        menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarMenu.default, {
+          children: children
+        }),
+        children: title
+      });
     } else {
-      children = /*#__PURE__*/_react.default.createElement(_RegistryContext.default.Provider, {
-        value: this.registry
-      }, /*#__PURE__*/_react.default.createElement(_DistractionFreeModeContext.default.Provider, {
-        value: distractionFreeMode
-      }, (0, _ToolbarItem.toToolbarItems)(children)));
+      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
+        value: this.registry,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
+          value: distractionFreeMode,
+          children: (0, _ToolbarItem.toToolbarItems)(children)
+        })
+      });
     }
     if (distractionFreeMode.enabled && !availableInDistractionFreeMode) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(baseClassName, className, {
         [`${baseClassName}--grow`]: hasExpander || distractionFreeMode.enabled && availableInDistractionFreeMode
-      })
-    }, props), children);
+      }),
+      ...props,
+      children: children
+    });
   }
 }
 const propTypes = {
@@ -184,10 +189,11 @@ ToolbarGroup.defaultProps = {
 const ToolbarGroupWrapper = props => {
   const registry = (0, _react.useContext)(_RegistryContext.default);
   const distractionFreeMode = (0, _react.useContext)(_DistractionFreeModeContext.default);
-  return /*#__PURE__*/_react.default.createElement(ToolbarGroup, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarGroup, {
+    ...props,
     registry: registry,
     distractionFreeMode: distractionFreeMode
-  }));
+  });
 };
 ToolbarGroupWrapper.displayName = 'ToolbarGroup';
 ToolbarGroupWrapper.propTypes = propTypes;

package/cjs/components/Toolbar/ToolbarItem.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toToolbarItems = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _RegistryContext = _interopRequireDefault(require("./RegistryContext"));
 var _ToolbarGroup = _interopRequireDefault(require("./ToolbarGroup"));
 var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 class ToolbarItem extends _react.Component {
@@ -47,9 +46,10 @@ class ToolbarItem extends _react.Component {
     const {
       compact
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_ResponsiveContext.default.Provider, {
-      value: compact
-    }, children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
+      value: compact,
+      children: children
+    });
   }
 }
 ToolbarItem.contextType = _RegistryContext.default;
@@ -60,8 +60,10 @@ const toToolbarItems = children => _react.Children.map(children, child => {
   if (child.type === _ToolbarGroup.default || child.type === _ToolbarExpander.default) {
     return child;
   }
-  return /*#__PURE__*/_react.default.createElement(ToolbarItem, null, /*#__PURE__*/(0, _react.cloneElement)(child, {
-    className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarItem, {
+    children: /*#__PURE__*/(0, _react.cloneElement)(child, {
+      className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
+    })
+  });
 });
 exports.toToolbarItems = toToolbarItems;

package/cjs/components/Toolbar/ToolbarMenu.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _Menu = _interopRequireWildcard(require("../Menu"));
 var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
 var _ToolbarGroup = _interopRequireDefault(require("./ToolbarGroup"));
@@ -14,6 +13,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _List = require("../List");
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -22,7 +22,6 @@ const toMenuItem = (child, isLast, onItemClick) => {
   switch (child.type) {
     case _Button.default:
       {
-        /* eslint-disable react/prop-types */
         const props = {};
         let other = {};
         ({
@@ -41,7 +40,10 @@ const toMenuItem = (child, isLast, onItemClick) => {
         if (child.props.component === 'a' || typeof child.props.component === 'function') {
           props.component = child.props.component;
         }
-        return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, props, props.children);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+          ...props,
+          children: props.children
+        });
         /* eslint-enable react/prop-types */
       }
 
@@ -51,9 +53,9 @@ const toMenuItem = (child, isLast, onItemClick) => {
           title,
           children
         } = child.props;
-        return [/*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, {
-          key: title
-        }, title), toMenuItems(children, onItemClick), isLast ? null : /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, null)];
+        return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuHeader, {
+          children: title
+        }, title), toMenuItems(children, onItemClick), isLast ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {})];
       }
     case _ToolbarExpander.default:
       return null;
@@ -65,7 +67,9 @@ const toMenuItem = (child, isLast, onItemClick) => {
             onItemClick: onMenuItemClick
           } = child.props.menu.props);
         }
-        return [child.props.children ? /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, null, child.props.children) : null, toMenuItems(child.props.menu.props.children, (0, _utils.wrapFunction)(onMenuItemClick, onItemClick)), isLast ? null : /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, null)];
+        return [child.props.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuHeader, {
+          children: child.props.children
+        }) : null, toMenuItems(child.props.menu.props.children, (0, _utils.wrapFunction)(onMenuItemClick, onItemClick)), isLast ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {})];
       }
     case _List.ListOperation:
       {
@@ -90,9 +94,10 @@ const toMenuItem = (child, isLast, onItemClick) => {
     case _Menu.MenuDivider:
       return child;
     default:
-      return /*#__PURE__*/_react.default.createElement(_Menu.MenuBaseItem, {
-        onClick: onItemClick
-      }, child);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuBaseItem, {
+        onClick: onItemClick,
+        children: child
+      });
   }
 };
 const toMenuItems = (children, onItemClick) => {
@@ -104,16 +109,17 @@ const toMenuItems = (children, onItemClick) => {
     return toMenuItem(child, index === count - 1, onItemClick);
   });
 };
-// eslint-disable-next-line react/display-name
 const ToolbarMenu = /*#__PURE__*/(0, _react.forwardRef)(function ToolbarMenu(_ref, ref) {
   let {
     onItemClick,
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Menu.default, (0, _extends2.default)({}, props, {
-    ref: ref
-  }), toMenuItems(children, onItemClick));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+    ...props,
+    ref: ref,
+    children: toMenuItems(children, onItemClick)
+  });
 });
 var _default = ToolbarMenu;
 exports.default = _default;

package/cjs/components/Tooltip/Tooltip.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _Layer = _interopRequireDefault(require("../Layer"));
@@ -13,6 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -174,31 +174,36 @@ class Tooltip extends _react.Component {
       top,
       visible
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_Layer.default, {
-      level: _constants.Z_INDEX_TOOLTIP
-    }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-      ref: el => {
-        this.tooltipEl = el;
-      },
-      className: (0, _classnames.default)(baseClassName, className),
-      style: {
-        ...style,
-        transform: `translate(${left}px, ${top}px)`,
-        visibility: visible ? 'visible' : 'hidden'
-      },
-      role: "tooltip"
-    }, props), title));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
+      level: _constants.Z_INDEX_TOOLTIP,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        ref: el => {
+          this.tooltipEl = el;
+        },
+        className: (0, _classnames.default)(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.default.createElement(_react.Fragment, null, /*#__PURE__*/(0, _react.cloneElement)(this.props.children, {
-      onMouseEnter: (0, _utils.wrapFunction)(this.props.children.props.onMouseEnter, this.handleMouseEnter),
-      onMouseMove: (0, _utils.wrapFunction)(this.props.children.props.onMouseMove, this.handleMouseMove),
-      onMouseLeave: (0, _utils.wrapFunction)(this.props.children.props.onMouseLeave, this.handleHide),
-      onMouseDown: (0, _utils.wrapFunction)(this.props.children.props.onMouseDown, this.handleHide)
-    }), ready && this.renderTooltip());
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _react.cloneElement)(this.props.children, {
+        onMouseEnter: (0, _utils.wrapFunction)(this.props.children.props.onMouseEnter, this.handleMouseEnter),
+        onMouseMove: (0, _utils.wrapFunction)(this.props.children.props.onMouseMove, this.handleMouseMove),
+        onMouseLeave: (0, _utils.wrapFunction)(this.props.children.props.onMouseLeave, this.handleHide),
+        onMouseDown: (0, _utils.wrapFunction)(this.props.children.props.onMouseDown, this.handleHide)
+      }), ready && this.renderTooltip()]
+    });
   }
 }
 Tooltip.propTypes = {

package/cjs/components/Tour/Tour.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -47,7 +46,7 @@ const Tour = _ref => {
   // a workaround for Props & Methods in Styleguidist
   // eslint-disable-next-line no-constant-condition
   if (false) {
-    return /*#__PURE__*/_react.default.createElement("span", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {});
   }
   return null;
 };

package/cjs/components/Translate/Translate.js

@@ -8,6 +8,7 @@ exports.isLikeText = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _LocaleProvider = require("../LocaleProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -62,7 +63,9 @@ const Translate = _ref => {
   } else {
     props.children = message;
   }
-  return /*#__PURE__*/_react.default.createElement(Tag, props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+    ...props
+  });
 };
 Translate.propTypes = {
   /**

package/cjs/components/utils.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.wrapFunction = exports.scrollIntoView = exports.safeInvoke = exports.normalizeSize = exports.mergeRefs = exports.isClickable = exports.createProxyProps = exports.createFocusManager = exports.EventEmitter = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const safeInvoke = function (fn) {
@@ -61,7 +61,7 @@ const isClickable = e => {
 exports.isClickable = isClickable;
 const createProxyProps = cb => {
   const ProxyProps = props => cb(props);
-  return /*#__PURE__*/_react.default.createElement(ProxyProps, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProxyProps, {});
 };
 exports.createProxyProps = createProxyProps;
 const scrollIntoView = (target, options) => (0, _scrollIntoViewIfNeeded.default)(target, {
@@ -112,12 +112,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/cjs/index.js

@@ -46,6 +46,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.31.3";
+const version = "3.32.0";
 exports.version = version;
 (0, _svg4everybody.default)();

package/cjs/utils.js

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