@plesk/ui-library 3.40.5 → 3.40.7

package/cjs/components/Badge/Badge.js

@@ -27,7 +27,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, {
@@ -38,7 +38,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)) {

package/cjs/components/Carousel/Carousel.js

@@ -197,20 +197,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();

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -79,6 +79,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

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -63,26 +63,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);
       }
     });
     (0, _defineProperty2.default)(this, "compact", () => {

package/cjs/components/StatusMessage/StatusMessage.js

@@ -32,6 +32,7 @@ const StatusMessage = _ref => {
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: _intentIconMap.intentIconMap[intent],
+      intent: intent,
       className: `${baseClassName}__icon`
     }), children]
   });

package/cjs/components/Subnav/Subnav.js

@@ -105,7 +105,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
   });
 };

package/cjs/components/Tabs/SearchBar.js

@@ -12,7 +12,6 @@ var _constants = require("../../constants");
 var _utils = require("../../utils");
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
@@ -348,7 +347,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),
@@ -357,16 +356,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",
@@ -396,8 +395,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)]
+      })
     });
   }
 }

package/cjs/components/Toolbar/RegistryContext.js

@@ -1,53 +1,112 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.createRegistry = void 0;
+exports.useRegistryItem = exports.useRegistry = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const RegistryContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 RegistryContext.displayName = 'RegistryContext';
+const useRegistryContext = () => (0, _react.useContext)(RegistryContext);
 var _default = exports.default = RegistryContext;
-const createRegistry = () => ({
-  stack: [],
+class Registry {
+  constructor() {
+    (0, _defineProperty2.default)(this, "items", []);
+  }
   register(item) {
-    this.stack.push(item);
-  },
+    this.items.push(item);
+  }
   unregister(item) {
-    this.stack = this.stack.filter(i => i !== item);
-  },
-  uncompact() {
+    this.items = this.items.filter(i => i !== item);
+  }
+  compact() {
     let changed = false;
-    this.stack.every(item => {
-      if (item.isCompact(true)) {
-        item.setCompact(false);
+    for (const item of [...this.items].reverse()) {
+      if (!item.isCompact) {
+        item.compact();
         changed = true;
-        return false;
+        break;
       }
-      return true;
-    });
+    }
     return changed;
-  },
-  compact() {
+  }
+  expand() {
     let changed = false;
-    [...this.stack].reverse().every(item => {
-      if (!item.isCompact(false)) {
-        item.setCompact(true);
+    for (const item of this.items) {
+      if (this.checkItemIsCompactOrHasCompactItems(item)) {
+        item.expand();
         changed = true;
-        return false;
+        break;
       }
-      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));
+    return changed;
   }
-});
-exports.createRegistry = createRegistry;
+  get isCompact() {
+    return this.items.every(_ref => {
+      let {
+        isCompact
+      } = _ref;
+      return isCompact;
+    });
+  }
+  get hasCompactItems() {
+    return this.items.some(this.checkItemIsCompactOrHasCompactItems);
+  }
+  checkItemIsCompactOrHasCompactItems(item) {
+    return item.isCompact || 'hasCompactItems' in item && item.hasCompactItems;
+  }
+}
+class RegistryItem {
+  constructor(_ref2) {
+    let {
+      onCompactStateChange
+    } = _ref2;
+    (0, _defineProperty2.default)(this, "_isCompact", false);
+    (0, _defineProperty2.default)(this, "onCompactStateChange", void 0);
+    this.onCompactStateChange = onCompactStateChange;
+  }
+  compact() {
+    this._isCompact = true;
+    this.onCompactStateChange(true);
+  }
+  expand() {
+    this._isCompact = false;
+    this.onCompactStateChange(false);
+  }
+  get isCompact() {
+    return this._isCompact;
+  }
+}
+const useRegistry = () => {
+  const parentRegistry = useRegistryContext();
+  const [registry] = (0, _react.useState)(() => new Registry());
+  (0, _react.useLayoutEffect)(() => {
+    if (!parentRegistry) return undefined;
+    parentRegistry.register(registry);
+    return () => {
+      parentRegistry.unregister(registry);
+    };
+  }, [parentRegistry, registry]);
+  return registry;
+};
+exports.useRegistry = useRegistry;
+const useRegistryItem = () => {
+  const registry = useRegistryContext();
+  const [isCompact, setIsCompact] = (0, _react.useState)(false);
+  const [registryItem] = (0, _react.useState)(() => new RegistryItem({
+    onCompactStateChange: setIsCompact
+  }));
+  (0, _react.useLayoutEffect)(() => {
+    if (!registry) return undefined;
+    registry.register(registryItem);
+    return () => {
+      registry.unregister(registryItem);
+    };
+  }, [registry, registryItem]);
+  return [isCompact];
+};
+exports.useRegistryItem = useRegistryItem;

package/cjs/components/Toolbar/Toolbar.js

@@ -5,17 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _RegistryContext = _interopRequireWildcard(require("./RegistryContext"));
-var _RegistryContextBeta = _interopRequireWildcard(require("./RegistryContextBeta"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _ToolbarItem = require("./ToolbarItem");
-var _Squeezer = _interopRequireDefault(require("../Squeezer"));
 var _hooks = require("../../hooks");
-var _ToolbarBetaProvider = require("./ToolbarBetaProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -28,94 +24,31 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * and controls for changing the way the content block looks.
  * @since 0.0.57
  */
-
-class ToolbarClassComponent extends _react.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "state", {
-      distractionFreeMode: {
-        enabled: false,
-        toggle: () => {
-          this.setState(prevState => ({
-            distractionFreeMode: {
-              ...prevState.distractionFreeMode,
-              enabled: !prevState.distractionFreeMode.enabled
-            }
-          }), () => {
-            this.measure();
-          });
-        }
-      }
-    });
-    (0, _defineProperty2.default)(this, "registry", void 0);
-    (0, _defineProperty2.default)(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
-            })
-          })
-        });
-      }
-    });
-  }
-}
-(0, _defineProperty2.default)(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,
@@ -124,12 +57,4 @@ 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;

package/cjs/components/Toolbar/ToolbarGroup.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ToolbarMenu = _interopRequireDefault(require("./ToolbarMenu"));
 var _RegistryContext = _interopRequireWildcard(require("./RegistryContext"));
-var _RegistryContextBeta = _interopRequireWildcard(require("./RegistryContextBeta"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _ToolbarItem = require("./ToolbarItem");
 var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
-var _ToolbarBetaProvider = require("./ToolbarBetaProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -27,149 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * It is used for grouping several toolbar controls together.
  * @since 0.0.57
  */
-
-class ToolbarGroupClassComponent extends _react.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(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
-            });
-          }
-        }
-      }
-    });
-    (0, _defineProperty2.default)(this, "registry", void 0);
-    (0, _defineProperty2.default)(this, "selfApi", void 0);
-    (0, _defineProperty2.default)(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
-    });
-  }
-}
-(0, _defineProperty2.default)(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,
@@ -177,9 +32,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 = {
@@ -202,11 +57,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)
       })
     });
   }
@@ -221,12 +76,4 @@ 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;