@cloud-ru/ds-uikit-product-header 1.2.2-preview-bf64a5bb.0 → 1.2.2-preview-ea035b95.0

package/README.md

@@ -2,6 +2,19 @@
 
 `@cloud-ru/ds-uikit-product-header` — Продуктовая шапка консоли — HeaderLayout, MainMenu, UserMenu, Logo, PathBreadcrumbs и PlatformLogo.
 
+`@cloud-ru/ds-uikit-product-header` — новая продуктовая шапка консоли на Snack V2: layout, главное меню с сегментами и избранным, меню пользователя, логотип и хлебные крошки.
+
+## Когда использовать
+
+- Новая навигация консоли с сегментами сервисов, избранным и настройками отображения карточек.
+- Полная замена header на Snack V2 без legacy-контрактов Figma `headerOld` / `navigationOldDrawer`.
+- Поэтапная миграция: `MenuMobile` (bottom sheet) подключается к legacy **`MainMenu`** через `customMobileMenu`.
+
+Когда **не** нужен:
+
+- Обратная совместимость со старым drawer и API `serviceGroups` / `LinksGroup`:
+  - используйте **`@cloud-ru/ds-uikit-product-header-legacy`**.
+
 ## Установка
 
 ```bash
@@ -9,10 +22,15 @@ pnpm add @cloud-ru/ds-uikit-product-header
 ```
 
 ```ts
-import { HeaderLayout, MainMenu, UserMenu } from '@cloud-ru/ds-uikit-product-header';
+import { HeaderLayout, MainMenu, MenuMobile, UserMenu } from '@cloud-ru/ds-uikit-product-header';
 import '@cloud-ru/ds-uikit-product-header/style.css';
 ```
 
+## Смотри также
+
+- **`@cloud-ru/ds-uikit-product-header-legacy`** — legacy-шапка для параллельного релиза и `customMobileMenu`.
+- **`@cloud-ru/ds-adaptive`** — `AdaptiveProvider` / `layoutType` для desktop/mobile поверхностей.
+
 ## HeaderLayout
 
 Компоновка слотов продуктовой шапки — меню, логотип, селектор, хлебные крошки и тулбар.
@@ -92,12 +110,56 @@ export function PartialSlots() {
 
 Главное меню навигации — сегменты сервисов, поиск, избранное и настройки отображения.
 
-`MainMenu` — drawer с каталогом сервисов: сегменты, fuzzy-поиск, избранное, DnD групп и карточек. На desktop — resizable drawer, на mobile — fullscreen.
+`MainMenu` — drawer с каталогом сервисов: сегменты, fuzzy-поиск, избранное, DnD групп и карточек.
+
+- **Desktop** — resizable `@cloud-ru/ds-drawer` слева: левая колонка (избранное, настройки), правая — сегменты и сетка карточек.
+- **Mobile** — fullscreen bottom sheet (`MobileDrawerCustom`, `position='bottom'`): sticky header с логотипом, scroll-body, поиск и каталог.
+
+Поверхность выбирается через `AdaptiveProvider` (`layoutType`).
 
 ### Когда использовать
 
-- Навигация по каталогу облачных сервисов из шапки консоли.
+- Навигация по каталогу облачных сервисов из шапки консоли (новая продуктовая навигация).
 - Сценарии с избранным, недавними сервисами и настройками отображения карточек.
+- Mobile-меню для микрофронта на legacy **`HeaderLayout`**: `MenuMobile` подключается через `customMobileMenu` у **`@cloud-ru/ds-uikit-product-header-legacy` / MainMenu**.
+
+Когда **не** нужен:
+
+- Legacy drawer по Figma `navigationOldDrawer` / `navigationOldDrawerMobile`:
+  - используйте **`@cloud-ru/ds-uikit-product-header-legacy`**.
+
+### Анатомия
+
+#### Trigger и drawer
+
+- trigger — `HeaderButton` с `MainMenuSVG` и tooltip «Сервисы».
+- desktop drawer — resizable `DrawerCustom`, слева; drag-handle для ширины.
+- mobile drawer — fullscreen bottom sheet; swipe отключён (`swipeEnabled={false}`).
+
+#### Левая колонка (desktop)
+
+- `leftTop` — слот над избранным (например, селектор платформы).
+- `Favorites` — избранные сервисы с DnD (`MainMenuDndContext`).
+- `settingItems` — административные пункты (`mapInnerLinksToListItems`).
+- `leftBottom` — дополнительный слот внизу колонки.
+
+#### Правая колонка (desktop)
+
+- `rightTop` — баннеры.
+- `Search` — fuzzy-поиск по каталогу.
+- `segments` — сегменты с `SegmentControl` (если сегментов > 1).
+- Сетка карточек `CardServiceSmall` по группам в активном сегменте.
+
+#### Mobile body
+
+- `MenuHeaderBrand` + divider — sticky header с кнопкой закрытия.
+- `leftTop`, `Search`, `rightTop`, `Content` — в scroll-body.
+- `settingItems` / `leftBottom` — нижняя зона (`MenuBottom`).
+- Избранное без drag&drop (desktop-only DnD).
+
+#### open / setOpen
+
+Controlled-открытие drawer. Без `open` состояние держит сам компонент.
 
 ### Примеры использования
 
@@ -195,6 +257,33 @@ export function WithFavorites() {
 }
 ```
 
+#### Интеграция с legacy MainMenu
+
+```tsx
+import { useState } from 'react';
+import { MainMenu as LegacyMainMenu } from '@cloud-ru/ds-uikit-product-header-legacy';
+import { MenuMobile } from '@cloud-ru/ds-uikit-product-header';
+
+function LocalMainMenu() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <LegacyMainMenu
+      open={open}
+      setOpen={setOpen}
+      serviceGroups={legacyGroups}
+      customMobileMenu={
+        <MenuMobile
+          open={open}
+          setOpen={setOpen}
+          segments={headerSegments}
+        />
+      }
+    />
+  );
+}
+```
+
 ### Props
 
 **MainMenuProps**
@@ -253,7 +342,6 @@ export function WithFavorites() {
 | `badge` | `CardServiceLightProps` \| `PromoTagPredefinedBaseProps` | — |  |
 | `description` | `string \| undefined` | — | Краткое описание сервиса — отображается при включённом переключателе «Описание». |
 | `disabled` | `boolean \| undefined` | — |  |
-| `favoritesEnabled` | `boolean \| undefined` | — | Разрешено ли добавление карточки в избранное. default=true - разрешено |
 | `hidden` | `boolean \| undefined` | — |  |
 | `href` | `string \| undefined` | — |  |
 | `icon` | `JSXElementConstructor<{ size?: number; className?: string; }> \| undefined` | — | Иконка карточки. |
@@ -353,6 +441,185 @@ export function WithFavorites() {
 | `onClick` | `undefined` | — |  |
 | `text` | `string` | — |  |
 
+### Смотри также
+
+- **`@cloud-ru/ds-uikit-product-header-legacy` / MainMenu** — legacy drawer и проп `customMobileMenu`.
+- **`@cloud-ru/ds-uikit-product-card-predefined`** — карточки сервисов в сетке.
+### MenuMobile
+
+`MenuMobile` экспортируется из `@cloud-ru/ds-uikit-product-header` отдельно от `MainMenu` — тот же API (`MainMenuProps`), но без кнопки-триггера. Используется:
+
+- внутри `MainMenu` на mobile-поверхности;
+- в legacy-интеграции: `customMobileMenu` у `@cloud-ru/ds-uikit-product-header-legacy` / `MainMenu`.
+
+```ts
+import { MainMenu, MenuMobile } from '@cloud-ru/ds-uikit-product-header';
+```
+
+**MainMenuProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `activeSegmentId` | `string` | — | Активный сегмент правой панели (значение SegmentControl, см. {@link MainMenuSegment.id}). <br/> Не передано — неуправляемое состояние (дефолт — первый сегмент с видимыми карточками). |
+| `defaultWidth` | `number` | — | Ширина дровера, с которой открывается меню (desktop only) |
+| `disabled` | `boolean` | — |  |
+| `draggerTooltip` | `string` | — | Текст подсказки для драггера (desktop only) |
+| `favorite` | `FavoriteProps` | — |  |
+| `leftBottom` | `ReactNode` | — |  |
+| `leftTop` | `ReactNode` | — |  |
+| `loading` | `boolean` | — | Флаг загрузки данных |
+| `logo` | `ReactNode` | — |  |
+| `onActiveSegmentChange` | `((segmentId: string) => void)` | — | Колбэк смены активного сегмента правой панели. |
+| `onSegmentExpandedChange` | `((segmentId: string, expandedGroupIds: string[]) => void)` | — | Колбэк при изменении набора раскрытых групп сегмента <br/> (без id синтетической группы избранного). |
+| `onSegmentOrderChange` | `((segmentId: string, orderedGroupIds: string[]) => void)` | — | Колбэк после DnD групп в сегменте (без id синтетической группы избранного). |
+| `onSegmentServiceClick` | `((service: InnerLink, e?: MouseEvent<HTMLElement, MouseEvent>) => void)` | — | Колбэк клика по карточке сервиса в сегменте. |
+| `onWidthChangeEnd` | `((width: number) => void)` | — | Вызывается при окончании изменения ширины дровера (desktop only) |
+| `open` | `boolean` | — |  |
+| `platformGroups` | `LinksGroup` | — | Платформенные группы (например «Облачные продукты», «Другие продукты»). <br/> Без поиска в сетке карточек **не отображаются**. <br/> С поиском: попадают в результаты при совпадении; порядок — <br/> после совпадений из сегментов без `pinBottomOnSearch`, перед сегментами с `pinBottomOnSearch`. <br/> Обычно `favoritesEnabled: false`; карточки могут быть без `icon` (Avatar по `label`). |
+| `preferences` | `MainMenuPreferencesProps` | — | Настройки меню (модалка по кнопке в тулбаре): описания карточек, цвета групп. <br/> Не передано — кнопка настроек в тулбаре не отображается. |
+| `rightTop` | `ReactNode` | — | Слот над тулбаром правой колонки (например, баннеры) |
+| `search` | `SearchProps` | — |  |
+| `searchGroups` | `LinksGroup` | — | Результаты поиска (уже смерженные); в обычном режиме не используются. |
+| `segmentPrefs` | `MainMenuSegmentPrefs` | — | Пользовательские prefs сегментов (порядок / раскрытие групп). <br/> Нет записи для сегмента или omit `order` / `expanded` → uncontrolled для этого поля. |
+| `segments` | `MainMenuSegment` | — | Сегменты правой панели (сетка карточек) — только каталог. <br/> При поиске: совпадения из сегментов без `pinBottomOnSearch` → `platformGroups` → сегменты с `pinBottomOnSearch`. <br/> Если один и тот же {@link InnerLink.id} совпал сразу в нескольких сегментах — остаётся только <br/> первое по этому приоритету вхождение, остальные (и опустевшие после этого группы) не показываются. <br/> При `segments.length > 1` показывается SegmentControl (скрывается во время поиска). <br/> Порядок и раскрытие групп — через `segmentPrefs` и колбэки ниже. |
+| `setOpen` | `((open: boolean) => void)` | — |  |
+| `settingItems` | `InnerLink` \| `MainMenuSettingsItem` | — | Пункты левой колонки (desktop) / нижней части списка (mobile). <br/> Плоский список (`dividerBefore` для разделителей). <br/> Не связан с сегментами правой панели и не меняется при сортировке групп в сегментах. |
+
+##### Related types
+
+**FavoriteProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `actions` | `BaseItemProps` | — | Действия для списка сервисов |
+| `loading` | `boolean \| undefined` | — | Флаг загрузки данных |
+| `onChange` | `(productId: string) => (addingValue: boolean, position?: number) => void` | — | Колбэк переключения избранного для карточки сервиса. <br/> `position` передаётся при добавлении через drag из сетки сервисов — индекс, <br/> на который должна встать карточка среди избранного (см. <br/> {@link <br/> FavoriteProps.onOrderChange <br/> } <br/> ). <br/> При переключении избранного кликом не передаётся. |
+| `onFavoriteServiceClick` | `((serviceId: string, event?: MouseEvent<HTMLElement>) => void) \| undefined` | — | Колбэк клика по карточке сервиса в сегменте «Избранное» |
+| `onOrderChange` | `((orderedIds: string[]) => void) \| undefined` | — | Колбэк вызывается после перетаскивания карточек внутри избранного с новым порядком id. <br/> Добавление новой карточки через drag из сетки сервисов идёт через <br/> {@link <br/> FavoriteProps.onChange <br/> } <br/> с `position` — этот колбэк для такого добавления не вызывается. |
+| `onRecentServiceClick` | `((serviceId: string, event?: MouseEvent<HTMLElement>) => void) \| undefined` | — | Колбэк клика по карточке сервиса в сегменте «Недавнее» |
+| `onSegmentChange` | `((segment: FavoritesSegment) => void) \| undefined` | — | Колбэк смены сегмента панели избранного. |
+| `recentServices` | `string[] \| undefined` | — | Список id недавно открытых сервисов |
+| `segment` | `"favorites"` \| `"recent"` | — | Активный сегмент («Избранное» / «Недавнее») в панели избранного. <br/> Не передано — неуправляемое состояние (дефолт `'favorites'`). |
+| `value` | `string[]` | — | Список id избранных сервисов |
+
+- `FavoritesSegment` = `"favorites"` \| `"recent"`
+
+**InnerLink**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `aliases` | `string[]` | — | Синонимы для fuzzy-поиска. |
+| `badge` | `CardServiceLightProps` \| `PromoTagPredefinedBaseProps` | — |  |
+| `description` | `string \| undefined` | — | Краткое описание сервиса — отображается при включённом переключателе «Описание». |
+| `disabled` | `boolean \| undefined` | — |  |
+| `hidden` | `boolean \| undefined` | — |  |
+| `href` | `string \| undefined` | — |  |
+| `icon` | `JSXElementConstructor<{ size?: number; className?: string; }> \| undefined` | — | Иконка карточки. |
+| `id` | `string` | — | Уникальный идентификатор карточки (также используется в избранном и при поиске). <br/> Один и тот же сервис может быть представлен в разных сегментах с разной <br/> детализацией (простая карточка в общем каталоге и раскрытая с вложенными <br/> сервисами версия в другом сегменте) — в этом случае обеим версиям задаётся <br/> общий `id`. При поиске из совпадений с одинаковым `id` в разных сегментах <br/> остаётся только первое по приоритету сегментов (см. <br/> {@link <br/> MainMenuProps.segments <br/> } <br/> ). |
+| `items` | `InnerLink` | — | Вложенные сервисы подкатегории. <br/> При наличии карточка раскрывается аккордеоном: в свёрнутом виде — обычная карточка <br/> с кнопкой раскрытия, в развёрнутом — заголовок <br/> {@link <br/> TitleClickable <br/> } <br/> и сетка вложенных сервисов. |
+| `label` | `string` | — | Заголовок карточки. |
+| `onClick` | `(e?: MouseEvent<HTMLElement>) => void` | — |  |
+
+**LinksGroup**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `aliases` | `string[] \| undefined` | — | Синонимы заголовка группы для fuzzy-поиска. |
+| `blockColor` | `"blue"` \| `"green"` \| `"neutral"` \| `"orange"` \| `"pink"` \| `"primary"` \| `"red"` \| `"violet"` \| `"yellow"` | — | Цвет блока группы. |
+| `favoritesEnabled` | `boolean \| undefined` | — | Разрешено ли добавление карточек группы в избранное. |
+| `hidden` | `boolean \| undefined` | — |  |
+| `highlight` | `boolean \| undefined` | — | Визуальное выделение группы |
+| `icon` | `JSXElementConstructor<{ size?: number; className?: string; }> \| undefined` | — |  |
+| `id` | `string` | — | Уникальный идентификатор группы (якорь скролла, поиск по id). |
+| `items` | `InnerLink` | — | Карточки сервисов или ссылок внутри группы. |
+| `label` | `LinksGroupTitle` \| `TitleClickable` \| `TitleStatic` | — | Заголовок группы в сетке карточек и в боковой навигации. |
+| `onClick` | `((e?: MouseEvent<HTMLElement>) => void) \| undefined` | — |  |
+
+- `LinksGroupBlockColor` = `"blue"` \| `"green"` \| `"neutral"` \| `"orange"` \| `"pink"` \| `"primary"` \| `"red"` \| `"violet"` \| `"yellow"`
+
+- `LinksGroupTitle` = `TitleStatic | TitleClickable`
+
+**MainMenuPreferencesProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `onOpenChange` | `((open: boolean) => void) \| undefined` | — | Колбэк открытия/закрытия модалки. |
+| `open` | `boolean \| undefined` | — | Открыта ли модалка настроек. <br/> Не передано — состояние открытия неуправляемое (модалка сама переключает себя по клику на кнопку). |
+| `showDescription` | `MainMenuToggleProps` | — | Показывать описания сервисов в карточках. |
+| `showGroupsColors` | `MainMenuToggleProps` | — | Отображать цвета блоков групп ( <br/> {@link <br/> LinksGroup.blockColor <br/> } <br/> ). <br/> `value: false` скрывает цвета всех групп независимо от заданного `blockColor`. |
+
+**MainMenuSegment**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `icon` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | Иконка сегмента в SegmentControl; без неё — только `label`. |
+| `id` | `string` | — | Уникальный идентификатор сегмента (значение SegmentControl). |
+| `items` | `LinksGroup` | — | Группы карточек сегмента (каталог). |
+| `label` | `string` | — | Подпись сегмента в SegmentControl. |
+| `pinBottomOnSearch` | `boolean \| undefined` | — | Группы сегмента в выдаче поиска — после совпадений из обычных сегментов и `platformGroups`. |
+
+**MainMenuSegmentPrefs**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `expanded` | `string[] \| undefined` | — | Id раскрытых групп. Если не передан — uncontrolled (по умолчанию все раскрыты). |
+| `id` | `string` | — | Id сегмента из <br/> {@link <br/> MainMenuSegment.id <br/> } <br/> . |
+| `order` | `string[] \| undefined` | — | Порядок id групп. Если не передан — uncontrolled для этого сегмента <br/> (дефолт = порядок `items`; новые группы добавляются в конец). |
+
+**MainMenuSettingsItem**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `divider` | `"after"` \| `"before"` | — |  |
+| `hidden` | `boolean \| undefined` | — |  |
+| `href` | `string \| undefined` | — |  |
+| `icon` | `JSXElementConstructor<{ size?: number; className?: string; }> \| undefined` | — | Иконка карточки. |
+| `id` | `string` | — | Уникальный идентификатор карточки (также используется в избранном и при поиске). <br/> Один и тот же сервис может быть представлен в разных сегментах с разной <br/> детализацией (простая карточка в общем каталоге и раскрытая с вложенными <br/> сервисами версия в другом сегменте) — в этом случае обеим версиям задаётся <br/> общий `id`. При поиске из совпадений с одинаковым `id` в разных сегментах <br/> остаётся только первое по приоритету сегментов (см. <br/> {@link <br/> MainMenuProps.segments <br/> } <br/> ). |
+| `label` | `string` | — | Заголовок карточки. |
+| `onClick` | `(e?: MouseEvent<HTMLElement>) => void` | — |  |
+
+**MainMenuToggleProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `onChange` | `(value: boolean) => void` | — |  |
+| `value` | `boolean` | — |  |
+
+**SearchProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `onBlur` | `FocusEventHandler<HTMLInputElement> \| undefined` | — | Колбек обработки потери фокуса |
+| `onChange` | `(value: string) => void` | — |  |
+| `onFocus` | `FocusEventHandler<HTMLInputElement> \| undefined` | — | Колбек обработки получения фокуса |
+| `onSearchNoResult` | `((value: string) => void) \| undefined` | — |  |
+| `value` | `string` | — |  |
+
+**TitleClickable**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `href` | `string \| undefined` | — |  |
+| `onClick` | `((e?: MouseEvent<HTMLElement>) => void) \| undefined` | — |  |
+| `text` | `string` | — |  |
+
+**TitleStatic**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `href` | `undefined` | — |  |
+| `onClick` | `undefined` | — |  |
+| `text` | `string` | — |  |
+
+### Адаптивность
+
+| Проп / поведение | Desktop | Mobile |
+| --- | --- | --- |
+| Drawer | Resizable слева | Fullscreen bottom sheet |
+| `favorite` DnD | Да | Нет |
+| `segments` / `SegmentControl` | Да | Да (скрывается при поиске) |
+| `preferences` | Модалка настроек в тулбаре | То же |
+
 ## UserMenu
 
 Меню пользователя — профиль, переключатель темы, пункты настроек и выход.

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

@@ -14,12 +14,11 @@ const utils_1 = require("../../utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ServiceCard({ service, favorite, isMobile, onServiceClick, showDescription, className, tabIndex, dragPreview, expandable, }) {
     const isInFavorites = favorite?.value.includes(service.id) ?? false;
-    const isFavoriteEnabled = service.favoritesEnabled ?? true;
     const favoriteProps = !dragPreview && favorite
         ? {
             checked: isInFavorites,
             onChange: favorite.onChange(service.id),
-            enabled: !service.disabled && isFavoriteEnabled,
+            enabled: !service.disabled,
         }
         : undefined;
     const commonProps = {
@@ -44,8 +43,7 @@ function ServiceCard({ service, favorite, isMobile, onServiceClick, showDescript
     return dragPreview ? (0, jsx_runtime_1.jsx)(drag_and_drop_1.DragPreview, { className: styles_module_scss_1.default.dragCardPreview, children: card }) : card;
 }
 function DraggableServiceCard({ groupId, service, favorite, dragDisabled, ...props }) {
-    const isFavoriteEnabled = service.favoritesEnabled ?? true;
-    const disabled = dragDisabled || service.disabled || favorite?.value.includes(service.id) || !isFavoriteEnabled;
+    const disabled = dragDisabled || service.disabled || favorite?.value.includes(service.id);
     const { attributes, listeners, setNodeRef, isDragging } = (0, core_1.useDraggable)({
         id: (0, utils_1.getServiceSourceDragId)(groupId, service.id),
         disabled,

package/dist/cjs/components/MainMenu/index.d.ts

@@ -1,4 +1,5 @@
 export * from './MainMenu';
+export { MenuMobile } from './helperComponents/MenuMobile';
 export * from './helperComponents/Banners';
 export * from './helperComponents/Favorites';
 export * from './types';

package/dist/cjs/components/MainMenu/index.js

@@ -14,7 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuMobile = void 0;
 __exportStar(require("./MainMenu"), exports);
+var MenuMobile_1 = require("./helperComponents/MenuMobile");
+Object.defineProperty(exports, "MenuMobile", { enumerable: true, get: function () { return MenuMobile_1.MenuMobile; } });
 __exportStar(require("./helperComponents/Banners"), exports);
 __exportStar(require("./helperComponents/Favorites"), exports);
 __exportStar(require("./types"), exports);

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

@@ -34,8 +34,6 @@ export type InnerLink = {
     disabled?: boolean;
     hidden?: boolean;
     badge?: CardServiceLightProps['promoTag'];
-    /** Разрешено ли добавление карточки в избранное. default=true - разрешено */
-    favoritesEnabled?: boolean;
     /**
      * Вложенные сервисы подкатегории.
      *

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

@@ -7,12 +7,11 @@ import { getLinkEmblem, getServiceSourceDragId } from '../../utils/index.js';
 import styles from './styles.module.css';
 export function ServiceCard({ service, favorite, isMobile, onServiceClick, showDescription, className, tabIndex, dragPreview, expandable, }) {
     const isInFavorites = favorite?.value.includes(service.id) ?? false;
-    const isFavoriteEnabled = service.favoritesEnabled ?? true;
     const favoriteProps = !dragPreview && favorite
         ? {
             checked: isInFavorites,
             onChange: favorite.onChange(service.id),
-            enabled: !service.disabled && isFavoriteEnabled,
+            enabled: !service.disabled,
         }
         : undefined;
     const commonProps = {
@@ -37,8 +36,7 @@ export function ServiceCard({ service, favorite, isMobile, onServiceClick, showD
     return dragPreview ? _jsx(DragPreview, { className: styles.dragCardPreview, children: card }) : card;
 }
 export function DraggableServiceCard({ groupId, service, favorite, dragDisabled, ...props }) {
-    const isFavoriteEnabled = service.favoritesEnabled ?? true;
-    const disabled = dragDisabled || service.disabled || favorite?.value.includes(service.id) || !isFavoriteEnabled;
+    const disabled = dragDisabled || service.disabled || favorite?.value.includes(service.id);
     const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
         id: getServiceSourceDragId(groupId, service.id),
         disabled,

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

@@ -1,4 +1,5 @@
 export * from './MainMenu.js';
+export { MenuMobile } from './helperComponents/MenuMobile/index.js';
 export * from './helperComponents/Banners/index.js';
 export * from './helperComponents/Favorites/index.js';
 export * from './types.js';

package/dist/esm/components/MainMenu/index.js

@@ -1,4 +1,5 @@
 export * from './MainMenu.js';
+export { MenuMobile } from './helperComponents/MenuMobile/index.js';
 export * from './helperComponents/Banners/index.js';
 export * from './helperComponents/Favorites/index.js';
 export * from './types.js';

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

@@ -34,8 +34,6 @@ export type InnerLink = {
     disabled?: boolean;
     hidden?: boolean;
     badge?: CardServiceLightProps['promoTag'];
-    /** Разрешено ли добавление карточки в избранное. default=true - разрешено */
-    favoritesEnabled?: boolean;
     /**
      * Вложенные сервисы подкатегории.
      *