@plesk/ui-library 3.31.3 → 3.32.0

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 = {

package/cjs/components/Tabs/SearchBar.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 _utils = require("../../utils");
 var _react = _interopRequireWildcard(require("react"));
@@ -20,12 +19,11 @@ var _Menu = _interopRequireWildcard(require("../Menu"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _utils2 = 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.
 
-/* eslint-disable react/no-deprecated */
-
 /**
  * `SearchBar` component is used for providing type-as-you-go search.
  * @since 0.0.58
@@ -276,17 +274,18 @@ class SearchBar extends _react.Component {
     if (!results || results.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
       className: (0, _classnames.default)(`${baseClassName}__results`, {
         [`${baseClassName}__results--hidden`]: !focused && !overMenu
       }),
       onMouseOver: this.handleMenuMouseOver,
-      onMouseOut: this.handleMenuMouseOut
-    }, results.map(item => /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      key: item.value,
-      active: item.value === highlightedValue,
-      onClick: this.handleSelect(item.value)
-    }, item.title)));
+      onMouseOut: this.handleMenuMouseOut,
+      children: results.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+        active: item.value === highlightedValue,
+        onClick: this.handleSelect(item.value),
+        children: item.title
+      }, item.value))
+    });
   }
   renderResultsMenu() {
     const {
@@ -347,51 +346,57 @@ class SearchBar extends _react.Component {
     } = this.state;
     const isCollapsed = this.isResponsive();
     const distractionFreeModeEnabled = Boolean(distractionFreeMode && distractionFreeMode.enabled);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--focused`]: focused
       }, className),
       style: isCollapsed || distractionFreeModeEnabled ? null : {
         maxWidth,
         minWidth
-      }
-    }, props), /*#__PURE__*/_react.default.createElement(_ButtonGroup.default, {
-      className: `${baseClassName}__group`
-    }, isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/_react.default.createElement(_Badge.default, {
-      intent: "info",
-      hidden: !value
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      icon: "search",
-      onClick: this.handleExpand
-    })) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
-      innerRef: ref => this.search = ref,
-      className: `${baseClassName}__input`,
-      size: "fill",
-      onChange: this.handleKeyDown,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onKeyDown: this.handleKeyDown
-    }, inputProps, {
-      value: value,
-      prefix: (collapsable && !isCollapsed || distractionFreeModeEnabled) && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        icon: {
-          name: 'chevron-right',
-          flipHorizontal: (0, _utils.isRtl)()
-        },
-        ghost: true,
-        onClick: this.handleCollapse
-      }),
-      suffix: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, value && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        icon: "remove",
-        onClick: this.handleReset,
-        ghost: true
-      }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        icon: "search",
-        onClick: this.handleSearch,
-        state: loading ? 'loading' : null,
-        ghost: true
-      }))
-    })))), results && results.type === _Menu.default ? this.renderResultsMenu() : this.renderResults());
+      },
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+        className: `${baseClassName}__group`,
+        children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+          intent: "info",
+          hidden: !value,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            icon: "search",
+            onClick: this.handleExpand
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+          innerRef: ref => this.search = ref,
+          className: `${baseClassName}__input`,
+          size: "fill",
+          onChange: this.handleKeyDown,
+          onFocus: this.handleFocus,
+          onBlur: this.handleBlur,
+          onKeyDown: this.handleKeyDown,
+          ...inputProps,
+          value: value,
+          prefix: (collapsable && !isCollapsed || distractionFreeModeEnabled) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            icon: {
+              name: 'chevron-right',
+              flipHorizontal: (0, _utils.isRtl)()
+            },
+            ghost: true,
+            onClick: this.handleCollapse
+          }),
+          suffix: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              icon: "remove",
+              onClick: this.handleReset,
+              ghost: true
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              icon: "search",
+              onClick: this.handleSearch,
+              state: loading ? 'loading' : null,
+              ghost: true
+            })]
+          })
+        })
+      }), results && results.type === _Menu.default ? this.renderResultsMenu() : this.renderResults()]
+    });
   }
 }
 const propTypes = {
@@ -511,10 +516,11 @@ const SearchBarWrapper = props => {
   const distractionFreeMode = (0, _react.useContext)(_DistractionFreeModeContext.default);
   let responsive = (0, _react.useContext)(_ResponsiveContext.default);
   responsive = props.responsive === undefined ? responsive || false : Boolean(props.responsive);
-  return /*#__PURE__*/_react.default.createElement(SearchBar, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SearchBar, {
+    ...props,
     responsive: responsive,
     distractionFreeMode: distractionFreeMode
-  }));
+  });
 };
 SearchBarWrapper.displayName = 'SearchBar';
 SearchBarWrapper.propTypes = propTypes;

package/cjs/components/Tabs/Tab.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 /* eslint-disable react/no-unused-prop-types */
 
@@ -17,12 +18,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
  * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
  * @since 0.0.35
- */
-const Tab = _ref => {
+ */const Tab = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", null, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: children
+  });
 };
 Tab.propTypes = {
   /**