@cloud-ru/ds-uikit-product-header 1.0.1-preview-7665e9c3.0

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

@@ -0,0 +1,30 @@
+import { DragCancelEvent, DragEndEvent, DragStartEvent, Modifier } from '@dnd-kit/core';
+import { ReactNode } from 'react';
+import { FavoriteProps, LinksGroup } from '../types';
+type MainMenuDndOverlayContextValue = {
+    setGroupDragOverlay(overlay: ReactNode): void;
+};
+export declare function useMainMenuDndOverlay(): MainMenuDndOverlayContextValue;
+type UseMainMenuDndProps = {
+    favorite?: FavoriteProps;
+    /** Все группы карточек из сегментов (для резолва сервисов при DnD в избранное). */
+    groups: LinksGroup[];
+    showDescription: boolean;
+};
+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;
+    onDragStart: ({ active }: DragStartEvent) => void;
+    onDragEnd: ({ active, over, delta, activatorEvent }: DragEndEvent) => void;
+    onDragCancel: ({ active }: DragCancelEvent) => void;
+    dragOverlay: string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    overlayContextValue: {
+        setGroupDragOverlay: import("react").Dispatch<import("react").SetStateAction<ReactNode>>;
+    };
+};
+export type MainMenuDndContextProps = ReturnType<typeof useMainMenuDnd> & {
+    children: ReactNode;
+};
+export declare function MainMenuDndContext({ children, sensors, modifiers, collisionDetection, onDragStart, onDragEnd, onDragCancel, dragOverlay, overlayContextValue, }: Partial<MainMenuDndContextProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMainMenuDndOverlay = useMainMenuDndOverlay;
+exports.useMainMenuDnd = useMainMenuDnd;
+exports.MainMenuDndContext = MainMenuDndContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@dnd-kit/core");
+const modifiers_1 = require("@dnd-kit/modifiers");
+const sortable_1 = require("@dnd-kit/sortable");
+const react_1 = require("react");
+const ServiceCard_1 = require("../helperComponents/ServiceCard");
+const utils_1 = require("../utils");
+const restrictGroupDragToVerticalAxis = args => {
+    if (args.active?.id != null && (0, utils_1.isServiceSourceDragId)(args.active.id)) {
+        return args.transform;
+    }
+    if (args.active?.id != null && (0, utils_1.isServiceFavoriteDragId)(args.active.id)) {
+        return (0, modifiers_1.restrictToVerticalAxis)(args);
+    }
+    return (0, modifiers_1.restrictToVerticalAxis)(args);
+};
+const MainMenuDndOverlayContext = (0, react_1.createContext)(null);
+function useMainMenuDndOverlay() {
+    const context = (0, react_1.useContext)(MainMenuDndOverlayContext);
+    return (context ?? {
+        setGroupDragOverlay: () => { },
+    });
+}
+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 }) => {
+        if ((0, utils_1.isServiceSourceDragId)(active.id)) {
+            setActiveServiceId((0, utils_1.parseServiceDragId)(active.id));
+        }
+    }, []);
+    const { value: favoriteIds, onChange: onFavoriteChange, onOrderChange: onFavoriteOrderChange } = favorite ?? {};
+    const handleDragEnd = (0, react_1.useCallback)(({ active, over, delta, activatorEvent }) => {
+        if ((0, utils_1.isServiceDragId)(active.id) && favoriteIds) {
+            const nextOrderIds = (0, utils_1.resolveFavoriteOrderOnDragEnd)({
+                activeId: active.id,
+                overId: over?.id,
+                favoriteIds,
+                referenceY: (0, utils_1.getDragReferenceY)({
+                    activatorEvent,
+                    deltaY: delta.y,
+                    activeRect: active.rect.current.translated,
+                }),
+                overRect: over?.rect,
+            });
+            if (nextOrderIds) {
+                const activeServiceId = (0, utils_1.parseServiceDragId)(active.id);
+                if (favoriteIds.includes(activeServiceId)) {
+                    onFavoriteOrderChange?.(nextOrderIds);
+                }
+                else {
+                    onFavoriteChange?.(activeServiceId)(true, nextOrderIds.indexOf(activeServiceId));
+                }
+            }
+        }
+        if ((0, utils_1.isServiceSourceDragId)(active.id)) {
+            setActiveServiceId(null);
+        }
+    }, [favoriteIds, onFavoriteChange, onFavoriteOrderChange]);
+    const handleDragCancel = (0, react_1.useCallback)(({ active }) => {
+        if (active && (0, utils_1.isServiceSourceDragId)(active.id)) {
+            setActiveServiceId(null);
+        }
+    }, []);
+    const serviceDragOverlay = activeService ? ((0, jsx_runtime_1.jsx)(ServiceCard_1.ServiceCard, { service: activeService, showDescription: showDescription, dragPreview: true })) : null;
+    const dragOverlay = serviceDragOverlay ?? groupDragOverlay;
+    const overlayContextValue = (0, react_1.useMemo)(() => ({
+        setGroupDragOverlay,
+    }), []);
+    return {
+        sensors,
+        modifiers: [restrictGroupDragToVerticalAxis],
+        collisionDetection: utils_1.favoriteListCollisionDetection,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        onDragCancel: handleDragCancel,
+        dragOverlay,
+        overlayContextValue,
+    };
+}
+function MainMenuDndContext({ children, sensors, modifiers, collisionDetection, onDragStart, onDragEnd, onDragCancel, dragOverlay, overlayContextValue, }) {
+    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, (0, jsx_runtime_1.jsx)(core_1.DragOverlay, { dropAnimation: null, children: dragOverlay })] }) }));
+}

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

@@ -0,0 +1,8 @@
+import { LinksGroup, MainMenuProps } from '../types';
+type UseMenuItemsProps = Pick<MainMenuProps, 'segments' | 'search' | 'platformGroups'>;
+export declare function useMenuItems({ search, segments, platformGroups }: UseMenuItemsProps): {
+    resultItems: LinksGroup[];
+    searchRef: import("react").RefObject<HTMLInputElement>;
+    scrollRef: import("react").RefObject<HTMLDivElement>;
+};
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuItems = useMenuItems;
+const react_1 = require("react");
+const utils_1 = require("../utils");
+function getVisibleGroups(items) {
+    return items.filter(group => (0, utils_1.getLinksGroupVisibleItemsCount)(group) > 0);
+}
+function useMenuItems({ search, segments, platformGroups = [] }) {
+    const { value: searchValue = '', onSearchNoResult } = search || {};
+    const searchRef = (0, react_1.useRef)(null);
+    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 regularGroups = (0, react_1.useMemo)(() => regularSegments.flatMap(segment => getVisibleGroups(segment.items)), [regularSegments]);
+    const pinnedGroups = (0, react_1.useMemo)(() => pinnedSegments.flatMap(segment => getVisibleGroups(segment.items)), [pinnedSegments]);
+    const resultItems = (0, react_1.useMemo)(() => {
+        if (!searchValue) {
+            return regularGroups;
+        }
+        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, regularSegments, regularGroups, platformGroups, pinnedSegments, pinnedGroups]);
+    (0, react_1.useEffect)(() => {
+        if (searchValue && !resultItems.length) {
+            onSearchNoResult?.(searchValue);
+        }
+    }, [searchValue, resultItems.length, onSearchNoResult]);
+    return {
+        resultItems,
+        searchRef,
+        scrollRef,
+    };
+}

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

@@ -0,0 +1,5 @@
+export * from './MainMenu';
+export * from './helperComponents/Banners';
+export * from './helperComponents/Favorites';
+export * from './types';
+export * from './utils/mapInnerLinksToListItems';

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

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./MainMenu"), exports);
+__exportStar(require("./helperComponents/Banners"), exports);
+__exportStar(require("./helperComponents/Favorites"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils/mapInnerLinksToListItems"), exports);

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

@@ -0,0 +1,284 @@
+import { BaseItemProps, ListProps } from '@cloud-ru/ds-list';
+import { SearchProps as SearchPropsSnack } from '@cloud-ru/ds-search';
+import { CardServiceLightProps } from '@cloud-ru/ds-uikit-product-card-predefined';
+import { JSXElementConstructor, MouseEvent, ReactNode } from 'react';
+import { FavoritesSegment } from './helperComponents/Favorites/constants';
+/**
+ * Карточка сервиса или ссылки внутри {@link LinksGroup}.
+ *
+ * Отображается в сетке MainMenu (`CardServiceSmall`) и может попадать в боковое меню (`mapInnerLinksToListItems`).
+ */
+export type InnerLink = {
+    /**
+     * Уникальный идентификатор карточки (также используется в избранном и при поиске).
+     *
+     * Один и тот же сервис может быть представлен в разных сегментах с разной
+     * детализацией (простая карточка в общем каталоге и раскрытая с вложенными
+     * сервисами версия в другом сегменте) — в этом случае обеим версиям задаётся
+     * общий `id`. При поиске из совпадений с одинаковым `id` в разных сегментах
+     * остаётся только первое по приоритету сегментов (см. {@link MainMenuProps.segments}).
+     */
+    id: string;
+    /**
+     * Иконка карточки.
+     *
+     * Если не задана, вместо иконки рендерится `Avatar` с двухбуквенным текстом по `label`
+     * (см. `getAvatarNameFromLabel`).
+     */
+    icon?: JSXElementConstructor<{
+        size?: number;
+        className?: string;
+    }>;
+    /** Заголовок карточки. */
+    label: string;
+    /** Краткое описание сервиса — отображается при включённом переключателе «Описание». */
+    description?: string;
+    onClick(e?: MouseEvent<HTMLElement>): void;
+    href?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    badge?: CardServiceLightProps['promoTag'];
+    /**
+     * Вложенные сервисы подкатегории.
+     *
+     * При наличии карточка раскрывается аккордеоном: в свёрнутом виде — обычная карточка
+     * с кнопкой раскрытия, в развёрнутом — заголовок {@link TitleClickable} и сетка вложенных сервисов.
+     */
+    items?: InnerLink[];
+    /**
+     * Синонимы для fuzzy-поиска.
+     */
+    aliases: string[];
+};
+type TitleStatic = {
+    text: string;
+    onClick?: never;
+};
+type TitleClickable = {
+    text: string;
+    onClick?(e?: MouseEvent<HTMLElement>): void;
+};
+export type LinksGroupTitle = TitleStatic | TitleClickable;
+export type LinksGroupBlockColor = 'neutral' | 'primary' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'violet' | 'pink';
+/**
+ * Группа карточек MainMenu с общим заголовком.
+ *
+ * Используется в `segments[].items` и `platformGroups`.
+ * При активном поиске группа может отображаться целиком или с отфильтрованным списком `items`.
+ */
+export type LinksGroup = {
+    /** Уникальный идентификатор группы (якорь скролла, поиск по id). */
+    id: string;
+    /** Заголовок группы в сетке карточек и в боковой навигации. */
+    label: LinksGroupTitle;
+    /**
+     * Синонимы заголовка группы для fuzzy-поиска.
+     */
+    aliases?: string[];
+    onClick?(e?: MouseEvent<HTMLElement>): void;
+    hidden?: boolean;
+    /**
+     * Разрешено ли добавление карточек группы в избранное.
+     *
+     * @default true — избранное доступно, если не передано `false`.
+     */
+    favoritesEnabled?: boolean;
+    /** Карточки сервисов или ссылок внутри группы. */
+    items: InnerLink[];
+    /** Цвет блока группы. */
+    blockColor?: LinksGroupBlockColor;
+    /** Визуальное выделение группы */
+    highlight?: boolean;
+};
+/**
+ * Сегмент правой панели MainMenu (переключатель в тулбаре над сеткой карточек).
+ *
+ * Только каталог: порядок и раскрытие групп задаются через {@link MainMenuSegmentPrefs}
+ * и колбэки `onSegmentOrderChange` / `onSegmentExpandedChange` на {@link MainMenuProps}.
+ */
+export type MainMenuSegment = {
+    /** Уникальный идентификатор сегмента (значение SegmentControl). */
+    id: string;
+    /** Подпись сегмента в SegmentControl. */
+    label: string;
+    /** Иконка сегмента в SegmentControl; без неё — только `label`. */
+    icon?: ReactNode;
+    /** Группы карточек сегмента (каталог). */
+    items: LinksGroup[];
+    /**
+     * Группы сегмента в выдаче поиска — после совпадений из обычных сегментов и `platformGroups`.
+     *
+     * @default false
+     */
+    pinBottomOnSearch?: boolean;
+};
+/**
+ * Пользовательские prefs сегмента (порядок и раскрытие групп).
+ *
+ * Передаются отдельно от каталога {@link MainMenuSegment}, чтобы `segments` оставался стабильным.
+ */
+export type MainMenuSegmentPrefs = {
+    /** Id сегмента из {@link MainMenuSegment.id}. */
+    id: string;
+    /**
+     * Порядок id групп. Если не передан — uncontrolled для этого сегмента
+     * (дефолт = порядок `items`; новые группы добавляются в конец).
+     */
+    order?: string[];
+    /**
+     * Id раскрытых групп. Если не передан — uncontrolled (по умолчанию все раскрыты).
+     */
+    expanded?: string[];
+};
+export type SearchProps = Pick<SearchPropsSnack, 'onBlur' | 'onFocus'> & {
+    value: string;
+    onChange(value: string): void;
+    onSearchNoResult?(value: string): void;
+};
+export type FavoriteProps = {
+    /** Список id избранных сервисов */
+    value: string[];
+    /**
+     * Колбэк переключения избранного для карточки сервиса.
+     *
+     * `position` передаётся при добавлении через drag из сетки сервисов — индекс,
+     * на который должна встать карточка среди избранного (см. {@link FavoriteProps.onOrderChange}).
+     * При переключении избранного кликом не передаётся.
+     */
+    onChange(productId: string): (addingValue: boolean, position?: number) => void;
+    /**
+     * Колбэк вызывается после перетаскивания карточек внутри избранного с новым порядком id.
+     *
+     * Добавление новой карточки через drag из сетки сервисов идёт через
+     * {@link FavoriteProps.onChange} с `position` — этот колбэк для такого добавления не вызывается.
+     */
+    onOrderChange?(orderedIds: string[]): void;
+    /** Список id недавно открытых сервисов */
+    recentServices?: string[];
+    /** Колбэк клика по карточке сервиса в сегменте «Избранное» */
+    onFavoriteServiceClick?(serviceId: string, event?: MouseEvent<HTMLElement>): void;
+    /** Колбэк клика по карточке сервиса в сегменте «Недавнее» */
+    onRecentServiceClick?(serviceId: string, event?: MouseEvent<HTMLElement>): void;
+    /** Действия для списка сервисов */
+    actions?: {
+        items: BaseItemProps[];
+        onDroplistOpenChange?(open: boolean): void;
+    };
+    /**
+     * Активный сегмент («Избранное» / «Недавнее») в панели избранного.
+     *
+     * Не передано — неуправляемое состояние (дефолт `'favorites'`).
+     */
+    segment?: FavoritesSegment;
+    /** Колбэк смены сегмента панели избранного. */
+    onSegmentChange?(segment: FavoritesSegment): void;
+    /** Флаг загрузки данных */
+    loading?: boolean;
+};
+export type MainMenuToggleProps = {
+    value: boolean;
+    onChange(value: boolean): void;
+};
+/**
+ * Настройки меню, управляемые из модалки по кнопке в тулбаре сетки карточек.
+ *
+ * Проп опционален на уровне {@link MainMenuProps.preferences} целиком — без него кнопка
+ * настроек в тулбаре не отображается.
+ */
+export type MainMenuPreferencesProps = {
+    /**
+     * Открыта ли модалка настроек.
+     *
+     * Не передано — состояние открытия неуправляемое (модалка сама переключает себя по клику на кнопку).
+     */
+    open?: boolean;
+    /** Колбэк открытия/закрытия модалки. */
+    onOpenChange?(open: boolean): void;
+    /** Показывать описания сервисов в карточках. */
+    showDescription: MainMenuToggleProps;
+    /**
+     * Отображать цвета блоков групп ({@link LinksGroup.blockColor}).
+     * `value: false` скрывает цвета всех групп независимо от заданного `blockColor`.
+     */
+    showGroupsColors?: MainMenuToggleProps;
+};
+export type MainMenuProps = {
+    disabled?: boolean;
+    open?: boolean;
+    setOpen?(open: boolean): void;
+    logo?: ReactNode;
+    leftTop?: ReactNode;
+    rightTop?: ReactNode;
+    /**
+     * Сегменты правой панели (сетка карточек) — только каталог.
+     *
+     * При поиске: совпадения из сегментов без `pinBottomOnSearch` → `platformGroups` → сегменты с `pinBottomOnSearch`.
+     * Если один и тот же {@link InnerLink.id} совпал сразу в нескольких сегментах — остаётся только
+     * первое по этому приоритету вхождение, остальные (и опустевшие после этого группы) не показываются.
+     * При `segments.length > 1` показывается SegmentControl (скрывается во время поиска).
+     * Порядок и раскрытие групп — через `segmentPrefs` и колбэки ниже.
+     */
+    segments?: MainMenuSegment[];
+    /**
+     * Пользовательские prefs сегментов (порядок / раскрытие групп).
+     *
+     * Нет записи для сегмента или omit `order` / `expanded` → uncontrolled для этого поля.
+     */
+    segmentPrefs?: MainMenuSegmentPrefs[];
+    /**
+     * Активный сегмент правой панели (значение SegmentControl, см. {@link MainMenuSegment.id}).
+     *
+     * Не передано — неуправляемое состояние (дефолт — первый сегмент с видимыми карточками).
+     */
+    activeSegmentId?: string;
+    /** Колбэк смены активного сегмента правой панели. */
+    onActiveSegmentChange?(segmentId: string): void;
+    /**
+     * Колбэк после DnD групп в сегменте (без id синтетической группы избранного).
+     */
+    onSegmentOrderChange?(segmentId: string, orderedGroupIds: string[]): void;
+    /**
+     * Колбэк при изменении набора раскрытых групп сегмента
+     * (без id синтетической группы избранного).
+     */
+    onSegmentExpandedChange?(segmentId: string, expandedGroupIds: string[]): void;
+    /**
+     * Пункты левой колонки (desktop) / нижней части списка (mobile).
+     *
+     * Плоский список `List` (`BaseItem` и при необходимости `type: 'group'` с `divider` для разделителей).
+     * Не связан с сегментами правой панели и не меняется при сортировке групп в сегментах.
+     */
+    settingItems?: ListProps['items'];
+    /**
+     * Платформенные группы (например «Облачные продукты», «Другие продукты»).
+     *
+     * Без поиска в сетке карточек **не отображаются**.
+     * С поиском: попадают в результаты при совпадении; порядок —
+     * после совпадений из сегментов без `pinBottomOnSearch`, перед сегментами с `pinBottomOnSearch`.
+     * Обычно `favoritesEnabled: false`; карточки могут быть без `icon` (Avatar по `label`).
+     */
+    platformGroups?: LinksGroup[];
+    favorite?: FavoriteProps;
+    search?: SearchProps;
+    /**
+     * Настройки меню (модалка по кнопке в тулбаре): описания карточек, цвета групп.
+     *
+     * Не передано — кнопка настроек в тулбаре не отображается.
+     */
+    preferences?: MainMenuPreferencesProps;
+    /**
+     * Ширина дровера, с которой открывается меню (desktop only)
+     */
+    defaultWidth?: number;
+    /**
+     * Вызывается при окончании изменения ширины дровера (desktop only)
+     */
+    onWidthChangeEnd?: (width: number) => void;
+    /**
+     * Текст подсказки для драггера (desktop only)
+     */
+    draggerTooltip?: string;
+    /** Флаг загрузки данных */
+    loading?: boolean;
+};
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,15 @@
+import { LinksGroup } from '../types';
+/**
+ * Один и тот же сервис может быть представлен в разных сегментах с разной
+ * детализацией — например, простой карточкой в общем каталоге и раскрытой
+ * аккордеоном карточкой с вложенными сервисами в «Центре управления». Обе
+ * версии используют общий {@link InnerLink.id}.
+ *
+ * При поиске результаты сегментов объединяются в один список (см.
+ * {@link MainMenuProps.segments}), поэтому такой сервис может совпасть сразу в
+ * нескольких сегментах. Функция оставляет только первое по порядку `groups`
+ * (то есть по приоритету сегментов) вхождение каждого id, а группы, опустевшие
+ * после удаления дублей, убирает целиком — иначе группа с тем же заголовком
+ * задублируется в выдаче.
+ */
+export declare function dedupeSearchGroups(groups: LinksGroup[]): LinksGroup[];

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dedupeSearchGroups = dedupeSearchGroups;
+/**
+ * Один и тот же сервис может быть представлен в разных сегментах с разной
+ * детализацией — например, простой карточкой в общем каталоге и раскрытой
+ * аккордеоном карточкой с вложенными сервисами в «Центре управления». Обе
+ * версии используют общий {@link InnerLink.id}.
+ *
+ * При поиске результаты сегментов объединяются в один список (см.
+ * {@link MainMenuProps.segments}), поэтому такой сервис может совпасть сразу в
+ * нескольких сегментах. Функция оставляет только первое по порядку `groups`
+ * (то есть по приоритету сегментов) вхождение каждого id, а группы, опустевшие
+ * после удаления дублей, убирает целиком — иначе группа с тем же заголовком
+ * задублируется в выдаче.
+ */
+function dedupeSearchGroups(groups) {
+    const seenItemIds = new Set();
+    return groups.reduce((acc, group) => {
+        const items = group.items.filter(item => {
+            if (seenItemIds.has(item.id)) {
+                return false;
+            }
+            seenItemIds.add(item.id);
+            return true;
+        });
+        if (items.length > 0) {
+            acc.push({ ...group, items });
+        }
+        return acc;
+    }, []);
+}

package/dist/cjs/components/MainMenu/utils/dnd/favoriteListCollisionDetection.d.ts

@@ -0,0 +1,2 @@
+import { CollisionDetection } from '@dnd-kit/core';
+export declare const favoriteListCollisionDetection: CollisionDetection;

package/dist/cjs/components/MainMenu/utils/dnd/favoriteListCollisionDetection.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.favoriteListCollisionDetection = void 0;
+const core_1 = require("@dnd-kit/core");
+const ids_1 = require("./ids");
+const favoriteListCollisionDetection = args => {
+    const collisions = (0, core_1.closestCenter)(args);
+    // Group reorder: ignore favorites droppables so they don't steal collisions from groups.
+    if (!(0, ids_1.isServiceDragId)(args.active.id)) {
+        return collisions.filter(({ id }) => !(0, ids_1.isFavoritesDroppableId)(id));
+    }
+    // Favorite reorder: stay among favorite cards.
+    if ((0, ids_1.isServiceFavoriteDragId)(args.active.id)) {
+        return collisions.filter(({ id }) => (0, ids_1.isServiceFavoriteDragId)(id));
+    }
+    // Source → favorites: only when pointer (or rect) actually hits the favorites panel.
+    // closestCenter always returns a nearest favorite even while still over the catalog —
+    // that would add the card on a pick-up-and-release without moving into favorites.
+    // const hits = args.pointerCoordinates ? pointerWithin(args) : rectIntersection(args);
+    const hits = (0, core_1.rectIntersection)(args);
+    const hasFavoriteCards = args.droppableContainers.some(({ id }) => id != null && (0, ids_1.isServiceFavoriteDragId)(id));
+    // With cards in the list, ignore FAVORITES_DROP_ID — padding/gaps would otherwise
+    // oscillate between "append" and a card-based insert index.
+    const favoriteHits = hits.filter(({ id }) => {
+        if ((0, ids_1.isServiceFavoriteDragId)(id)) {
+            return true;
+        }
+        return id === ids_1.FAVORITES_DROP_ID && !hasFavoriteCards;
+    });
+    return favoriteHits;
+};
+exports.favoriteListCollisionDetection = favoriteListCollisionDetection;

package/dist/cjs/components/MainMenu/utils/dnd/getDragReferenceY.d.ts

@@ -0,0 +1,9 @@
+import { ClientRectLike } from './getFavoriteInsertIndex';
+type GetDragReferenceYParams = {
+    activatorEvent?: Event | null;
+    deltaY?: number;
+    activeRect?: ClientRectLike | null;
+};
+/** Pointer Y (activator + delta), or active rect center as fallback (keyboard). */
+export declare function getDragReferenceY({ activatorEvent, deltaY, activeRect }: GetDragReferenceYParams): number | null;
+export {};

package/dist/cjs/components/MainMenu/utils/dnd/getDragReferenceY.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDragReferenceY = getDragReferenceY;
+const utilities_1 = require("@dnd-kit/utilities");
+/** Pointer Y (activator + delta), or active rect center as fallback (keyboard). */
+function getDragReferenceY({ activatorEvent, deltaY = 0, activeRect }) {
+    if (activatorEvent) {
+        const coordinates = (0, utilities_1.getEventCoordinates)(activatorEvent);
+        if (coordinates) {
+            return coordinates.y + deltaY;
+        }
+    }
+    if (!activeRect) {
+        return null;
+    }
+    return activeRect.top + activeRect.height / 2;
+}

package/dist/cjs/components/MainMenu/utils/dnd/getFavoriteInsertIndex.d.ts

@@ -0,0 +1,12 @@
+export type ClientRectLike = Pick<ClientRect, 'top' | 'height'>;
+/** Before `overIndex` if referenceY is above the over item center, otherwise after. */
+export declare function getInsertIndexByRects(overIndex: number, referenceY?: number | null, overRect?: ClientRectLike | null): number;
+export type GetFavoriteInsertIndexParams = {
+    activeId: string | number;
+    overId?: string | number;
+    favoriteIds: string[];
+    referenceY?: number | null;
+    overRect?: ClientRectLike | null;
+};
+/** Insert index for a new source card; shared by indicator and drag-end. */
+export declare function getFavoriteInsertIndex({ activeId, overId, favoriteIds, referenceY, overRect, }: GetFavoriteInsertIndexParams): number | null;