@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/List/List.stories.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Vertical = exports.ReorderableFullFeatured = exports.Reorderable = exports.NestedFullFeatured = exports.Nested = exports.ExpandedList = exports.Basic = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _List = _interopRequireDefault(require("./List"));
 var _ListActions = _interopRequireDefault(require("./ListActions"));
 var _ListAction = _interopRequireDefault(require("./ListAction"));
-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 Basic = args => /*#__PURE__*/_react.default.createElement(_List.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   columns: [{
@@ -116,11 +116,12 @@ const Reorderable = args => {
     nextData.splice(newIndex, 0, nextData.splice(oldIndex, 1)[0]);
     setData(nextData);
   };
-  return /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
     data: data,
     reorderable: true,
-    onReorderEnd: handleReorderEnd
-  }, props));
+    onReorderEnd: handleReorderEnd,
+    ...props
+  });
 };
 exports.Reorderable = Reorderable;
 Reorderable.args = {
@@ -133,17 +134,18 @@ ReorderableFullFeatured.args = {
   columns: [...Reorderable.args.columns, {
     key: 'actions',
     type: 'actions',
-    // eslint-disable-next-line react/display-name
-    render: () => /*#__PURE__*/_react.default.createElement(_ListActions.default, null, /*#__PURE__*/_react.default.createElement(_ListAction.default, {
-      icon: "clip",
-      primary: true
-    }), /*#__PURE__*/_react.default.createElement(_ListAction.default, {
-      icon: "clock",
-      primary: true
-    }), /*#__PURE__*/_react.default.createElement(_ListAction.default, {
-      icon: "clone",
-      primary: true
-    }))
+    render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListActions.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
+        icon: "clip",
+        primary: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
+        icon: "clock",
+        primary: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
+        icon: "clone",
+        primary: true
+      })]
+    })
   }],
   onSelectionChange: () => {},
   renderRowBody: () => null

package/cjs/components/List/ListAction.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 _Button = _interopRequireDefault(require("../Button"));
 var _Menu = require("../Menu");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -26,14 +25,17 @@ const ListAction = _ref => {
   } = _ref;
   const render = children => {
     if (primary) {
-      return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         ghost: true,
-        tooltip: children
-      }, props));
+        tooltip: children,
+        ...props
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, (0, _extends2.default)({
-      tooltip: tooltip
-    }, props), children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+      tooltip: tooltip,
+      ...props,
+      children: children
+    });
   };
   const unwrap = cb => cb({
     wrap: children => render(children)

package/cjs/components/List/ListActions.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 _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -14,8 +13,7 @@ var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _Menu = _interopRequireDefault(require("../Menu"));
 var _ListAction = _interopRequireDefault(require("./ListAction"));
 var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
-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.
 
 /**
@@ -57,10 +55,9 @@ const ListActions = _ref => {
       } = node.props;
       const key = index.toString();
       if (primary && !vertical) {
-        primaryItems.push(hidden ? /*#__PURE__*/_react.default.createElement("div", {
-          className: `${baseClassName}__hidden-action`,
-          key: key
-        }) : node);
+        primaryItems.push(hidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__hidden-action`
+        }, key) : node);
       } else {
         secondaryCount++;
         if (!hidden) {
@@ -76,24 +73,29 @@ const ListActions = _ref => {
   });
   let secondaryDropdown;
   if (secondaryItems.length > 0) {
-    secondaryDropdown = /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
+    secondaryDropdown = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
       className: `${baseClassName}__menu`,
-      menu: /*#__PURE__*/_react.default.createElement(_Menu.default, null, secondaryItems),
+      menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+        children: secondaryItems
+      }),
       menuPlacement: "bottom-end",
       overlay: overlay,
-      locale: locale
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      ghost: true,
-      icon: "kebab"
-    }));
+      locale: locale,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        ghost: true,
+        icon: "kebab"
+      })
+    });
   } else if (secondaryCount) {
-    secondaryDropdown = /*#__PURE__*/_react.default.createElement("div", {
+    secondaryDropdown = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__menu ${baseClassName}__hidden-action`
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), primaryItems, secondaryDropdown);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [primaryItems, secondaryDropdown]
+  });
 };
 var _default = ListActions;
 exports.default = _default;

package/cjs/components/List/ListActionsDivider.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Menu = require("../Menu");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -14,6 +13,8 @@ var _Menu = require("../Menu");
  * It accepts the props of [MenuDivider](#!/MenuDivider) component.
  * @since 3.10.0
  */
-const ListActionsDivider = props => /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, props);
+const ListActionsDivider = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {
+  ...props
+});
 var _default = ListActionsDivider;
 exports.default = _default;

package/cjs/components/List/ListEmptyView.js

@@ -5,15 +5,15 @@ 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 _Heading = _interopRequireDefault(require("../Heading"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _default2 = _interopRequireDefault(require("./images/default.png"));
 var _filtered = _interopRequireDefault(require("./images/filtered.png"));
 var _constants = require("../../constants");
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+var _ButtonContext = require("../Button/ButtonContext");
+var _jsxRuntime = require("react/jsx-runtime");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const createImage = (baseClassName, image, reason) => {
   if (image === undefined) {
@@ -21,45 +21,53 @@ const createImage = (baseClassName, image, reason) => {
   }
   let node = image;
   if (typeof image === 'string') {
-    node = /*#__PURE__*/_react.default.createElement("img", {
+    node = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: image,
       height: "192",
       alt: ""
     });
   }
-  return node ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__image`
-  }, node) : null;
+  return node ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__image`,
+    children: node
+  }) : null;
 };
 const createTitle = (baseClassName, title, reason) => {
   if (title === undefined) {
-    title = reason === 'filtered' ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    title = reason === 'filtered' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ListEmptyView.filteredTitle",
       fallback: "Could not find any items matching the filter"
-    }) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ListEmptyView.emptyTitle",
       fallback: "Looks like there's nothing here"
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_Heading.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
     level: 3,
-    className: `${baseClassName}__title`
-  }, title);
+    className: `${baseClassName}__title`,
+    children: title
+  });
 };
 const createDescription = (baseClassName, description, reason) => {
   if (description === undefined && !reason) {
     return null;
   }
   if (description === undefined && reason === 'filtered') {
-    description = /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    description = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "ListEmptyView.filteredDescription",
       fallback: "Refine your query or remove some of the criteria from the filter and try again."
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__description`
-  }, description);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__description`,
+    children: description
+  });
 };
+const buttonConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 
 /**
  * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
@@ -77,13 +85,20 @@ const ListEmptyView = _ref => {
     reason,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), createImage(baseClassName, image, reason), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__body`
-  }, createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__actions`
-  }, actions)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [createImage(baseClassName, image, reason), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__body`,
+      children: [createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__actions`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonContext.ButtonContext.Provider, {
+          value: buttonConfig,
+          children: actions
+        })
+      })]
+    })]
+  });
 };
 var _default = ListEmptyView;
 exports.default = _default;

package/cjs/components/List/ListOperation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _utils = require("../utils");
 var _ListOperationContext = _interopRequireDefault(require("./ListOperationContext"));
 var _Popover = _interopRequireDefault(require("../Popover"));
@@ -15,13 +15,13 @@ var _Media = _interopRequireDefault(require("../Media"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
-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 toBold = value => value === undefined ? undefined : /*#__PURE__*/_react.default.createElement(_Text.default, {
-  bold: true
-}, value);
+const toBold = value => value === undefined ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+  bold: true,
+  children: value
+});
 const getDefaultText = key => {
   let fallback;
   switch (key) {
@@ -32,12 +32,11 @@ const getDefaultText = key => {
       throw new Error('Unknown key');
   }
   const content = `ListOperation.${key}`;
-  return /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: content,
     fallback: fallback
   });
 };
-
 /**
  * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
  * operations on multiple objects in [List](#!/List).
@@ -57,7 +56,7 @@ const ListOperation = _ref => {
     selectedRows,
     selectedRowTitle
   } = (0, _react.useContext)(_ListOperationContext.default);
-  const [settings, setSettings] = (0, _react.useState)();
+  const [settings, setSettings] = (0, _react.useState)(null);
   const targetRef = (0, _react.useRef)();
   if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
     throw new Error('The "children" property must be an element.');
@@ -93,7 +92,7 @@ const ListOperation = _ref => {
       case !selectedRows && critical:
         setSettings({
           message: toText(noSelectionText),
-          icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             intent: "info",
             name: "info-circle-filled"
           })
@@ -115,21 +114,29 @@ const ListOperation = _ref => {
     ...props,
     onClick: handleClick
   });
-  return /*#__PURE__*/_react.default.createElement(_Popover.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
     visible: !!settings,
     target: target,
     targetRef: targetRef,
     placement: "top",
-    onClose: handleCancel
-  }, settings && /*#__PURE__*/_react.default.createElement(_Media.default, {
-    image: settings.icon
-  }, /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, settings.message), settings.actionButtonText && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: handleAction,
-    intent: settings.actionButtonIntent
-  }, settings.actionButtonText), ` `, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    ghost: true,
-    onClick: handleCancel
-  }, settings.cancelButtonText))));
+    onClose: handleCancel,
+    children: settings && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Media.default, {
+      image: settings.icon,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+        children: settings.message
+      }), settings.actionButtonText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          onClick: handleAction,
+          intent: settings.actionButtonIntent,
+          children: settings.actionButtonText
+        }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          ghost: true,
+          onClick: handleCancel,
+          children: settings.cancelButtonText
+        })]
+      })]
+    })
+  });
 };
 var _default = ListOperation;
 exports.default = _default;

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTranslate = exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-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 applyParams = function (message) {
@@ -99,9 +98,10 @@ class LocaleProvider extends _react.PureComponent {
     const {
       children
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(LocaleContext.Provider, {
-      value: this.getChildContext()
-    }, children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LocaleContext.Provider, {
+      value: this.getChildContext(),
+      children: children
+    });
   }
 }
 (0, _defineProperty2.default)(LocaleProvider, "childContextTypes", {

package/cjs/components/Markdown/Markdown.js

@@ -5,12 +5,12 @@ 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 _marked = require("marked");
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /* eslint-disable react/no-danger */
@@ -27,14 +27,15 @@ const Markdown = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--compact`]: compact
     }, className),
     dangerouslySetInnerHTML: {
       __html: (0, _marked.marked)(children)
-    }
-  }, props));
+    },
+    ...props
+  });
 };
 Markdown.propTypes = {
   /**

package/cjs/components/Media/Media.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Heading = _interopRequireDefault(require("../Heading"));
+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,10 +56,11 @@ const Media = _ref => {
       return null;
     }
     if (typeof title === 'string') {
-      return /*#__PURE__*/_react.default.createElement(_Heading.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
         level: 5,
-        className: `${baseClassName}__title`
-      }, title);
+        className: `${baseClassName}__title`,
+        children: title
+      });
     }
     if ( /*#__PURE__*/(0, _react.isValidElement)(title)) {
       return /*#__PURE__*/(0, _react.cloneElement)(title, {
@@ -68,27 +69,34 @@ const Media = _ref => {
     }
     return null;
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${align}`]: align,
       [`${baseClassName}--vertical`]: vertical
-    }, className)
-  }, props), image && /*#__PURE__*/_react.default.createElement("figure", {
-    className: (0, _classnames.default)(`${baseClassName}__figure`, {
-      [`${baseClassName}__figure--${imageSpacing}`]: imageSpacing,
-      [`${baseClassName}__figure--${imageAlign}`]: imageAlign
-    })
-  }, image), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__body`
-  }, title || titleAddon ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__header`, {
-      [`${baseClassName}__header--${titleSize}`]: titleSize
-    })
-  }, renderTitle(title), titleAddon && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__title-addon`
-  }, titleAddon)) : null, _react.Children.toArray(children).length ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__content`
-  }, children) : null));
+    }, className),
+    ...props,
+    children: [image && /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+      className: (0, _classnames.default)(`${baseClassName}__figure`, {
+        [`${baseClassName}__figure--${imageSpacing}`]: imageSpacing,
+        [`${baseClassName}__figure--${imageAlign}`]: imageAlign
+      }),
+      children: image
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__body`,
+      children: [title || titleAddon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(`${baseClassName}__header`, {
+          [`${baseClassName}__header--${titleSize}`]: titleSize
+        }),
+        children: [renderTitle(title), titleAddon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__title-addon`,
+          children: titleAddon
+        })]
+      }) : null, _react.Children.toArray(children).length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content`,
+        children: children
+      }) : null]
+    })]
+  });
 };
 Media.propTypes = {
   /**

package/cjs/components/Media/MediaSection.js

@@ -5,27 +5,28 @@ 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.
 
 /**
  * `MediaSection` is a part of [Media](#!/Media) component.
  * @since 0.0.68
- */
-const MediaSection = _ref => {
+ */const MediaSection = _ref => {
   let {
     baseClassName,
     className,
     children,
     ...props
   } = _ref;
-  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
+  });
 };
 MediaSection.propTypes = {
   /**