@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Select/SelectControl.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _LocaleProvider = require("../LocaleProvider");
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _MultiValue = _interopRequireDefault(require("./MultiValue"));
-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 DEFAULT_INPUT_WIDTH = 2;
@@ -161,84 +159,96 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
   const handleBlur = () => {
     setFocused(false);
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--disabled`]: disabled,
       [`${baseClassName}--focused`]: focused,
       [`${baseClassName}--multiple`]: multiple
-    })
-  }, props, {
+    }),
+    ...props,
     onClick: handleClick,
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__value-container`
-  }, Array.isArray(current) && current.map(_ref3 => {
-    let {
-      value,
-      label
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_MultiValue.default, {
-      key: value,
-      onRemove: () => handleValueRemove(value)
-    }, label);
-  }), /*#__PURE__*/_react.default.createElement("input", {
-    id: id,
-    className: `${baseClassName}__input`,
-    value: filterValue,
-    type: "text",
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    readOnly: !searchable,
-    disabled: disabled,
-    ref: inputRef,
-    style: {
-      width: inputWidth
-    }
-  }), !filterValue && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, !Array.isArray(current) && current && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__value`
-  }, current.children), !hasValue && placeholder && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__placeholder`
-  }, placeholder))), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__indicators`
-  }, clearable && hasValue && /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: (0, _classnames.default)(`${baseClassName}__indicator`, `${baseClassName}__indicator--clear`),
-    tabIndex: -1,
-    onMouseDown: e => e.preventDefault(),
-    onClick: e => {
-      e.stopPropagation();
-      handleClear();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: `${baseClassName}__indicator-icon`
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-4 -4 16 16",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1 .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
-  })))), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: (0, _classnames.default)(`${baseClassName}__indicator`, `${baseClassName}__indicator--dropdown`),
-    tabIndex: -1
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: `${baseClassName}__indicator-icon`
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-4 -5 16 16",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M4 4.048L.847.895a.496.496 0 1 0-.702.702l3.452 3.451a.5.5 0 0 0 .806 0l3.452-3.451a.496.496 0 0 0-.702-.702L4 4.048z"
-  }))))), name && values.map(value => /*#__PURE__*/_react.default.createElement("input", {
-    key: value,
-    type: "hidden",
-    name: name,
-    value: value
-  })));
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: `${baseClassName}__value-container`,
+      children: [Array.isArray(current) && current.map(_ref3 => {
+        let {
+          value,
+          label
+        } = _ref3;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiValue.default, {
+          onRemove: () => handleValueRemove(value),
+          children: label
+        }, value);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        id: id,
+        className: `${baseClassName}__input`,
+        value: filterValue,
+        type: "text",
+        onChange: handleInputChange,
+        onKeyDown: handleKeyDown,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        readOnly: !searchable,
+        disabled: disabled,
+        ref: inputRef,
+        style: {
+          width: inputWidth
+        }
+      }), !filterValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [!Array.isArray(current) && current && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${baseClassName}__value`,
+          children: current.children
+        }), !hasValue && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${baseClassName}__placeholder`,
+          children: placeholder
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: `${baseClassName}__indicators`,
+      children: [clearable && hasValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: (0, _classnames.default)(`${baseClassName}__indicator`, `${baseClassName}__indicator--clear`),
+        tabIndex: -1,
+        onMouseDown: e => e.preventDefault(),
+        onClick: e => {
+          e.stopPropagation();
+          handleClear();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          className: `${baseClassName}__indicator-icon`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "-4 -4 16 16",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+              d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1 .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: (0, _classnames.default)(`${baseClassName}__indicator`, `${baseClassName}__indicator--dropdown`),
+        tabIndex: -1,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          className: `${baseClassName}__indicator-icon`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "-4 -5 16 16",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+              d: "M4 4.048L.847.895a.496.496 0 1 0-.702.702l3.452 3.451a.5.5 0 0 0 .806 0l3.452-3.451a.496.496 0 0 0-.702-.702L4 4.048z"
+            })
+          })
+        })
+      })]
+    }), name && values.map(value => /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "hidden",
+      name: name,
+      value: value
+    }, value))]
+  });
 });
 SelectControl.displayName = 'SelectControl';
 var _default = SelectControl;

package/cjs/components/Select/SelectOption.js

@@ -1,11 +1,10 @@
 "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 _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -16,7 +15,7 @@ const SelectOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
   if (false) {
-    return /*#__PURE__*/_react.default.createElement("option", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {});
   }
   return null;
 };

package/cjs/components/Select/SelectOptionGroup.js

@@ -1,11 +1,10 @@
 "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 _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -16,7 +15,7 @@ const SelectOptionGroup = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
   if (false) {
-    return /*#__PURE__*/_react.default.createElement("optgroup", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("optgroup", {});
   }
   return null;
 };

package/cjs/components/Skeleton/Skeleton.js

@@ -5,11 +5,10 @@ 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 _utils = require("../utils");
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
@@ -34,10 +33,11 @@ const Skeleton = _ref => {
     maxWidth: (0, _utils.normalizeSize)(maxWidth),
     height: (0, _utils.normalizeSize)(height)
   };
-  return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
     className: (0, _classnames.default)(baseClassName, className),
-    style: finalStyle
-  }, props));
+    style: finalStyle,
+    ...props
+  });
 };
 var _default = Skeleton;
 exports.default = _default;

package/cjs/components/Skeleton/Skeleton.stories.js

@@ -5,14 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomSize = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Skeleton.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {};
-const CustomSize = args => /*#__PURE__*/_react.default.createElement(Basic, args);
+const CustomSize = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+  ...args
+});
 exports.CustomSize = CustomSize;
 CustomSize.args = {
   width: 200,

package/cjs/components/Skeleton/SkeletonTabs.js

@@ -5,11 +5,10 @@ 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 _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
@@ -23,14 +22,16 @@ const SkeletonTabs = _ref => {
     baseClassName = `${_constants.CLS_PREFIX}skeleton-tabs`,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
-    lineProps: {
-      maxWidth: 100
-    },
-    lines: count
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonText.default, {
+      lineProps: {
+        maxWidth: 100
+      },
+      lines: count
+    })
+  });
 };
 var _default = SkeletonTabs;
 exports.default = _default;

package/cjs/components/Skeleton/SkeletonTabs.stories.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonTabs.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonTabs.default, {
+  ...args
+});
 exports.Basic = Basic;

package/cjs/components/Skeleton/SkeletonText.js

@@ -5,11 +5,10 @@ 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 _Skeleton = _interopRequireDefault(require("./Skeleton"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
@@ -25,17 +24,18 @@ const SkeletonText = _ref => {
     lineProps = {},
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), Array.from({
-    length: lines
-  }).map((_, key) => /*#__PURE__*/_react.default.createElement(_Skeleton.default
-  // eslint-disable-next-line react/no-array-index-key
-  , (0, _extends2.default)({
-    key: key
-  }, lineProps, {
-    className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: Array.from({
+      length: lines
+    }).map((_, key) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      ...lineProps,
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
+    }, key))
+  });
 };
 var _default = SkeletonText;
 exports.default = _default;

package/cjs/components/Skeleton/SkeletonText.stories.js

@@ -5,19 +5,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinesCount = exports.Custom = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_SkeletonText.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonText.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {};
-const LinesCount = args => /*#__PURE__*/_react.default.createElement(Basic, args);
+const LinesCount = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+  ...args
+});
 exports.LinesCount = LinesCount;
 LinesCount.args = {
   lines: 5
 };
-const Custom = args => /*#__PURE__*/_react.default.createElement(Basic, args);
+const Custom = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+  ...args
+});
 exports.Custom = Custom;
 Custom.args = {
   lines: 5,

package/cjs/components/Spinner/Spinner.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-2019. Plesk International GmbH. All rights reserved.
 
 /**
@@ -20,20 +19,21 @@ const Spinner = _ref => {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
     viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), /*#__PURE__*/_react.default.createElement("circle", {
-    className: `${baseClassName}__path`,
-    fill: "none",
-    strokeWidth: "6",
-    strokeLinecap: "round",
-    cx: "24",
-    cy: "24",
-    r: "21"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      className: `${baseClassName}__path`,
+      fill: "none",
+      strokeWidth: "6",
+      strokeLinecap: "round",
+      cx: "24",
+      cy: "24",
+      r: "21"
+    })
+  });
 };
 var _default = Spinner;
 exports.default = _default;

package/cjs/components/SplitButton/SplitButton.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"));
@@ -14,6 +13,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -76,21 +76,25 @@ const SplitButton = _ref => {
         break;
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_ButtonGroup.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
     className: (0, _classnames.default)(baseClassName, className),
     innerRef: rootRef,
-    onKeyDown: handleKeyDown
-  }, props), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    tabIndex: 0,
-    onClick: onClick
-  }, children), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-    className: `${baseClassName}__dropdown-trigger`,
-    menu: menu,
-    menuPlacement: "bottom-end"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    caret: true,
-    tabIndex: -1
-  })));
+    onKeyDown: handleKeyDown,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      tabIndex: 0,
+      onClick: onClick,
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+      className: `${baseClassName}__dropdown-trigger`,
+      menu: menu,
+      menuPlacement: "bottom-end",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        caret: true,
+        tabIndex: -1
+      })
+    })]
+  });
 };
 SplitButton.propTypes = {
   /**

package/cjs/components/Spot/Spot.js

@@ -5,15 +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 _utils = require("../utils");
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _Layer = _interopRequireDefault(require("../Layer"));
 var _SpotPulsar = _interopRequireDefault(require("./SpotPulsar"));
 var _SpotPopup = _interopRequireDefault(require("./SpotPopup"));
-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 isEqual = (a, b) => a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom && a.width === b.width && a.height === b.height;
@@ -76,19 +74,25 @@ const Spot = _ref => {
   if (!rect) {
     return null;
   }
-  const pulsar = /*#__PURE__*/_react.default.createElement(_SpotPulsar.default, (0, _extends2.default)({
+  const pulsar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpotPulsar.default, {
     rect: rect,
-    placement: placement
-  }, props, {
+    placement: placement,
+    ...props,
     ref: pulsarRef
-  }));
-  return /*#__PURE__*/_react.default.createElement(_OnDarkContext.default.Provider, {
-    value: true
-  }, /*#__PURE__*/_react.default.createElement(_Layer.default, null, popup ? /*#__PURE__*/_react.default.createElement(_SpotPopup.default, (0, _extends2.default)({
-    pulsar: pulsar,
-    pulsarRef: pulsarRef,
-    meta: meta
-  }, popup)) : /*#__PURE__*/_react.default.createElement("div", null, pulsar)));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OnDarkContext.default.Provider, {
+    value: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
+      children: popup ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpotPopup.default, {
+        pulsar: pulsar,
+        pulsarRef: pulsarRef,
+        meta: meta,
+        ...popup
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: pulsar
+      })
+    })
+  });
 };
 var _default = Spot;
 exports.default = _default;