@plesk/ui-library 3.40.6 → 3.40.8

package/dist/plesk-ui-library.js

@@ -1150,7 +1150,7 @@ const Badge = _ref => {
     hidden,
     ...props
   } = _ref;
-  const isAmpty = !label;
+  const isEmpty = !label && label !== 0;
   if (_react.Children.toArray(children).length && !hidden) {
     if (! /*#__PURE__*/(0, _react.isValidElement)(label)) {
       label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
@@ -1161,7 +1161,7 @@ const Badge = _ref => {
     if ( /*#__PURE__*/(0, _react.isValidElement)(label)) {
       const cloneProps = {
         className: (0, _classnames.default)(`${baseClassName}__value`, {
-          [`${baseClassName}__value--dot`]: isAmpty
+          [`${baseClassName}__value--dot`]: isEmpty
         }, label.props.className)
       };
       if (intent && (label.type === _Label.default || label.type === _Icon.default)) {
@@ -17070,26 +17070,28 @@ class SegmentedControl extends _react.Component {
       const {
         selected
       } = this.state;
+      let prevSelected = selected;
       let newSelected;
       if (multiple) {
-        newSelected = selected && Array.isArray(selected) ? selected.slice() : [];
-        if (!selected || !(selected instanceof Array) || selected.indexOf(value) === -1) {
+        const isSelectedArray = Array.isArray(selected);
+        newSelected = isSelectedArray ? [...selected] : [];
+        if (!isSelectedArray || selected.indexOf(value) === -1) {
           newSelected.push(value);
         } else {
           newSelected.splice(selected.indexOf(value), 1);
         }
         newSelected.sort(alphaSort);
-        this.setState({
-          selected: newSelected
-        });
-        if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
-          onChange?.(newSelected);
+        if (isSelectedArray) {
+          prevSelected = [...selected].sort(alphaSort);
         }
       } else {
         newSelected = value;
-        if (JSON.stringify(newSelected) !== JSON.stringify(selected)) {
-          onChange?.(newSelected);
-        }
+      }
+      if (JSON.stringify(prevSelected) !== JSON.stringify(newSelected)) {
+        this.setState({
+          selected: newSelected
+        });
+        onChange?.(newSelected);
       }
     });
     _defineProperty(this, "compact", () => {
@@ -19237,7 +19239,7 @@ const SubnavItem = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/(0, _react.cloneElement)(children, {
     className: (0, _classnames.default)(baseClassName, active && `${baseClassName}--active`, className),
-    tabIndex: -1,
+    tabIndex: 0,
     ...props
   });
 };
@@ -21379,69 +21381,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 "use strict";
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports["default"] = exports.createRegistry = void 0;
-var _react = __webpack_require__(/*! react */ "react");
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-
-const RegistryContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-RegistryContext.displayName = 'RegistryContext';
-var _default = exports["default"] = RegistryContext;
-const createRegistry = () => ({
-  stack: [],
-  register(item) {
-    this.stack.push(item);
-  },
-  unregister(item) {
-    this.stack = this.stack.filter(i => i !== item);
-  },
-  uncompact() {
-    let changed = false;
-    this.stack.every(item => {
-      if (item.isCompact(true)) {
-        item.setCompact(false);
-        changed = true;
-        return false;
-      }
-      return true;
-    });
-    return changed;
-  },
-  compact() {
-    let changed = false;
-    [...this.stack].reverse().every(item => {
-      if (!item.isCompact(false)) {
-        item.setCompact(true);
-        changed = true;
-        return false;
-      }
-      return true;
-    });
-    return changed;
-  },
-  isCompact() {
-    let one = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (one) {
-      return this.stack.some(item => item.isCompact(one));
-    }
-    return this.stack.every(item => item.isCompact(one));
-  }
-});
-exports.createRegistry = createRegistry;
-
-/***/ }),
-
-/***/ "./components/Toolbar/RegistryContextBeta.tsx":
-/*!****************************************************!*\
-  !*** ./components/Toolbar/RegistryContextBeta.tsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
@@ -21478,7 +21417,7 @@ class Registry {
   expand() {
     let changed = false;
     for (const item of this.items) {
-      if (this.checkItemIsCompactOrHasCompactItems(item)) {
+      if (item.isExpandable) {
         item.expand();
         changed = true;
         break;
@@ -21494,18 +21433,20 @@ class Registry {
       return isCompact;
     });
   }
-  get hasCompactItems() {
-    return this.items.some(this.checkItemIsCompactOrHasCompactItems);
-  }
-  checkItemIsCompactOrHasCompactItems(item) {
-    return item.isCompact || 'hasCompactItems' in item && item.hasCompactItems;
+  get isExpandable() {
+    return this.items.some(_ref2 => {
+      let {
+        isExpandable
+      } = _ref2;
+      return isExpandable;
+    });
   }
 }
 class RegistryItem {
-  constructor(_ref2) {
+  constructor(_ref3) {
     let {
       onCompactStateChange
-    } = _ref2;
+    } = _ref3;
     _defineProperty(this, "_isCompact", false);
     _defineProperty(this, "onCompactStateChange", void 0);
     this.onCompactStateChange = onCompactStateChange;
@@ -21521,6 +21462,9 @@ class RegistryItem {
   get isCompact() {
     return this._isCompact;
   }
+  get isExpandable() {
+    return this._isCompact;
+  }
 }
 const useRegistry = () => {
   const parentRegistry = useRegistryContext();
@@ -21571,21 +21515,17 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _RegistryContext = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx"));
-var _RegistryContextBeta = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContextBeta */ "./components/Toolbar/RegistryContextBeta.tsx"));
 var _DistractionFreeModeContext = _interopRequireDefault(__webpack_require__(/*! ../DistractionFreeModeContext */ "./components/DistractionFreeModeContext/index.tsx"));
 var _ToolbarItem = __webpack_require__(/*! ./ToolbarItem */ "./components/Toolbar/ToolbarItem.tsx");
-var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
 var _hooks = __webpack_require__(/*! ../../hooks */ "./hooks/index.tsx");
-var _ToolbarBetaProvider = __webpack_require__(/*! ./ToolbarBetaProvider */ "./components/Toolbar/ToolbarBetaProvider.tsx");
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Toolbar.less */ "./components/Toolbar/Toolbar.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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.
+// 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.
@@ -21593,93 +21533,31 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * and controls for changing the way the content block looks.
  * @since 0.0.57
  */
-class ToolbarClassComponent extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      distractionFreeMode: {
-        enabled: false,
-        toggle: () => {
-          this.setState(prevState => ({
-            distractionFreeMode: {
-              ...prevState.distractionFreeMode,
-              enabled: !prevState.distractionFreeMode.enabled
-            }
-          }), () => {
-            this.measure();
-          });
-        }
-      }
-    });
-    _defineProperty(this, "registry", void 0);
-    _defineProperty(this, "measure", void 0);
-    this.registry = (0, _RegistryContext.createRegistry)();
-    this.measure = () => {};
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      children,
-      ...props
-    } = this.props;
-    const toolbarItems = (0, _ToolbarItem.toToolbarItems)(children);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Squeezer.default, {
-      compact: () => this.registry.compact(),
-      uncompact: () => this.registry.uncompact(),
-      innerMeasure: measure => {
-        this.measure = measure;
-      },
-      children: _ref => {
-        let {
-          ref
-        } = _ref;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          ref: ref,
-          className: (0, _classnames.default)(baseClassName, className),
-          ...props,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
-            value: this.registry,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
-              value: this.state.distractionFreeMode,
-              children: toolbarItems
-            })
-          })
-        });
-      }
-    });
-  }
-}
-_defineProperty(ToolbarClassComponent, "defaultProps", {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}toolbar`
-});
-const ToolbarBeta = _ref2 => {
+const Toolbar = _ref => {
   let {
     children,
     className,
     baseClassName = `${_constants.CLS_PREFIX}toolbar`,
     ...props
-  } = _ref2;
+  } = _ref;
   const containerRef = (0, _react.useRef)(null);
   const [isDistractionFreeModeEnabled, setIsDistractionFreeModeEnabled] = (0, _react.useState)(false);
   const distractionFreeModeContextValue = (0, _react.useMemo)(() => ({
     enabled: isDistractionFreeModeEnabled,
     toggle: () => setIsDistractionFreeModeEnabled(current => !current)
   }), [isDistractionFreeModeEnabled]);
-  const registry = (0, _RegistryContextBeta.useRegistry)();
+  const registry = (0, _RegistryContext.useRegistry)();
   (0, _hooks.useSqueeze)({
     ref: containerRef,
     compact: () => registry.compact(),
     expand: () => registry.expand()
   });
-  const toolbarItems = (0, _ToolbarItem.toToolbarItems)(children, true);
+  const toolbarItems = (0, _ToolbarItem.toToolbarItems)(children);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: containerRef,
     className: (0, _classnames.default)(baseClassName, className),
     ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContextBeta.default.Provider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
       value: registry,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
         value: distractionFreeModeContextValue,
@@ -21688,14 +21566,6 @@ const ToolbarBeta = _ref2 => {
     })
   });
 };
-const Toolbar = props => {
-  const isToolbarBeta = (0, _ToolbarBetaProvider.useToolbarBetaContext)();
-  return isToolbarBeta ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarBeta, {
-    ...props
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarClassComponent, {
-    ...props
-  });
-};
 var _default = exports["default"] = Toolbar;
 
 /***/ }),
@@ -21800,165 +21670,21 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _ToolbarMenu = _interopRequireDefault(__webpack_require__(/*! ./ToolbarMenu */ "./components/Toolbar/ToolbarMenu.tsx"));
 var _RegistryContext = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx"));
-var _RegistryContextBeta = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContextBeta */ "./components/Toolbar/RegistryContextBeta.tsx"));
 var _DistractionFreeModeContext = _interopRequireDefault(__webpack_require__(/*! ../DistractionFreeModeContext */ "./components/DistractionFreeModeContext/index.tsx"));
 var _ToolbarItem = __webpack_require__(/*! ./ToolbarItem */ "./components/Toolbar/ToolbarItem.tsx");
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
-var _ToolbarBetaProvider = __webpack_require__(/*! ./ToolbarBetaProvider */ "./components/Toolbar/ToolbarBetaProvider.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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.
+// 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.
  * @since 0.0.57
  */
-class ToolbarGroupClassComponent extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      compact: false,
-      availableInDistractionFreeMode: false,
-      distractionFreeMode: {
-        enabled: false,
-        toggle: () => {
-          if (this.props.distractionFreeMode) {
-            this.props.distractionFreeMode.toggle();
-            this.setState({
-              availableInDistractionFreeMode: !this.props.distractionFreeMode.enabled
-            });
-          }
-        }
-      }
-    });
-    _defineProperty(this, "registry", void 0);
-    _defineProperty(this, "selfApi", void 0);
-    _defineProperty(this, "childrenApi", void 0);
-    this.registry = (0, _RegistryContext.createRegistry)();
-    this.selfApi = {
-      isCompact: () => this.state.compact,
-      setCompact: compact => {
-        this.setState({
-          compact
-        });
-      }
-    };
-    this.childrenApi = {
-      isCompact: one => this.registry.isCompact(one),
-      setCompact: compact => {
-        if (compact) {
-          this.registry.compact();
-        } else {
-          this.registry.uncompact();
-        }
-      }
-    };
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.distractionFreeMode) {
-      return {
-        distractionFreeMode: {
-          ...state.distractionFreeMode,
-          enabled: props.distractionFreeMode.enabled
-        }
-      };
-    }
-    return null;
-  }
-  componentDidMount() {
-    const {
-      registry
-    } = this.props;
-    if (registry) {
-      registry.register(this.selfApi);
-      registry.register(this.childrenApi);
-    }
-  }
-  componentWillUnmount() {
-    const {
-      registry
-    } = this.props;
-    if (registry) {
-      registry.unregister(this.selfApi);
-      registry.unregister(this.childrenApi);
-    }
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      title,
-      children: childrenProp,
-      distractionFreeMode: distractionFreeModeProp,
-      registry,
-      groupable,
-      ...props
-    } = this.props;
-    let {
-      children
-    } = this.props;
-    const {
-      compact,
-      distractionFreeMode,
-      availableInDistractionFreeMode
-    } = this.state;
-    let hasExpander = _react.Children.toArray(children).some(child => /*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _ToolbarExpander.default);
-    if (groupable && compact && _react.Children.count(children) > 1) {
-      hasExpander = false;
-      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
-        menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarMenu.default, {
-          onItemClick: () => {},
-          children: children
-        }),
-        children: title
-      });
-    } else {
-      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
-        value: this.registry,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
-          value: distractionFreeMode,
-          children: (0, _ToolbarItem.toToolbarItems)(children)
-        })
-      });
-    }
-    if (distractionFreeMode.enabled && !availableInDistractionFreeMode) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(baseClassName, className, {
-        [`${baseClassName}--grow`]: hasExpander || distractionFreeMode.enabled && availableInDistractionFreeMode
-      }),
-      ...props,
-      children: children
-    });
-  }
-}
-_defineProperty(ToolbarGroupClassComponent, "defaultProps", {
-  registry: undefined,
-  distractionFreeMode: undefined
-});
-const ToolbarGroupWrapper = _ref => {
-  let {
-    groupable = true,
-    baseClassName = `${_constants.CLS_PREFIX}toolbar__group`,
-    ...props
-  } = _ref;
-  const registry = (0, _react.useContext)(_RegistryContext.default);
-  const distractionFreeMode = (0, _react.useContext)(_DistractionFreeModeContext.default);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarGroupClassComponent, {
-    groupable: groupable,
-    baseClassName: baseClassName,
-    ...props,
-    registry: registry,
-    distractionFreeMode: distractionFreeMode
-  });
-};
-ToolbarGroupWrapper.displayName = 'ToolbarGroup';
-const ToolbarGroupBeta = _ref2 => {
+const ToolbarGroup = _ref => {
   let {
     baseClassName = `${_constants.CLS_PREFIX}toolbar__group`,
     className,
@@ -21966,9 +21692,9 @@ const ToolbarGroupBeta = _ref2 => {
     children,
     groupable = true,
     ...props
-  } = _ref2;
-  const [compact] = (0, _RegistryContextBeta.useRegistryItem)();
-  const registry = (0, _RegistryContextBeta.useRegistry)();
+  } = _ref;
+  const [compact] = (0, _RegistryContext.useRegistryItem)();
+  const registry = (0, _RegistryContext.useRegistry)();
   const [availableInDistractionFreeMode, setAvailableInDistractionFreeMode] = (0, _react.useState)(false);
   const distractionFreeMode = (0, _react.useContext)(_DistractionFreeModeContext.default);
   const distractionFreeModeContextValue = {
@@ -21991,11 +21717,11 @@ const ToolbarGroupBeta = _ref2 => {
       children: title
     });
   } else {
-    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContextBeta.default.Provider, {
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryContext.default.Provider, {
       value: registry,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DistractionFreeModeContext.default.Provider, {
         value: distractionFreeModeContextValue,
-        children: (0, _ToolbarItem.toToolbarItems)(children, true)
+        children: (0, _ToolbarItem.toToolbarItems)(children)
       })
     });
   }
@@ -22010,14 +21736,6 @@ const ToolbarGroupBeta = _ref2 => {
     children: children
   });
 };
-const ToolbarGroup = props => {
-  const isToolbarBeta = (0, _ToolbarBetaProvider.useToolbarBetaContext)();
-  return isToolbarBeta ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarGroupBeta, {
-    ...props
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarGroupWrapper, {
-    ...props
-  });
-};
 var _default = exports["default"] = ToolbarGroup;
 
 /***/ }),
@@ -22039,80 +21757,36 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
-var _RegistryContext = _interopRequireDefault(__webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx"));
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.tsx"));
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
-var _RegistryContextBeta = __webpack_require__(/*! ./RegistryContextBeta */ "./components/Toolbar/RegistryContextBeta.tsx");
+var _RegistryContext = __webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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);
-    _defineProperty(this, "state", {
-      compact: false
-    });
-    _defineProperty(this, "context", void 0);
-  }
-  componentDidMount() {
-    const registry = this.context;
-    registry.register(this);
-  }
-  componentWillUnmount() {
-    const registry = this.context;
-    registry.unregister(this);
-  }
-  isCompact() {
-    return this.state.compact;
-  }
-  setCompact(compact) {
-    this.setState({
-      compact
-    });
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    const {
-      compact
-    } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
-      value: compact,
-      children: children
-    });
-  }
-}
-ToolbarItem.contextType = _RegistryContext.default;
-const ToolbarItemBeta = _ref => {
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const ToolbarItem = _ref => {
   let {
     children
   } = _ref;
-  const [isCompact] = (0, _RegistryContextBeta.useRegistryItem)();
+  const [isCompact] = (0, _RegistryContext.useRegistryItem)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
     value: isCompact,
     children: children
   });
 };
-const toToolbarItems = function (children) {
-  let isBeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return _react.Children.map(children, child => {
-    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
-      return child;
-    }
-    if (child.type === _ToolbarGroup.default || child.type === _ToolbarExpander.default) {
-      return child;
-    }
-    const Component = isBeta ? ToolbarItemBeta : ToolbarItem;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      children: /*#__PURE__*/(0, _react.cloneElement)(child, {
-        className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
-      })
-    });
+const toToolbarItems = children => _react.Children.map(children, child => {
+  if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+    return child;
+  }
+  if (child.type === _ToolbarGroup.default || child.type === _ToolbarExpander.default) {
+    return child;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarItem, {
+    children: /*#__PURE__*/(0, _react.cloneElement)(child, {
+      className: (0, _classnames.default)(child.props.className, `${_constants.CLS_PREFIX}toolbar__group-item`)
+    })
   });
-};
+});
 exports.toToolbarItems = toToolbarItems;
 
 /***/ }),
@@ -87973,7 +87647,7 @@ function _setPrototypeOf(t, e) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.40.6","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.24.8","@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.24.9","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.24.7","@babel/preset-env":"^7.24.8","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.24.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.6","@testing-library/react":"^14.3.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.101","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.10","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.5","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","autoprefixer":"^10.4.19","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.11.0","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.57.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.9.0","postcss":"^8.4.39","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.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.3","rimraf":"^5.0.9","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.93.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.40.8","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":"rimraf ./styleguide && 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.25.0","@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.25.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.24.7","@babel/preset-env":"^7.25.3","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.25.2","@csstools/postcss-logical-float-and-clear":"^2.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.8","@testing-library/react":"^14.3.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":"^22.2.0","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.11","@types/svg4everybody":"2.1.2","@types/webpack-env":"^1.18.5","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","autoprefixer":"^10.4.20","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^7.0.3","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.0","eslint":"^8.57.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":"^10.0.0","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^12.2.0","mini-css-extract-plugin":"^2.9.0","postcss":"^8.4.41","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^7.0.1","prettier":"^2.8.8","puppeteer-core":"22.8.2","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.3","rimraf":"^6.0.1","rtlcss":"^4.2.0","style-loader":"^4.0.0","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.93.0","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3"},"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"}');
 
 /***/ }),