@cloud-ru/ds-uikit-product-header 2.1.1 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-header",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Продуктовая шапка консоли — HeaderLayout, MainMenu, UserMenu, Logo, PathBreadcrumbs и PlatformLogo.",
   "repository": {
     "type": "git",
@@ -45,33 +45,33 @@
     "@dnd-kit/utilities": "^3.2.2",
     "classnames": "^2.5.1",
     "fuse.js": "^7.1.0",
-    "@cloud-ru/ds-accordion": "^1.2.0",
-    "@cloud-ru/ds-breadcrumbs": "^1.0.27",
     "@cloud-ru/ds-adaptive": "^1.0.2",
-    "@cloud-ru/ds-avatar": "^1.0.10",
+    "@cloud-ru/ds-avatar": "^1.0.11",
+    "@cloud-ru/ds-accordion": "^1.2.1",
+    "@cloud-ru/ds-breadcrumbs": "^1.0.28",
     "@cloud-ru/ds-button": "^1.0.4",
-    "@cloud-ru/ds-card": "^1.0.21",
+    "@cloud-ru/ds-card": "^1.0.22",
     "@cloud-ru/ds-divider": "^1.0.2",
     "@cloud-ru/ds-drag-and-drop": "^1.1.3",
-    "@cloud-ru/ds-drawer": "^1.2.8",
-    "@cloud-ru/ds-icons": "^1.4.0",
-    "@cloud-ru/ds-list": "^2.3.0",
+    "@cloud-ru/ds-drawer": "^2.0.0",
+    "@cloud-ru/ds-icons": "^1.5.0",
     "@cloud-ru/ds-info-block": "^1.0.3",
+    "@cloud-ru/ds-list": "^2.3.1",
     "@cloud-ru/ds-locale": "^1.0.0",
+    "@cloud-ru/ds-modal": "^2.0.0",
     "@cloud-ru/ds-portal-context": "^1.0.2",
-    "@cloud-ru/ds-modal": "^1.1.9",
     "@cloud-ru/ds-promo-tag": "^1.0.3",
-    "@cloud-ru/ds-segment-control": "^1.0.12",
+    "@cloud-ru/ds-scroll": "^1.0.5",
+    "@cloud-ru/ds-search": "^1.0.14",
+    "@cloud-ru/ds-segment-control": "^1.0.13",
     "@cloud-ru/ds-skeleton": "^1.0.2",
-    "@cloud-ru/ds-tooltip": "^1.0.10",
-    "@cloud-ru/ds-theme": "^2.0.0",
+    "@cloud-ru/ds-tooltip": "^1.0.11",
     "@cloud-ru/ds-typography": "^1.0.1",
-    "@cloud-ru/ds-uikit-product-switch-row": "^1.0.13",
-    "@cloud-ru/ds-uikit-product-card-predefined": "^4.0.7",
-    "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.15",
-    "@cloud-ru/ds-utils": "^1.2.0",
-    "@cloud-ru/ds-scroll": "^1.0.5",
-    "@cloud-ru/ds-search": "^1.0.13"
+    "@cloud-ru/ds-theme": "^2.1.0",
+    "@cloud-ru/ds-uikit-product-card-predefined": "^4.0.8",
+    "@cloud-ru/ds-uikit-product-switch-row": "^1.0.14",
+    "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.16",
+    "@cloud-ru/ds-utils": "^1.2.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/HeaderLayout/styles.module.scss

@@ -11,6 +11,7 @@
 }
 
 .breadcrums {
+  min-width: 0;
   padding: 0 base.$sn-primitive-dimension-8;
 }
 

package/src/components/MainMenu/helperComponents/Banners/MenuBanner.tsx

@@ -7,6 +7,7 @@ import { WithSupportProps } from '@cloud-ru/ds-utils';
 import cn from 'classnames';
 import { AnchorHTMLAttributes, MouseEventHandler, ReactElement, ReactNode, useCallback } from 'react';
 
+import { useMobileLayout } from '../../../../hooks/useMobileLayout';
 import { headerLocale } from '../../../../locale';
 import { MENU_BANNER_TEST_IDS } from './constants';
 import styles from './styles.module.scss';
@@ -37,6 +38,7 @@ export function MenuBanner({
   ...rest
 }: MenuBannerProps): ReactElement {
   const { t } = headerLocale.useTranslations();
+  const isMobile = useMobileLayout();
 
   const handleClose: MouseEventHandler<HTMLButtonElement> = useCallback(
     e => {
@@ -54,10 +56,11 @@ export function MenuBanner({
       radius='l'
       view='simple'
       className={cn(styles.root, className)}
+      data-mobile={isMobile || undefined}
       data-test-id={dataTestId ?? MENU_BANNER_TEST_IDS.root}
       {...rest}
     >
-      <div className={styles.contentRow}>
+      <div className={styles.contentRow} data-closable={Boolean(onClose) || undefined}>
         <span className={styles.titleWrapper}>
           <Typography
             as='span'

package/src/components/MainMenu/helperComponents/Banners/styles.module.scss

@@ -24,6 +24,22 @@
       visibility: visible;
     }
   }
+
+  &[data-mobile] {
+    .closeButton {
+      position: relative;
+      top: auto;
+      right: auto;
+
+      flex-shrink: 0;
+
+      visibility: visible;
+    }
+
+    .contentRow[data-closable] {
+      padding-right: base.$sn-primitive-dimension-4;
+    }
+  }
 }
 
 .contentRow {

package/src/components/UserMenu/UserMenu.tsx

@@ -29,7 +29,11 @@ export type UserMenuProps = {
   /** Пункты после темы. На desktop закреплены сверху вместе с профилем и темой */
   topItems?: DroplistProps['items'];
 
-  /** Список организаций. На desktop — единственная прокручиваемая часть меню */
+  /**
+   * Список организаций. На desktop — единственная прокручиваемая часть меню.
+   *
+   * Не передан или пуст — меню отображается единым списком без закреплённых частей.
+   */
   organizationItems?: DroplistProps['items'];
 
   /** Пункты перед «Выйти из аккаунта». На desktop закреплены снизу */

package/src/components/UserMenu/hooks/useUserMenuItems.ts

@@ -92,6 +92,11 @@ export function useUserMenuItems({
       };
     }
 
+    // Без организаций прокручивать нечего: пустой `items` показал бы заглушку «Нет данных»
+    if (!organizationItems.length) {
+      return { pinTop: [], items: withClose([...pinTop, DIVIDER_ITEM, ...pinBottom]), pinBottom: [] };
+    }
+
     return { pinTop: withClose(pinTop), items: withClose(organizationItems), pinBottom: withClose(pinBottom) };
   }, [bottomItems, isMobile, logoutItem, onClose, organizationItems, profileItem, settingItems, themeItem, topItems]);
 }