@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Popper/Popper.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 _reactDom = require("react-dom");
@@ -14,16 +13,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _popper = _interopRequireDefault(require("popper.js"));
 var _Layer = _interopRequireDefault(require("../Layer"));
+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.
 
-/* eslint-disable react/no-deprecated */
-
 /**
  * `Popper` component.
- */
-class Popper extends _react.Component {
+ */class Popper extends _react.Component {
   constructor() {
     super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
@@ -168,19 +165,24 @@ class Popper extends _react.Component {
       ref: ref => this.arrowRef = ref,
       style: arrowStyle
     });
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, target, show ? /*#__PURE__*/_react.default.createElement(_Layer.default, {
-      level: zIndex
-    }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      ref: this.contentRef,
-      className: (0, _classnames.default)(baseClassName, className, `${baseClassName}--placement-${actualPlacement}`),
-      style: {
-        ...style,
-        ...(popperStyle ? popperStyle : {
-          position: 'fixed',
-          opacity: 0
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [target, show ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
+        level: zIndex,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: this.contentRef,
+          className: (0, _classnames.default)(baseClassName, className, `${baseClassName}--placement-${actualPlacement}`),
+          style: {
+            ...style,
+            ...(popperStyle ? popperStyle : {
+              position: 'fixed',
+              opacity: 0
+            })
+          },
+          ...props,
+          children: [children, arrowElement]
         })
-      }
-    }, props), children, arrowElement)) : null);
+      }) : null]
+    });
   }
 }
 Popper.propTypes = {

package/cjs/components/Progress/Progress.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"));
@@ -13,6 +12,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
 var _ProgressStep = require("../ProgressStep");
+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.
@@ -91,9 +91,11 @@ class Progress extends _react.Component {
       onStatusChange,
       ...props
     } = this.props;
-    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
+    });
   }
 }
 Progress.propTypes = {

package/cjs/components/ProgressBar/ProgressBar.js

@@ -5,14 +5,12 @@ 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 _ProgressIndicator = _interopRequireDefault(require("./ProgressIndicator"));
 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-2020. Plesk International GmbH. All rights reserved.
 
 const ProgressBar = _ref => {
@@ -23,18 +21,20 @@ const ProgressBar = _ref => {
     progress = -1,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
     }, className),
     "aria-valuemin": 0,
     "aria-valuemax": 100,
     "aria-valuenow": progress >= 0 && progress <= 100 ? progress : undefined,
-    role: "progressbar"
-  }, props), /*#__PURE__*/_react.default.createElement(_ProgressIndicator.default, {
-    intent: intent,
-    progress: progress
-  }));
+    role: "progressbar",
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressIndicator.default, {
+      intent: intent,
+      progress: progress
+    })
+  });
 };
 var _default = ProgressBar;
 exports.default = _default;

package/cjs/components/ProgressBar/ProgressIndicator.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const ProgressIndicator = _ref => {
@@ -19,15 +18,16 @@ const ProgressIndicator = _ref => {
     progress = -1,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${intent}`]: intent,
       [`${baseClassName}--indeterminate`]: progress === -1
     }, className),
     style: progress >= 0 && progress <= 100 ? {
       width: `${progress}%`
-    } : undefined
-  }, props));
+    } : undefined,
+    ...props
+  });
 };
 var _default = ProgressIndicator;
 exports.default = _default;

package/cjs/components/ProgressDialog/ProgressDialog.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"));
@@ -16,6 +15,7 @@ var _Translate = _interopRequireDefault(require("../Translate"));
 var _utils = require("../utils");
 var _ProgressStep = require("../ProgressStep");
 var _Progress = _interopRequireDefault(require("../Progress"));
+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.
@@ -114,28 +114,31 @@ class ProgressDialog extends _react.Component {
     } = this.state;
     const canClose = isFinished || isFailed;
     const canCancel = cancelable && !canClose;
-    const cancelTitle = canClose ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    const cancelTitle = canClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ProgressDialog.closeButton",
       fallback: "Close"
-    }) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ProgressDialog.cancelButton",
       fallback: "Cancel"
     });
-    return /*#__PURE__*/_react.default.createElement(_Dialog.default, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
       className: (0, _classnames.default)(baseClassName, className),
       size: "xs",
-      cancelTitle: cancelTitle
-    }, props, {
+      cancelTitle: cancelTitle,
+      ...props,
       isOpen: isOpen,
       onClose: this.handleClose,
       closable: canClose || canCancel,
-      canClose: canClose
-    }), description && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__description`
-    }, description), /*#__PURE__*/_react.default.createElement(_Progress.default, {
-      className: `${baseClassName}__content`,
-      onStatusChange: this.handleStatusChange
-    }, children));
+      canClose: canClose,
+      children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__description`,
+        children: description
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
+        className: `${baseClassName}__content`,
+        onStatusChange: this.handleStatusChange,
+        children: children
+      })]
+    });
   }
 }
 ProgressDialog.propTypes = {

package/cjs/components/ProgressDialogStep/ProgressDialogStep.js

@@ -7,18 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ProgressStep = _interopRequireDefault(require("../ProgressStep"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
  * @since 1.2.0
- */
-const ProgressDialogStep = props => {
+ */const ProgressDialogStep = props => {
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line no-console
     console.warn('Component ProgressDialogStep is deprecated, use ProgressStep instead.');
   }
-  return /*#__PURE__*/_react.default.createElement(_ProgressStep.default, props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressStep.default, {
+    ...props
+  });
 };
 var _default = ProgressDialogStep;
 exports.default = _default;

package/cjs/components/ProgressStep/ProgressStep.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -14,6 +13,7 @@ var _Status = _interopRequireDefault(require("../Status"));
 var _constants = require("../../constants");
 var _ProgressBar = _interopRequireDefault(require("../ProgressBar"));
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
+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-2021. Plesk International GmbH. All rights reserved.
@@ -81,33 +81,44 @@ const ProgressStep = _ref => {
     intent
   });
   if (statusText && (! /*#__PURE__*/(0, _react.isValidElement)(statusText) || statusText.type !== _Status.default)) {
-    statusText = /*#__PURE__*/_react.default.createElement(_Status.default, null, statusText);
+    statusText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.default, {
+      children: statusText
+    });
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${intent}`]: intent,
       [`${baseClassName}--content`]: _react.Children.toArray(children).length,
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
-    }, className)
-  }, props), icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__media`
-  }, icon), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__body`
-  }, (title || statusText || _react.Children.toArray(children).length > 0) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__labels`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__labels-body`
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__title`
-  }, title), _react.Children.toArray(children).length ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__content`
-  }, children) : null), statusText && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__status`
-  }, statusText)), STATUS_RUNNING === status && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
-    className: `${baseClassName}__progress`,
-    intent: "info",
-    progress: progress
-  })));
+    }, className),
+    ...props,
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__media`,
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__body`,
+      children: [(title || statusText || _react.Children.toArray(children).length > 0) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__labels`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__labels-body`,
+          children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__title`,
+            children: title
+          }), _react.Children.toArray(children).length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__content`,
+            children: children
+          }) : null]
+        }), statusText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__status`,
+          children: statusText
+        })]
+      }), STATUS_RUNNING === status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.default, {
+        className: `${baseClassName}__progress`,
+        intent: "info",
+        progress: progress
+      })]
+    })]
+  });
 };
 ProgressStep.propTypes = {
   /**

package/cjs/components/Radio/Radio.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 let radioId = 0;
@@ -36,25 +35,29 @@ const Radio = _ref => {
     }
   };
   const id = inputProps && inputProps.id || `radio-${radioId++}`;
-  return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     htmlFor: id,
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--disabled`]: disabled
-    }, className)
-  }, props), /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    className: `${baseClassName}__input`,
-    type: "radio",
-    name: name,
-    id: id,
-    onChange: handleChange,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled
-  }, inputProps)), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__indicator`
-  }), children ? /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__text`
-  }, children) : null);
+    }, className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      className: `${baseClassName}__input`,
+      type: "radio",
+      name: name,
+      id: id,
+      onChange: handleChange,
+      checked: checked,
+      defaultChecked: defaultChecked,
+      disabled: disabled,
+      ...inputProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__indicator`
+    }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__text`,
+      children: children
+    }) : null]
+  });
 };
 var _default = Radio;
 exports.default = _default;

package/cjs/components/Rating/Rating.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const width = value => {
@@ -34,19 +34,21 @@ const Rating = _ref => {
     small,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)({
       [baseClassName]: true,
       [`${baseClassName}--static`]: true,
       [`${baseClassName}--small`]: small,
       [className]: true
+    }),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__rates`,
+      style: {
+        width: `${width(value)}%`
+      }
     })
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__rates`,
-    style: {
-      width: `${width(value)}%`
-    }
-  }));
+  });
 };
 Rating.propTypes = {
   /**

package/cjs/components/Section/Section.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,12 +16,11 @@ var _InPlaceEdit = _interopRequireDefault(require("../InPlaceEdit"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
 var _FormContext = _interopRequireDefault(require("../Form/FormContext"));
+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.
 
-/* eslint-disable react/no-deprecated */
-
 const getErrorsForChildren = (form, children) => {
   let errors = {};
   _react.Children.forEach(children, child => {
@@ -112,7 +110,7 @@ class Section extends _react.Component {
     const {
       collapsed
     } = this.state;
-    return collapsible && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__control-button`, `${baseClassName}__control-button--collapse`),
       icon: {
@@ -128,14 +126,15 @@ class Section extends _react.Component {
       onClose,
       buttons
     } = _ref4;
-    return (onClose || buttons) && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__header-buttons`
-    }, buttons, onClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__control-button`, `${baseClassName}__control-button--close`),
-      onClick: onClose,
-      icon: "cross-mark"
-    }));
+    return (onClose || buttons) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__header-buttons`,
+      children: [buttons, onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        ghost: true,
+        className: (0, _classnames.default)(`${baseClassName}__control-button`, `${baseClassName}__control-button--close`),
+        onClick: onClose,
+        icon: "cross-mark"
+      })]
+    });
   }
   renderTitle(_ref5) {
     let {
@@ -143,7 +142,7 @@ class Section extends _react.Component {
       title,
       onTitleChange
     } = _ref5;
-    return title && /*#__PURE__*/_react.default.createElement(_InPlaceEdit.default, {
+    return title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InPlaceEdit.default, {
       className: `${baseClassName}__title`,
       value: title,
       onChange: onTitleChange,
@@ -183,41 +182,46 @@ class Section extends _react.Component {
       ...props
     } = this.props;
     const vertical = verticalProp === undefined ? this.state.vertical : verticalProp;
-    return /*#__PURE__*/_react.default.createElement(_VerticalContext.default.Provider, {
-      value: vertical
-    }, /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
-      onResize: this.handleResize,
-      bounds: true
-    }, _ref7 => {
-      let {
-        measureRef
-      } = _ref7;
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        ref: measureRef,
-        className: (0, _classnames.default)(baseClassName, {
-          [`${baseClassName}--${intent}`]: intent,
-          [`${baseClassName}--collapsible`]: collapsible,
-          [`${baseClassName}--collapsed`]: this.state.collapsed,
-          [`${baseClassName}--vertical`]: vertical
-        }, className)
-      }, props), title && /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__header`
-      }, this.renderCollapseButton({
-        baseClassName,
-        collapsible
-      }), this.renderTitle({
-        baseClassName,
-        title,
-        onTitleChange
-      }), this.renderCloseButton({
-        baseClassName,
-        onClose,
-        buttons
-      })), this.renderContent({
-        collapsible,
-        children
-      }));
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalContext.default.Provider, {
+      value: vertical,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
+        onResize: this.handleResize,
+        bounds: true,
+        children: _ref7 => {
+          let {
+            measureRef
+          } = _ref7;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            ref: measureRef,
+            className: (0, _classnames.default)(baseClassName, {
+              [`${baseClassName}--${intent}`]: intent,
+              [`${baseClassName}--collapsible`]: collapsible,
+              [`${baseClassName}--collapsed`]: this.state.collapsed,
+              [`${baseClassName}--vertical`]: vertical
+            }, className),
+            ...props,
+            children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${baseClassName}__header`,
+              children: [this.renderCollapseButton({
+                baseClassName,
+                collapsible
+              }), this.renderTitle({
+                baseClassName,
+                title,
+                onTitleChange
+              }), this.renderCloseButton({
+                baseClassName,
+                onClose,
+                buttons
+              })]
+            }), this.renderContent({
+              collapsible,
+              children
+            })]
+          });
+        }
+      })
+    });
   }
 }
 const propTypes = {
@@ -313,10 +317,11 @@ const SectionWrapper = props => {
   const form = (0, _react.useContext)(_FormContext.default);
   const verticalContext = (0, _react.useContext)(_VerticalContext.default);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, {
+    ...props,
     form: form,
     vertical: vertical
-  }));
+  });
 };
 SectionWrapper.displayName = 'Section';
 SectionWrapper.propTypes = propTypes;