@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/TextArea/TextArea.js

@@ -5,14 +5,12 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _constants = require("../../constants");
 var _calculateNodeHeight = _interopRequireDefault(require("./calculateNodeHeight"));
-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.
 
 const getMinMax = rows => {
@@ -111,15 +109,16 @@ class TextArea extends _react.Component {
       minRows
     } = this.state;
     const useSizeModifier = AVAILABLE_SIZES.indexOf(size) !== -1;
-    return /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--size-${size}`]: useSizeModifier
       }, className),
       ref: this.rootRef,
       style: textareaStyles,
       onChange: this.handleChange,
-      rows: minRows
-    }, other));
+      rows: minRows,
+      ...other
+    });
   }
 }
 (0, _defineProperty2.default)(TextArea, "defaultProps", {

package/cjs/components/Toast/Toast.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 _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _intentIconMap = require("../intentIconMap");
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-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-2022. Plesk International GmbH. All rights reserved.
 
 const AUTOCLOSE_TIMEOUT = 6000;
@@ -56,7 +54,7 @@ class Toast extends _react.Component {
       message,
       intent,
       accent,
-      icon = intent && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon = intent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: _intentIconMap.intentIconMap[intent]
       }),
       onClose,
@@ -66,34 +64,39 @@ class Toast extends _react.Component {
       innerRef,
       ...props
     } = this.props;
-    const result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    const result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       tabIndex: 0,
-      className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, accent && `${baseClassName}--accent`, className)
-    }, props, {
-      ref: innerRef
-    }), icon ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__icon`
-    }, _Icon.default.create(icon, {
-      intent
-    })) : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content`
-    }, message), closable ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__action`
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      ghost: true,
-      icon: {
-        name: 'cross-mark',
-        size: '12'
-      },
-      className: `${baseClassName}__close`,
-      onClick: onClose
-    })) : null);
+      className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, accent && `${baseClassName}--accent`, className),
+      ...props,
+      ref: innerRef,
+      children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__icon`,
+        children: _Icon.default.create(icon, {
+          intent
+        })
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content`,
+        children: message
+      }), closable ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__action`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          ghost: true,
+          icon: {
+            name: 'cross-mark',
+            size: '12'
+          },
+          className: `${baseClassName}__close`,
+          onClick: onClose
+        })
+      }) : null]
+    });
     if (accent) {
       return result;
     }
-    return /*#__PURE__*/_react.default.createElement(_OnDarkContext.default.Provider, {
-      value: true
-    }, result);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OnDarkContext.default.Provider, {
+      value: true,
+      children: result
+    });
   }
 }
 exports.default = Toast;

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;