@plesk/ui-library 3.46.1 → 3.46.3

package/cjs/components/CodeEditor/CodeEditor.js

@@ -36,7 +36,9 @@ class CodeEditor extends _react.Component {
         tabMode: 'shift',
         autoRefresh: true,
         extraKeys: {
-          'Ctrl-S': 'save'
+          'Ctrl-S': 'save',
+          Tab: false,
+          'Shift-Tab': false
         },
         direction: (0, _utils2.isRtl)() ? 'rtl' : 'ltr'
       }

package/cjs/components/Layout/Layout.js

@@ -54,6 +54,7 @@ class Layout extends _react.Component {
     });
     (0, _defineProperty2.default)(this, "headerRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "sidebarRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "rightSidebarRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "responsiveSidebarTogglerRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "unsubscribeMatchMedia", void 0);
     (0, _defineProperty2.default)(this, "unsubscribeClickOutside", void 0);
@@ -308,6 +309,8 @@ class Layout extends _react.Component {
     const {
       baseClassName
     } = this.props;
+    const isMobile = window.matchMedia('(max-width: 768px)').matches;
+    const sidebarOffsetTop = this.headerRef.current?.getBoundingClientRect().height || 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: !rightSidebarVisible,
       timeout: 300,
@@ -320,7 +323,14 @@ class Layout extends _react.Component {
         exitDone: `${baseClassName}__right-sidebar--off`
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
-        className: `${baseClassName}__right-sidebar`,
+        ref: this.rightSidebarRef,
+        className: (0, _classnames.default)(`${baseClassName}__right-sidebar`, {
+          [`${baseClassName}__right-sidebar--on`]: rightSidebarVisible,
+          [`${baseClassName}__right-sidebar--off`]: !rightSidebarVisible
+        }),
+        style: {
+          height: isMobile ? '100vh' : `calc(100vh - ${sidebarOffsetTop}px)`
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: `${baseClassName}__right-sidebar-inner`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -419,9 +429,9 @@ class Layout extends _react.Component {
           className: `${baseClassName}__container`,
           children: [this.renderSidebar({
             sidebar
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: `${baseClassName}__content-wrapper`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: `${baseClassName}__content`,
               children: [this.renderContentAddon({
                 contentAddon
@@ -432,10 +442,10 @@ class Layout extends _react.Component {
               }), this.renderFooter({
                 footer
               })]
-            }), this.renderRightSidebar({
-              rightSidebar,
-              rightSidebarVisible
-            })]
+            })
+          }), this.renderRightSidebar({
+            rightSidebar,
+            rightSidebarVisible
           })]
         })]
       })

package/cjs/components/SegmentedControl/ButtonGroupControl.js

@@ -44,18 +44,21 @@ const ButtonGroupControl = ({
         width: shouldApplyMonoWidth ? monoWidth : style.width,
         ...style
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        ref: node => {
-          index === 0 && (buttonsRef.current = []);
-          node && buttonsRef.current.push(node);
-        },
-        selected: selectedValues.includes(value),
-        ghost: ghost,
-        onClick: () => onClick(value),
-        ...buttonProps,
-        className: (0, _classnames.default)(buttonProps.className, `${baseClassName}__button`),
-        style: buttonStyle,
-        children: title
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "listitem",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          ref: node => {
+            index === 0 && (buttonsRef.current = []);
+            node && buttonsRef.current.push(node);
+          },
+          selected: selectedValues.includes(value),
+          ghost: ghost,
+          onClick: () => onClick(value),
+          ...buttonProps,
+          className: (0, _classnames.default)(buttonProps.className, `${baseClassName}__button`),
+          style: buttonStyle,
+          children: title
+        })
       }, `${value}`);
     })
   });

package/cjs/index.js

@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-const version = exports.version = "3.46.1";
+const version = exports.version = "3.46.3";
 (0, _svg4everybody.default)();