@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Spot/SpotPopup.js

@@ -5,17 +5,15 @@ 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 _constants = require("../../constants");
 var _Popover = _interopRequireDefault(require("../Popover"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _Focuser = _interopRequireDefault(require("../Overlay/Focuser"));
 var _utils = require("../utils");
-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.
 
 // TODO: Use SpotSpotProps['popup'] instead of copypaste
@@ -50,12 +48,12 @@ const SpotPopup = _ref => {
     }
   }, []);
   if (typeof image === 'string') {
-    image = /*#__PURE__*/_react.default.createElement("img", {
+    image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: image,
       alt: ""
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Popover.default, {
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--${size}`]: size
     }),
@@ -66,29 +64,35 @@ const SpotPopup = _ref => {
     visible: true,
     onClose: () => (0, _utils.safeInvoke)(onClose),
     canCloseOnOutsideClick: false,
-    autoFocus: false
-  }, props), image && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__media`, {
-      [`${baseClassName}__media--compact`]: !title
-    })
-  }, image), children, buttons && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__footer`,
-    ref: footerRef
-  }, meta && meta.total > 1 ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-    intent: "muted",
-    fontSize: "sm"
-  }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-    namespace: "SpotPopup",
-    content: "total",
-    params: {
-      current: meta.current + 1,
-      total: meta.total
-    },
-    translators: locale,
-    fallback: "%%current%% of %%total%%"
-  })) : /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__actions`
-  }, buttons)));
+    autoFocus: false,
+    ...props,
+    children: [image && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__media`, {
+        [`${baseClassName}__media--compact`]: !title
+      }),
+      children: image
+    }), children, buttons && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__footer`,
+      ref: footerRef,
+      children: [meta && meta.total > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        intent: "muted",
+        fontSize: "sm",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          namespace: "SpotPopup",
+          content: "total",
+          params: {
+            current: meta.current + 1,
+            total: meta.total
+          },
+          translators: locale,
+          fallback: "%%current%% of %%total%%"
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__actions`,
+        children: buttons
+      })]
+    })]
+  });
 };
 var _default = SpotPopup;
 exports.default = _default;

package/cjs/components/Spot/SpotPulsar.js

@@ -5,12 +5,10 @@ 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 _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.
 
 const OFFSET = 23;
@@ -44,18 +42,19 @@ const SpotPulsar = /*#__PURE__*/(0, _react.forwardRef)(function SpotPulsar(_ref,
     ...props
   } = _ref;
   const position = calculate(rect, placement);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, className),
     style: {
       transform: `translate(${position.left}px, ${position.top}px)`
-    }
-  }, props, {
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__ring`
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__ring`
-  }));
+    },
+    ...props,
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__ring`
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__ring`
+    })]
+  });
 });
 SpotPulsar.displayName = 'SpotPulsar';
 var _default = SpotPulsar;

package/cjs/components/Squeezer/Squeezer.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _utils = require("../utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 class Squeezer extends _react.Component {
@@ -32,7 +31,6 @@ class Squeezer extends _react.Component {
   }
   measure() {
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    // eslint-disable-next-line react/prop-types
     const {
       compact,
       uncompact
@@ -70,13 +68,12 @@ class Squeezer extends _react.Component {
     }
   }
   render() {
-    // eslint-disable-next-line react/prop-types
     const {
       children,
       innerRef,
       innerMeasure
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       onResize: this.handleResize,
       innerRef: el => {
         if (el) {
@@ -86,14 +83,15 @@ class Squeezer extends _react.Component {
             this.measure(true);
           });
         }
+      },
+      children: _ref => {
+        let {
+          measureRef
+        } = _ref;
+        return children({
+          ref: measureRef
+        });
       }
-    }, _ref => {
-      let {
-        measureRef
-      } = _ref;
-      return children({
-        ref: measureRef
-      });
     });
   }
 }

package/cjs/components/Status/Status.js

@@ -5,16 +5,14 @@ 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 _intentIconMap = require("../intentIconMap");
 var _Action = _interopRequireDefault(require("../Action"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 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 toIcon = (icon, intent) => {
@@ -49,7 +47,7 @@ const Status = _ref => {
   if (intent === 'muted') {
     intent = 'inactive';
   }
-  return /*#__PURE__*/_react.default.createElement(_Action.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
     component: "span",
     icon: compact ? undefined : toIcon(icon, intent),
     className: (0, _classnames.default)(baseClassName, {
@@ -63,8 +61,10 @@ const Status = _ref => {
         [`${baseClassName}--flip`]: flip
       }, outerProps.className)
     },
-    progress: progress
-  }, props), children);
+    progress: progress,
+    ...props,
+    children: children
+  });
 };
 var _default = Status;
 exports.default = _default;

package/cjs/components/Status/Status.stories.js

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

package/cjs/components/StatusMessage/StatusMessage.js

@@ -5,13 +5,12 @@ 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 = _interopRequireDefault(require("react"));
 var _Alert = _interopRequireDefault(require("../Alert"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _constants = require("../../constants");
 var _intentIconMap = require("../intentIconMap");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -27,13 +26,15 @@ const StatusMessage = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
     className: (0, _classnames.default)(baseClassName, [`${baseClassName}--${intent}`], className),
-    intent: intent
-  }, props), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: _intentIconMap.intentIconMap[intent],
-    className: `${baseClassName}__icon`
-  }), children);
+    intent: intent,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: _intentIconMap.intentIconMap[intent],
+      className: `${baseClassName}__icon`
+    }), children]
+  });
 };
 var _default = StatusMessage;
 exports.default = _default;

package/cjs/components/Subnav/Subnav.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SubnavItem = 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 _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.
@@ -82,12 +82,13 @@ const Subnav = _ref => {
     }
     return child;
   });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
     onKeyDown: handleKeyDown,
-    ref: rootRef
-  }), items);
+    ref: rootRef,
+    children: items
+  });
 };
 Subnav.propTypes = {
   /**

package/cjs/components/Switch/Switch.js

@@ -5,13 +5,13 @@ 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"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+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.
@@ -48,26 +48,30 @@ class Switch extends _react.Component {
       loading,
       ...props
     } = this.props;
-    let result = /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({
+    let result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--${intent}`]: intent,
         [`${baseClassName}--loading`]: loading
-      }, className)
-    }, props), children ? /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__label`
-    }, children) : null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "checkbox",
-      onChange: this.handleChange,
-      checked: checked,
-      defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
-      disabled: disabled || loading
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__indicator`
-    }));
+      }, className),
+      ...props,
+      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__label`,
+        children: children
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "checkbox",
+        onChange: this.handleChange,
+        checked: checked,
+        defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
+        disabled: disabled || loading
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__indicator`
+      })]
+    });
     if (tooltip) {
-      result = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: tooltip
-      }, result);
+      result = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: tooltip,
+        children: result
+      });
     }
     return result;
   }

package/cjs/components/SwitchesPanel/SwitchesPanel.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 = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Section = _interopRequireDefault(require("../Section"));
+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.
@@ -26,13 +26,16 @@ const SwitchesPanel = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Section.default, (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__items`
-  }, _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
-    className: (0, _classnames.default)(child.props.className, `${baseClassName}__item`)
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Section.default, {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__items`,
+      children: _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
+        className: (0, _classnames.default)(child.props.className, `${baseClassName}__item`)
+      }))
+    })
+  });
 };
 SwitchesPanel.propTypes = {
   /**

package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.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"));
@@ -14,6 +13,7 @@ var _constants = require("../../constants");
 var _Switch = _interopRequireDefault(require("../Switch"));
 var _Action = _interopRequireDefault(require("../Action"));
 var _Popover = _interopRequireDefault(require("../Popover"));
+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.
@@ -53,33 +53,41 @@ class SwitchesPanelItem extends _react.Component {
     const {
       checked
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--${intent}`]: intent && checked
-      }, className)
-    }, props), /*#__PURE__*/_react.default.createElement("h5", {
-      className: `${baseClassName}__title`
-    }, title), description && /*#__PURE__*/_react.default.createElement("p", {
-      className: `${baseClassName}__description`
-    }, description), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__actions`
-    }, /*#__PURE__*/_react.default.createElement(_Switch.default, (0, _extends2.default)({
-      className: `${baseClassName}__switch`,
-      intent: intent,
-      onChange: this.handleChange,
-      defaultChecked: defaultChecked
-    }, switchProps)), (fullDescription || children) && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__controls`
-    }, children, fullDescription && /*#__PURE__*/_react.default.createElement(_Popover.default, {
-      intent: "info",
-      target: /*#__PURE__*/_react.default.createElement(_Action.default, {
-        icon: "question-mark-circle",
-        outerProps: {
-          className: `${baseClassName}__full-description-toggle`
-        }
-      }),
-      placement: "bottom"
-    }, fullDescription))));
+      }, className),
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+        className: `${baseClassName}__title`,
+        children: title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: `${baseClassName}__description`,
+        children: description
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__actions`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
+          className: `${baseClassName}__switch`,
+          intent: intent,
+          onChange: this.handleChange,
+          defaultChecked: defaultChecked,
+          ...switchProps
+        }), (fullDescription || children) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__controls`,
+          children: [children, fullDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+            intent: "info",
+            target: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
+              icon: "question-mark-circle",
+              outerProps: {
+                className: `${baseClassName}__full-description-toggle`
+              }
+            }),
+            placement: "bottom",
+            children: fullDescription
+          })]
+        })]
+      })]
+    });
   }
 }
 SwitchesPanelItem.propTypes = {