@plesk/ui-library 3.35.1 → 3.35.2

package/dist/plesk-ui-library.js

@@ -1490,8 +1490,7 @@ 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;
@@ -2411,8 +2410,8 @@ 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 _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ "./components/Pagination/index.tsx"));
-var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.tsx"));
 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.tsx"));
@@ -3036,10 +3035,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Carousel/Carousel.js":
-/*!*****************************************!*\
-  !*** ./components/Carousel/Carousel.js ***!
-  \*****************************************/
+/***/ "./components/Carousel/Carousel.tsx":
+/*!******************************************!*\
+  !*** ./components/Carousel/Carousel.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -3050,8 +3049,7 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
-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 _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
@@ -3059,8 +3057,6 @@ var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./compone
 __webpack_require__(/*! ./Carousel.less */ "./components/Carousel/Carousel.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -3072,7 +3068,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.
@@ -3089,23 +3084,27 @@ class Carousel extends _react.Component {
       slideWidths: [],
       totalWidth: 0
     });
-    this.speed = 500;
-    this.movingCallback = null;
-    this.playSpeed = 5000;
-    this.playTimer = null;
+    _defineProperty(this, "speed", 500);
+    _defineProperty(this, "playSpeed", 5000);
+    _defineProperty(this, "isRtl", void 0);
+    _defineProperty(this, "playTimer", null);
+    _defineProperty(this, "movingCallback", null);
+    _defineProperty(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(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();
@@ -3123,7 +3122,9 @@ class Carousel extends _react.Component {
   }
   componentWillUnmount() {
     this.stop();
-    clearTimeout(this.movingCallback);
+    if (this.movingCallback) {
+      clearTimeout(this.movingCallback);
+    }
   }
   handlePrevClick() {
     this.stop();
@@ -3174,11 +3175,12 @@ class Carousel extends _react.Component {
   }
   handleResize(_ref) {
     let {
-      bounds: {
-        width
-      }
+      bounds
     } = _ref;
     const node = this.genuineRef.current;
+    if (!node) {
+      return;
+    }
     const {
       slideWidths,
       totalWidth
@@ -3186,7 +3188,7 @@ class Carousel extends _react.Component {
     this.setState({
       slideWidths,
       totalWidth,
-      showControls: width < totalWidth
+      showControls: (bounds?.width || 0) < totalWidth
     });
   }
   listStyle() {
@@ -3214,8 +3216,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() {
@@ -3231,9 +3233,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
@@ -3244,7 +3244,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,
@@ -3277,35 +3277,20 @@ 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 = {
+_defineProperty(Carousel, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}carousel`
-};
+});
 var _default = Carousel;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Carousel/index.js":
-/*!**************************************!*\
-  !*** ./components/Carousel/index.js ***!
-  \**************************************/
+/***/ "./components/Carousel/index.tsx":
+/*!***************************************!*\
+  !*** ./components/Carousel/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -3320,7 +3305,7 @@ Object.defineProperty(exports, "default", ({
     return _Carousel.default;
   }
 }));
-var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/Carousel.js"));
+var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/Carousel.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -5823,7 +5808,6 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
-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.tsx"));
@@ -5831,130 +5815,94 @@ var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./compone
 __webpack_require__(/*! ./Header.less */ "./components/Drawer/Header.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-class Header extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(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() {
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+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;
-_defineProperty(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 = Header;
+exports["default"] = _default;
 
 /***/ }),
 
@@ -7197,13 +7145,6 @@ class Form extends _react.Component {
     });
   }
 }
-
-/**
- * `Form` component is used for entering and submitting of user data.
- * [More details about designing of forms.](#!/Good%20Forms)
- *
- * Since: 0.0.54
- */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
   requiredMark: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -7242,6 +7183,11 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   });
 });
 RefForwardingForm.displayName = 'Form';
+/**
+ * `Form` component is used for entering and submitting of user data.
+ * [More details about designing of forms.](#!/Good%20Forms)
+ * @since 0.0.54
+ */
 var _default = RefForwardingForm;
 exports["default"] = _default;
 
@@ -8058,10 +8004,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/FormFieldCheckbox/FormFieldCheckbox.js":
-/*!***********************************************************!*\
-  !*** ./components/FormFieldCheckbox/FormFieldCheckbox.js ***!
-  \***********************************************************/
+/***/ "./components/FormFieldCheckbox/FormFieldCheckbox.tsx":
+/*!************************************************************!*\
+  !*** ./components/FormFieldCheckbox/FormFieldCheckbox.tsx ***!
+  \************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -8071,8 +8017,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 _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
@@ -8081,24 +8026,22 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./FormFieldCheckbox.less */ "./components/FormFieldCheckbox/FormFieldCheckbox.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.
 
 /**
- * `FormFieldCheckbox` component component is used for turning an option on or off
+ * `FormFieldCheckbox` component is used for turning an option on or off
  * and selecting or deselecting an item.
  * @since 0.0.58
- */const FormFieldCheckbox = _ref => {
+ */
+const FormFieldCheckbox = _ref => {
   let {
-    baseClassName,
     className,
     label,
-    required,
-    checkedValue,
-    uncheckedValue,
     autoFocus,
-    multi,
+    required = false,
+    checkedValue = true,
+    uncheckedValue = false,
+    baseClassName = `${_constants.CLS_PREFIX}form-field-checkbox`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
@@ -8120,14 +8063,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           type: "hidden",
           name: getName(),
-          value: uncheckedValue
+          value: uncheckedValue.toString()
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
           checked: getValue() === checkedValue,
           onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
           inputProps: {
             id: getId(),
             name: getName(),
-            value: checkedValue,
+            value: checkedValue.toString(),
             autoFocus
           },
           disabled: isDisabled(),
@@ -8140,70 +8083,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     }
   });
 };
-FormFieldCheckbox.propTypes = {
-  /**
-   * Disabled state of field.
-   * @since 0.1.0
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Custom checked value. Default is boolean true.
-   * @since 0.0.59
-   */
-  checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * Custom unchecked value. Default is boolean false.
-   * @since 0.0.59
-   */
-  uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * @ignore Field cannot be multiple
-   */
-  multi: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  label: _propTypes.default.any,
-  /**
-   * @ignore
-   */
-  required: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  fullDescription: _propTypes.default.string
-};
-FormFieldCheckbox.defaultProps = {
-  disabled: undefined,
-  checkedValue: true,
-  uncheckedValue: false,
-  autoFocus: undefined,
-  multi: undefined,
-  label: undefined,
-  required: false,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}form-field-checkbox`,
-  fullDescription: undefined
-};
 var _default = FormFieldCheckbox;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/FormFieldCheckbox/index.js":
-/*!***********************************************!*\
-  !*** ./components/FormFieldCheckbox/index.js ***!
-  \***********************************************/
+/***/ "./components/FormFieldCheckbox/index.tsx":
+/*!************************************************!*\
+  !*** ./components/FormFieldCheckbox/index.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -8218,7 +8106,7 @@ Object.defineProperty(exports, "default", ({
     return _FormFieldCheckbox.default;
   }
 }));
-var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/FormFieldCheckbox.js"));
+var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/FormFieldCheckbox.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -8244,7 +8132,7 @@ var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _PasswordMeter = _interopRequireDefault(__webpack_require__(/*! ./PasswordMeter */ "./components/FormFieldPassword/PasswordMeter.tsx"));
-var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.js"));
+var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/FormFieldPassword/locale/en-US.js"));
 __webpack_require__(/*! ./FormFieldPassword.less */ "./components/FormFieldPassword/FormFieldPassword.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -8692,10 +8580,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/FormFieldPassword/generatePassword.js":
-/*!**********************************************************!*\
-  !*** ./components/FormFieldPassword/generatePassword.js ***!
-  \**********************************************************/
+/***/ "./components/FormFieldPassword/generatePassword.tsx":
+/*!***********************************************************!*\
+  !*** ./components/FormFieldPassword/generatePassword.tsx ***!
+  \***********************************************************/
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -8747,7 +8635,7 @@ Object.defineProperty(exports, "generatePassword", ({
   }
 }));
 var _FormFieldPassword = _interopRequireDefault(__webpack_require__(/*! ./FormFieldPassword */ "./components/FormFieldPassword/FormFieldPassword.tsx"));
-var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.js"));
+var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -9276,10 +9164,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Grid/Grid.js":
-/*!*********************************!*\
-  !*** ./components/Grid/Grid.js ***!
-  \*********************************/
+/***/ "./components/Grid/Grid.tsx":
+/*!**********************************!*\
+  !*** ./components/Grid/Grid.tsx ***!
+  \**********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9289,16 +9177,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 _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./Grid.less */ "./components/Grid/Grid.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -9314,10 +9199,11 @@ class Grid extends _react.Component {
     });
     _defineProperty(this, "handleResize", _ref => {
       let {
-        bounds: {
-          width
-        }
+        bounds
       } = _ref;
+      const {
+        width
+      } = bounds;
       let {
         maxColumnsNumber
       } = this.props;
@@ -9382,9 +9268,9 @@ class Grid extends _react.Component {
     const result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: computedClassName,
       ...props,
-      children: minColumnWidth > 0 && !this.state.xs ? null : children
+      children: minColumnWidth && !this.state.xs ? null : children
     });
-    if (minColumnWidth > 0) {
+    if (minColumnWidth) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize,
@@ -9401,67 +9287,7 @@ class Grid extends _react.Component {
     return result;
   }
 }
-Grid.propTypes = {
-  /**
-   * Content of the `Grid`.
-   * @since 0.0.48
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Minimal column width
-   * @since 0.0.50
-   */
-  minColumnWidth: _propTypes.default.number,
-  /**
-   * Maximum columns number
-   * @since 0.0.53
-   */
-  maxColumnsNumber: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-  /**
-   * Number of columns for `xs` breakpoint
-   * @since 0.0.53
-   */
-  xs: _propTypes.default.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `sm` breakpoint
-   * @since 0.0.48
-   */
-  sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `md` breakpoint
-   * @since 0.0.48
-   */
-  md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `lg` breakpoint
-   * @since 0.0.48
-   */
-  lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `xl` breakpoint
-   * @since 0.0.48
-   */
-  xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Specifying the gutters between grid items
-   * @since 0.0.53
-   */
-  gap: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * Columns number change notifier
-   * @since 0.0.50
-   */
-  onColumnsChange: _propTypes.default.func
-};
-Grid.defaultProps = {
+_defineProperty(Grid, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}grid`,
@@ -9474,16 +9300,16 @@ Grid.defaultProps = {
   xl: null,
   gap: null,
   onColumnsChange: null
-};
+});
 var _default = Grid;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Grid/index.js":
-/*!**********************************!*\
-  !*** ./components/Grid/index.js ***!
-  \**********************************/
+/***/ "./components/Grid/index.tsx":
+/*!***********************************!*\
+  !*** ./components/Grid/index.tsx ***!
+  \***********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9498,15 +9324,15 @@ Object.defineProperty(exports, "default", ({
     return _Grid.default;
   }
 }));
-var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/Grid.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/Grid.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
 
-/***/ "./components/GridCol/GridCol.js":
-/*!***************************************!*\
-  !*** ./components/GridCol/GridCol.js ***!
-  \***************************************/
+/***/ "./components/GridCol/GridCol.tsx":
+/*!****************************************!*\
+  !*** ./components/GridCol/GridCol.tsx ***!
+  \****************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9516,8 +9342,6 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 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 _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -9527,9 +9351,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * `GridCol` component is a part of [Grid](#!/Grid) component.
  * @since 0.0.48
- */const GridCol = _ref => {
+ */
+const GridCol = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}grid__col`,
     className,
     children,
     xs,
@@ -9552,65 +9377,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     children: children
   });
 };
-GridCol.propTypes = {
-  /**
-   * Content of the `GridCol`.
-   * @since 0.0.48
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Column size for `xs` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  xs: _propTypes.default.number,
-  /**
-   * Column size for `sm` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  sm: _propTypes.default.number,
-  /**
-   * Column size for `sm` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  md: _propTypes.default.number,
-  /**
-   * Column size for `md` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  lg: _propTypes.default.number,
-  /**
-   * Column size for `lg` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  xl: _propTypes.default.number
-};
-GridCol.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}grid__col`,
-  xs: null,
-  sm: null,
-  md: null,
-  lg: null,
-  xl: null
-};
 var _default = GridCol;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/GridCol/index.js":
-/*!*************************************!*\
-  !*** ./components/GridCol/index.js ***!
-  \*************************************/
+/***/ "./components/GridCol/index.tsx":
+/*!**************************************!*\
+  !*** ./components/GridCol/index.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9625,7 +9400,7 @@ Object.defineProperty(exports, "default", ({
     return _GridCol.default;
   }
 }));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/GridCol.js"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/GridCol.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -11156,8 +10931,8 @@ 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 _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ../Item/Item.less */ "./components/Item/Item.less");
 __webpack_require__(/*! ./ItemList.less */ "./components/ItemList/ItemList.less");
@@ -12209,8 +11984,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /**
  * `Link` is used for navigation purposes.
- *
- * Since: 1.9.0
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {
@@ -12602,7 +12376,9 @@ class List extends _react.Component {
       data,
       pagination,
       vertical,
-      rowKey
+      rowKey,
+      totalRows,
+      filtered
     } = _ref5;
     let {
       prevSortColumn,
@@ -12621,16 +12397,17 @@ class List extends _react.Component {
         sortDirection
       };
     }
+    const additionalExpanded = [];
     if (prevData !== data) {
-      if (renderRowBody && (prevData === undefined || prevData && prevData.length === 0) && data && data.length === 1) {
+      const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
+        rowKey
+      }));
+      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
         const key = getRowKey(data[0], {
           rowKey
         });
         if (notExpandableRows.indexOf(key) === -1) {
-          nextState = {
-            ...nextState,
-            expandedRows: [...expandedRows, key]
-          };
+          additionalExpanded.push(key);
         }
       }
       const keys = data.map(row => getRowKey(row, {
@@ -12648,10 +12425,10 @@ class List extends _react.Component {
         selection
       };
     }
-    if (prevExpandedRows !== expandedRows) {
+    if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
       nextState = {
         ...nextState,
-        expandedRows
+        expandedRows: [...expandedRows, ...additionalExpanded]
       };
     }
     if (prevPagination !== pagination) {
@@ -17445,10 +17222,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/ProgressDialog/ProgressDialog.js":
-/*!*****************************************************!*\
-  !*** ./components/ProgressDialog/ProgressDialog.js ***!
-  \*****************************************************/
+/***/ "./components/ProgressDialog/ProgressDialog.tsx":
+/*!******************************************************!*\
+  !*** ./components/ProgressDialog/ProgressDialog.tsx ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17458,8 +17235,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 _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
@@ -17471,8 +17247,6 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./ProgressDialog.less */ "./components/ProgressDialog/ProgressDialog.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -17508,7 +17282,7 @@ class ProgressDialog extends _react.Component {
         isFinished,
         isFailed
       } = this.state;
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (!isOpen) {
         return;
       }
@@ -17532,7 +17306,7 @@ class ProgressDialog extends _react.Component {
       isOpen
     };
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       isFinished
     } = this.state;
@@ -17540,13 +17314,19 @@ class ProgressDialog extends _react.Component {
       autoCloseTimeout
     } = this.props;
     if (prevState.isFinished === false && isFinished === true) {
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (autoCloseTimeout) {
         this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
   }
   componentWillUnmount() {
+    this.clearCloseTimeout();
+  }
+  clearCloseTimeout() {
+    if (!this.closeTimeout) {
+      return;
+    }
     clearTimeout(this.closeTimeout);
   }
   render() {
@@ -17597,83 +17377,7 @@ class ProgressDialog extends _react.Component {
     });
   }
 }
-ProgressDialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 1.2.0
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 1.2.0
-   */
-  banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Image. Renders into content.
-   * @since 1.2.0
-   */
-  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Title
-   * @since 1.2.0
-   */
-  title: _propTypes.default.node,
-  /**
-   * Description of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Actions which will be shown in Dialog header.
-   * @since 1.2.0
-   */
-  actions: _propTypes.default.node,
-  /**
-   * Whether the dialog should be canceled with the cancel button.
-   * @since 1.2.0
-   */
-  cancelable: _propTypes.default.bool,
-  /**
-   * The interval of time to auto close dialog when it successful finished.
-   * Set `null` for disable auto close.
-   * @since 1.2.0
-   */
-  autoCloseTimeout: _propTypes.default.number,
-  /**
-   * On cancel event handler.
-   * @since 1.2.0
-   */
-  onCancel: _propTypes.default.func,
-  /**
-   * On close event handler.
-   * @since 1.2.0
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * On finish event handler.
-   * @since 1.2.0
-   */
-  onFinish: _propTypes.default.func,
-  /**
-   * On fail event handler.
-   * @since 1.2.0
-   */
-  onFail: _propTypes.default.func,
-  /**
-   * Content of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-ProgressDialog.defaultProps = {
+_defineProperty(ProgressDialog, "defaultProps", {
   isOpen: false,
   banner: null,
   image: null,
@@ -17689,16 +17393,16 @@ ProgressDialog.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress-dialog`
-};
+});
 var _default = ProgressDialog;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/ProgressDialog/index.js":
-/*!********************************************!*\
-  !*** ./components/ProgressDialog/index.js ***!
-  \********************************************/
+/***/ "./components/ProgressDialog/index.tsx":
+/*!*********************************************!*\
+  !*** ./components/ProgressDialog/index.tsx ***!
+  \*********************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17713,7 +17417,7 @@ Object.defineProperty(exports, "default", ({
     return _ProgressDialog.default;
   }
 }));
-var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/ProgressDialog.js"));
+var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/ProgressDialog.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -18078,10 +17782,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Rating/Rating.js":
-/*!*************************************!*\
-  !*** ./components/Rating/Rating.js ***!
-  \*************************************/
+/***/ "./components/Rating/Rating.tsx":
+/*!**************************************!*\
+  !*** ./components/Rating/Rating.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -18091,8 +17795,6 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 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 _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./Rating.less */ "./components/Rating/Rating.less");
@@ -18109,25 +17811,22 @@ const width = value => {
   }
   return result;
 };
-
 /**
  * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
  * @since 0.0.42
  */
 const Rating = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}rating`,
     className,
-    value,
-    small,
+    value = 0,
+    small = false,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)({
-      [baseClassName]: true,
+    className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--static`]: true,
-      [`${baseClassName}--small`]: small,
-      [className]: true
+      [`${baseClassName}--small`]: small
     }),
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -18138,41 +17837,15 @@ const Rating = _ref => {
     })
   });
 };
-Rating.propTypes = {
-  /**
-   * Rating value from 0 to 5.
-   * @since 0.0.42
-   */
-  value: _propTypes.default.number,
-  /**
-   * Small variant.
-   * @since 0.0.42
-   */
-  small: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Rating.defaultProps = {
-  value: 0,
-  small: false,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}rating`
-};
 var _default = Rating;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Rating/index.js":
-/*!************************************!*\
-  !*** ./components/Rating/index.js ***!
-  \************************************/
+/***/ "./components/Rating/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Rating/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -18187,7 +17860,7 @@ Object.defineProperty(exports, "default", ({
     return _Rating.default;
   }
 }));
-var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/Rating.js"));
+var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/Rating.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -20045,8 +19718,8 @@ Object.defineProperty(exports, "default", ({
   }
 }));
 var _Skeleton = _interopRequireDefault(__webpack_require__(/*! ./Skeleton */ "./components/Skeleton/Skeleton.tsx"));
-var _SkeletonText = _interopRequireDefault(__webpack_require__(/*! ./SkeletonText */ "./components/Skeleton/SkeletonText.tsx"));
 var _SkeletonTabs = _interopRequireDefault(__webpack_require__(/*! ./SkeletonTabs */ "./components/Skeleton/SkeletonTabs.tsx"));
+var _SkeletonText = _interopRequireDefault(__webpack_require__(/*! ./SkeletonText */ "./components/Skeleton/SkeletonText.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -20176,8 +19849,7 @@ const focusStrategy = {
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- *
- * Since: 0.0.40
+ * @since 0.0.40
  */
 const SplitButton = _ref => {
   let {
@@ -21202,10 +20874,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/SwitchesPanel/SwitchesPanel.js":
-/*!***************************************************!*\
-  !*** ./components/SwitchesPanel/SwitchesPanel.js ***!
-  \***************************************************/
+/***/ "./components/SwitchesPanel/SwitchesPanel.tsx":
+/*!****************************************************!*\
+  !*** ./components/SwitchesPanel/SwitchesPanel.tsx ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21215,8 +20887,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 _Section = _interopRequireDefault(__webpack_require__(/*! ../Section */ "./components/Section/index.js"));
@@ -21224,16 +20895,15 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./SwitchesPanel.less */ "./components/SwitchesPanel/SwitchesPanel.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.
 
 /**
  * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
  * @since 0.3.0
- */const SwitchesPanel = _ref => {
+ */
+const SwitchesPanel = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}switches-panel`,
     className,
     children,
     ...props
@@ -21243,41 +20913,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__items`,
-      children: _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
+      children: children && _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
         className: (0, _classnames.default)(child.props.className, `${baseClassName}__item`)
       }))
     })
   });
 };
-SwitchesPanel.propTypes = {
-  /**
-   * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanel.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}switches-panel`
-};
 var _default = SwitchesPanel;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SwitchesPanel/index.js":
-/*!*******************************************!*\
-  !*** ./components/SwitchesPanel/index.js ***!
-  \*******************************************/
+/***/ "./components/SwitchesPanel/index.tsx":
+/*!********************************************!*\
+  !*** ./components/SwitchesPanel/index.tsx ***!
+  \********************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21292,15 +20942,15 @@ Object.defineProperty(exports, "default", ({
     return _SwitchesPanel.default;
   }
 }));
-var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/SwitchesPanel.js"));
+var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/SwitchesPanel.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
 
-/***/ "./components/SwitchesPanelItem/SwitchesPanelItem.js":
-/*!***********************************************************!*\
-  !*** ./components/SwitchesPanelItem/SwitchesPanelItem.js ***!
-  \***********************************************************/
+/***/ "./components/SwitchesPanelItem/SwitchesPanelItem.tsx":
+/*!************************************************************!*\
+  !*** ./components/SwitchesPanelItem/SwitchesPanelItem.tsx ***!
+  \************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21310,8 +20960,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 _Switch = _interopRequireDefault(__webpack_require__(/*! ../Switch */ "./components/Switch/index.tsx"));
@@ -21321,8 +20970,6 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./SwitchesPanelItem.less */ "./components/SwitchesPanelItem/SwitchesPanelItem.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -21398,58 +21045,7 @@ class SwitchesPanelItem extends _react.Component {
     });
   }
 }
-SwitchesPanelItem.propTypes = {
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.3.0
-   */
-  onChange: _propTypes.default.func.isRequired,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
-   * @since 0.3.0
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * `SwitchesPanelItem` description. Must be no longer than three lines.
-   * @since 0.3.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Rich full description of the `SwitchesPanelItem`.
-   * Adds control button with question mark that shows `Popover` on click.
-   * @since 0.3.0
-   */
-  fullDescription: _propTypes.default.node,
-  /**
-   * Props of underlying [Switch](#!/Switch) component.
-   * @since 0.5.0
-   */
-  switchProps: _propTypes.default.object,
-  /**
-   * Content of the control actions.
-   * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanelItem.defaultProps = {
+_defineProperty(SwitchesPanelItem, "defaultProps", {
   defaultChecked: false,
   intent: null,
   description: null,
@@ -21458,16 +21054,16 @@ SwitchesPanelItem.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}switches-panel-item`
-};
+});
 var _default = SwitchesPanelItem;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SwitchesPanelItem/index.js":
-/*!***********************************************!*\
-  !*** ./components/SwitchesPanelItem/index.js ***!
-  \***********************************************/
+/***/ "./components/SwitchesPanelItem/index.tsx":
+/*!************************************************!*\
+  !*** ./components/SwitchesPanelItem/index.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21482,7 +21078,7 @@ Object.defineProperty(exports, "default", ({
     return _SwitchesPanelItem.default;
   }
 }));
-var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/SwitchesPanelItem.js"));
+var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/SwitchesPanelItem.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -23341,6 +22937,7 @@ var _Toast = _interopRequireDefault(__webpack_require__(/*! ../Toast */ "./compo
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 __webpack_require__(/*! ./Toaster.less */ "./components/Toaster/Toaster.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+var _class;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
@@ -23521,6 +23118,7 @@ class Toaster extends _react.Component {
   }
 }
 exports["default"] = Toaster;
+_class = Toaster;
 // eslint-disable-next-line react/sort-comp
 _defineProperty(Toaster, "defaultProps", {
   position: 'top-end',
@@ -23531,7 +23129,7 @@ _defineProperty(Toaster, "create", function () {
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(Toaster, {
+  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_class, {
     ...props
   }), containerElement);
 });
@@ -24872,6 +24470,8 @@ var _exportNames = {
   Translate: true,
   Link: true,
   Skeleton: true,
+  SkeletonTabs: true,
+  SkeletonText: true,
   PortalContext: true
 };
 Object.defineProperty(exports, "Action", ({
@@ -25288,6 +24888,18 @@ Object.defineProperty(exports, "Skeleton", ({
     return _Skeleton.default;
   }
 }));
+Object.defineProperty(exports, "SkeletonTabs", ({
+  enumerable: true,
+  get: function () {
+    return _Skeleton.SkeletonTabs;
+  }
+}));
+Object.defineProperty(exports, "SkeletonText", ({
+  enumerable: true,
+  get: function () {
+    return _Skeleton.SkeletonText;
+  }
+}));
 Object.defineProperty(exports, "SplitButton", ({
   enumerable: true,
   get: function () {
@@ -25405,7 +25017,7 @@ Object.keys(_Card).forEach(function (key) {
   });
 });
 var _CardList = _interopRequireDefault(__webpack_require__(/*! ./CardList */ "./components/CardList/index.js"));
-var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/index.js"));
+var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/index.tsx"));
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ "./components/Checkbox/index.tsx"));
 var _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ "./components/Radio/index.tsx"));
 var _CodeEditor = _interopRequireDefault(__webpack_require__(/*! ./CodeEditor */ "./components/CodeEditor/index.js"));
@@ -25466,7 +25078,7 @@ Object.keys(_Form).forEach(function (key) {
   });
 });
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ./FormField */ "./components/FormField/index.js"));
-var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/index.js"));
+var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/index.tsx"));
 var _FormFieldPassword = _interopRequireWildcard(__webpack_require__(/*! ./FormFieldPassword */ "./components/FormFieldPassword/index.tsx"));
 Object.keys(_FormFieldPassword).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25482,8 +25094,8 @@ Object.keys(_FormFieldPassword).forEach(function (key) {
 var _FormFieldRadioButtons = _interopRequireDefault(__webpack_require__(/*! ./FormFieldRadioButtons */ "./components/FormFieldRadioButtons/index.js"));
 var _FormFieldText = _interopRequireDefault(__webpack_require__(/*! ./FormFieldText */ "./components/FormFieldText/index.js"));
 var _FormFieldSelect = _interopRequireDefault(__webpack_require__(/*! ./FormFieldSelect */ "./components/FormFieldSelect/index.tsx"));
-var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/index.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/index.tsx"));
 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"));
@@ -25566,10 +25178,10 @@ var _Plaintext = _interopRequireDefault(__webpack_require__(/*! ./Plaintext */ "
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ "./components/Popover/index.js"));
 var _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ "./components/Progress/index.tsx"));
 var _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ "./components/ProgressBar/index.tsx"));
-var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/index.js"));
+var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/index.tsx"));
 var _ProgressDialogStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialogStep */ "./components/ProgressDialogStep/index.js"));
 var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/index.tsx"));
-var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/index.js"));
+var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/index.tsx"));
 var _Section = _interopRequireWildcard(__webpack_require__(/*! ./Section */ "./components/Section/index.js"));
 Object.keys(_Section).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25600,8 +25212,8 @@ Object.keys(_Subnav).forEach(function (key) {
   });
 });
 var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/index.tsx"));
-var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/index.js"));
-var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/index.js"));
+var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/index.tsx"));
+var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/index.tsx"));
 var _Tabs = _interopRequireWildcard(__webpack_require__(/*! ./Tabs */ "./components/Tabs/index.js"));
 Object.keys(_Tabs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25633,17 +25245,6 @@ var _Tour = _interopRequireDefault(__webpack_require__(/*! ./Tour */ "./componen
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ./Translate */ "./components/Translate/index.tsx"));
 var _Link = _interopRequireDefault(__webpack_require__(/*! ./Link */ "./components/Link/index.tsx"));
 var _Skeleton = _interopRequireWildcard(__webpack_require__(/*! ./Skeleton */ "./components/Skeleton/index.tsx"));
-Object.keys(_Skeleton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Skeleton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Skeleton[key];
-    }
-  });
-});
 var _Layer = __webpack_require__(/*! ./Layer */ "./components/Layer/index.tsx");
 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; }
@@ -89577,7 +89178,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.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.6","@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.9","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@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","@testing-library/dom":"^9.3.1","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@testing-library/user-event":"^12.8.3","@types/buble":"^0.20.1","@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.39","@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.62.0","@typescript-eslint/parser":"^5.62.0","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","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.46.0","eslint-config-prettier":"^8.9.0","eslint-plugin-markdown":"^3.0.1","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.2.0","less":"^4.1.3","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.27","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","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.10.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.88.2","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"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.2","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.10","@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.10","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.10","@babel/preset-env":"^7.22.10","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.10","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.1","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@testing-library/user-event":"^12.8.3","@types/buble":"^0.20.1","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^25.2.3","@types/jest-image-snapshot":"^6.2.0","@types/marked":"^4.3.1","@types/node":"^16.18.40","@types/react":"^17.0.64","@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.62.0","@typescript-eslint/parser":"^5.62.0","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.15","babel-loader":"^8.3.0","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.47.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-prettier":"^4.2.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^25.5.4","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.2.0","less":"^4.2.0","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.27","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","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.10.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.7.4","webpack":"^5.88.2","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"}');
 
 /***/ }),