@plesk/ui-library 3.40.5 → 3.40.7

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)) {
@@ -3204,20 +3204,6 @@ class Carousel extends _react.Component {
     if (prevProps.autoplay !== this.props.autoplay) {
       this.props.autoplay ? this.play() : this.stop();
     }
-    const {
-      width
-    } = this.rootRef.current.getBoundingClientRect();
-    const {
-      slideWidths,
-      totalWidth
-    } = calcWidths(this.genuineRef.current);
-    if (this.state.totalWidth !== totalWidth) {
-      this.setState({
-        slideWidths,
-        totalWidth,
-        showControls: width < totalWidth
-      });
-    }
   }
   componentWillUnmount() {
     this.stop();
@@ -13375,7 +13361,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.useTranslate = exports["default"] = exports.LocaleContext = void 0;
+exports.useTranslate = exports["default"] = exports.LocaleContext = exports.LocaleBetaProvider = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -13451,6 +13437,22 @@ const useTranslate = namespace => {
   }, [context, namespace]);
 };
 exports.useTranslate = useTranslate;
+const LocaleBetaProvider = _ref => {
+  let {
+    messages,
+    children
+  } = _ref;
+  const value = (0, _react.useMemo)(() => ({
+    locale: {
+      lmsg: createTranslate(messages)
+    }
+  }), [messages]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LocaleContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.LocaleBetaProvider = LocaleBetaProvider;
 /**
  * LocaleProvider provides a uniform localization support for built-in text of components.
  * @since 0.0.42
@@ -17068,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", () => {
@@ -19088,6 +19092,7 @@ const StatusMessage = _ref => {
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: _intentIconMap.intentIconMap[intent],
+      intent: intent,
       className: `${baseClassName}__icon`
     }), children]
   });
@@ -19234,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
   });
 };
@@ -19569,7 +19574,6 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
 var _Badge = _interopRequireDefault(__webpack_require__(/*! ../Badge */ "./components/Badge/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _DistractionFreeModeContext = _interopRequireDefault(__webpack_require__(/*! ../DistractionFreeModeContext */ "./components/DistractionFreeModeContext/index.tsx"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.tsx"));
@@ -19908,7 +19912,7 @@ class SearchBar extends _react.Component {
     } = this.state;
     const isCollapsed = this.isResponsive();
     const distractionFreeModeEnabled = Boolean(distractionFreeMode && distractionFreeMode.enabled);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--focused`]: focused
       }, className),
@@ -19917,16 +19921,16 @@ class SearchBar extends _react.Component {
         minWidth
       },
       ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+      children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+        intent: "info",
+        hidden: !value,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          icon: "search",
+          onClick: this.handleExpand
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: `${baseClassName}__group`,
-        children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
-          intent: "info",
-          hidden: !value,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            icon: "search",
-            onClick: this.handleExpand
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
           innerRef: ref => this.search = ref,
           className: `${baseClassName}__input`,
           size: "fill",
@@ -19956,8 +19960,8 @@ class SearchBar extends _react.Component {
               ghost: true
             })]
           })
-        })
-      }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+        }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+      })
     });
   }
 }
@@ -21377,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
 }));
@@ -21569,21 +21510,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.
@@ -21591,93 +21528,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,
@@ -21686,14 +21561,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;
 
 /***/ }),
@@ -21798,165 +21665,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,
@@ -21964,9 +21687,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 = {
@@ -21989,11 +21712,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)
       })
     });
   }
@@ -22008,14 +21731,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;
 
 /***/ }),
@@ -22037,80 +21752,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;
 
 /***/ }),
@@ -22877,6 +22548,9 @@ var _exportNames = {
   ListEmptyView: true,
   ListActionsDivider: true,
   LocaleProvider: true,
+  useTranslate: true,
+  LocaleContext: true,
+  LocaleBetaProvider: true,
   Markdown: true,
   Media: true,
   MediaSection: true,
@@ -23248,6 +22922,18 @@ Object.defineProperty(exports, "ListOperation", ({
     return _List.ListOperation;
   }
 }));
+Object.defineProperty(exports, "LocaleBetaProvider", ({
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleBetaProvider;
+  }
+}));
+Object.defineProperty(exports, "LocaleContext", ({
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleContext;
+  }
+}));
 Object.defineProperty(exports, "LocaleProvider", ({
   enumerable: true,
   get: function () {
@@ -23578,6 +23264,12 @@ Object.defineProperty(exports, "Translate", ({
     return _Translate.default;
   }
 }));
+Object.defineProperty(exports, "useTranslate", ({
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.useTranslate;
+  }
+}));
 var _Action = _interopRequireDefault(__webpack_require__(/*! ./Action */ "./components/Action/index.tsx"));
 var _Alert = _interopRequireDefault(__webpack_require__(/*! ./Alert */ "./components/Alert/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ./AutoClosable */ "./components/AutoClosable/index.tsx"));
@@ -23682,17 +23374,6 @@ var _Label = _interopRequireDefault(__webpack_require__(/*! ./Label */ "./compon
 var _Layout = _interopRequireDefault(__webpack_require__(/*! ./Layout */ "./components/Layout/index.tsx"));
 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;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LocaleProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LocaleProvider[key];
-    }
-  });
-});
 var _Markdown = _interopRequireDefault(__webpack_require__(/*! ./Markdown */ "./components/Markdown/index.tsx"));
 var _Media = _interopRequireWildcard(__webpack_require__(/*! ./Media */ "./components/Media/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ./Menu */ "./components/Menu/index.tsx"));
@@ -24158,7 +23839,9 @@ const useSqueeze = _ref => {
     if (!ref.current) return;
     const root = ref.current;
     const width = Math.ceil(root.getBoundingClientRect().width);
-    const scrollWidth = Math.floor(root.scrollWidth);
+    const {
+      scrollWidth
+    } = root;
     let isCompactChanged = false;
     if (scrollWidth > width) {
       isCompactChanged = compact();
@@ -87923,7 +87606,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -87959,7 +87642,7 @@ function _setPrototypeOf(t, e) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.40.5","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.7","@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.7","@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.7","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.24.7","@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.98","@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.38","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.2","rimraf":"^5.0.7","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.92.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.7","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.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.25.0","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.25.0","@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.1.0","@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","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.40","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"}');
 
 /***/ }),