@plesk/ui-library 3.33.0 → 3.34.1

package/dist/plesk-ui-library.js

@@ -1290,10 +1290,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Button/Button.js":
-/*!*************************************!*\
-  !*** ./components/Button/Button.js ***!
-  \*************************************/
+/***/ "./components/Button/Button.tsx":
+/*!**************************************!*\
+  !*** ./components/Button/Button.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -1303,8 +1303,7 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
@@ -1318,8 +1317,6 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Button.less */ "./components/Button/Button.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 renderIcon = _ref => {
@@ -1356,32 +1353,27 @@ const renderCaret = _ref2 => {
   }
   return caretElement;
 };
-
-/**
- * `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
- */
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}button`,
     className,
-    component: Tag,
+    component,
     size: propsSize,
     intent,
-    ghost,
+    ghost = false,
     selected: selectedProp,
     onToggle,
     state,
     icon,
     caret,
-    fill,
+    fill = false,
     tooltip,
     children,
     arrow,
-    disabled,
+    disabled = false,
     ...props
   } = _ref3;
+  const Tag = component || 'button';
   const [selectedState, setSelectedState] = (0, _react.useState)(false);
   const handleToggle = () => {
     setSelectedState(!selectedState);
@@ -1421,7 +1413,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   }
   const selected = selectedProp === undefined ? selectedState : selectedProp;
   if (selectedProp !== undefined || onToggle) {
-    componentProps['aria-pressed'] = String(selected);
+    componentProps['aria-pressed'] = `${selected}`;
   }
   const isArrowButton = arrow === 'forward' || arrow === 'backward';
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
@@ -1473,90 +1465,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   return button;
 });
 Button.displayName = 'Button';
-Button.propTypes = {
-  /**
-   * Button size.
-   * @since 2.5.0
-   */
-  size: _propTypes.default.oneOf(['md', 'lg']),
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.42
-   */
-  intent: _propTypes.default.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
-  /**
-   * Display button with transparent background.
-   * @since 2.1.0
-   */
-  ghost: _propTypes.default.bool,
-  /**
-   * Arrow button.
-   * @since 2.6.0
-   */
-  arrow: _propTypes.default.oneOf(['forward', 'backward']),
-  /**
-   * Selected state of toggle button. Used in controlled component mode.
-   * @since 0.0.68
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * Toggle button callback. Used in uncontrolled component mode.
-   * @since 0.0.68
-   */
-  onToggle: _propTypes.default.func,
-  /**
-   * State of the button
-   * @since 0.0.42
-   */
-  state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
-  /**
-   * Is button disabled?
-   * @since 0.0.42
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Tooltip for component
-   * @since 0.0.42
-   */
-  tooltip: _propTypes.default.node,
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @since 0.0.42
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Show caret
-   * @since 0.0.42
-   */
-  caret: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
-  /**
-   * Dynamically expand the button to fill out the whole available width of its parent container.
-   * @since 1.8.0
-   */
-  fill: _propTypes.default.bool,
-  /**
-   * Content of the button
-   * @since 0.0.37
-   */
-  children: _propTypes.default.node,
-  /**
-   * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
-   * @since 0.0.42
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func
-};
+
+// For ToolbarMenu backward compatibility purposes
 Button.defaultProps = {
   size: undefined,
   intent: undefined,
@@ -1576,6 +1486,13 @@ Button.defaultProps = {
   arrow: undefined,
   onClick: undefined
 };
+
+/**
+ * `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
+ */
 var _default = Button;
 exports["default"] = _default;
 
@@ -1618,10 +1535,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Button/index.js":
-/*!************************************!*\
-  !*** ./components/Button/index.js ***!
-  \************************************/
+/***/ "./components/Button/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Button/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -1636,7 +1553,7 @@ Object.defineProperty(exports, "default", ({
     return _Button.default;
   }
 }));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ "./components/Button/Button.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ "./components/Button/Button.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -2218,7 +2135,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2496,7 +2413,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ "./components/Pagination/index.js"));
 var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
 var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Spinner = _interopRequireDefault(__webpack_require__(/*! ../Spinner */ "./components/Spinner/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _CardListToolbar = _interopRequireDefault(__webpack_require__(/*! ./CardListToolbar */ "./components/CardList/CardListToolbar.js"));
@@ -2941,7 +2858,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Toolbar = _interopRequireWildcard(__webpack_require__(/*! ../Toolbar */ "./components/Toolbar/index.js"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
 var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.js"));
@@ -3575,8 +3492,8 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
-var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
+var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.tsx"));
 var _Paragraph = _interopRequireDefault(__webpack_require__(/*! ../Paragraph */ "./components/Paragraph/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -4980,6 +4897,7 @@ const useIconCursor = (icons, initialCursor, isSync) => {
   return [icons[cursor], targetRef];
 };
 const IconsLoader = _ref => {
+  var _icons;
   let {
     baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
     className,
@@ -4989,7 +4907,7 @@ const IconsLoader = _ref => {
     ...props
   } = _ref;
   const syncRef = (0, _react.useRef)('icon1');
-  if (!icons?.length) {
+  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];
@@ -5203,10 +5121,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Dialog/Dialog.js":
-/*!*************************************!*\
-  !*** ./components/Dialog/Dialog.js ***!
-  \*************************************/
+/***/ "./components/Dialog/Dialog.tsx":
+/*!**************************************!*\
+  !*** ./components/Dialog/Dialog.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -5216,14 +5134,13 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Overlay = _interopRequireDefault(__webpack_require__(/*! ../Overlay */ "./components/Overlay/index.tsx"));
 var _ClosingConfirmation = __webpack_require__(/*! ../ClosingConfirmation */ "./components/ClosingConfirmation/index.tsx");
 var _Form = _interopRequireDefault(__webpack_require__(/*! ../Form */ "./components/Form/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
 var _Translate = _interopRequireWildcard(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
@@ -5231,9 +5148,9 @@ var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Dialog.less */ "./components/Dialog/Dialog.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(value);
@@ -5290,6 +5207,7 @@ const Dialog = _ref => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classPrefix,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          alt: "",
           className: `${classPrefix}-inner`,
           src: image
         })
@@ -5298,6 +5216,7 @@ const Dialog = _ref => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classPrefix,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        alt: "",
         className: `${classPrefix}-inner`,
         ...image
       })
@@ -5387,7 +5306,7 @@ const Dialog = _ref => {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__header-content`,
             children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-              level: "2",
+              level: 2,
               className: `${baseClassName}__title`,
               children: title
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -5419,116 +5338,6 @@ const Dialog = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Dialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.68
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 0.0.68
-   */
-  banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Block with an image, placed at the side of the component
-   * @since 3.25.0
-   */
-  sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
-   */
-  sideBannerContainer: _propTypes.default.shape({
-    /**
-     * Values for css background property
-     */
-    background: _propTypes.default.string,
-    /**
-     * One of: center, flex-start, flex-end
-     */
-    align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
-  }),
-  /**
-   * Image. Renders into content.
-   * @since 0.0.68
-   */
-  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Title
-   * @since 0.0.68
-   */
-  title: _propTypes.default.node,
-  /**
-   * The subtitle of the `Dialog`.
-   * @since 4.0.0
-   */
-  subtitle: _propTypes.default.node,
-  /**
-   * Title of "cancel" button
-   * @since 0.0.68
-   * @deprecated Use `cancelButton` instead.
-   */
-  cancelTitle: _propTypes.default.node,
-  /**
-   * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
-   * @since 3.13.0
-   */
-  cancelButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
-  /**
-   * Buttons except "cancel" button
-   * @since 0.0.68
-   */
-  buttons: _propTypes.default.node,
-  /**
-   * Actions which will be shown in Dialog header
-   * @since 1.2.0
-   */
-  actions: _propTypes.default.node,
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.
-   * @since 0.0.68
-   */
-  form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Dialog width
-   * @since 0.0.68
-   */
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
-  /**
-   * If the value is false, the dialog cannot be closed and the Close button is hidden.
-   * @since 1.2.0
-   */
-  closable: _propTypes.default.bool,
-  /**
-   * Disable close dialog button
-   * @since 4.0.0
-   */
-  canClose: _propTypes.default.bool,
-  /**
-   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
-   * @since 0.0.68
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * Whether show or not a confirmation dialog on close.
-   * @since 3.21.0
-   */
-  closingConfirmation: _propTypes.default.bool,
-  /**
-   * Content of the `DialogWindow`.
-   * @since 0.0.68
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 Dialog.defaultProps = {
   isOpen: false,
   banner: undefined,
@@ -5556,10 +5365,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Dialog/index.js":
-/*!************************************!*\
-  !*** ./components/Dialog/index.js ***!
-  \************************************/
+/***/ "./components/Dialog/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Dialog/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -5574,7 +5383,7 @@ Object.defineProperty(exports, "default", ({
     return _Dialog.default;
   }
 }));
-var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/Dialog.js"));
+var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/Dialog.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -5976,7 +5785,7 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonContext = __webpack_require__(/*! ../Button/ButtonContext */ "./components/Button/ButtonContext.tsx");
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _Progress = _interopRequireDefault(__webpack_require__(/*! ../Progress */ "./components/Progress/index.js"));
@@ -6152,7 +5961,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 __webpack_require__(/*! ./Header.less */ "./components/Drawer/Header.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -6313,10 +6122,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Dropdown/Dropdown.js":
-/*!*****************************************!*\
-  !*** ./components/Dropdown/Dropdown.js ***!
-  \*****************************************/
+/***/ "./components/Dropdown/Dropdown.tsx":
+/*!******************************************!*\
+  !*** ./components/Dropdown/Dropdown.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6327,12 +6136,11 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
+var _react = __webpack_require__(/*! react */ "react");
 var _utils2 = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
 var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
@@ -6344,16 +6152,16 @@ __webpack_require__(/*! ../Menu/Menu.less */ "./components/Menu/Menu.less");
 __webpack_require__(/*! ./Dropdown.less */ "./components/Dropdown/Dropdown.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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.
 
+// TODO: move to Popover
+
 const createTarget = (node, _ref) => {
   let {
     onToggle,
     targetRef
   } = _ref;
-  if (false === ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
+  if (!( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
     node = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       caret: true,
       children: node
@@ -6534,43 +6342,6 @@ const Dropdown = _ref3 => {
     })
   });
 };
-Dropdown.propTypes = {
-  /**
-   * Dropdown [menu](#!/Menu).
-   * @since 0.0.57
-   */
-  menu: _propTypes.default.element.isRequired,
-  /**
-   * Menu placement.
-   * @since 0.0.60
-   */
-  menuPlacement: _propTypes.default.string,
-  /**
-   * Content of the `Dropdown`.
-   * @since 0.0.57
-   */
-  children: _propTypes.default.node,
-  /**
-   * Custom localization messages.
-   * @since 3.6.0
-   */
-  locale: _propTypes.default.shape({
-    close: _propTypes.default.node
-  }),
-  /**
-   * Display menu as overlay.
-   * @ignore
-   */
-  overlay: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 Dropdown.defaultProps = {
   menuPlacement: 'bottom-start',
   children: undefined,
@@ -6602,7 +6373,7 @@ Object.defineProperty(exports, "default", ({
     return _Dropdown.default;
   }
 }));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -7207,7 +6978,7 @@ var _utils = __webpack_require__(/*! ./utils */ "./components/Form/utils.tsx");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonContext = __webpack_require__(/*! ../Button/ButtonContext */ "./components/Button/ButtonContext.tsx");
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */ "./components/FormField/index.js"));
 var _Section = _interopRequireDefault(__webpack_require__(/*! ../Section */ "./components/Section/index.js"));
@@ -7606,7 +7377,8 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const innerRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     submit() {
-      innerRef.current?.dispatchEvent(new Event('submit', {
+      var _innerRef$current;
+      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
         cancelable: true,
         bubbles: true
       }));
@@ -7809,7 +7581,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Section = __webpack_require__(/*! ../Section */ "./components/Section/index.js");
 var _Hint = _interopRequireDefault(__webpack_require__(/*! ../Hint */ "./components/Hint/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Link = _interopRequireDefault(__webpack_require__(/*! ../Link */ "./components/Link/index.tsx"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
@@ -8599,7 +8371,7 @@ exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */ "./components/FormField/index.js"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
@@ -8834,19 +8606,19 @@ const PasswordMeter = _ref => {
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false,
     ...props,
-    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+    children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       component: "div",
       content: "FormFieldPassword.passwordStrength",
       fallback: _enUS.default.passwordStrength,
       params: {
         strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: `FormFieldPassword.strength${result?.strength}`,
-            fallback: _enUS.default[`strength${result?.strength}`]
+            content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
+            fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
           })
         })
       }
-    }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "FormFieldPassword.improvePassword",
         fallback: _enUS.default.improvePassword
@@ -10506,7 +10278,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
 var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
@@ -10811,7 +10583,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 __webpack_require__(/*! ./InputFile.less */ "./components/InputFile/InputFile.less");
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/InputFile/locale/en-US.js"));
@@ -10978,7 +10750,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _react = __webpack_require__(/*! react */ "react");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./InputNumber.less */ "./components/InputNumber/InputNumber.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -12682,7 +12454,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
 var _Pagination = __webpack_require__(/*! ../Pagination */ "./components/Pagination/index.js");
@@ -14233,7 +14005,7 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Menu = __webpack_require__(/*! ../Menu */ "./components/Menu/index.js");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -14295,7 +14067,7 @@ exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
 var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _ListAction = _interopRequireDefault(__webpack_require__(/*! ./ListAction */ "./components/List/ListAction.tsx"));
@@ -14554,7 +14326,7 @@ var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _ListOperationContext = _interopRequireDefault(__webpack_require__(/*! ./ListOperationContext */ "./components/List/ListOperationContext.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Media = _interopRequireDefault(__webpack_require__(/*! ../Media */ "./components/Media/index.js"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
@@ -16181,8 +15953,8 @@ const OverlayCore = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
       style: {
-        '--overlay-side-banner-background': sideBannerContainer?.background,
-        '--overlay-side-banner-align': sideBannerContainer?.align,
+        '--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
+        '--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
         ...style
       },
       ...props,
@@ -16212,10 +15984,11 @@ const Overlay = _ref2 => {
   const [isExist, setIsExist] = (0, _react.useState)(false);
   const prevFocusElementRef = (0, _react.useRef)(null);
   const handleClose = (0, _react.useCallback)(() => {
+    var _prevFocusElementRef$;
     if (!isOpenRef.current) return;
     isOpenRef.current = false;
     if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
-    prevFocusElementRef.current?.focus();
+    (_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
   }, []);
   (0, _react.useEffect)(() => {
     if (isOpen) {
@@ -16559,7 +16332,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
 var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 __webpack_require__(/*! ./Panel.less */ "./components/Panel/Panel.less");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -16868,7 +16641,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
 var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
@@ -17125,7 +16898,9 @@ class Popover extends _react.Component {
         className: `${baseClassName}__content`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: `${baseClassName}__content-inner`,
-          children: children
+          children: typeof children === 'function' ? children({
+            onClose: this.handleClose
+          }) : children
         })
       })]
     });
@@ -17899,7 +17674,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.js"));
+var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -18714,7 +18489,7 @@ var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _InPlaceEdit = _interopRequireDefault(__webpack_require__(/*! ../InPlaceEdit */ "./components/InPlaceEdit/index.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _VerticalContext = _interopRequireWildcard(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
 var _FormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/FormContext */ "./components/Form/FormContext.tsx"));
 __webpack_require__(/*! ./Section.less */ "./components/Section/Section.less");
@@ -18851,7 +18626,8 @@ class Section extends _react.Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
+        var _e$target$closest$que;
+        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
       }
     });
   }
@@ -19180,7 +18956,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
@@ -20461,7 +20237,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
     }, key))
   });
 };
@@ -20598,7 +20374,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -22064,7 +21840,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Badge = _interopRequireDefault(__webpack_require__(/*! ../Badge */ "./components/Badge/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
@@ -23741,7 +23517,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _intentIconMap = __webpack_require__(/*! ../intentIconMap */ "./components/intentIconMap.tsx");
 var _OnDarkContext = _interopRequireDefault(__webpack_require__(/*! ../OnDarkContext */ "./components/OnDarkContext/index.tsx"));
 __webpack_require__(/*! ./Toast.less */ "./components/Toast/Toast.less");
@@ -24657,7 +24433,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.js"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.js"));
+var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
 var _List = __webpack_require__(/*! ../List */ "./components/List/index.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -25412,6 +25188,7 @@ var _exportNames = {
   Badge: true,
   Breadcrumbs: true,
   Button: true,
+  ButtonProps: true,
   ButtonGroup: true,
   Card: true,
   CardList: true,
@@ -25442,6 +25219,9 @@ var _exportNames = {
   Heading: true,
   Hint: true,
   Icon: true,
+  IconProps: true,
+  IconName: true,
+  IconSize: true,
   Input: true,
   InputFile: true,
   InputNumber: true,
@@ -25539,6 +25319,12 @@ Object.defineProperty(exports, "ButtonGroup", ({
     return _ButtonGroup.default;
   }
 }));
+Object.defineProperty(exports, "ButtonProps", ({
+  enumerable: true,
+  get: function () {
+    return _Button.ButtonProps;
+  }
+}));
 Object.defineProperty(exports, "Card", ({
   enumerable: true,
   get: function () {
@@ -25701,6 +25487,24 @@ Object.defineProperty(exports, "Icon", ({
     return _Icon.default;
   }
 }));
+Object.defineProperty(exports, "IconName", ({
+  enumerable: true,
+  get: function () {
+    return _Icon.IconName;
+  }
+}));
+Object.defineProperty(exports, "IconProps", ({
+  enumerable: true,
+  get: function () {
+    return _Icon.IconProps;
+  }
+}));
+Object.defineProperty(exports, "IconSize", ({
+  enumerable: true,
+  get: function () {
+    return _Icon.IconSize;
+  }
+}));
 Object.defineProperty(exports, "InPlaceEdit", ({
   enumerable: true,
   get: function () {
@@ -26007,7 +25811,7 @@ var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ./AutoClosabl
 var _AuxiliaryActions = _interopRequireDefault(__webpack_require__(/*! ./AuxiliaryActions */ "./components/AuxiliaryActions/index.tsx"));
 var _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ "./components/Badge/index.tsx"));
 var _Breadcrumbs = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumbs */ "./components/Breadcrumbs/index.tsx"));
-var _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ "./components/Button/index.js"));
+var _Button = _interopRequireWildcard(__webpack_require__(/*! ./Button */ "./components/Button/index.tsx"));
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _Card = _interopRequireWildcard(__webpack_require__(/*! ./Card */ "./components/Card/index.js"));
 Object.keys(_Card).forEach(function (key) {
@@ -26053,7 +25857,7 @@ Object.keys(_ComboBox).forEach(function (key) {
 var _ConsoleOutput = _interopRequireDefault(__webpack_require__(/*! ./ConsoleOutput */ "./components/ConsoleOutput/index.tsx"));
 var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ./ContentLoader */ "./components/ContentLoader/index.tsx"));
 var _Cuttable = _interopRequireDefault(__webpack_require__(/*! ./Cuttable */ "./components/Cuttable/index.tsx"));
-var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/index.js"));
+var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/index.tsx"));
 var _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ "./components/Drawer/index.js"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/index.js"));
 var _InPlaceEdit = _interopRequireDefault(__webpack_require__(/*! ./InPlaceEdit */ "./components/InPlaceEdit/index.js"));
@@ -26103,7 +25907,7 @@ var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./componen
 var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/index.js"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ "./components/Heading/index.tsx"));
 var _Hint = _interopRequireDefault(__webpack_require__(/*! ./Hint */ "./components/Hint/index.tsx"));
-var _Icon = _interopRequireDefault(__webpack_require__(/*! ./Icon */ "./components/Icon/index.tsx"));
+var _Icon = _interopRequireWildcard(__webpack_require__(/*! ./Icon */ "./components/Icon/index.tsx"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ "./components/Input/index.tsx"));
 var _InputFile = _interopRequireDefault(__webpack_require__(/*! ./InputFile */ "./components/InputFile/index.tsx"));
 var _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ "./components/InputNumber/index.tsx"));
@@ -83320,7 +83124,7 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
 }((react__WEBPACK_IMPORTED_MODULE_2___default().Component));
 
 ReplaceTransition.propTypes =  true ? {
-  in: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool.isRequired),
+  in: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool).isRequired,
   children: function children(props, propName) {
     if (react__WEBPACK_IMPORTED_MODULE_2___default().Children.count(props[propName]) !== 2) return new Error("\"" + propName + "\" must be exactly two transition components.");
     return null;
@@ -83600,7 +83404,7 @@ SwitchTransition.propTypes =  true ? {
   /**
    * Any `Transition` or `CSSTransition` component.
    */
-  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().element.isRequired)])
+  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().element).isRequired])
 } : 0;
 SwitchTransition.defaultProps = {
   mode: modes.out
@@ -84085,7 +83889,7 @@ Transition.propTypes =  true ? {
    * </Transition>
    * ```
    */
-  children: prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_7___default().func.isRequired), (prop_types__WEBPACK_IMPORTED_MODULE_7___default().element.isRequired)]).isRequired,
+  children: prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_7___default().func).isRequired, (prop_types__WEBPACK_IMPORTED_MODULE_7___default().element).isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
@@ -90194,7 +89998,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.33.0","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.21.5","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.21.8","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.21.4","@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@babel/types":"^7.21.5","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@types/buble":"^0.20.1","@types/cheerio":"^0.22.31","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^24.9.1","@types/jest-image-snapshot":"^6.1.0","@types/marked":"^4.3.1","@types/node":"^16.18.36","@types/react":"^17.0.39","@types/react-dom":"^17.0.1","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.59.7","@typescript-eslint/parser":"^5.59.7","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.7.4","css-minimizer-webpack-plugin":"^5.0.0","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.41.0","eslint-config-prettier":"^8.8.0","eslint-plugin-markdown":"^3.0.0","eslint-plugin-prettier":"^4.2.1","fs-extra":"^7.0.1","html-webpack-plugin":"^5.5.1","inquirer":"^3.3.0","jest":"^24.9.0","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.1.0","less":"^4.1.3","less-loader":"^11.1.0","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.23","postcss-less":"^6.0.0","postcss-loader":"^7.3.0","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","react-test-renderer":"^16.14.0","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.6.2","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.5.5","webpack":"^5.83.1","webpack-cli":"^5.1.1"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.34.1","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.22.5","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.22.5","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.5","@babel/preset-env":"^7.22.5","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.5","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@types/buble":"^0.20.1","@types/cheerio":"^0.22.31","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^24.9.1","@types/jest-image-snapshot":"^6.1.0","@types/marked":"^4.3.1","@types/node":"^16.18.38","@types/react":"^17.0.62","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.60.1","@typescript-eslint/parser":"^5.60.1","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.44.0","eslint-config-prettier":"^8.8.0","eslint-plugin-markdown":"^3.0.0","eslint-plugin-prettier":"^4.2.1","fs-extra":"^7.0.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^24.9.0","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.1.0","less":"^4.1.3","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.24","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","react-test-renderer":"^16.14.0","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.9.0","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.5.5","webpack":"^5.88.1","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),