@cloud-ru/ds-uikit-product-header 1.3.7 → 1.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-header",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "description": "Продуктовая шапка консоли — HeaderLayout, MainMenu, UserMenu, Logo, PathBreadcrumbs и PlatformLogo.",
   "repository": {
     "type": "git",
@@ -46,31 +46,31 @@
     "classnames": "^2.5.1",
     "fuse.js": "^7.1.0",
     "@cloud-ru/ds-accordion": "^1.0.6",
+    "@cloud-ru/ds-adaptive": "^1.0.1",
+    "@cloud-ru/ds-avatar": "^1.0.3",
     "@cloud-ru/ds-breadcrumbs": "^1.0.14",
-    "@cloud-ru/ds-divider": "^1.0.1",
-    "@cloud-ru/ds-button": "^1.0.2",
     "@cloud-ru/ds-drag-and-drop": "^1.1.1",
-    "@cloud-ru/ds-adaptive": "^1.0.1",
     "@cloud-ru/ds-drawer": "^1.2.0",
+    "@cloud-ru/ds-divider": "^1.0.1",
     "@cloud-ru/ds-icons": "^1.1.0",
-    "@cloud-ru/ds-avatar": "^1.0.3",
-    "@cloud-ru/ds-modal": "^1.1.1",
+    "@cloud-ru/ds-list": "^2.1.3",
+    "@cloud-ru/ds-button": "^1.0.2",
+    "@cloud-ru/ds-info-block": "^1.0.1",
     "@cloud-ru/ds-portal-context": "^1.0.1",
     "@cloud-ru/ds-locale": "^1.0.0",
-    "@cloud-ru/ds-promo-tag": "^1.0.1",
+    "@cloud-ru/ds-modal": "^1.1.1",
     "@cloud-ru/ds-scroll": "^1.0.2",
+    "@cloud-ru/ds-promo-tag": "^1.0.1",
+    "@cloud-ru/ds-search": "^1.0.7",
     "@cloud-ru/ds-segment-control": "^1.0.5",
     "@cloud-ru/ds-skeleton": "^1.0.1",
     "@cloud-ru/ds-theme": "^1.1.0",
-    "@cloud-ru/ds-search": "^1.0.7",
-    "@cloud-ru/ds-uikit-product-card-predefined": "^3.0.8",
-    "@cloud-ru/ds-typography": "^1.0.0",
     "@cloud-ru/ds-tooltip": "^1.0.4",
+    "@cloud-ru/ds-typography": "^1.0.0",
     "@cloud-ru/ds-uikit-product-switch-row": "^1.0.6",
+    "@cloud-ru/ds-uikit-product-card-predefined": "^3.0.8",
     "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.8",
-    "@cloud-ru/ds-utils": "^1.1.0",
-    "@cloud-ru/ds-info-block": "^1.0.1",
-    "@cloud-ru/ds-list": "^2.1.3"
+    "@cloud-ru/ds-utils": "^1.1.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/MainMenu/helperComponents/Content/Content.tsx

@@ -92,8 +92,6 @@ export type ContentProps = {
 
   isMobile?: boolean;
 
-  onClose?(): void;
-
   className?: string;
   /** Флаг загрузки данных */
   loading?: boolean;
@@ -115,7 +113,6 @@ export function Content({
   footer,
   favorite,
   isMobile,
-  onClose,
   preferences,
   loading,
 }: ContentProps) {
@@ -151,13 +148,12 @@ export function Content({
 
       if (!shouldBeOpenedInNewTab(e)) {
         e?.preventDefault();
-        onClose?.();
       }
 
       onSegmentServiceClick?.(service, e);
       service.onClick?.(e);
     },
-    [onClose, onSegmentServiceClick],
+    [onSegmentServiceClick],
   );
 
   const {

package/src/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/SortableGroup.tsx

@@ -116,7 +116,7 @@ export function SortableGroupDragPreview({
 
   return (
     <DragPreview className={styles.groupDragPreview}>
-      <div className={styles.group} data-drag-preview={true} data-block-color={blockColor}>
+      <div className={styles.group} data-drag-preview={true}>
         <div className={styles.decoration} data-color-scheme={colorScheme} data-is-highlighted={highlight || undefined}>
           <div className={styles.decorationBackground}>
             <div className={styles.colorMarker} data-block-color={blockColor} />

package/src/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.scss

@@ -8,7 +8,6 @@ $map-block-color-decor: (
   'transparent': 'transparent',
   'neutral': base.$sn-theme-color-neutral-decor,
   'primary': base.$sn-theme-color-primary-decor,
-  'red': base.$sn-theme-color-red-decor,
   'orange': base.$sn-theme-color-orange-decor,
   'yellow': base.$sn-theme-color-yellow-decor,
   'green': base.$sn-theme-color-green-decor,
@@ -116,6 +115,7 @@ $map-block-color-decor: (
 }
 
 .groupDragPreviewHeader {
+  position: relative;
   padding: base.$sn-primitive-dimension-4 0;
 }
 
@@ -188,10 +188,6 @@ $map-block-color-decor: (
   height: 100%;
   border-radius: inherit;
 
-  [data-drag-preview] & {
-    z-index: -1;
-  }
-
   &[data-color-scheme='light'] {
     --highlight-border-color-from: hsl(155deg 48% 42% / 100%);
     --highlight-border-color-to: hsl(155deg 48% 42% / 32%);

package/src/components/MainMenu/helperComponents/Favorites/Favorites.tsx

@@ -74,6 +74,7 @@ export function Favorites({ favorite, allServiceGroups, headerClassName, isMobil
       key={service.id}
       as='a'
       className={styles.card}
+      actionsVisibility={isMobile ? 'always' : 'hover'}
       favorite={{
         enabled: true,
         checked: favorite.value.includes(service.id),
@@ -93,7 +94,7 @@ export function Favorites({ favorite, allServiceGroups, headerClassName, isMobil
       избранного идёт через звёздочку на карточке. */
     return isMobile ? (
       <div className={styles.listScroll}>
-        <Scroll className={styles.listScrollInner} overflow={{ x: 'hidden' }}>
+        <Scroll className={styles.listScrollInner} data-mobile={isMobile || undefined} overflow={{ x: 'hidden' }}>
           <div className={styles.list} data-test-id={FAVORITES_TEST_IDS.list}>
             {isEmpty && <EmptyState isFavoritesSegment={isFavoritesSegment} isMobile />}
 

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

@@ -58,10 +58,16 @@
 
 .listScrollInner {
   height: 100%;
-  // 12 карточек + gap + padding-top
+  // 12 карточек + gap + padding-top + padding-bottom от .list
   max-height: calc(
-    ((#{base.$sn-primitive-dimension-32} + #{base.$sn-primitive-dimension-4}) * 12) + #{base.$sn-primitive-dimension-4}
+    (#{base.$sn-primitive-dimension-32} * 12) + #{base.$sn-primitive-dimension-4} + #{base.$sn-primitive-dimension-8}
   );
+
+  &[data-mobile] {
+    max-height: calc(
+      (#{base.$sn-primitive-dimension-40} * 6) + #{base.$sn-primitive-dimension-4} + #{base.$sn-primitive-dimension-8}
+    );
+  }
 }
 
 .list {
@@ -103,4 +109,4 @@
   width: 100%;
   height: base.$sn-primitive-dimension-24;
   border-radius: base.$sn-density-radius-3xs;
-}
+}

package/src/components/MainMenu/helperComponents/MenuDesktop/MenuDesktop.tsx

@@ -122,7 +122,6 @@ export function MenuDesktop({
                 overflow={{ x: 'hidden' }}
               >
                 <Content
-                  onClose={handleCloseDrawer}
                   className={styles.rightContent}
                   searchValue={search?.value}
                   rightTop={rightTop}

package/src/components/MainMenu/helperComponents/MenuMobile/MenuMobile.tsx

@@ -89,7 +89,6 @@ export function MenuMobile({
             <MainMenuDndContext>
               <Content
                 isMobile
-                onClose={handleClose}
                 className={styles.rightContent}
                 searchValue={search && search.value}
                 rightTop={rightTop}