@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Action/Action.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 _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
 var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Spinner = _interopRequireDefault(require("../Spinner"));
+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-2022. Plesk International GmbH. All rights reserved.
@@ -55,10 +55,11 @@ const Action = _ref => {
     className: (0, _classnames.default)(props.className, `${baseClassName}__content`) || undefined
   };
   if (progress) {
-    icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       size: size,
-      className: `${baseClassName}__icon`
-    }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null));
+      className: `${baseClassName}__icon`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
+    });
     tagProps.onClick = e => e.preventDefault();
     tagProps.tabIndex = -1;
   }
@@ -73,18 +74,25 @@ const Action = _ref => {
       }
     });
   }
-  return /*#__PURE__*/_react.default.createElement(RootTag, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootTag, {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--size-${size}`]: icon || progress,
       [`${baseClassName}--progress`]: progress,
       [`${baseClassName}--nowrap`]: nowrap,
       [`${baseClassName}--icon`]: !_react.Children.toArray(children).length && !rightAddon && !bottomAddon
-    }, className)
-  }, restOuterProps), /*#__PURE__*/_react.default.createElement(Tag, tagProps, icon, children), rightAddon ? /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__right-addon`
-  }, rightAddon) : null, bottomAddon ? /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__bottom-addon`
-  }, bottomAddon) : null);
+    }, className),
+    ...restOuterProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
+      ...tagProps,
+      children: [icon, children]
+    }), rightAddon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__right-addon`,
+      children: rightAddon
+    }) : null, bottomAddon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__bottom-addon`,
+      children: bottomAddon
+    }) : null]
+  });
 };
 var _default = Action;
 exports.default = _default;

package/cjs/components/Alert/Alert.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.
 
 /**
@@ -26,14 +25,16 @@ const Alert = _ref => {
     onClose,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${intent}`]: intent
-    }, className)
-  }, props), onClose && /*#__PURE__*/_react.default.createElement("span", {
-    className: "close",
-    onClick: onClose
-  }), children);
+    }, className),
+    ...props,
+    children: [onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "close",
+      onClick: onClose
+    }), children]
+  });
 };
 var _default = Alert;
 exports.default = _default;

package/cjs/components/Alert/Alert.stories.js

@@ -5,23 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Intents = exports.Basic = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _Alert = _interopRequireDefault(require("./Alert"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Alert.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   children: 'Content'
 };
-const Intents = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "info"
-}, Basic.args)), /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "success"
-}, Basic.args)), /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "warning"
-}, Basic.args)), /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "danger"
-}, Basic.args)));
+const Intents = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "info",
+    ...Basic.args
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "success",
+    ...Basic.args
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "warning",
+    ...Basic.args
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "danger",
+    ...Basic.args
+  })]
+});
 exports.Intents = Intents;

package/cjs/components/AutoClosable/AutoClosable.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactDom = require("react-dom");
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -52,9 +51,7 @@ class AutoClosable extends _react.Component {
           return node.current;
         }
         return null;
-      }).some(node => {
-        return Boolean(node && el instanceof Node && node.contains(el));
-      });
+      }).some(node => Boolean(node && el instanceof Node && node.contains(el)));
       if (isClickOnIgnoredNode) {
         return;
       }
@@ -80,9 +77,10 @@ class AutoClosable extends _react.Component {
     }
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(AutoClosableContext.Provider, {
-      value: this
-    }, _react.Children.only(this.props.children));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoClosableContext.Provider, {
+      value: this,
+      children: _react.Children.only(this.props.children)
+    });
   }
 }
 AutoClosable.contextType = AutoClosableContext;

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -5,12 +5,10 @@ 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");
-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.
 
 /**
@@ -21,17 +19,21 @@ const AuxiliaryActions = _ref => {
   let {
     baseClassName = `${_constants.CLS_PREFIX}auxiliary-actions`,
     className,
-    separator = /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__separator`
-    }, ' | '),
+    separator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__separator`,
+      children: ' | '
+    }),
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), _react.Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
-    key: index
-  }) : separator, elem], []));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: _react.Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
+      key: index
+    }) // eslint-disable-line react/no-array-index-key
+    : separator, elem], [])
+  });
 };
 var _default = AuxiliaryActions;
 exports.default = _default;

package/cjs/components/Badge/Badge.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 _Label = _interopRequireDefault(require("../Label"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-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.
 
 /**
@@ -32,9 +30,10 @@ const Badge = _ref => {
   const isAmpty = !label;
   if (_react.Children.toArray(children).length && !hidden) {
     if (! /*#__PURE__*/(0, _react.isValidElement)(label)) {
-      label = /*#__PURE__*/_react.default.createElement(_Label.default, {
-        intent: "danger"
-      }, label);
+      label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
+        intent: "danger",
+        children: label
+      });
     }
     if ( /*#__PURE__*/(0, _react.isValidElement)(label)) {
       const cloneProps = {
@@ -50,9 +49,11 @@ const Badge = _ref => {
   } else {
     label = null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), children, label);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [children, label]
+  });
 };
 var _default = Badge;
 exports.default = _default;

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("../../utils");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(require("../Icon"));
-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.
 
 /**
@@ -27,19 +25,24 @@ const Breadcrumbs = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
     role: "navigation",
     "aria-label": "Breadcrumbs",
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), /*#__PURE__*/_react.default.createElement("ul", {
-    className: `${baseClassName}__list`
-  }, _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement("li", {
-    className: `${baseClassName}__item`
-  }, child, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__separator`
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: (0, _utils.isRtl)() ? 'chevron-left' : 'chevron-right'
-  }))))));
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: `${baseClassName}__list`,
+      children: _react.Children.map(children, child => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+        className: `${baseClassName}__item`,
+        children: [child, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${baseClassName}__separator`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: (0, _utils.isRtl)() ? 'chevron-left' : 'chevron-right'
+          })
+        })]
+      }))
+    })
+  });
 };
 var _default = Breadcrumbs;
 exports.default = _default;

package/cjs/components/Button/Button.js

@@ -5,7 +5,6 @@ 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"));
@@ -15,10 +14,11 @@ var _Spinner = _interopRequireDefault(require("../Spinner"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
+var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
+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 oldIconNames = {
   "customize-order": "arrows-four-directions",
   download: "arrow-down-tray",
@@ -58,7 +58,7 @@ const renderCaret = _ref2 => {
   } = _ref2;
   let caretElement;
   if (typeof caret === 'boolean' && caret) {
-    caretElement = /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    caretElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "chevron-down",
       size: size === 'lg' ? '16' : '12'
     });
@@ -83,7 +83,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     baseClassName,
     className,
     component: Tag,
-    size,
+    size: propsSize,
     intent,
     ghost,
     selected: selectedProp,
@@ -104,6 +104,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     return !selectedState;
   };
   const isCollapsed = (0, _react.useContext)(_ResponsiveContext.default);
+  const buttonContextConfig = (0, _react.useContext)(_ButtonContext.default);
+  const size = propsSize || buttonContextConfig.defaultProps.size;
   const componentProps = {};
   if (Tag === 'button') {
     componentProps.type = 'button';
@@ -139,7 +141,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   }
   const isArrowButton = arrow === 'forward' || arrow === 'backward';
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
-  let button = /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+  let button = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
     ref: ref,
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${size}`]: size,
@@ -155,27 +157,34 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
     }, className),
     disabled: hasAriaDisabled ? undefined : disabled,
-    "aria-disabled": hasAriaDisabled ? 'true' : undefined
-  }, componentProps, props), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__inner`
-  }, state === 'loading' ? /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    className: `${baseClassName}__spinner`
-  }) : renderIcon({
-    baseClassName,
-    icon,
-    size,
-    empty: !childrenElement
-  }), /*#__PURE__*/_react.default.createElement("span", null, childrenElement), renderCaret({
-    baseClassName,
-    size,
-    caret
-  })), isArrowButton && !ghost && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__arrow`
-  }));
+    "aria-disabled": hasAriaDisabled ? 'true' : undefined,
+    ...componentProps,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: `${baseClassName}__inner`,
+      children: [state === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        className: `${baseClassName}__spinner`
+      }) : renderIcon({
+        baseClassName,
+        icon,
+        size,
+        empty: !childrenElement
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: childrenElement
+      }), renderCaret({
+        baseClassName,
+        size,
+        caret
+      })]
+    }), isArrowButton && !ghost && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__arrow`
+    })]
+  });
   if (tooltipElement) {
-    button = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: tooltipElement
-    }, button);
+    button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: tooltipElement,
+      children: button
+    });
   }
   return button;
 });

package/cjs/components/Button/Button.stories.js

@@ -5,56 +5,78 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.States = exports.Intents = exports.Ghost = exports.Basic = exports.Arrows = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("./Button"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Button.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   children: 'Click me'
 };
-const Ghost = args => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-  ghost: true
-}, args));
+const Ghost = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+  ghost: true,
+  ...args
+});
 exports.Ghost = Ghost;
 Ghost.args = {
   icon: 'gear'
 };
-const Intents = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "info"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "success"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "warning"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  intent: "danger"
-}, Basic.args)));
+const Intents = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "info",
+    ...Basic.args
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "success",
+    ...Basic.args
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "warning",
+    ...Basic.args
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    intent: "danger",
+    ...Basic.args
+  })]
+});
 exports.Intents = Intents;
-const Arrows = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "forward"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "forward",
-  size: "lg"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "forward",
-  icon: "cpu"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "forward",
-  intent: "danger"
-}, Basic.args))), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "backward"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "backward",
-  size: "lg"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "backward",
-  icon: "cpu"
-}, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  arrow: "backward",
-  intent: "danger"
-}, Basic.args))));
+const Arrows = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "forward",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "forward",
+      size: "lg",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "forward",
+      icon: "cpu",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "forward",
+      intent: "danger",
+      ...Basic.args
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "backward",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "backward",
+      size: "lg",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "backward",
+      icon: "cpu",
+      ...Basic.args
+    }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+      arrow: "backward",
+      intent: "danger",
+      ...Basic.args
+    })]
+  })]
+});
 exports.Arrows = Arrows;
 const States = () => [{
   intent: 'primary'
@@ -62,15 +84,26 @@ const States = () => [{
   disabled: true
 }, {
   ghost: true
-}].map((props, index) => /*#__PURE__*/_react.default.createElement("p", {
-  key: index.toString()
-}, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  state: "hovered"
-}, Basic.args, props)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  state: "active"
-}, Basic.args, props)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  state: "loading"
-}, Basic.args, props)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
-  state: "focused"
-}, Basic.args, props))));
+}].map((props, index) =>
+/*#__PURE__*/
+// eslint-disable-next-line react/no-array-index-key
+(0, _jsxRuntime.jsxs)("p", {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    state: "hovered",
+    ...Basic.args,
+    ...props
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    state: "active",
+    ...Basic.args,
+    ...props
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    state: "loading",
+    ...Basic.args,
+    ...props
+  }), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+    state: "focused",
+    ...Basic.args,
+    ...props
+  })]
+}, index.toString()));
 exports.States = States;

package/cjs/components/Button/ButtonContext.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getButtonContextValue = exports.default = exports.ButtonContext = void 0;
+var _react = require("react");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const defaultValue = {
+  defaultProps: {
+    size: undefined
+  }
+};
+const ButtonContext = /*#__PURE__*/(0, _react.createContext)(defaultValue);
+exports.ButtonContext = ButtonContext;
+const getButtonContextValue = value => ({
+  ...defaultValue,
+  ...value,
+  defaultProps: {
+    ...defaultValue.defaultProps,
+    ...(value.defaultProps || {})
+  }
+});
+exports.getButtonContextValue = getButtonContextValue;
+var _default = ButtonContext;
+exports.default = _default;