@cloud-ru/ds-uikit-product-header 1.3.9 → 1.3.10-preview-1030ded1.0

package/dist/esm/components/MainMenu/helperComponents/ServiceCard/ServiceCard.js

@@ -44,8 +44,5 @@ export function DraggableServiceCard({ groupId, service, favorite, dragDisabled,
         disabled,
     });
     const { tabIndex, ...restAttributes } = attributes ?? {};
-    if (disabled) {
-        return _jsx(ServiceCard, { service: service, favorite: favorite, ...props, tabIndex: tabIndex });
-    }
     return (_jsx(DragGhost, { innerRef: setNodeRef, className: styles.draggableCard, dragging: isDragging, mode: DRAG_MODE.Static, ...listeners, ...restAttributes, children: _jsx(ServiceCard, { service: service, favorite: favorite, ...props, tabIndex: tabIndex }) }));
 }

package/dist/esm/components/MainMenu/types.d.ts

@@ -4,6 +4,7 @@ import { CardServiceLightProps } from '@cloud-ru/ds-uikit-product-card-predefine
 import { JSXElementConstructor, MouseEvent, ReactNode } from 'react';
 import { ContentProps } from './helperComponents/Content/index.js';
 import { FavoritesSegment } from './helperComponents/Favorites/constants.js';
+export type InnerLinkViewMode = 'group-title-only' | 'flat-link' | 'expanded' | 'expandable';
 /**
  * Карточка сервиса или ссылки внутри {@link LinksGroup}.
  *
@@ -36,15 +37,25 @@ export type InnerLink = {
     badge?: CardServiceLightProps['promoTag'];
     /** Разрешено ли добавление карточки в избранное. default=true - разрешено */
     favoritesEnabled?: boolean;
-    /** Разрешено ли раскрытие карточки. default=false - Запрещено */
-    expandableEnabled?: boolean;
+    /**
+     * Режим отображения карточки. default='expandable'.
+     *
+     * - `'expandable'` — подкатегория при наличии реальных {@link items}: заголовок
+     *   {@link TitleClickable} с шевроном и сетка вложенных сервисов (раскрытие/схлопывание —
+     *   см. {@link expandableEnabled}). Без `items` — обычная карточка сервиса.
+     * - `'group-title-only'` — заголовок подкатегории ({@link TitleClickable} с шевроном) без
+     *   раскрываемого тела, даже если `items` заданы: карточка ведёт себя как обычная ссылка.
+     *   Полезно для группы, чьи вложенные сервисы показываются на отдельной странице.
+     * - `'flat-link'` — всегда обычная карточка сервиса, даже если `items` заданы.
+     */
+    viewMode?: InnerLinkViewMode;
     /**
      * Вложенные сервисы подкатегории.
      *
      * При наличии карточка раскрывается аккордеоном: в свёрнутом виде — обычная карточка
      * с кнопкой раскрытия, в развёрнутом — заголовок {@link TitleClickable} и сетка вложенных сервисов.
      */
-    items?: InnerLink[];
+    items?: Omit<InnerLink, 'items' | 'viewMode' | 'expandableEnabled'>[];
     /**
      * Синонимы для fuzzy-поиска.
      */

package/dist/esm/components/MainMenu/utils/innerLink.d.ts

@@ -1,5 +1,15 @@
 import { InnerLink, LinksGroup } from '../types.js';
 export declare function hasNestedItems(item: InnerLink): boolean;
+/**
+ * Рендерится ли карточка как подкатегория (заголовок {@link TitleClickable} + вложенная сетка).
+ *
+ * Решение зависит от `viewMode` (не указан — считается `'expandable'`):
+ * - `'flat-link'` — никогда, карточка всегда обычная ссылка, даже если `items` заданы.
+ * - `'group-title-only'` — всегда, даже без `items`: только заголовок, без раскрываемого тела
+ *   и кнопки переключения — карточка ведёт себя как обычная ссылка.
+ * - `'expandable'` — только при наличии реальных вложенных сервисов.
+ */
+export declare function isSubCategoryCard(item: InnerLink): boolean;
 export declare function flatInnerLinks(items?: InnerLink[]): InnerLink[];
 export declare function getLinksGroupVisibleItemsCount(group: LinksGroup): number;
 export declare function getSubCategoryId(groupId: string, serviceId: string): string;

package/dist/esm/components/MainMenu/utils/innerLink.js

@@ -1,6 +1,25 @@
 export function hasNestedItems(item) {
     return Boolean(item.items?.some(child => !child.hidden));
 }
+/**
+ * Рендерится ли карточка как подкатегория (заголовок {@link TitleClickable} + вложенная сетка).
+ *
+ * Решение зависит от `viewMode` (не указан — считается `'expandable'`):
+ * - `'flat-link'` — никогда, карточка всегда обычная ссылка, даже если `items` заданы.
+ * - `'group-title-only'` — всегда, даже без `items`: только заголовок, без раскрываемого тела
+ *   и кнопки переключения — карточка ведёт себя как обычная ссылка.
+ * - `'expandable'` — только при наличии реальных вложенных сервисов.
+ */
+export function isSubCategoryCard(item) {
+    const viewMode = item.viewMode ?? 'expanded';
+    if (viewMode === 'flat-link') {
+        return false;
+    }
+    if (viewMode === 'group-title-only') {
+        return true;
+    }
+    return hasNestedItems(item);
+}
 export function flatInnerLinks(items = []) {
     return items.flatMap(item => {
         if (item.hidden) {

package/dist/esm/style.css

@@ -103,28 +103,24 @@
 }
 
 .root{
+  width:100%;
+  min-width:0;
+}
+.root:hover .closeButton, .root:focus-visible .closeButton, .root:has(*:focus-visible) .closeButton{
+  visibility:visible;
+}
+
+.contentRow{
   position:relative;
   display:flex;
-  gap:var(--sn-primitive-dimension-4, 4px);
+  gap:var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px));
   align-items:center;
   box-sizing:border-box;
   width:100%;
   min-width:0;
-  min-height:var(--sn-primitive-dimension-48, 48px);
+  min-height:var(--sn-primitive-dimension-40, 40px);
   padding:0 var(--sn-primitive-dimension-12, 12px);
-  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
-  font:inherit;
-  color:inherit;
-  text-align:left;
-  text-decoration:none;
-  background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-primitive-color-gray-95, #fdfdfd)));
-}
-.root:hover .closeButton, .root:focus-visible .closeButton, .root:focus-within .closeButton{
-  visibility:visible;
-}
-.root:focus-visible{
-  outline:var(--sn-theme-color-available-complementary, #000000) solid var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
-  outline-offset:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
+  border-radius:inherit;
 }
 
 .titleWrapper{
@@ -207,12 +203,18 @@
 .subcategory{
   min-width:0;
 }
-.subcategory:has([data-subcategory-body]){
+.subcategory:has([data-subcategory-body]), .subcategory[data-title-only]{
   grid-column:1/-1;
   padding:0 var(--sn-primitive-dimension-4, 4px);
   border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
   background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
 }
+.subcategory[data-title-only]{
+  padding:var(--sn-primitive-dimension-4, 4px);
+}
+.subcategory:has([data-subcategory-body=expanded]){
+  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-4, 4px) 0;
+}
 
 .subcategoryAccordion{
   min-width:0;
@@ -387,6 +389,9 @@
 .groupBody[data-subcategory-body]{
   padding-bottom:var(--sn-primitive-dimension-4, 4px);
 }
+.groupBody[data-subcategory-body=expanded]{
+  padding-top:var(--sn-accordion-anatomy-accordionTertiary-container-bodyContent-paddingVertical, var(--sn-primitive-dimension-4, 4px));
+}
 
 .decoration{
   --highlight-border-width:1px;
@@ -540,7 +545,7 @@
   align-items:center;
   box-sizing:border-box;
   width:100%;
-  min-height:0;
+  min-height:var(--sn-primitive-dimension-88, 88px);
   padding:var(--sn-primitive-dimension-8, 8px) 0 0;
   border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
   background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-primitive-color-gray-95, #fdfdfd)));
@@ -567,7 +572,7 @@
   position:relative;
   flex:1 1 auto;
   width:100%;
-  min-height:0;
+  min-height:var(--sn-primitive-dimension-44, 44px);
 }
 .listScroll[data-insert-new] [data-favorite]{
   fill:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-55, var(--sn-brandRole-color-brandA-55, var(--sn-primitive-color-brandA-55, #389f74))));