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

package/dist/esm/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/esm/components/MainMenu/utils/filterLinksGroupsFuzzy.d.ts

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

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

@@ -54,10 +54,16 @@ function isGroupLabelMatch(matchKey) {
         matchKey === SEARCH_GROUPS_ACCESSOR.GroupId ||
         matchKey === SEARCH_GROUPS_ACCESSOR.GroupAliases);
 }
-function searchLinksGroups(searchValue, links, itemsMap, linksFuse) {
+export function filterLinksGroupsFuzzy(searchValue, links) {
     if (!searchValue) {
         return links;
     }
+    const itemsMap = createItemsMap(links);
+    const linksFuse = new Fuse(links, {
+        keys: Object.values(SEARCH_GROUPS_ACCESSOR),
+        includeMatches: true,
+        threshold: FUZZY_SEARCH_THRESHOLD,
+    });
     let fuseSearchResults = linksFuse.search(searchValue);
     if (fuseSearchResults.length < 1) {
         const fixedLayoutValue = toggleLayout(searchValue);
@@ -149,22 +155,3 @@ function searchLinksGroups(searchValue, links, itemsMap, linksFuse) {
         return accResult;
     }, []);
 }
-/**
- * Строит поисковый индекс по группам один раз. Индексация каталога не зависит от строки поиска,
- * поэтому вызывать `search` на каждый ввод дешевле, чем пересоздавать `Fuse` на каждый символ.
- */
-export function createLinksGroupsSearcher(links) {
-    const itemsMap = createItemsMap(links);
-    const linksFuse = new Fuse(links, {
-        keys: Object.values(SEARCH_GROUPS_ACCESSOR),
-        includeMatches: true,
-        threshold: FUZZY_SEARCH_THRESHOLD,
-    });
-    return (searchValue) => searchLinksGroups(searchValue, links, itemsMap, linksFuse);
-}
-export function filterLinksGroupsFuzzy(searchValue, links) {
-    if (!searchValue) {
-        return links;
-    }
-    return createLinksGroupsSearcher(links)(searchValue);
-}

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

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

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

@@ -2,7 +2,3 @@ import { flatInnerLinks } from './innerLink.js';
 export function flatLinksGroups(groups = []) {
     return groups.flatMap(({ items }) => flatInnerLinks(items));
 }
-/** Все видимые сервисы каталога по id (включая вложенные). Строится один раз на набор групп. */
-export function buildServicesById(groups = []) {
-    return new Map(flatLinksGroups(groups).map(service => [service.id, service]));
-}

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

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

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

@@ -1,6 +1,8 @@
-export function resolveInnerLinksByIds(ids, servicesById) {
+import { flatLinksGroups } from './flatLinksGroups.js';
+export function resolveInnerLinksByIds(ids, groups) {
     if (!ids.length) {
         return [];
     }
-    return ids.map(id => servicesById.get(id)).filter((item) => Boolean(item));
+    const itemsById = new Map(flatLinksGroups(groups).map(item => [item.id, item]));
+    return ids.map(id => itemsById.get(id)).filter((item) => Boolean(item));
 }

package/dist/esm/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/esm/components/UserMenu/UserMenu.d.ts

@@ -1,27 +1,14 @@
 import { BaseItemProps, DroplistProps } from '@cloud-ru/ds-list';
 import { ThemeProps, UserProfileProps } from './types.js';
 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/esm/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 {};

package/dist/esm/style.css

@@ -320,8 +320,6 @@
 }
 
 .group{
-  content-visibility:auto;
-  contain-intrinsic-size:auto var(--sn-primitive-dimension-128, 128px);
   position:relative;
   overflow-x:clip;
   display:flex;
@@ -332,14 +330,6 @@
   border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
   background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
 }
-.group[data-appear]{
-  animation:group-appear 0.24s cubic-bezier(0.4, 0, 0.2, 1) backwards;
-}
-@media (prefers-reduced-motion: reduce){
-  .group[data-appear]{
-    animation:none;
-  }
-}
 .group[data-drag-preview]{
   cursor:grabbing;
 }
@@ -518,23 +508,6 @@
 .skeletonService{
   padding:var(--sn-primitive-dimension-4, 4px);
 }
-
-@keyframes group-appear{
-  from{
-    transform:translate(calc(-1 * var(--sn-primitive-dimension-12, 12px)), var(--sn-primitive-dimension-4, 4px));
-    opacity:0;
-  }
-}
-.content{
-  display:flex;
-  flex-direction:column;
-  gap:var(--sn-primitive-dimension-4, 4px);
-  width:100%;
-  min-width:0;
-}
-.content[data-mobile]{
-  gap:var(--sn-primitive-dimension-8, 8px);
-}
 .content[data-empty]{
   height:100%;
 }
@@ -542,12 +515,6 @@
   flex:1 1 auto;
 }
 
-.top{
-  display:flex;
-  flex-direction:column;
-  gap:inherit;
-}
-
 .noData{
   flex:1 1 auto;
   place-self:center center;
@@ -735,6 +702,11 @@
 .rightContent{
   container-type:inline-size;
   overflow-x:clip;
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-4, 4px);
+  width:100%;
+  min-width:0;
   padding:var(--sn-primitive-dimension-16, 16px);
 }
 
@@ -786,6 +758,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;
 }
@@ -887,15 +866,10 @@
   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;
-}
 .breadcrumbs{
   display:flex;
   align-items:center;