@cloud-ru/ds-uikit-product-header 1.5.2-preview-b174c2b1.0 → 1.5.2

package/dist/cjs/components/MainMenu/helperComponents/MenuMobile/styles.module.css

@@ -7,6 +7,13 @@
   padding:0 var(--sn-primitive-dimension-4, 4px);
 }
 
+.rightContent{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-8, 8px);
+  min-width:0;
+}
+
 .drawerMobile{
   background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3))) !important;
 }

package/dist/cjs/components/MainMenu/helperComponents/MountAnimation/MountAnimation.d.ts

@@ -4,4 +4,4 @@ export type MountAnimationProps = PropsWithChildren<WithSupportProps<{
     type?: 'fade-slide-up' | 'fade-slide-up-right' | 'slide-right' | 'fade-in';
     className?: string;
 }>>;
-export declare function MountAnimation({ children, type, className, ...props }: MountAnimationProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function MountAnimation({ children, type, className, ...props }: MountAnimationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,9 +8,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@cloud-ru/ds-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function MountAnimation({ children, type, className, ...props }) {
-    if (type === undefined) {
-        return children;
-    }
+function MountAnimation({ children, type = 'slide-right', className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), ...(0, utils_1.extractSupportProps)(props), "data-animation-type": type, children: children }));
 }

package/dist/cjs/components/MainMenu/helperComponents/ServiceCard/ServiceCard.d.ts

@@ -1,43 +1,19 @@
-import { CardNavigationProps } from '@cloud-ru/ds-uikit-product-card-predefined';
+import { CardServiceLightProps } from '@cloud-ru/ds-uikit-product-card-predefined';
 import { MouseEvent } from 'react';
 import { FavoriteProps, InnerLink } from '../../types';
 export type ServiceCardProps = {
-    /** Карточка сервиса. */
     service: InnerLink;
-    /** В избранном ли сервис. Учитывается только вместе с `onFavoriteChange`. */
-    isFavorite?: boolean;
-    /**
-     * Переключение избранного (стабильная по ссылке функция). Не передано — кнопка избранного
-     * не показывается.
-     */
-    onFavoriteChange?: FavoriteProps['onChange'];
-    /** Мобильная раскладка. */
+    favorite?: FavoriteProps;
     isMobile?: boolean;
-    /** Колбэк клика по карточке. */
     onServiceClick?(service: InnerLink, event: MouseEvent<HTMLElement>): void;
-    /** Показывать описание сервиса вместо тултипа. */
     showDescription: boolean;
-    /** CSS-класс корневого элемента. */
     className?: string;
-    /** `tabIndex` корневого элемента. */
     tabIndex?: number;
-    /** Карточка рендерится как превью в `DragOverlay` (без тултипа и описания). */
     dragPreview?: boolean;
-} & Pick<CardNavigationProps, 'expandable'>;
-declare function ServiceCardBase({ service, isFavorite, onFavoriteChange, isMobile, onServiceClick, showDescription, className, tabIndex, dragPreview, expandable, }: ServiceCardProps): import("react/jsx-runtime").JSX.Element;
-export declare const ServiceCard: import("react").MemoExoticComponent<typeof ServiceCardBase>;
+} & Pick<CardServiceLightProps, 'expandable'>;
+export declare function ServiceCard({ service, favorite, isMobile, onServiceClick, showDescription, className, tabIndex, dragPreview, expandable, }: ServiceCardProps): import("react/jsx-runtime").JSX.Element;
 export type DraggableServiceCardProps = ServiceCardProps & {
     groupId: string;
+    dragDisabled?: boolean;
 };
-declare function DraggableServiceCardBase({ groupId, service, isFavorite, ...props }: DraggableServiceCardProps): import("react/jsx-runtime").JSX.Element;
-export declare const DraggableServiceCard: import("react").MemoExoticComponent<typeof DraggableServiceCardBase>;
-export type GridServiceCardProps = DraggableServiceCardProps & {
-    /**
-     * Карточку можно перетаскивать. Иначе рендерится без `useDraggable`: на mobile, при поиске и
-     * без избранного сотни карточек не регистрируются в `DndContext` впустую.
-     */
-    dragEnabled?: boolean;
-};
-declare function GridServiceCardBase({ dragEnabled, groupId, ...props }: GridServiceCardProps): import("react/jsx-runtime").JSX.Element;
-export declare const GridServiceCard: import("react").MemoExoticComponent<typeof GridServiceCardBase>;
-export {};
+export declare function DraggableServiceCard({ groupId, service, favorite, dragDisabled, ...props }: DraggableServiceCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,35 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridServiceCard = exports.DraggableServiceCard = exports.ServiceCard = void 0;
+exports.ServiceCard = ServiceCard;
+exports.DraggableServiceCard = DraggableServiceCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@dnd-kit/core");
 const drag_and_drop_1 = require("@cloud-ru/ds-drag-and-drop");
 const uikit_product_card_predefined_1 = require("@cloud-ru/ds-uikit-product-card-predefined");
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
 const utils_1 = require("../../utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function ServiceCardBase({ service, isFavorite = false, onFavoriteChange, isMobile, onServiceClick, showDescription, className, tabIndex, dragPreview, expandable, }) {
-    const { id, disabled, favoritesEnabled = true, description, icon } = service;
-    const handleFavoriteChange = (0, react_1.useCallback)((checked) => onFavoriteChange?.(id)(checked), [id, onFavoriteChange]);
-    const favoriteProps = (0, react_1.useMemo)(() => !dragPreview && onFavoriteChange
+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: isFavorite,
-            onChange: handleFavoriteChange,
-            enabled: !disabled && favoritesEnabled,
+            checked: isInFavorites,
+            onChange: favorite.onChange(service.id),
+            enabled: !service.disabled && isFavoriteEnabled,
         }
-        : undefined, [dragPreview, onFavoriteChange, isFavorite, handleFavoriteChange, disabled, favoritesEnabled]);
-    const handleClick = (0, react_1.useCallback)((event) => onServiceClick?.(service, event), [onServiceClick, service]);
-    const emblem = (0, react_1.useMemo)(() => (0, utils_1.getLinkEmblem)({ icon }), [icon]);
-    const tooltip = (0, react_1.useMemo)(() => (!dragPreview && description ? { tip: description } : undefined), [dragPreview, description]);
+        : undefined;
     const commonProps = {
         as: 'a',
         title: service.label,
-        icon: emblem,
-        'data-test-id': `header__drawer-menu__link-${id}`,
+        icon: (0, utils_1.getLinkEmblem)(service),
+        'data-test-id': `header__drawer-menu__link-${service.id}`,
         href: service.href,
-        onClick: handleClick,
+        onClick: (event) => onServiceClick?.(service, event),
         favorite: favoriteProps,
         actionsVisibility: isMobile ? 'always' : 'hover',
         promoTag: service.badge,
@@ -39,26 +36,20 @@ function ServiceCardBase({ service, isFavorite = false, onFavoriteChange, isMobi
         tabIndex,
         expandable,
     };
-    // Один компонент на оба вида: переключение описания обновляет проп, а не пересоздаёт карточку.
-    const card = ((0, jsx_runtime_1.jsx)(uikit_product_card_predefined_1.CardNavigation, { ...commonProps, description: showDescription ? (description ?? '') : undefined, actionsSize: isMobile ? 's' : 'm', tooltip: showDescription ? undefined : tooltip }));
+    const card = showDescription ? ((0, jsx_runtime_1.jsx)(uikit_product_card_predefined_1.CardServiceInfo, { ...commonProps, description: service.description ?? '', actionsSize: isMobile ? 's' : 'm' })) : ((0, jsx_runtime_1.jsx)(uikit_product_card_predefined_1.CardServiceLight, { ...commonProps, tooltip: !dragPreview && service.description
+            ? {
+                tip: service.description,
+            }
+            : undefined }));
     return dragPreview ? (0, jsx_runtime_1.jsx)(drag_and_drop_1.DragPreview, { className: styles_module_scss_1.default.dragCardPreview, children: card }) : card;
 }
-exports.ServiceCard = (0, react_1.memo)(ServiceCardBase);
-function DraggableServiceCardBase({ groupId, service, isFavorite, ...props }) {
+function DraggableServiceCard({ groupId, service, favorite, dragDisabled, ...props }) {
     const isFavoriteEnabled = service.favoritesEnabled ?? true;
-    const disabled = service.disabled || isFavorite || !isFavoriteEnabled;
+    const disabled = dragDisabled || service.disabled || favorite?.value.includes(service.id) || !isFavoriteEnabled;
     const { attributes, listeners, setNodeRef, isDragging } = (0, core_1.useDraggable)({
         id: (0, utils_1.getServiceSourceDragId)(groupId, service.id),
         disabled,
     });
     const { tabIndex, ...restAttributes } = attributes ?? {};
-    return ((0, jsx_runtime_1.jsx)(drag_and_drop_1.DragGhost, { innerRef: setNodeRef, className: styles_module_scss_1.default.draggableCard, dragging: isDragging, mode: drag_and_drop_1.DRAG_MODE.Static, ...listeners, ...restAttributes, children: (0, jsx_runtime_1.jsx)(exports.ServiceCard, { service: service, isFavorite: isFavorite, ...props, tabIndex: tabIndex }) }));
-}
-exports.DraggableServiceCard = (0, react_1.memo)(DraggableServiceCardBase);
-function GridServiceCardBase({ dragEnabled, groupId, ...props }) {
-    if (dragEnabled) {
-        return (0, jsx_runtime_1.jsx)(exports.DraggableServiceCard, { groupId: groupId, ...props });
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.staticCard, children: (0, jsx_runtime_1.jsx)(exports.ServiceCard, { ...props }) }));
+    return ((0, jsx_runtime_1.jsx)(drag_and_drop_1.DragGhost, { innerRef: setNodeRef, className: styles_module_scss_1.default.draggableCard, dragging: isDragging, mode: drag_and_drop_1.DRAG_MODE.Static, ...listeners, ...restAttributes, children: (0, jsx_runtime_1.jsx)(ServiceCard, { service: service, favorite: favorite, ...props, tabIndex: tabIndex }) }));
 }
-exports.GridServiceCard = (0, react_1.memo)(GridServiceCardBase);

package/dist/cjs/components/MainMenu/helperComponents/ServiceCard/styles.module.css

@@ -7,12 +7,7 @@
   border-radius:var(--sn-density-radius-3xs, var(--sn-platform-comfort-radius-3xs, var(--sn-primitive-dimension-2, 2px)));
 }
 
-.draggableCard,
-.staticCard{
+.draggableCard{
   display:flex;
   min-width:0;
-}
-
-.staticCard{
-  position:relative;
 }

package/dist/cjs/components/MainMenu/hooks/useMainMenuDnd.d.ts

@@ -1,19 +1,17 @@
 import { DragCancelEvent, DragEndEvent, DragStartEvent, Modifier } from '@dnd-kit/core';
 import { ReactNode } from 'react';
-import { FavoriteProps, InnerLink } from '../types';
+import { FavoriteProps, LinksGroup } from '../types';
 type MainMenuDndOverlayContextValue = {
     setGroupDragOverlay(overlay: ReactNode): void;
 };
 export declare function useMainMenuDndOverlay(): MainMenuDndOverlayContextValue;
 type UseMainMenuDndProps = {
-    /** Избранное. Без пропа DnD карточек в избранное отключён. */
     favorite?: FavoriteProps;
-    /** Все сервисы каталога по id (для резолва при DnD в избранное). */
-    servicesById: ReadonlyMap<string, InnerLink>;
-    /** Показывать описания сервисов в превью карточки при перетаскивании. */
+    /** Все группы карточек из сегментов (для резолва сервисов при DnD в избранное). */
+    groups: LinksGroup[];
     showDescription: boolean;
 };
-export declare function useMainMenuDnd({ favorite, servicesById, showDescription }: UseMainMenuDndProps): {
+export declare function useMainMenuDnd({ favorite, groups, showDescription }: UseMainMenuDndProps): {
     sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
     modifiers: Modifier[];
     collisionDetection: import("@dnd-kit/core").CollisionDetection;

package/dist/cjs/components/MainMenu/hooks/useMainMenuDnd.js

@@ -18,7 +18,6 @@ const restrictGroupDragToVerticalAxis = args => {
     }
     return (0, modifiers_1.restrictToVerticalAxis)(args);
 };
-const MODIFIERS = [restrictGroupDragToVerticalAxis];
 const MainMenuDndOverlayContext = (0, react_1.createContext)(null);
 function useMainMenuDndOverlay() {
     const context = (0, react_1.useContext)(MainMenuDndOverlayContext);
@@ -26,9 +25,10 @@ function useMainMenuDndOverlay() {
         setGroupDragOverlay: () => { },
     });
 }
-function useMainMenuDnd({ favorite, servicesById, showDescription }) {
+function useMainMenuDnd({ favorite, groups, showDescription }) {
     const [activeServiceId, setActiveServiceId] = (0, react_1.useState)(null);
     const [groupDragOverlay, setGroupDragOverlay] = (0, react_1.useState)(null);
+    const servicesById = (0, react_1.useMemo)(() => new Map((0, utils_1.flatLinksGroups)(groups).map(service => [service.id, service])), [groups]);
     const activeService = activeServiceId ? servicesById.get(activeServiceId) : undefined;
     const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, { activationConstraint: { distance: 8 } }), (0, core_1.useSensor)(core_1.KeyboardSensor, { coordinateGetter: sortable_1.sortableKeyboardCoordinates }));
     const handleDragStart = (0, react_1.useCallback)(({ active }) => {
@@ -76,7 +76,7 @@ function useMainMenuDnd({ favorite, servicesById, showDescription }) {
     }), []);
     return {
         sensors,
-        modifiers: MODIFIERS,
+        modifiers: [restrictGroupDragToVerticalAxis],
         collisionDetection: utils_1.favoriteListCollisionDetection,
         onDragStart: handleDragStart,
         onDragEnd: handleDragEnd,
@@ -94,5 +94,7 @@ function MainMenuDndContext({ children, sensors, modifiers, collisionDetection,
     // (панель начинается не с 0), оверлей визуально уезжает ровно на эту величину. Портал
     // в тот же корень, что использует сам Drawer, выносит оверлей из-под этого предка.
     const dragOverlayNode = (0, jsx_runtime_1.jsx)(core_1.DragOverlay, { dropAnimation: null, children: dragOverlay });
-    return ((0, jsx_runtime_1.jsx)(MainMenuDndOverlayContext.Provider, { value: overlayContextValue ?? null, children: (0, jsx_runtime_1.jsxs)(core_1.DndContext, { sensors: sensors, collisionDetection: collisionDetection, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel, modifiers: modifiers, children: [children, portalContextRef.current ? (0, react_dom_1.createPortal)(dragOverlayNode, portalContextRef.current) : dragOverlayNode] }) }));
+    return ((0, jsx_runtime_1.jsx)(MainMenuDndOverlayContext.Provider, { value: overlayContextValue ?? null, children: (0, jsx_runtime_1.jsxs)(core_1.DndContext, { sensors: sensors, collisionDetection: collisionDetection, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel, modifiers: modifiers, measuring: {
+                droppable: { strategy: core_1.MeasuringStrategy.Always },
+            }, children: [children, portalContextRef.current ? (0, react_dom_1.createPortal)(dragOverlayNode, portalContextRef.current) : dragOverlayNode] }) }));
 }

package/dist/cjs/components/MainMenu/hooks/useMenuItems.js

@@ -12,25 +12,20 @@ function useMenuItems({ search, segments, platformGroups = [] }) {
     const scrollRef = (0, react_1.useRef)(null);
     const regularSegments = (0, react_1.useMemo)(() => segments?.filter(segment => !segment.pinBottomOnSearch) ?? [], [segments]);
     const pinnedSegments = (0, react_1.useMemo)(() => segments?.filter(segment => segment.pinBottomOnSearch) ?? [], [segments]);
-    const isSearching = Boolean(searchValue);
-    // Индексы строятся при первом вводе и живут, пока поиск активен и каталог не сменился: индексация
-    // не зависит от строки поиска, поэтому пересоздавать `Fuse` на каждый символ не нужно. Пока поиска
-    // нет, индексы не строятся — открытие меню их не оплачивает.
-    const regularSearchers = (0, react_1.useMemo)(() => isSearching ? regularSegments.map(segment => (0, utils_1.createLinksGroupsSearcher)(getVisibleGroups(segment.items))) : [], [isSearching, regularSegments]);
-    const pinnedSearchers = (0, react_1.useMemo)(() => isSearching ? pinnedSegments.map(segment => (0, utils_1.createLinksGroupsSearcher)(getVisibleGroups(segment.items))) : [], [isSearching, pinnedSegments]);
-    const platformSearcher = (0, react_1.useMemo)(() => (isSearching && platformGroups.length > 0 ? (0, utils_1.createLinksGroupsSearcher)(platformGroups) : undefined), [isSearching, platformGroups]);
     const regularGroups = (0, react_1.useMemo)(() => regularSegments.flatMap(segment => getVisibleGroups(segment.items)), [regularSegments]);
-    const pinnedGroupIds = (0, react_1.useMemo)(() => pinnedSegments.flatMap(segment => getVisibleGroups(segment.items)).map(({ id }) => id), [pinnedSegments]);
+    const pinnedGroups = (0, react_1.useMemo)(() => pinnedSegments.flatMap(segment => getVisibleGroups(segment.items)), [pinnedSegments]);
     const resultItems = (0, react_1.useMemo)(() => {
         if (!searchValue) {
             return regularGroups;
         }
-        const regularResults = regularSearchers.flatMap(search => search(searchValue));
-        const platformResults = platformSearcher ? platformSearcher(searchValue) : [];
-        const pinnedResults = pinnedSearchers.flatMap(search => search(searchValue));
+        const searchIn = (groups) => (0, utils_1.filterLinksGroupsFuzzy)(searchValue, groups);
+        const regularResults = regularSegments.flatMap(segment => searchIn(getVisibleGroups(segment.items)));
+        const platformResults = platformGroups.length > 0 ? searchIn(platformGroups) : [];
+        const pinnedResults = pinnedSegments.flatMap(segment => searchIn(getVisibleGroups(segment.items)));
         const combined = (0, utils_1.dedupeSearchGroups)([...regularResults, ...platformResults, ...pinnedResults]);
+        const pinnedGroupIds = pinnedGroups.map(({ id }) => id);
         return pinnedGroupIds.length > 0 ? (0, utils_1.pinGroupToBottom)(combined, pinnedGroupIds) : combined;
-    }, [searchValue, regularGroups, regularSearchers, platformSearcher, pinnedSearchers, pinnedGroupIds]);
+    }, [searchValue, regularSegments, regularGroups, platformGroups, pinnedSegments, pinnedGroups]);
     (0, react_1.useEffect)(() => {
         if (searchValue && !resultItems.length) {
             onSearchNoResult?.(searchValue);

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

@@ -30,15 +30,10 @@ export type InnerLink = {
     label: string;
     /** Краткое описание сервиса — отображается при включённом переключателе «Описание». */
     description?: string;
-    /** Колбэк клика по карточке. */
     onClick(e?: MouseEvent<HTMLElement>): void;
-    /** Ссылка карточки (рендерится как `<a>`). */
     href?: string;
-    /** Карточка недоступна для клика/drag и визуально приглушена. */
     disabled?: boolean;
-    /** Карточка скрыта (не рендерится, но остаётся в данных — например, для поиска). */
     hidden?: boolean;
-    /** Промо-тег карточки. */
     badge?: CardServiceLightProps['promoTag'];
     /** Разрешено ли добавление карточки в избранное. default=true - разрешено */
     favoritesEnabled?: boolean;
@@ -67,17 +62,13 @@ export type InnerLink = {
     aliases: string[];
 };
 type TitleStatic = {
-    /** Текст заголовка. */
     text: string;
     onClick?: never;
     href?: never;
 };
 type TitleClickable = {
-    /** Текст заголовка. */
     text: string;
-    /** Ссылка заголовка (рендерится как `<a>`). */
     href?: string;
-    /** Колбэк клика по заголовку. */
     onClick?(e?: MouseEvent<HTMLElement>): void;
 };
 export type LinksGroupTitle = TitleStatic | TitleClickable;
@@ -93,7 +84,6 @@ export type LinksGroup = {
     id: string;
     /** Заголовок группы в сетке карточек и в боковой навигации. */
     label: LinksGroupTitle;
-    /** Иконка группы. */
     icon?: JSXElementConstructor<{
         size?: number;
         className?: string;
@@ -102,9 +92,7 @@ export type LinksGroup = {
      * Синонимы заголовка группы для fuzzy-поиска.
      */
     aliases?: string[];
-    /** Колбэк клика по заголовку группы. */
     onClick?(e?: MouseEvent<HTMLElement>): void;
-    /** Группа скрыта (не рендерится, но остаётся в данных — например, для поиска). */
     hidden?: boolean;
     /**
      * Разрешено ли добавление карточек группы в избранное.
@@ -116,7 +104,7 @@ export type LinksGroup = {
     items: InnerLink[];
     /** Цвет блока группы. */
     blockColor?: LinksGroupBlockColor;
-    /** Визуальное выделение группы. */
+    /** Визуальное выделение группы */
     highlight?: boolean;
 };
 /**
@@ -160,11 +148,8 @@ export type MainMenuSegmentPrefs = {
     expanded?: string[];
 };
 export type SearchProps = Pick<SearchPropsSnack, 'onBlur' | 'onFocus'> & {
-    /** Текущее значение поисковой строки. */
     value: string;
-    /** Колбэк изменения значения поисковой строки. */
     onChange(value: string): void;
-    /** Колбэк вызывается, когда поиск по текущему значению не дал результатов. */
     onSearchNoResult?(value: string): void;
 };
 export type FavoriteProps = {
@@ -208,9 +193,7 @@ export type FavoriteProps = {
     loading?: boolean;
 };
 export type MainMenuToggleProps = {
-    /** Текущее значение переключателя. */
     value: boolean;
-    /** Колбэк изменения значения переключателя. */
     onChange(value: boolean): void;
 };
 /**
@@ -237,25 +220,14 @@ export type MainMenuPreferencesProps = {
     showGroupsColors?: MainMenuToggleProps;
 };
 export type MainMenuSettingsItem = Pick<InnerLink, 'id' | 'label' | 'icon' | 'onClick' | 'href' | 'hidden'> & {
-    /** Разделитель до/после пункта. */
     divider?: 'before' | 'after';
 };
 export type MainMenuProps = Pick<ContentProps, 'segments' | 'searchGroups' | 'segmentPrefs' | 'activeSegmentId' | 'onActiveSegmentChange' | 'onSegmentOrderChange' | 'onSegmentExpandedChange' | 'onSegmentServiceClick' | 'favorite' | 'preferences' | 'loading' | 'rightTop'> & {
-    /** Кнопка открытия меню недоступна для клика. */
     disabled?: boolean;
-    /**
-     * Открыто ли меню.
-     *
-     * Не передано — состояние открытия неуправляемое (меню само переключает себя по клику на кнопку).
-     */
     open?: boolean;
-    /** Колбэк открытия/закрытия меню. */
     setOpen?(open: boolean): void;
-    /** Логотип в шапке меню. */
     logo?: ReactNode;
-    /** Слот над поиском в левой колонке (desktop) / над поиском в списке (mobile). */
     leftTop?: ReactNode;
-    /** Слот под пунктами настроек в левой колонке (desktop) / в конце списка (mobile). */
     leftBottom?: ReactNode;
     /**
      * Пункты левой колонки (desktop) / нижней части списка (mobile).
@@ -273,9 +245,7 @@ export type MainMenuProps = Pick<ContentProps, 'segments' | 'searchGroups' | 'se
      * Обычно `favoritesEnabled: false`; карточки могут быть без `icon` (Avatar по `label`).
      */
     platformGroups?: LinksGroup[];
-    /** Избранное. Без пропа секция «Избранное» не отображается. */
     favorite?: FavoriteProps;
-    /** Поиск по сервисам. Без пропа поисковая строка не отображается. */
     search?: SearchProps;
     /**
      * Ширина дровера, с которой открывается меню (desktop only)

package/dist/cjs/components/MainMenu/utils/filterLinksGroupsFuzzy.d.ts

@@ -1,7 +1,2 @@
 import { LinksGroup } from '../types';
-/**
- * Строит поисковый индекс по группам один раз. Индексация каталога не зависит от строки поиска,
- * поэтому вызывать `search` на каждый ввод дешевле, чем пересоздавать `Fuse` на каждый символ.
- */
-export declare function createLinksGroupsSearcher(links: LinksGroup[]): (searchValue: string) => LinksGroup[];
 export declare function filterLinksGroupsFuzzy(searchValue: string, links: LinksGroup[]): LinksGroup[];

package/dist/cjs/components/MainMenu/utils/filterLinksGroupsFuzzy.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLinksGroupsSearcher = createLinksGroupsSearcher;
 exports.filterLinksGroupsFuzzy = filterLinksGroupsFuzzy;
 const fuse_js_1 = __importDefault(require("fuse.js"));
 const constants_1 = require("../constants");
@@ -61,10 +60,16 @@ function isGroupLabelMatch(matchKey) {
         matchKey === constants_1.SEARCH_GROUPS_ACCESSOR.GroupId ||
         matchKey === constants_1.SEARCH_GROUPS_ACCESSOR.GroupAliases);
 }
-function searchLinksGroups(searchValue, links, itemsMap, linksFuse) {
+function filterLinksGroupsFuzzy(searchValue, links) {
     if (!searchValue) {
         return links;
     }
+    const itemsMap = createItemsMap(links);
+    const linksFuse = new fuse_js_1.default(links, {
+        keys: Object.values(constants_1.SEARCH_GROUPS_ACCESSOR),
+        includeMatches: true,
+        threshold: constants_1.FUZZY_SEARCH_THRESHOLD,
+    });
     let fuseSearchResults = linksFuse.search(searchValue);
     if (fuseSearchResults.length < 1) {
         const fixedLayoutValue = (0, search_1.toggleLayout)(searchValue);
@@ -156,22 +161,3 @@ function searchLinksGroups(searchValue, links, itemsMap, linksFuse) {
         return accResult;
     }, []);
 }
-/**
- * Строит поисковый индекс по группам один раз. Индексация каталога не зависит от строки поиска,
- * поэтому вызывать `search` на каждый ввод дешевле, чем пересоздавать `Fuse` на каждый символ.
- */
-function createLinksGroupsSearcher(links) {
-    const itemsMap = createItemsMap(links);
-    const linksFuse = new fuse_js_1.default(links, {
-        keys: Object.values(constants_1.SEARCH_GROUPS_ACCESSOR),
-        includeMatches: true,
-        threshold: constants_1.FUZZY_SEARCH_THRESHOLD,
-    });
-    return (searchValue) => searchLinksGroups(searchValue, links, itemsMap, linksFuse);
-}
-function filterLinksGroupsFuzzy(searchValue, links) {
-    if (!searchValue) {
-        return links;
-    }
-    return createLinksGroupsSearcher(links)(searchValue);
-}

package/dist/cjs/components/MainMenu/utils/flatLinksGroups.d.ts

@@ -1,4 +1,2 @@
 import { InnerLink, LinksGroup } from '../types';
 export declare function flatLinksGroups(groups?: LinksGroup[]): InnerLink[];
-/** Все видимые сервисы каталога по id (включая вложенные). Строится один раз на набор групп. */
-export declare function buildServicesById(groups?: LinksGroup[]): Map<string, InnerLink>;

package/dist/cjs/components/MainMenu/utils/flatLinksGroups.js

@@ -1,12 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flatLinksGroups = flatLinksGroups;
-exports.buildServicesById = buildServicesById;
 const innerLink_1 = require("./innerLink");
 function flatLinksGroups(groups = []) {
     return groups.flatMap(({ items }) => (0, innerLink_1.flatInnerLinks)(items));
 }
-/** Все видимые сервисы каталога по id (включая вложенные). Строится один раз на набор групп. */
-function buildServicesById(groups = []) {
-    return new Map(flatLinksGroups(groups).map(service => [service.id, service]));
-}

package/dist/cjs/components/MainMenu/utils/resolveInnerLinksByIds.d.ts

@@ -1,2 +1,2 @@
-import { InnerLink } from '../types';
-export declare function resolveInnerLinksByIds(ids: string[], servicesById: ReadonlyMap<string, InnerLink>): InnerLink[];
+import { InnerLink, LinksGroup } from '../types';
+export declare function resolveInnerLinksByIds(ids: string[], groups: LinksGroup[]): InnerLink[];

package/dist/cjs/components/MainMenu/utils/resolveInnerLinksByIds.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveInnerLinksByIds = resolveInnerLinksByIds;
-function resolveInnerLinksByIds(ids, servicesById) {
+const flatLinksGroups_1 = require("./flatLinksGroups");
+function resolveInnerLinksByIds(ids, groups) {
     if (!ids.length) {
         return [];
     }
-    return ids.map(id => servicesById.get(id)).filter((item) => Boolean(item));
+    const itemsById = new Map((0, flatLinksGroups_1.flatLinksGroups)(groups).map(item => [item.id, item]));
+    return ids.map(id => itemsById.get(id)).filter((item) => Boolean(item));
 }

package/dist/cjs/components/PathBreadcrumbs/PathBreadcrumbs.d.ts

@@ -1,8 +1,6 @@
 import { BreadcrumbsProps } from '@cloud-ru/ds-breadcrumbs';
 type PathBreadcrumbsProps = {
-    /** Пункты хлебных крошек. */
     items: BreadcrumbsProps['items'];
-    /** Мобильная раскладка — уменьшенный размер. */
     isMobile?: boolean;
 };
 export declare function PathBreadcrumbs({ isMobile, items }: PathBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/UserMenu/UserMenu.d.ts

@@ -1,27 +1,14 @@
 import { BaseItemProps, DroplistProps } from '@cloud-ru/ds-list';
 import { ThemeProps, UserProfileProps } from './types';
 export type UserMenuProps = {
-    /** Профиль пользователя (имя, email, счётчик приглашений). */
     profile?: UserProfileProps;
-    /** Переключатель темы в меню. Без пропа не отображается. */
     theme?: ThemeProps;
-    /** Дополнительные пункты меню (например, список организаций). */
     items?: DroplistProps['items'];
-    /** Пункты настроек в нижней части меню. */
     settingItems?: BaseItemProps[];
-    /** Колбэк клика по пункту «Выйти». */
     onLogout?(): void;
-    /**
-     * Открыто ли меню.
-     *
-     * Не передано — состояние открытия неуправляемое (меню само переключает себя по клику на кнопку).
-     */
     open?: boolean;
-    /** Колбэк открытия/закрытия меню. */
     setOpen?(open: boolean): void;
-    /** Текст подсказки для кнопки-триггера. */
     triggerTooltip?: string;
-    /** Колбэк клика по кнопке-триггеру. */
     onClick?(): void;
 };
 export declare function UserMenu({ profile, open: openProp, setOpen: setOpenProp, onLogout, items, settingItems, theme, onClick, triggerTooltip, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,9 @@
 import { MouseEvent, ReactNode } from 'react';
 export type UserProfileProps = {
-    /** Полное имя пользователя. Отображается в аватаре (первые буквы) и в пункте профиля меню. */
     fullName?: string;
-    /** Email пользователя. */
     email?: string;
-    /** Число активных приглашений — отображается счётчиком на кнопке-триггере меню. */
     inviteCount?: number;
-    /** Колбэк клика по пункту профиля. */
     onClick?(e: MouseEvent<HTMLElement>): void;
-    /** Оборачивает содержимое пункта профиля — например, ссылкой или дополнительной разметкой. */
     itemWrapRender?(node: ReactNode): ReactNode;
 };
 type ValueOf<T> = T[keyof T];
@@ -19,9 +14,7 @@ export declare const THEME_MODE: {
 };
 export type ThemeMode = ValueOf<typeof THEME_MODE>;
 export type ThemeProps = {
-    /** Текущий режим темы. Без пропа переключатель темы в меню не отображается. */
     value?: ThemeMode;
-    /** Колбэк изменения режима темы. */
     onChange?(themeMode: ThemeMode): void;
 };
 export {};