@plesk/ui-library 3.35.1 → 3.35.3

package/cjs/components/Action/Action.js

@@ -94,5 +94,4 @@ const Action = _ref => {
     }) : null]
   });
 };
-var _default = Action;
-exports.default = _default;
+var _default = exports.default = Action;

package/cjs/components/Alert/Alert.js

@@ -36,5 +36,4 @@ const Alert = _ref => {
     }), children]
   });
 };
-var _default = Alert;
-exports.default = _default;
+var _default = exports.default = Alert;

package/cjs/components/AutoClosable/AutoClosable.js

@@ -84,5 +84,4 @@ class AutoClosable extends _react.Component {
   }
 }
 AutoClosable.contextType = AutoClosableContext;
-var _default = AutoClosable;
-exports.default = _default;
+var _default = exports.default = AutoClosable;

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -35,5 +35,4 @@ const AuxiliaryActions = _ref => {
     : separator, elem], [])
   });
 };
-var _default = AuxiliaryActions;
-exports.default = _default;
+var _default = exports.default = AuxiliaryActions;

package/cjs/components/Badge/Badge.js

@@ -55,5 +55,4 @@ const Badge = _ref => {
     children: [children, label]
   });
 };
-var _default = Badge;
-exports.default = _default;
+var _default = exports.default = Badge;

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -44,5 +44,4 @@ const Breadcrumbs = _ref => {
     })
   });
 };
-var _default = Breadcrumbs;
-exports.default = _default;
+var _default = exports.default = Breadcrumbs;

package/cjs/components/Button/Button.js

@@ -206,8 +206,6 @@ Button.defaultProps = {
 /**
  * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- *
- * Since: 0.0.37
+ * @since 0.0.37
  */
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/cjs/components/Button/ButtonContext.js

@@ -12,8 +12,7 @@ const defaultValue = {
     size: undefined
   }
 };
-const ButtonContext = /*#__PURE__*/(0, _react.createContext)(defaultValue);
-exports.ButtonContext = ButtonContext;
+const ButtonContext = exports.ButtonContext = /*#__PURE__*/(0, _react.createContext)(defaultValue);
 const getButtonContextValue = value => ({
   ...defaultValue,
   ...value,
@@ -23,5 +22,4 @@ const getButtonContextValue = value => ({
   }
 });
 exports.getButtonContextValue = getButtonContextValue;
-var _default = ButtonContext;
-exports.default = _default;
+var _default = exports.default = ButtonContext;

package/cjs/components/ButtonGroup/ButtonGroup.js

@@ -29,5 +29,4 @@ const ButtonGroup = _ref => {
     children: children
   });
 };
-var _default = ButtonGroup;
-exports.default = _default;
+var _default = exports.default = ButtonGroup;

package/cjs/components/Card/Card.js

@@ -479,5 +479,4 @@ Card.defaultProps = {
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}card`
 };
-var _default = Card;
-exports.default = _default;
+var _default = exports.default = Card;

package/cjs/components/Card/CardButton.js

@@ -33,5 +33,4 @@ CardButton.propTypes = {
 CardButton.defaultProps = {
   baseClassName: `${_constants.CLS_PREFIX}card-button`
 };
-var _default = CardButton;
-exports.default = _default;
+var _default = exports.default = CardButton;

package/cjs/components/Card/PreviewPanel.js

@@ -151,5 +151,4 @@ const PreviewPanel = _ref2 => {
     })]
   });
 };
-var _default = PreviewPanel;
-exports.default = _default;
+var _default = exports.default = PreviewPanel;

package/cjs/components/CardList/CardList.js

@@ -24,13 +24,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-2023. Plesk International GmbH. All rights reserved.
 
-const VIEW_TILE = 'tile';
-exports.VIEW_TILE = VIEW_TILE;
-const VIEW_RESPONSIVE = 'responsive';
-exports.VIEW_RESPONSIVE = VIEW_RESPONSIVE;
-const VIEW_EXTENDED = 'extended';
-exports.VIEW_EXTENDED = VIEW_EXTENDED;
-const VIEW_ROW = 'row';
+const VIEW_TILE = exports.VIEW_TILE = 'tile';
+const VIEW_RESPONSIVE = exports.VIEW_RESPONSIVE = 'responsive';
+const VIEW_EXTENDED = exports.VIEW_EXTENDED = 'extended';
+const VIEW_ROW = exports.VIEW_ROW = 'row';
 
 /**
  * @deprecated `CardList` was used for displaying list of objects presented in various data formats
@@ -38,7 +35,6 @@ const VIEW_ROW = 'row';
  * Now it is deprecated and [List should be used](#!/List) instead.
  * @since 0.0.54
  */
-exports.VIEW_ROW = VIEW_ROW;
 class CardList extends _react.Component {
   constructor() {
     super(...arguments);
@@ -435,5 +431,4 @@ CardList.defaultProps = {
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}card-list`
 };
-var _default = CardList;
-exports.default = _default;
+var _default = exports.default = CardList;

package/cjs/components/CardList/CardListToolbar.js

@@ -158,5 +158,4 @@ CardListToolbar.defaultProps = {
   onViewChange: null,
   baseClassName: `${_constants.CLS_PREFIX}card-list__toolbar`
 };
-var _default = CardListToolbar;
-exports.default = _default;
+var _default = exports.default = CardListToolbar;

package/cjs/components/Carousel/Carousel.js

@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(require("../Icon"));
 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-2023. Plesk International GmbH. All rights reserved.
 
 const calcWidths = node => {
@@ -26,7 +23,6 @@ const calcWidths = node => {
     totalWidth
   };
 };
-
 /**
  * Carousel component is used for optimizing page space by displaying only some parts
  * of entire content in a cyclic view.
@@ -43,23 +39,27 @@ class Carousel extends _react.Component {
       slideWidths: [],
       totalWidth: 0
     });
-    this.speed = 500;
-    this.movingCallback = null;
-    this.playSpeed = 5000;
-    this.playTimer = null;
+    (0, _defineProperty2.default)(this, "speed", 500);
+    (0, _defineProperty2.default)(this, "playSpeed", 5000);
+    (0, _defineProperty2.default)(this, "isRtl", void 0);
+    (0, _defineProperty2.default)(this, "playTimer", null);
+    (0, _defineProperty2.default)(this, "movingCallback", null);
+    (0, _defineProperty2.default)(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "genuineRef", /*#__PURE__*/(0, _react.createRef)());
     this.handlePrevClick = this.handlePrevClick.bind(this);
     this.handleNextClick = this.handleNextClick.bind(this);
     this.stop = this.stop.bind(this);
     this.play = this.play.bind(this);
     this.handleResize = this.handleResize.bind(this);
-    this.rootRef = /*#__PURE__*/(0, _react.createRef)();
-    this.genuineRef = /*#__PURE__*/(0, _react.createRef)();
   }
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
     this.play();
   }
   componentDidUpdate() {
+    if (!this.rootRef.current || !this.genuineRef.current) {
+      return;
+    }
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
@@ -77,7 +77,9 @@ class Carousel extends _react.Component {
   }
   componentWillUnmount() {
     this.stop();
-    clearTimeout(this.movingCallback);
+    if (this.movingCallback) {
+      clearTimeout(this.movingCallback);
+    }
   }
   handlePrevClick() {
     this.stop();
@@ -128,11 +130,12 @@ class Carousel extends _react.Component {
   }
   handleResize(_ref) {
     let {
-      bounds: {
-        width
-      }
+      bounds
     } = _ref;
     const node = this.genuineRef.current;
+    if (!node) {
+      return;
+    }
     const {
       slideWidths,
       totalWidth
@@ -140,7 +143,7 @@ class Carousel extends _react.Component {
     this.setState({
       slideWidths,
       totalWidth,
-      showControls: width < totalWidth
+      showControls: (bounds?.width || 0) < totalWidth
     });
   }
   listStyle() {
@@ -168,8 +171,8 @@ class Carousel extends _react.Component {
     return {
       WebkitTransform: `translateX(${x ? `${x}px` : 0})`,
       transform: `translateX(${x ? `${x}px` : 0})`,
-      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : null,
-      transition: moving ? `transform ${this.speed}ms ease` : null
+      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : undefined,
+      transition: moving ? `transform ${this.speed}ms ease` : undefined
     };
   }
   render() {
@@ -185,9 +188,7 @@ class Carousel extends _react.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true,
-      innerRef: node => {
-        this.rootRef.current = node;
-      },
+      innerRef: this.rootRef,
       children: _ref2 => {
         let {
           measureRef
@@ -198,7 +199,7 @@ class Carousel extends _react.Component {
           ...props,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__slides`,
-            style: showControls ? this.listStyle() : null,
+            style: showControls ? this.listStyle() : undefined,
             children: [showControls && children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: `${baseClassName}__genuine-slides`,
               ref: this.genuineRef,
@@ -231,25 +232,9 @@ class Carousel extends _react.Component {
     });
   }
 }
-Carousel.propTypes = {
-  /**
-   * Slides
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Carousel.defaultProps = {
+(0, _defineProperty2.default)(Carousel, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}carousel`
-};
-var _default = Carousel;
-exports.default = _default;
+});
+var _default = exports.default = Carousel;

package/cjs/components/Checkbox/Checkbox.js

@@ -69,5 +69,4 @@ const Checkbox = _ref => {
   }
   return result;
 };
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/cjs/components/ClosingConfirmation/locale/en-US.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-var _default = {
+var _default = exports.default = {
   confirm: 'Leave',
   cancel: 'Go Back',
   content: "Are you sure you want to close and leave this window? Any data changes you've made won't be saved."
-};
-exports.default = _default;
+};

package/cjs/components/ClosingConfirmation/useClosingConfirmation.js

@@ -74,5 +74,4 @@ const useClosingConfirmation = _ref => {
     closingConfirmationDialog
   };
 };
-var _default = useClosingConfirmation;
-exports.default = _default;
+var _default = exports.default = useClosingConfirmation;

package/cjs/components/CodeEditor/CodeEditor.js

@@ -287,5 +287,4 @@ CodeEditor.defaultProps = {
   scrollPosition: undefined,
   onScroll: undefined
 };
-var _default = CodeEditor;
-exports.default = _default;
+var _default = exports.default = CodeEditor;

package/cjs/components/Columns/Column.js

@@ -48,5 +48,4 @@ const Column = _ref => {
     children: children
   });
 };
-var _default = Column;
-exports.default = _default;
+var _default = exports.default = Column;

package/cjs/components/Columns/Columns.js

@@ -69,5 +69,4 @@ const Columns = _ref => {
   }
   return createRoot();
 };
-var _default = Columns;
-exports.default = _default;
+var _default = exports.default = Columns;

package/cjs/components/ComboBox/ComboBox.js

@@ -219,5 +219,4 @@ const withDefaultValue = Component => {
   Wrapper.displayName = `withDefaultValue(${Component.name})`;
   return Wrapper;
 };
-var _default = withDefaultValue(ComboBox);
-exports.default = _default;
+var _default = exports.default = withDefaultValue(ComboBox);

package/cjs/components/ComboBox/ComboBoxOption.js

@@ -19,5 +19,4 @@ const ComboBoxOption = _props => {
   }
   return null;
 };
-var _default = ComboBoxOption;
-exports.default = _default;
+var _default = exports.default = ComboBoxOption;

package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -173,5 +173,4 @@ const ComboBoxDropdown = _ref => {
     })
   });
 };
-var _default = ComboBoxDropdown;
-exports.default = _default;
+var _default = exports.default = ComboBoxDropdown;

package/cjs/components/ConsoleOutput/ConsoleOutput.js

@@ -88,5 +88,4 @@ class ConsoleOutput extends _react.PureComponent {
   cursor: false,
   autoscroll: true
 });
-var _default = ConsoleOutput;
-exports.default = _default;
+var _default = exports.default = ConsoleOutput;

package/cjs/components/ContentLoader/ContentLoader.js

@@ -87,5 +87,4 @@ const ContentLoader = _ref => {
     })]
   });
 };
-var _default = ContentLoader;
-exports.default = _default;
+var _default = exports.default = ContentLoader;

package/cjs/components/ContentLoader/IconsLoader.js

@@ -86,5 +86,4 @@ const IconsLoader = _ref => {
     })]
   });
 };
-var _default = IconsLoader;
-exports.default = _default;
+var _default = exports.default = IconsLoader;

package/cjs/components/Cuttable/Cuttable.js

@@ -107,5 +107,4 @@ class Cuttable extends _react.Component {
   },
   baseClassName: `${_constants.CLS_PREFIX}cuttable`
 });
-var _default = Cuttable;
-exports.default = _default;
+var _default = exports.default = Cuttable;

package/cjs/components/Dialog/Dialog.js

@@ -228,5 +228,4 @@ Dialog.defaultProps = {
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}dialog`
 };
-var _default = Dialog;
-exports.default = _default;
+var _default = exports.default = Dialog;

package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js

@@ -9,5 +9,4 @@ var _react = require("react");
 
 const DistractionFreeModeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 DistractionFreeModeContext.displayName = 'DistractionFreeModeContext';
-var _default = DistractionFreeModeContext;
-exports.default = _default;
+var _default = exports.default = DistractionFreeModeContext;

package/cjs/components/Drawer/Drawer.js

@@ -188,5 +188,4 @@ const Drawer = _ref => {
   });
 };
 Drawer.defaultProps = defaultProps;
-var _default = Drawer;
-exports.default = _default;
+var _default = exports.default = Drawer;

package/cjs/components/Drawer/DrawerProgress.js

@@ -157,5 +157,4 @@ class DrawerProgress extends _react.Component {
   cancelable: false,
   steps: []
 });
-var _default = DrawerProgress;
-exports.default = _default;
+var _default = exports.default = DrawerProgress;

package/cjs/components/Drawer/Header.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
-var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -15,124 +13,88 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-class Header extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "isRtl", false);
-  }
-  componentDidMount() {
-    this.isRtl = (0, _utils.isRtl)();
-  }
-  renderBackButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "chevron-left",
-        flipHorizontal: this.isRtl,
-        className: `${baseClassName}__icon`
-      }),
-      onClick: onClose
-    });
-  }
-  renderHideButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        className: `${baseClassName}__icon`,
-        name: "minimize"
-      }),
-      onClick: onClose
-    });
-  }
-  renderCloseButton() {
+const Header = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}drawer-header`,
+    onClose,
+    children,
+    backButton = false,
+    hideButton = false,
+    tabs,
+    ...props
+  } = _ref;
+  const renderBackButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: "chevron-left",
+      flipHorizontal: (0, _utils.isRtl)(),
+      className: `${baseClassName}__icon`
+    }),
+    onClick: onClose
+  });
+  const renderHideButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      className: `${baseClassName}__icon`,
+      name: "minimize"
+    }),
+    onClick: onClose
+  });
+  const renderCloseButton = function () {
     let {
       disabled = false
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--close`),
       size: "lg",
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: 'cross-mark',
+        name: "cross-mark",
         className: `${baseClassName}__icon`
       }),
       onClick: onClose,
       disabled: disabled
     });
-  }
-  render() {
-    const {
-      baseClassName,
-      onClose,
-      children,
-      backButton,
-      hideButton,
-      tabs,
-      ...props
-    } = this.props;
-    let prefix;
-    let suffix;
-    if (onClose) {
-      switch (true) {
-        case backButton:
-          prefix = this.renderBackButton();
-          break;
-        case hideButton:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__actions`,
-            children: [this.renderHideButton(), this.renderCloseButton({
-              disabled: true
-            })]
-          });
-          break;
-        default:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__actions`,
-            children: this.renderCloseButton()
-          });
-          break;
-      }
+  };
+  let prefix;
+  let suffix;
+  if (onClose) {
+    if (backButton) {
+      prefix = renderBackButton();
+    } else if (hideButton) {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__actions`,
+        children: [renderHideButton(), renderCloseButton({
+          disabled: true
+        })]
+      });
+    } else {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__actions`,
+        children: renderCloseButton()
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: baseClassName,
-      ...props,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${baseClassName}__inner`,
-        children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__content`,
-          children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__tabs`,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${baseClassName}__tabs-inner`,
-              children: tabs
-            })
-          })]
-        }), suffix]
-      })
-    });
   }
-}
-exports.default = Header;
-(0, _defineProperty2.default)(Header, "defaultProps", {
-  onClose: null,
-  baseClassName: `${_constants.CLS_PREFIX}drawer-header`,
-  backButton: false,
-  hideButton: false,
-  tabs: undefined
-});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: baseClassName,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__inner`,
+      children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__content`,
+        children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__tabs`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__tabs-inner`,
+            children: tabs
+          })
+        })]
+      }), suffix]
+    })
+  });
+};
+var _default = exports.default = Header;