@plesk/ui-library 3.36.0 → 3.37.0

package/dist/plesk-ui-library.js

@@ -937,8 +937,8 @@ var _reactDom = __webpack_require__(/*! react-dom */ "react-dom");
 var _react = __webpack_require__(/*! react */ "react");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
 /**
  * This is helper component for handling outside clicks.
@@ -1647,8 +1647,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const VIEW_TILE = 'tile';
 const VIEW_EXTENDED = 'extended';
 const VIEW_ROW = 'row';
@@ -2342,7 +2342,6 @@ const loadImage = (src, _ref) => {
     onFailure
   } = _ref;
   const image = new Image();
-  image.loading = 'lazy';
   image.onload = onSuccess;
   image.onerror = onFailure;
   image.src = src;
@@ -2413,8 +2412,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const VIEW_TILE = exports.VIEW_TILE = 'tile';
 const VIEW_RESPONSIVE = exports.VIEW_RESPONSIVE = 'responsive';
 const VIEW_EXTENDED = exports.VIEW_EXTENDED = 'extended';
@@ -3043,8 +3042,8 @@ __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 _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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const calcWidths = node => {
   const slideWidths = [].map.call(node.childNodes, el => el.clientWidth);
   const totalWidth = slideWidths.reduce((prev, curr) => prev + curr, 0);
@@ -3059,8 +3058,8 @@ const calcWidths = node => {
  * @since 0.0.42
  */
 class Carousel extends _react.Component {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
       showControls: false,
       current: 0,
@@ -3070,21 +3069,145 @@ class Carousel extends _react.Component {
       totalWidth: 0
     });
     _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);
+    _defineProperty(this, "handlePrevClick", () => {
+      this.stop();
+      this.setCurrentSlide(this.state.current - 1);
+    });
+    _defineProperty(this, "handleNextClick", () => {
+      this.stop();
+      this.setCurrentSlide(this.state.current + 1);
+    });
+    _defineProperty(this, "play", () => {
+      this.playTimer = setTimeout(() => {
+        this.setCurrentSlide(this.state.current + 1);
+        this.play();
+      }, this.props.autoplayInterval);
+    });
+    _defineProperty(this, "stop", () => {
+      if (this.playTimer) {
+        clearTimeout(this.playTimer);
+        this.playTimer = null;
+      }
+    });
+    _defineProperty(this, "handleResize", _ref => {
+      let {
+        bounds
+      } = _ref;
+      const node = this.genuineRef.current;
+      if (!node) {
+        return;
+      }
+      const {
+        slideWidths,
+        totalWidth
+      } = calcWidths(node);
+      this.setState({
+        slideWidths,
+        totalWidth,
+        showControls: (bounds?.width || 0) < totalWidth
+      });
+    });
+    _defineProperty(this, "renderNavigationDots", () => {
+      const {
+        children,
+        baseClassName,
+        dots,
+        items
+      } = this.props;
+      if (!dots || !items) {
+        return null;
+      }
+      const {
+        current
+      } = this.state;
+      const childrenCount = children?.length ?? 1;
+      const pages = Math.ceil(childrenCount / items);
+      if (pages <= 1) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__dots`,
+        children: Array.from({
+          length: pages
+        }).map((_, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          role: "button",
+          className: (0, _classnames.default)(`${baseClassName}__dots--dot`, current === idx ? `${baseClassName}__dots--dot-current` : null),
+          "aria-current": current === idx,
+          onClick: () => this.setCurrentSlide(idx)
+          // eslint-disable-next-line react/no-array-index-key
+          ,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "dot-big"
+          })
+        }, idx))
+      });
+    });
+    _defineProperty(this, "renderNavigationArrows", () => {
+      const {
+        baseClassName,
+        arrows
+      } = this.props;
+      const {
+        showControls
+      } = this.state;
+      if (!arrows || !showControls) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__controls`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          "aria-label": "previous slide",
+          className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
+          onClick: this.handlePrevClick,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "chevron-left",
+            flipHorizontal: this.isRtl,
+            className: `${baseClassName}__control-icon`
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          "aria-label": "next slide",
+          className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
+          onClick: this.handleNextClick,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "chevron-right",
+            flipHorizontal: this.isRtl,
+            className: `${baseClassName}__control-icon`
+          })
+        })]
+      });
+    });
+    _defineProperty(this, "renderSliderItems", () => {
+      const {
+        children,
+        baseClassName,
+        items
+      } = this.props;
+      const childrenCount = children?.length ?? 1;
+      let width = '';
+      if (items) {
+        width = `calc(100% / ${Math.min(childrenCount, items)})`;
+      }
+      return _react.Children.map(children, item => item && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__item`,
+        style: {
+          width
+        },
+        children: item
+      }));
+    });
   }
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
-    this.play();
+    if (this.props.autoplay) {
+      this.play();
+    }
   }
   componentDidUpdate() {
     if (!this.rootRef.current || !this.genuineRef.current) {
@@ -3093,6 +3216,23 @@ class Carousel extends _react.Component {
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
+    const {
+      items,
+      children
+    } = this.props;
+    if (items) {
+      const slideItems = items;
+      const childrenCount = children?.length ?? 1;
+      const totalWidth = childrenCount * (width / slideItems);
+      if (this.state.totalWidth !== totalWidth) {
+        this.setState({
+          slideWidths: new Array(childrenCount).fill(width),
+          totalWidth,
+          showControls: childrenCount > slideItems
+        });
+      }
+      return;
+    }
     const {
       slideWidths,
       totalWidth
@@ -3111,26 +3251,6 @@ class Carousel extends _react.Component {
       clearTimeout(this.movingCallback);
     }
   }
-  handlePrevClick() {
-    this.stop();
-    this.setCurrentSlide(this.state.current - 1);
-  }
-  handleNextClick() {
-    this.stop();
-    this.setCurrentSlide(this.state.current + 1);
-  }
-  play() {
-    this.playTimer = setTimeout(() => {
-      this.setCurrentSlide(this.state.current + 1);
-      this.play();
-    }, this.playSpeed);
-  }
-  stop() {
-    if (this.playTimer) {
-      clearTimeout(this.playTimer);
-      this.playTimer = null;
-    }
-  }
   setCurrentSlide(next) {
     const {
       slideWidths,
@@ -3146,6 +3266,7 @@ class Carousel extends _react.Component {
     if (current >= slideWidths.length) {
       current = 0;
     }
+    this.props.onSlide?.(next);
     this.setState({
       current,
       next,
@@ -3158,25 +3279,10 @@ class Carousel extends _react.Component {
       });
     }, this.speed);
   }
-  handleResize(_ref) {
-    let {
-      bounds
-    } = _ref;
-    const node = this.genuineRef.current;
-    if (!node) {
-      return;
-    }
-    const {
-      slideWidths,
-      totalWidth
-    } = calcWidths(node);
-    this.setState({
-      slideWidths,
-      totalWidth,
-      showControls: (bounds?.width || 0) < totalWidth
-    });
-  }
   listStyle() {
+    const {
+      arrows
+    } = this.props;
     const {
       current,
       next,
@@ -3185,7 +3291,12 @@ class Carousel extends _react.Component {
       totalWidth
     } = this.state;
     const moveTo = moving ? next : current;
-    let x = -totalWidth + 26;
+    let x = -totalWidth;
+
+    // navigation arrows width
+    if (arrows) {
+      x += 26;
+    }
     if (moveTo < 0) {
       for (let i = moveTo; i < 0; i++) {
         x += slideWidths[i + slideWidths.length];
@@ -3213,6 +3324,12 @@ class Carousel extends _react.Component {
       baseClassName,
       className,
       children,
+      autoplay,
+      autoplayInterval,
+      items,
+      onSlide,
+      dots,
+      arrows,
       ...props
     } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
@@ -3228,35 +3345,17 @@ class Carousel extends _react.Component {
           className: (0, _classnames.default)(baseClassName, className),
           ...props,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__slides`,
-            style: showControls ? this.listStyle() : undefined,
-            children: [showControls && children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${baseClassName}__genuine-slides`,
-              ref: this.genuineRef,
-              children: children
-            }), showControls && children]
-          }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__controls`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              type: "button",
-              className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
-              onClick: this.handlePrevClick,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                name: "chevron-left",
-                flipHorizontal: this.isRtl,
-                className: `${baseClassName}__control-icon`
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              type: "button",
-              className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
-              onClick: this.handleNextClick,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                name: "chevron-right",
-                flipHorizontal: this.isRtl,
-                className: `${baseClassName}__control-icon`
-              })
-            })]
-          })]
+            className: `${baseClassName}__wrap`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${baseClassName}__slides`,
+              style: showControls ? this.listStyle() : undefined,
+              children: [showControls && this.renderSliderItems(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: `${baseClassName}__genuine-slides`,
+                ref: this.genuineRef,
+                children: this.renderSliderItems()
+              }), showControls && this.renderSliderItems()]
+            }), this.renderNavigationArrows()]
+          }), this.renderNavigationDots()]
         });
       }
     });
@@ -3264,6 +3363,11 @@ class Carousel extends _react.Component {
 }
 _defineProperty(Carousel, "defaultProps", {
   children: null,
+  arrows: true,
+  dots: false,
+  autoplay: true,
+  autoplayInterval: 5000,
+  onSlide: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}carousel`
 });
@@ -3556,8 +3660,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
  * @since 0.0.61
@@ -4261,7 +4365,8 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 /**
  * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
  * @since 2.6.0
- */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
@@ -4539,8 +4644,8 @@ __webpack_require__(/*! ./ConsoleOutput.less */ "./components/ConsoleOutput/Cons
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
@@ -4892,8 +4997,8 @@ __webpack_require__(/*! ./Cuttable.less */ "./components/Cuttable/Cuttable.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `Cuttable` component is used for showing and hiding part of content.
  * @since 0.0.42
@@ -5554,8 +5659,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const additionalButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
   defaultProps: {
     size: 'lg'
@@ -5624,7 +5729,7 @@ class DrawerProgress extends _react.Component {
     } = this.state;
     if (prevState.status !== _ProgressStep.STATUS_DONE && status === _ProgressStep.STATUS_DONE) {
       window.clearTimeout(this.closeTimeout);
-      if (autoCloseTimeout !== undefined) {
+      if (autoCloseTimeout !== null) {
         this.closeTimeout = window.setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
@@ -6686,8 +6791,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const actionButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
   defaultProps: {
     size: 'lg'
@@ -7299,8 +7404,8 @@ __webpack_require__(/*! ./FormField.less */ "./components/FormField/FormField.le
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const BASE_FORM_FIELD_CLASS_NAME = exports.BASE_FORM_FIELD_CLASS_NAME = `${_constants.CLS_PREFIX}form-field`;
 const defaultValue = undefined;
 const defaultProps = {
@@ -7914,8 +8019,8 @@ __webpack_require__(/*! ./FormFieldPassword.less */ "./components/FormFieldPassw
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
  * @since 0.0.58
@@ -8800,8 +8905,8 @@ __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 _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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `Grid` component is used to layout and align content based on 12-column system.
  * @since 0.0.48
@@ -9527,8 +9632,8 @@ __webpack_require__(/*! ./InPlaceEdit.less */ "./components/InPlaceEdit/InPlaceE
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
  * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
@@ -10421,8 +10526,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const getNextSelectedValue = (value, prevValue, toggleable) => {
   if (Array.isArray(prevValue)) {
     if (prevValue.indexOf(value) !== -1) {
@@ -10918,8 +11023,8 @@ __webpack_require__(/*! ./Layout.less */ "./components/Layout/Layout.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const subscribeMatchMedia = (query, handler) => {
   const mq = window.matchMedia(query);
   handler(mq);
@@ -11450,10 +11555,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/List/List.js":
-/*!*********************************!*\
-  !*** ./components/List/List.js ***!
-  \*********************************/
+/***/ "./components/List/List.tsx":
+/*!**********************************!*\
+  !*** ./components/List/List.tsx ***!
+  \**********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -11463,7 +11568,7 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
+var _react = __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 _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
@@ -11489,9 +11594,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
-const getRowKey = (row, props) => {
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// eslint-disable-next-line func-style
+function getRowKey(row, props) {
   const {
     rowKey
   } = props;
@@ -11499,7 +11605,7 @@ const getRowKey = (row, props) => {
     return rowKey(row);
   }
   return row[rowKey];
-};
+}
 const Tbody = _ref => {
   let {
     baseClassName,
@@ -11599,7 +11705,6 @@ const getHumanTotalRows = _ref2 => {
       return null;
   }
 };
-
 /**
  * `List` component is used for displaying a collection of tabular data.
  * [More details about designing of lists.](#!/Sets%20of%20Objects)
@@ -11611,26 +11716,32 @@ class List extends _react.Component {
     _defineProperty(this, "state", {
       sortInPlace: !this.props.pagination,
       vertical: false,
-      expandedRows: this.props.expandedRows,
-      prevExpandedRows: this.props.expandedRows,
-      selection: this.props.selection,
-      prevSelection: this.props.selection,
-      ReorderableList: () => null,
-      reorderableItemWidths: []
+      expandedRows: this.props.expandedRows ?? [],
+      ReorderableList: undefined,
+      reorderableItemWidths: [],
+      prevExpandedRows: this.props.expandedRows ?? [],
+      sortColumn: undefined,
+      prevSortColumn: undefined,
+      sortDirection: undefined,
+      prevSortDirection: undefined,
+      selection: this.props.selection ?? [],
+      prevSelection: this.props.selection ?? [],
+      prevData: [],
+      prevPagination: undefined
     });
+    _defineProperty(this, "needScroll", false);
     _defineProperty(this, "anchorRef", /*#__PURE__*/(0, _react.createRef)());
-    _defineProperty(this, "flatData", data => data.reduce((acc, _ref3) => {
-      let {
-        data,
-        ...row
-      } = _ref3;
+    _defineProperty(this, "flatData", data => data.reduce((acc, item) => {
+      const {
+        data
+      } = item;
       const {
         virtual
-      } = this.getRowProps(row);
+      } = this.getRowProps(item);
       if (virtual) {
         return [...acc, ...(data ? this.flatData(data) : [])];
       }
-      return [...acc, row, ...(data ? this.flatData(data) : [])];
+      return [...acc, item, ...(data ? this.flatData(data) : [])];
     }, []));
     _defineProperty(this, "handleRowSelectionChange", (checked, rowKey) => {
       const {
@@ -11648,13 +11759,14 @@ class List extends _react.Component {
     });
     _defineProperty(this, "handleGlobalSelectionChange", headerChecked => {
       const {
-        onAllRowsSelectedChange
+        onAllRowsSelectedChange,
+        data
       } = this.props;
       const {
         selection
       } = this.state;
       const nextSelection = [];
-      this.flatData(this.props.data).forEach(row => {
+      this.flatData(data ?? []).forEach(row => {
         const key = getRowKey(row, this.props);
         if (row.disabled || this.isRowLoading(row)) {
           if (selection.indexOf(key) !== -1) {
@@ -11671,15 +11783,17 @@ class List extends _react.Component {
       }
       this.setSelection(nextSelection);
     });
-    _defineProperty(this, "handleResize", _ref4 => {
+    _defineProperty(this, "handleResize", _ref3 => {
       let {
         bounds
-      } = _ref4;
-      this.setState({
-        vertical: bounds.width < this.props.vertical
-      });
+      } = _ref3;
+      if (bounds && this.props.vertical) {
+        this.setState({
+          vertical: typeof this.props.vertical === 'boolean' ? this.props.vertical : bounds.width < this.props.vertical
+        });
+      }
     });
-    _defineProperty(this, "isRowLoading", row => this.props.loadingRows.indexOf(getRowKey(row, this.props)) !== -1);
+    _defineProperty(this, "isRowLoading", row => this.props.loadingRows?.indexOf(getRowKey(row, this.props)) !== -1);
     _defineProperty(this, "getRowTitle", row => {
       const {
         columns
@@ -11726,7 +11840,7 @@ class List extends _react.Component {
       } = this.state;
       const headerExpanded = this.isAnyRowsExpanded(data, expandedRows);
       const nextExpandedRows = [];
-      this.flatData(this.props.data).forEach(row => {
+      this.flatData(data ?? []).forEach(row => {
         const key = getRowKey(row, this.props);
         if (!this.isRowExpandable(row)) {
           if (expandedRows.indexOf(key) !== -1) {
@@ -11749,7 +11863,7 @@ class List extends _react.Component {
       }
     });
   }
-  static getDerivedStateFromProps(_ref5, _ref6) {
+  static getDerivedStateFromProps(_ref4, _ref5) {
     let {
       sortColumn,
       sortDirection,
@@ -11763,7 +11877,7 @@ class List extends _react.Component {
       rowKey,
       totalRows,
       filtered
-    } = _ref5;
+    } = _ref4;
     let {
       prevSortColumn,
       prevSortDirection,
@@ -11772,7 +11886,7 @@ class List extends _react.Component {
       prevPagination,
       prevExpandedRows,
       ...state
-    } = _ref6;
+    } = _ref5;
     let nextState = {};
     if (prevSortColumn !== sortColumn || prevSortDirection !== sortDirection) {
       nextState = {
@@ -11783,18 +11897,18 @@ class List extends _react.Component {
     }
     const additionalExpanded = [];
     if (prevData !== data) {
-      const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
+      const isSingleElementInCurrentExpanded = () => data && 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) {
+        if (notExpandableRows?.indexOf(key) === -1) {
           additionalExpanded.push(key);
         }
       }
-      const keys = data.map(row => getRowKey(row, {
+      const keys = (data ?? []).map(row => getRowKey(row, {
         rowKey
       }));
       const nextSelection = state.selection.filter(key => keys.indexOf(key) !== -1);
@@ -11806,13 +11920,13 @@ class List extends _react.Component {
     if (prevSelection !== selection) {
       nextState = {
         ...nextState,
-        selection
+        selection: selection ?? []
       };
     }
     if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
       nextState = {
         ...nextState,
-        expandedRows: [...expandedRows, ...additionalExpanded]
+        expandedRows: [...(expandedRows ?? []), ...additionalExpanded]
       };
     }
     if (prevPagination !== pagination) {
@@ -11855,10 +11969,11 @@ class List extends _react.Component {
     }
   }
   applyReorderableList() {
-    Promise.resolve().then(() => _interopRequireWildcard(__webpack_require__( /* webpackChunkName: "react-movable" *//*! @plesk/react-movable */ "../node_modules/@plesk/react-movable/lib/index.js"))).then(_ref7 => {
+    Promise.resolve().then(() => _interopRequireWildcard(__webpack_require__( /* webpackChunkName: "react-movable" *//*! @plesk/react-movable */ "../node_modules/@plesk/react-movable/lib/index.js"))).then(_ref6 => {
       let {
         List: ReorderableList
-      } = _ref7;
+      } = _ref6;
+      // @ts-expect-error
       this.setState({
         ReorderableList
       });
@@ -11874,13 +11989,16 @@ class List extends _react.Component {
       data,
       columns
     } = this.props;
+    if (!data) {
+      return [];
+    }
     if (!sortInPlace) {
       return data;
     }
-    const [column] = columns.filter(_ref8 => {
+    const [column] = columns.filter(_ref7 => {
       let {
         key
-      } = _ref8;
+      } = _ref7;
       return key === sortColumn;
     });
     const defaultSort = (a, b) => {
@@ -11892,7 +12010,7 @@ class List extends _react.Component {
       }
       return 0;
     };
-    if (!column) {
+    if (!column || !sortColumn) {
       return data;
     }
     return data.sort((a, b) => (column.sort ? column.sort(a, b) : defaultSort(a[sortColumn], b[sortColumn])) * (sortDirection === 'ASC' ? 1 : -1));
@@ -11901,22 +12019,22 @@ class List extends _react.Component {
     const {
       sortInPlace
     } = this.state;
-    let {
+    const {
       sortColumn,
       sortDirection
     } = this.state;
-    sortDirection = sortColumn === columnKey && sortDirection === 'ASC' ? 'DESC' : 'ASC';
-    sortColumn = columnKey;
+    const nextSortDirection = sortColumn === columnKey && sortDirection === 'ASC' ? 'DESC' : 'ASC';
+    const nextSortColumn = columnKey;
     if (sortInPlace) {
       this.setState({
-        sortColumn,
-        sortDirection
+        sortColumn: nextSortColumn,
+        sortDirection: nextSortDirection
       });
     }
     if (this.props.onSortChange) {
       this.props.onSortChange({
-        sortColumn,
-        sortDirection
+        sortColumn: nextSortColumn,
+        sortDirection: nextSortDirection
       });
     }
   }
@@ -11941,7 +12059,7 @@ class List extends _react.Component {
     if (virtual) {
       return false;
     }
-    return this.props.notExpandableRows.indexOf(getRowKey(row, this.props)) === -1;
+    return this.props.notExpandableRows?.indexOf(getRowKey(row, this.props)) === -1;
   }
   handleRowExpandingChange(row) {
     let expandedRows;
@@ -11960,7 +12078,7 @@ class List extends _react.Component {
     });
     (0, _utils.safeInvoke)(this.props.onExpandedRowsChange, expandedRows.slice());
   }
-  renderRow(_ref9) {
+  renderRow(_ref8) {
     let {
       row,
       index,
@@ -11969,7 +12087,7 @@ class List extends _react.Component {
       parent,
       isDragged,
       reorderableProps
-    } = _ref9;
+    } = _ref8;
     const {
       baseClassName,
       renderRowBody,
@@ -11979,10 +12097,10 @@ class List extends _react.Component {
       vertical,
       reorderableItemWidths
     } = this.state;
-    const hasActions = realColumn.some(_ref10 => {
+    const hasActions = realColumn.some(_ref9 => {
       let {
         type
-      } = _ref10;
+      } = _ref9;
       return type === 'actions';
     });
     const {
@@ -12008,7 +12126,7 @@ class List extends _react.Component {
       }, className),
       ...rowProps,
       onClick: renderRowBody ? this.createRowClickHandler(row) : undefined,
-      children: realColumn.map((_ref11, index) => {
+      children: realColumn.map((_ref10, index) => {
         let {
           key,
           title,
@@ -12017,7 +12135,7 @@ class List extends _react.Component {
           cellProps,
           truncate,
           type
-        } = _ref11;
+        } = _ref10;
         if (skipCells > 0) {
           skipCells -= 1;
           return null;
@@ -12028,7 +12146,7 @@ class List extends _react.Component {
             width
           };
         }
-        if (isDragged) {
+        if (isDragged && reorderableItemWidths) {
           style = {
             width: reorderableItemWidths[index]
           };
@@ -12125,13 +12243,13 @@ class List extends _react.Component {
     }
     return element;
   }
-  renderRowBody(_ref12) {
+  renderRowBody(_ref11) {
     let {
       row,
       index,
       realColumn,
       parent
-    } = _ref12;
+    } = _ref11;
     const {
       baseClassName,
       renderRowBody
@@ -12142,16 +12260,16 @@ class List extends _react.Component {
     if (!renderRowBody) {
       return null;
     }
-    const reorderable = realColumn.find(_ref13 => {
+    const reorderable = realColumn.find(_ref12 => {
       let {
         key
-      } = _ref13;
+      } = _ref12;
       return key === 'reorderable';
     });
-    const expander = realColumn.find(_ref14 => {
+    const expander = realColumn.find(_ref13 => {
       let {
         key
-      } = _ref14;
+      } = _ref13;
       return key === 'expander';
     });
     const isRowExpanded = this.isRowExpanded(row);
@@ -12296,7 +12414,7 @@ class List extends _react.Component {
         itemsPerPageOptions = _Pagination.ITEMS_PER_PAGE_OPTIONS
       } = pagination.props;
       if (Array.isArray(itemsPerPageOptions)) {
-        const numericOptions = itemsPerPageOptions.filter(v => Number(v) === v);
+        const numericOptions = itemsPerPageOptions.filter(Number);
         if (numericOptions.length) {
           const min = Math.min(...numericOptions);
           if (totalRows <= min) {
@@ -12359,6 +12477,9 @@ class List extends _react.Component {
       pagination,
       loading
     } = this.props;
+    if (!pagination) {
+      return null;
+    }
     const paginationProps = {
       loading
     };
@@ -12421,7 +12542,7 @@ class List extends _react.Component {
     const {
       vertical
     } = this.state;
-    if (false === (data && data.length > 0) && !filtered && emptyViewMode === 'all') {
+    if (!(data && data.length > 0) && !filtered && emptyViewMode === 'all') {
       return this.renderEmptyView();
     }
     const realColumn = columns.map((column, i) => {
@@ -12573,14 +12694,14 @@ class List extends _react.Component {
     }
     const hasTitle = !vertical && columns.some(column => column.title);
     let content;
-    if (false === (data && data.length > 0) && (filtered || emptyViewMode === 'items')) {
+    if (!(data && data.length > 0) && (filtered || emptyViewMode === 'items')) {
       content = this.renderEmptyView();
     } else {
-      const renderList = _ref15 => {
+      const renderList = _ref14 => {
         let {
           children,
           props: reorderableProps
-        } = _ref15;
+        } = _ref14;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useFocusVisible.FocusVisibleManager, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
             className: (0, _classnames.default)(`${baseClassName}__table`, {
@@ -12594,7 +12715,7 @@ class List extends _react.Component {
                 className: (0, _classnames.default)(`${baseClassName}__table-thead`, {
                   [`${baseClassName}__row--expanded`]: this.isAnyRowsExpanded(data, this.state.expandedRows)
                 }),
-                children: realColumn.map(_ref16 => {
+                children: realColumn.map(_ref15 => {
                   let {
                     key,
                     title,
@@ -12606,7 +12727,7 @@ class List extends _react.Component {
                     type,
                     cellProps,
                     ...headerProps
-                  } = _ref16;
+                  } = _ref15;
                   if (sortable) {
                     title = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                       className: "th__action",
@@ -12637,7 +12758,7 @@ class List extends _react.Component {
           })
         });
       };
-      const renderItem = _ref17 => {
+      const renderItem = _ref16 => {
         let {
           value: {
             row
@@ -12645,7 +12766,7 @@ class List extends _react.Component {
           index,
           props: reorderableProps,
           isDragged
-        } = _ref17;
+        } = _ref16;
         return this.renderRow({
           row,
           index,
@@ -12655,27 +12776,27 @@ class List extends _react.Component {
           isDragged
         });
       };
-      if (reorderable) {
+      if (reorderable && this.state.ReorderableList) {
         const {
           ReorderableList
         } = this.state;
         content = /*#__PURE__*/(0, _jsxRuntime.jsx)(ReorderableList, {
-          beforeDrag: _ref18 => {
+          beforeDrag: _ref17 => {
             let {
               elements,
               index
-            } = _ref18;
+            } = _ref17;
             const cells = Array.from(elements[index].firstElementChild.children);
             const reorderableItemWidths = cells.map(cell => window.getComputedStyle(cell).width);
             this.setState({
               reorderableItemWidths
             });
           },
-          onChange: _ref19 => {
+          onChange: _ref18 => {
             let {
               oldIndex,
               newIndex
-            } = _ref19;
+            } = _ref18;
             (0, _utils.safeInvoke)(onReorderEnd, {
               oldIndex,
               newIndex
@@ -12688,9 +12809,11 @@ class List extends _react.Component {
           renderItem: renderItem,
           lockVertically: true,
           hooks: {
-            getChildren: children => children.filter(node => node.nodeName !== 'THEAD')
+            getChildren: children =>
+            // @ts-expect-error
+            children.filter(node => node.nodeName !== 'THEAD')
           },
-          useDragHandle: true
+          useDragHandle: false
         });
       } else {
         content = renderList({
@@ -12740,10 +12863,10 @@ class List extends _react.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize,
-        children: _ref20 => {
+        children: _ref19 => {
           let {
             measureRef
-          } = _ref20;
+          } = _ref19;
           return createRoot(measureRef);
         }
       });
@@ -12751,242 +12874,12 @@ class List extends _react.Component {
     return createRoot();
   }
 }
-List.propTypes = {
-  /**
-   * Columns definition.
-   *
-   * In addition to the properties described below, you can use any native properties
-   * supported by the `TH` element like `className`, `style`, etc.
-   * @since 0.0.42
-   */
-  columns: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Unique column key.
-     */
-    key: _propTypes.default.string.isRequired,
-    /**
-     * Column title.
-     */
-    title: _propTypes.default.node,
-    /**
-     * Optional cell renderer function: `row => Component`. By default render value of cell.
-     * The renderer function can also returns a configuration object like: `{children: 'cell content', colSpan: 3}`
-     */
-    render: _propTypes.default.func,
-    /**
-     * Is column sortable.
-     * Default is `false`
-     */
-    sortable: _propTypes.default.bool,
-    /**
-     * Optional function for row comparison: `(row1, row2) => -1 | 0 | 1`
-     */
-    sort: _propTypes.default.func,
-    /**
-     * Column alignment.
-     */
-    align: _propTypes.default.oneOf(['left', 'center', 'right']),
-    /**
-     * Truncate the text in cell with an ellipsis.
-     */
-    truncate: _propTypes.default.bool,
-    /**
-     * Determine type of column content.
-     *
-     * * title - There should a title of the row.
-     * * controls - There should be some control: a button or a dropdown.
-     * * actions - There should be the ListAction component.
-     */
-    type: _propTypes.default.oneOf(['title', 'controls', 'actions'])
-  })).isRequired,
-  /**
-   * Array of row objects.
-   *
-   * Each row must contains `key` property, all columns keys, and can contain `disabled` property.
-   * @since 0.0.42
-   */
-  data: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Unique column key. This property can by renamed using `rowKey` property of List.
-     */
-    key: _propTypes.default.string,
-    /**
-     * Optional property for disabling ability to select this row.
-     */
-    disabled: _propTypes.default.bool,
-    /**
-     * Optional array of children rows.
-     */
-    data: _propTypes.default.array,
-    /**
-     * An optional property to change the appearance of this row.<br />
-     *  `inactive, info, success, warning, danger`. (Since: 3.33.0)
-     */
-    intent: _propTypes.default.oneOf(['inactive', 'info', 'success', 'warning', 'danger'])
-  })),
-  /**
-   * Current sort column key
-   * @since 0.0.42
-   */
-  sortColumn: _propTypes.default.string,
-  /**
-   * Sort direction of the column being sorted.
-   * @since 0.0.42
-   */
-  sortDirection: _propTypes.default.oneOf(['ASC', 'DESC']),
-  /**
-   * Sort change handler
-   * @since 0.0.42
-   */
-  onSortChange: _propTypes.default.func,
-  /**
-   * Array of keys of selected rows
-   * @since 0.0.42
-   */
-  selection: _propTypes.default.array,
-  /**
-   * Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
-   * @since 0.0.42
-   */
-  onSelectionChange: _propTypes.default.func,
-  /**
-   * Renderer for a selection checkbox. Allow to replace checkboxes in the List by a custom implementation.
-   * @since 3.19.0
-   */
-  renderSelectionCheckbox: _propTypes.default.func,
-  /**
-   * Row's key getter. Could be a string or function like: `row => <unique_string>`
-   * @since 0.0.45
-   */
-  rowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
-  /**
-   * Renderer for a row body. Should return ReactNode.
-   * @since 1.12.0
-   */
-  renderRowBody: _propTypes.default.func,
-  /**
-   * Array of keys of expanded rows
-   * @since 1.12.0
-   */
-  expandedRows: _propTypes.default.array,
-  /**
-   * Array of keys of rows which not have expand indicator
-   * @since 1.12.0
-   */
-  notExpandableRows: _propTypes.default.array,
-  /**
-   * Rows expanding change handler.
-   * @since 1.12.0
-   */
-  onExpandedRowsChange: _propTypes.default.func,
-  /**
-   * Array of keys of loading rows. They are displayed instead of checkboxes.
-   * @since 2.5.0
-   */
-  loadingRows: _propTypes.default.array,
-  /**
-   * A `Pagination` element. It displays at the top and the bottom of the list. When pagination is defined, the built-in sort is disabled.
-   * @since 2.4.0
-   */
-  pagination: _propTypes.default.node,
-  /**
-   * Total rows count, including nested rows. Usually, it uses together with pagination.
-   * @since 2.4.0
-   */
-  totalRows: _propTypes.default.number,
-  /**
-   * A `Toolbar` element.
-   * @since 2.4.0
-   */
-  toolbar: _propTypes.default.node,
-  /**
-   * A flag that all rows are selected.
-   * @since 2.4.0
-   */
-  allRowsSelected: _propTypes.default.bool,
-  /**
-   * A callback executed when the allRowsSelected prop is changed.
-   * @since 2.4.0
-   */
-  onAllRowsSelectedChange: _propTypes.default.func,
-  /**
-   * Filtered list. Manages toolbar visibility when data is absent and defines the defaults for empty view.
-   * @since 3.0.1
-   */
-  filtered: _propTypes.default.bool,
-  /**
-   * A custom view for the case when data is absent.
-   * @since 2.5.0
-   */
-  emptyView: _propTypes.default.node,
-  /**
-   * Which part of the List component should be replaced by the empty view.
-   * @since 2.6.0
-   * @deprecated Use `filtered` instead.
-   */
-  emptyViewMode: _propTypes.default.oneOf(['all', 'items']),
-  /**
-   * A slot on the right of the items.
-   * @since 2.6.0
-   */
-  sidebar: _propTypes.default.node,
-  /**
-   * Custom localization messages.
-   * @since 2.6.0
-   */
-  locale: _propTypes.default.shape({
-    selectAll: _propTypes.default.node,
-    deselectAll: _propTypes.default.node,
-    all: _propTypes.default.node,
-    totalRows: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-    selectedRows: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])
-  }),
-  /**
-   * Render List row's content vertically.
-   * When some number is specified, it turns into vertical mode automatically if the List's width is less than the provided number.
-   * @since 3.3.0
-   */
-  vertical: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number]),
-  /**
-   * Indicate the loading state of the list.
-   * @since 3.3.1
-   */
-  loading: _propTypes.default.bool,
-  /**
-   * Apply some props to each row.
-   *
-   * `virtual` - Virtual row does not have any controls.
-   *
-   * @since 3.11.0
-   */
-  rowProps: _propTypes.default.oneOfType([_propTypes.default.shape({
-    virtual: _propTypes.default.bool
-  }), _propTypes.default.func]),
-  /**
-   * Enable reorderable view.
-   * @since 3.18.0
-   */
-  reorderable: _propTypes.default.bool,
-  /**
-   * Reorder end handler.
-   * @since 3.18.0
-   */
-  onReorderEnd: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-List.defaultProps = {
+_defineProperty(List, "defaultProps", {
   data: [],
-  sortColumn: null,
+  sortColumn: undefined,
   sortDirection: 'ASC',
-  onSortChange: null,
-  onSelectionChange: null,
+  onSortChange: undefined,
+  onSelectionChange: undefined,
   selection: [],
   renderSelectionCheckbox: undefined,
   rowKey: 'key',
@@ -12995,7 +12888,7 @@ List.defaultProps = {
   notExpandableRows: [],
   onExpandedRowsChange: undefined,
   loadingRows: [],
-  className: null,
+  className: '',
   baseClassName: `${_constants.CLS_PREFIX}list`,
   pagination: undefined,
   totalRows: undefined,
@@ -13012,7 +12905,7 @@ List.defaultProps = {
   rowProps: undefined,
   reorderable: false,
   onReorderEnd: undefined
-};
+});
 var _default = exports["default"] = List;
 
 /***/ }),
@@ -13041,7 +12934,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
  * @since 3.3.0
  */
-
 const ListAction = _ref => {
   let {
     primary,
@@ -13504,10 +13396,10 @@ var _default = exports["default"] = ListOperationContext;
 
 /***/ }),
 
-/***/ "./components/List/index.js":
-/*!**********************************!*\
-  !*** ./components/List/index.js ***!
-  \**********************************/
+/***/ "./components/List/index.tsx":
+/*!***********************************!*\
+  !*** ./components/List/index.tsx ***!
+  \***********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -13552,7 +13444,7 @@ Object.defineProperty(exports, "default", ({
     return _List.default;
   }
 }));
-var _List = _interopRequireDefault(__webpack_require__(/*! ./List */ "./components/List/List.js"));
+var _List = _interopRequireDefault(__webpack_require__(/*! ./List */ "./components/List/List.tsx"));
 var _ListOperation = _interopRequireDefault(__webpack_require__(/*! ./ListOperation */ "./components/List/ListOperation.tsx"));
 var _ListEmptyView = _interopRequireDefault(__webpack_require__(/*! ./ListEmptyView */ "./components/List/ListEmptyView.tsx"));
 var _ListActions = _interopRequireDefault(__webpack_require__(/*! ./ListActions */ "./components/List/ListActions.tsx"));
@@ -13580,8 +13472,8 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const applyParams = function (message) {
   let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const result = [];
@@ -14475,8 +14367,8 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports.isFocusable = exports["default"] = void 0;
 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); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const isFocusable = element => {
@@ -15040,122 +14932,85 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
+var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 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.tsx");
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 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");
+__webpack_require__(/*! ./Panel.less */ "./components/Panel/Panel.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.
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
 /**
  * `Panel` component is used for visually grouping some content.
  * @since 0.0.35
  */
-class Panel extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleToggle", e => {
-      if ((0, _utils.isClickable)(e)) {
-        return;
-      }
-      this.setState(_ref => {
-        let {
-          collapsed
-        } = _ref;
-        return {
-          collapsed: !collapsed
-        };
-      }, () => {
-        if (this.props.onToggle) {
-          this.props.onToggle(this.state.collapsed);
-        }
-      });
-    });
-    const _collapsed2 = this.props.collapsible && this.props.collapsed || false;
-    // eslint-disable-next-line react/state-in-constructor
-    this.state = {
-      collapsed: _collapsed2,
-      prevPropsCollapsed: _collapsed2
-    };
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.collapsed !== state.prevPropsCollapsed) {
-      return {
-        collapsed: props.collapsed,
-        prevPropsCollapsed: props.collapsed
-      };
-    }
-    return null;
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      title,
-      collapsible,
-      collapsed: _collapsed,
-      onToggle,
-      children,
-      extra,
-      ...props
-    } = this.props;
-    const {
-      collapsed
-    } = this.state;
-    const handleToggle = collapsible ? this.handleToggle : undefined;
-    const rootRef = /*#__PURE__*/(0, _react.createRef)();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      classNames: `${baseClassName}-`,
-      in: !collapsed,
-      timeout: 300,
-      nodeRef: rootRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(baseClassName, {
-          [`${baseClassName}--collapsible`]: collapsible,
-          [`${baseClassName}--collapsed`]: collapsed,
-          [`${baseClassName}--expanded`]: !collapsed
-        }, className),
-        ...props,
-        ref: rootRef,
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__header`,
-          onClick: handleToggle,
-          children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-            component: "div",
-            level: 4,
-            className: `${baseClassName}__title`,
-            children: title
-          }) : title, (extra || collapsible) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__extra`,
-            children: [extra, collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-              ghost: true,
-              className: `${baseClassName}__control-button`,
-              icon: {
-                name: 'chevron-up',
-                flipVertical: collapsed
-              },
-              onClick: handleToggle
-            })]
+const Panel = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}panel`,
+    className,
+    title,
+    collapsible = false,
+    collapsed: externalCollapsed,
+    onToggle,
+    children,
+    extra,
+    ...props
+  } = _ref;
+  const rootRef = (0, _react.useRef)(null);
+  const isControlled = externalCollapsed !== undefined;
+  const [internalCollapsed, setInternalCollapsed] = (0, _react.useState)(false);
+  const collapsed = isControlled ? externalCollapsed : internalCollapsed;
+  const handleToggle = e => {
+    if (!collapsible || (0, _utils.isClickable)(e)) return;
+    if (!isControlled) {
+      setInternalCollapsed(!collapsed);
+    }
+    onToggle?.(!collapsed);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    classNames: `${baseClassName}-`,
+    in: !collapsed,
+    timeout: 300,
+    nodeRef: rootRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(baseClassName, {
+        [`${baseClassName}--collapsible`]: collapsible,
+        [`${baseClassName}--collapsed`]: collapsed,
+        [`${baseClassName}--expanded`]: !collapsed
+      }, className),
+      ...props,
+      ref: rootRef,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__header`,
+        onClick: handleToggle,
+        children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
+          component: "div",
+          level: 4,
+          className: `${baseClassName}__title`,
+          children: title
+        }) : title, (extra || collapsible) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__extra`,
+          children: [extra, collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            ghost: true,
+            className: `${baseClassName}__control-button`,
+            icon: {
+              name: 'chevron-up',
+              flipVertical: collapsed
+            },
+            onClick: handleToggle
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${baseClassName}__content`,
-          children: children
         })]
-      })
-    });
-  }
-}
-_defineProperty(Panel, "defaultProps", {
-  collapsible: false,
-  collapsed: false,
-  baseClassName: `${_constants.CLS_PREFIX}panel`
-});
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content`,
+        children: children
+      })]
+    })
+  });
+};
 var _default = exports["default"] = Panel;
 
 /***/ }),
@@ -15341,8 +15196,8 @@ __webpack_require__(/*! ./Popover.less */ "./components/Popover/Popover.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const PLACEMENT_MAP = {
   'top-left': 'top-end',
   'top-right': 'top-start',
@@ -15696,8 +15551,8 @@ var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./compo
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `Popper` component.
  */
@@ -15941,8 +15796,8 @@ __webpack_require__(/*! ./Progress.less */ "./components/Progress/Progress.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `Progress` is used for showing progress of performing long operations.
  * @since 1.10.0
@@ -16208,8 +16063,8 @@ __webpack_require__(/*! ./ProgressDialog.less */ "./components/ProgressDialog/Pr
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
  * @since 1.2.0
@@ -16895,8 +16750,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const getErrorsForChildren = (form, children) => {
   let errors = {};
   _react.Children.forEach(children, child => {
@@ -17269,8 +17124,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const alphaSort = (a, b) => a > b ? 1 : -1;
 const SEGMENTED_CONTROL_BASE_CLASS_NAME = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}segmented-control`;
 
@@ -18173,6 +18028,10 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
         onKeyDown: handleKeyDown,
         onFocus: handleFocus,
         onBlur: handleBlur,
+        onClick: e => {
+          // ignore click which was received by clicking on a label with "for" attribute
+          if (e.detail === 0) e.stopPropagation();
+        },
         readOnly: !searchable,
         disabled: disabled,
         ref: inputRef,
@@ -18259,7 +18118,8 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 /**
  * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
  * @since 2.3.0
- */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const SelectOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
@@ -19072,8 +18932,8 @@ var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 class Squeezer extends _react.Component {
   constructor() {
     super(...arguments);
@@ -19710,8 +19570,8 @@ __webpack_require__(/*! ./SwitchesPanelItem.less */ "./components/SwitchesPanelI
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
  * Used in [SwitchesPanel](#!/SwitchesPanel).
@@ -19852,8 +19712,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `SearchBar` component is used for providing type-as-you-go search.
  * @since 0.0.58
@@ -20321,8 +20181,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const ADDON_LEFT_PADDING = 5;
 const MIN_ADDON_WIDTH_DEFAULT = 150;
 const COLLAPSED_SEARCH_WIDTH = 60;
@@ -21026,8 +20886,8 @@ __webpack_require__(/*! ./TextArea.less */ "./components/TextArea/TextArea.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const getMinMax = rows => {
   if (typeof rows === 'number') {
     return {
@@ -21315,8 +21175,8 @@ __webpack_require__(/*! ./Toast.less */ "./components/Toast/Toast.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const AUTOCLOSE_TIMEOUT = 6000;
 class Toast extends _react.Component {
   constructor() {
@@ -21465,11 +21325,11 @@ 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;
+var _Toaster;
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 let toastId = 0;
 /**
  * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
@@ -21646,7 +21506,7 @@ class Toaster extends _react.Component {
   }
 }
 exports["default"] = Toaster;
-_class = Toaster;
+_Toaster = Toaster;
 // eslint-disable-next-line react/sort-comp
 _defineProperty(Toaster, "defaultProps", {
   position: 'top-end',
@@ -21657,7 +21517,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)(_class, {
+  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toaster, {
     ...props
   }), containerElement);
 });
@@ -21777,8 +21637,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
  * Toolbar is located on top of the managed content block.
@@ -21927,8 +21787,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 /**
  * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
  * It is used for grouping several toolbar controls together.
@@ -22102,8 +21962,8 @@ var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarE
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 class ToolbarItem extends _react.Component {
   constructor() {
     super(...arguments);
@@ -22178,7 +22038,7 @@ var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarE
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
-var _List = __webpack_require__(/*! ../List */ "./components/List/index.js");
+var _List = __webpack_require__(/*! ../List */ "./components/List/index.tsx");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22214,7 +22074,6 @@ const toMenuItem = (child, isLast, onItemClick) => {
         });
         /* eslint-enable react/prop-types */
       }
-
     case _ToolbarGroup.default:
       {
         const {
@@ -22352,8 +22211,8 @@ __webpack_require__(/*! ./Tooltip.less */ "./components/Tooltip/Tooltip.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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const createRectFactory = (width, height) => (left, top) => ({
   top,
   left,
@@ -22875,6 +22734,7 @@ var _exportNames = {
   Columns: true,
   Column: true,
   ComboBox: true,
+  ComboBoxOption: true,
   ConsoleOutput: true,
   ContentLoader: true,
   Cuttable: true,
@@ -22907,6 +22767,11 @@ var _exportNames = {
   Label: true,
   Layout: true,
   List: true,
+  ListActions: true,
+  ListAction: true,
+  ListOperation: true,
+  ListEmptyView: true,
+  ListActionsDivider: true,
   LocaleProvider: true,
   Markdown: true,
   Media: true,
@@ -23055,6 +22920,12 @@ Object.defineProperty(exports, "ComboBox", ({
     return _ComboBox.default;
   }
 }));
+Object.defineProperty(exports, "ComboBoxOption", ({
+  enumerable: true,
+  get: function () {
+    return _ComboBox.ComboBoxOption;
+  }
+}));
 Object.defineProperty(exports, "ConsoleOutput", ({
   enumerable: true,
   get: function () {
@@ -23241,6 +23112,36 @@ Object.defineProperty(exports, "List", ({
     return _List.default;
   }
 }));
+Object.defineProperty(exports, "ListAction", ({
+  enumerable: true,
+  get: function () {
+    return _List.ListAction;
+  }
+}));
+Object.defineProperty(exports, "ListActions", ({
+  enumerable: true,
+  get: function () {
+    return _List.ListActions;
+  }
+}));
+Object.defineProperty(exports, "ListActionsDivider", ({
+  enumerable: true,
+  get: function () {
+    return _List.ListActionsDivider;
+  }
+}));
+Object.defineProperty(exports, "ListEmptyView", ({
+  enumerable: true,
+  get: function () {
+    return _List.ListEmptyView;
+  }
+}));
+Object.defineProperty(exports, "ListOperation", ({
+  enumerable: true,
+  get: function () {
+    return _List.ListOperation;
+  }
+}));
 Object.defineProperty(exports, "LocaleProvider", ({
   enumerable: true,
   get: function () {
@@ -23586,17 +23487,6 @@ var _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ "./compon
 var _CodeEditor = _interopRequireDefault(__webpack_require__(/*! ./CodeEditor */ "./components/CodeEditor/index.tsx"));
 var _Columns = _interopRequireWildcard(__webpack_require__(/*! ./Columns */ "./components/Columns/index.tsx"));
 var _ComboBox = _interopRequireWildcard(__webpack_require__(/*! ./ComboBox */ "./components/ComboBox/index.tsx"));
-Object.keys(_ComboBox).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ComboBox[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ComboBox[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"));
@@ -23672,18 +23562,7 @@ var _ItemLink = _interopRequireDefault(__webpack_require__(/*! ./ItemLink */ "./
 var _ItemList = _interopRequireDefault(__webpack_require__(/*! ./ItemList */ "./components/ItemList/index.tsx"));
 var _Label = _interopRequireDefault(__webpack_require__(/*! ./Label */ "./components/Label/index.tsx"));
 var _Layout = _interopRequireDefault(__webpack_require__(/*! ./Layout */ "./components/Layout/index.tsx"));
-var _List = _interopRequireWildcard(__webpack_require__(/*! ./List */ "./components/List/index.js"));
-Object.keys(_List).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _List[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _List[key];
-    }
-  });
-});
+var _List = _interopRequireWildcard(__webpack_require__(/*! ./List */ "./components/List/index.tsx"));
 var _LocaleProvider = _interopRequireWildcard(__webpack_require__(/*! ./LocaleProvider */ "./components/LocaleProvider/index.tsx"));
 Object.keys(_LocaleProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -23791,8 +23670,8 @@ var _scrollIntoViewIfNeeded = _interopRequireDefault(__webpack_require__(/*! scr
 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.
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 const safeInvoke = function (fn) {
   if (typeof fn === 'function') {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -24179,75 +24058,6 @@ const copyToClipboard = value => {
 };
 exports.copyToClipboard = copyToClipboard;
 
-/***/ }),
-
-/***/ "../node_modules/classnames/index.js":
-/*!*******************************************!*\
-  !*** ../node_modules/classnames/index.js ***!
-  \*******************************************/
-/***/ ((module, exports) => {
-
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-	'use strict';
-
-	var hasOwn = {}.hasOwnProperty;
-	var nativeCodeString = '[native code]';
-
-	function classNames() {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-					classes.push(arg.toString());
-					continue;
-				}
-
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( true && module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else if (true) {
-		// register as 'classnames', consistent with npm package name
-		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
-			return classNames;
-		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-	} else {}
-}());
-
-
 /***/ }),
 
 /***/ "../node_modules/codemirror/addon/dialog/dialog.js":
@@ -84907,6 +84717,92 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 "use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
 
+/***/ }),
+
+/***/ "../node_modules/classnames/index.js":
+/*!*******************************************!*\
+  !*** ../node_modules/classnames/index.js ***!
+  \*******************************************/
+/***/ ((module, exports) => {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+	'use strict';
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = '';
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (arg) {
+				classes = appendClass(classes, parseValue(arg));
+			}
+		}
+
+		return classes;
+	}
+
+	function parseValue (arg) {
+		if (typeof arg === 'string' || typeof arg === 'number') {
+			return arg;
+		}
+
+		if (typeof arg !== 'object') {
+			return '';
+		}
+
+		if (Array.isArray(arg)) {
+			return classNames.apply(null, arg);
+		}
+
+		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+			return arg.toString();
+		}
+
+		var classes = '';
+
+		for (var key in arg) {
+			if (hasOwn.call(arg, key) && arg[key]) {
+				classes = appendClass(classes, key);
+			}
+		}
+
+		return classes;
+	}
+
+	function appendClass (value, newClass) {
+		if (!newClass) {
+			return value;
+		}
+	
+		if (value) {
+			return value + ' ' + newClass;
+		}
+	
+		return value + newClass;
+	}
+
+	if ( true && module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else if (true) {
+		// register as 'classnames', consistent with npm package name
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
+			return classNames;
+		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+	} else {}
+}());
+
+
 /***/ }),
 
 /***/ "../node_modules/marked/lib/marked.cjs":
@@ -87766,7 +87662,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.36.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 && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.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.23.2","@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.23.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.23.2","@babel/preset-env":"^7.23.2","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.2","@babel/types":"^7.23.0","@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.3","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.5.1","@types/buble":"^0.20.4","@types/classnames":"2.3.1","@types/codemirror":"^5.60.12","@types/doctrine":"^0.0.5","@types/jest":"^29.5.7","@types/jest-image-snapshot":"^6.2.2","@types/marked":"^4.3.2","@types/node":"^16.18.60","@types/react":"^18.2.35","@types/react-dom":"^18.2.14","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.8","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.3","@typescript-eslint/eslint-plugin":"^6.9.1","@typescript-eslint/parser":"^6.9.1","autoprefixer":"^10.4.16","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.53.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.5.3","jest":"^29.7.0","jest-dev-server":"^9.0.1","jest-environment-jsdom":"^29.7.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.31","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":"^18.2.0","react-docgen-typescript":"^2.2.2","react-dom":"^18.2.0","react-styleguidist":"^13.1.1","rimraf":"^5.0.5","rtlcss":"^4.1.1","style-loader":"^3.3.3","stylelint":"^15.11.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":"5.2.2","webpack":"^5.89.0","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"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 = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.37.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 && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.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.23.9","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","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.23.9","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.23.9","@babel/preset-env":"^7.23.9","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@babel/types":"^7.23.9","@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.4","@testing-library/jest-dom":"^6.4.2","@testing-library/react":"^14.2.1","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.1","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.5","@types/jest":"^29.5.12","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^4.3.2","@types/node":"^16.18.80","@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.10","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.4","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","autoprefixer":"^10.4.17","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^7.0.3","css-loader":"^6.10.0","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.56.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^9.0.2","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^11.1.4","mini-css-extract-plugin":"^2.8.0","postcss":"^8.4.35","postcss-less":"^6.0.0","postcss-loader":"^7.3.4","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"21.7.0","react":"^18.2.0","react-docgen-typescript":"^2.2.2","react-dom":"^18.2.0","react-styleguidist":"^13.1.2","rimraf":"^5.0.5","rtlcss":"^4.1.1","style-loader":"^3.3.4","stylelint":"^15.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.2.2","webpack":"^5.90.1","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"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"}');
 
 /***/ }),
 
@@ -87777,7 +87673,7 @@ module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.36.0","des
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"customize-order":"arrows-four-directions","download":"arrow-down-tray","edit":"pencil","folder":"folder-closed","globe-alt":"globe","import":"arrow-down-in","invisible":"eye-closed","link":"chain","lock":"lock-closed","ok-circle":"check-mark-circle","question-circle":"question-mark-circle","security-scan":"shield","settings":"sliders","suspend":"sleep","unlock":"lock-open","upload":"arrow-up-tray","visible":"eye"}');
+module.exports = /*#__PURE__*/JSON.parse('{"customize-order":"arrows-four-directions","download":"arrow-down-tray","edit":"pencil","folder":"folder-closed","globe-alt":"globe","import":"arrow-down-in","invisible":"eye-closed","link":"chain","lock":"lock-closed","ok-circle":"check-mark-circle","question-circle":"question-mark-circle","security-scan":"shield","settings":"sliders","suspend":"sleep","unlock":"lock-open","upload":"arrow-up-tray","visible":"eye"}');
 
 /***/ })