@cloud-ru/uikit-product-header 5.0.17

package/dist/cjs/components/MainMenu/Search/SearchMobile/hooks.d.ts

@@ -0,0 +1,12 @@
+export declare function useSearchAnimation(): {
+    searchRef: import("react").RefObject<HTMLInputElement>;
+    toggleSearchActive: () => void;
+    isSearchActive: boolean;
+    animationState: Readonly<{
+        status: import("react-transition-state").TransitionStatus;
+        isMounted: boolean;
+        isEnter: boolean;
+        isResolved: boolean;
+    }>;
+    searchInputTabIndex: number | undefined;
+};

package/dist/cjs/components/MainMenu/Search/SearchMobile/hooks.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchAnimation = useSearchAnimation;
+const react_1 = require("react");
+const react_transition_state_1 = __importDefault(require("react-transition-state"));
+const constants_1 = require("./constants");
+function useSearchAnimation() {
+    const searchRef = (0, react_1.useRef)(null);
+    const [isSearchActive, setIsSearchActive] = (0, react_1.useState)(false);
+    const searchInputTabIndex = isSearchActive ? undefined : -1;
+    const [animationState, toggle] = (0, react_transition_state_1.default)({
+        mountOnEnter: true,
+        unmountOnExit: true,
+        initialEntered: isSearchActive,
+        timeout: constants_1.SEARCH_TRANSITION_TIMEOUT,
+    });
+    (0, react_1.useEffect)(() => toggle(isSearchActive), [isSearchActive]);
+    const toggleSearchActive = () => setIsSearchActive(prevState => !prevState);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (isSearchActive) {
+            (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        return () => {
+            if (isSearchActive) {
+                setIsSearchActive(false);
+            }
+        };
+    }, [isSearchActive]);
+    return {
+        searchRef,
+        toggleSearchActive,
+        isSearchActive,
+        animationState,
+        searchInputTabIndex,
+    };
+}

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

@@ -0,0 +1 @@
+export * from './SearchMobile';

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

@@ -0,0 +1,17 @@
+"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("./SearchMobile"), exports);

package/dist/cjs/components/MainMenu/Search/SearchMobile/styles.module.css

@@ -0,0 +1,57 @@
+.searchItem{
+  position:sticky;
+  z-index:1;
+  top:-0.5px;
+  background-color:var(--sys-neutral-background, #eeeff3);
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+  padding:0;
+  padding-bottom:var(--dimension-1m, 8px);
+  padding-top:1px;
+  margin-top:7px;
+}
+
+.searchWrap{
+  position:relative;
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.searchMobile{
+  position:absolute;
+  top:0;
+  bottom:0;
+  height:100%;
+  right:0;
+  overflow:hidden;
+  display:flex;
+  align-items:center;
+  transition-timing-function:ease-in-out;
+  transition-property:all;
+  transition-duration:calc(var(--sc-header-animation-enter) * 1ms);
+  width:100%;
+  max-width:var(--size-button-m, 40px);
+  box-sizing:border-box;
+  opacity:0;
+}
+.searchMobile[data-transition-status=entering], .searchMobile[data-transition-status=entered]{
+  max-width:100%;
+  right:0;
+  width:100%;
+  opacity:1;
+  transition-duration:calc(var(--sc-header-animation-exit) * 1ms);
+}
+
+.searchButton[data-appearance=primary]{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+}
+.searchButton[data-search-active]{
+  visibility:hidden;
+}
+
+.searchModalBody{
+  padding:var(--dimension-2m, 16px) 0;
+}

package/dist/cjs/components/MainMenu/Search/SearchSettingsButton/SearchSettingsButton.d.ts

@@ -0,0 +1,4 @@
+export type SearchSettingsButtonProps = {
+    onClick(): void;
+};
+export declare function SearchSettingsButton({ onClick }: SearchSettingsButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MainMenu/Search/SearchSettingsButton/SearchSettingsButton.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchSettingsButton = SearchSettingsButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const button_1 = require("@snack-uikit/button");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SearchSettingsButton({ onClick }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.searchSettings, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ConfigurationSVG, {}), size: 'xs', className: styles_module_scss_1.default.searchSettingsButton, onClick: onClick, "data-test-id": 'header__drawer-menu__search-config-button' }) }));
+}

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

@@ -0,0 +1 @@
+export * from './SearchSettingsButton';

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

@@ -0,0 +1,17 @@
+"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("./SearchSettingsButton"), exports);

package/dist/cjs/components/MainMenu/Search/SearchSettingsButton/styles.module.css

@@ -0,0 +1,11 @@
+.searchSettings{
+  border-left:1px solid var(--sys-neutral-decor-default, #dde0ea);
+  height:100%;
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+}
+
+.searchSettingsButton{
+  margin-left:var(--dimension-1m, 8px);
+}

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

@@ -0,0 +1,3 @@
+export * from './SearchDesktop';
+export * from './SearchMobile';
+export * from './types';

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

@@ -0,0 +1,19 @@
+"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("./SearchDesktop"), exports);
+__exportStar(require("./SearchMobile"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,14 @@
+import { LinksGroup } from '../types';
+export type SearchHandler = (searchValue: string, items: LinksGroup[]) => LinksGroup[] | undefined;
+export type SearchFunction = {
+    id: string;
+    label: string;
+    handler: SearchHandler;
+};
+export type SearchProps = {
+    searchValue: string;
+    onSearchValueChange(value: string): void;
+    searchFunctions: SearchFunction[];
+    onChangeSearchFn(id: string): void;
+    searchFn?: string;
+};

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

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

package/dist/cjs/components/MainMenu/Search/useSearch.d.ts

@@ -0,0 +1,8 @@
+import { SearchProps } from './types';
+export declare enum SearchGroupsAccessor {
+    GroupLabelText = "label.text",
+    ItemLabelText = "items.label",
+    ItemAliases = "items.aliases"
+}
+export declare function toggleLayout(text: string): string;
+export declare function useSearch(): SearchProps;

package/dist/cjs/components/MainMenu/Search/useSearch.js

@@ -0,0 +1,169 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchGroupsAccessor = void 0;
+exports.toggleLayout = toggleLayout;
+exports.useSearch = useSearch;
+const fuse_js_1 = __importDefault(require("fuse.js"));
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+var SearchGroupsAccessor;
+(function (SearchGroupsAccessor) {
+    SearchGroupsAccessor["GroupLabelText"] = "label.text";
+    SearchGroupsAccessor["ItemLabelText"] = "items.label";
+    SearchGroupsAccessor["ItemAliases"] = "items.aliases";
+})(SearchGroupsAccessor || (exports.SearchGroupsAccessor = SearchGroupsAccessor = {}));
+function matchSearchString(value, search) {
+    return value.trim().toLowerCase().includes(search.trim().toLowerCase());
+}
+const prepareItemAccessorKey = (groupId, alias) => `${groupId}-${alias}`;
+function createItemsMap(links) {
+    const itemsMap = {};
+    links.forEach(group => {
+        group.items.forEach(item => {
+            item.aliases.forEach(alias => {
+                const key = prepareItemAccessorKey(group.id, alias);
+                itemsMap[key] = item;
+            });
+        });
+    });
+    return itemsMap;
+}
+const enCharacters = "qwertyuiop[]asdfghjkl;'zxcvbnm,./`";
+const ruCharacters = 'йцукенгшщзхъфывапролджэячсмитьбю.ё';
+const enToRuMap = {};
+const ruToEnMap = {};
+for (let i = 0; i < enCharacters.length; i++) {
+    enToRuMap[enCharacters[i]] = ruCharacters[i];
+    ruToEnMap[ruCharacters[i]] = enCharacters[i];
+}
+function convertLayout(text, direction = 'en-ru') {
+    const map = direction === 'en-ru' ? enToRuMap : ruToEnMap;
+    return text
+        .split('')
+        .map(ch => { var _a; return (_a = map[ch]) !== null && _a !== void 0 ? _a : ch; })
+        .join('');
+}
+function isCyrillic(text) {
+    return /[а-яё]/i.test(text);
+}
+function isLatin(text) {
+    return /[a-z]/i.test(text);
+}
+function toggleLayout(text) {
+    const lowercaseValue = text.toLowerCase();
+    if (isCyrillic(lowercaseValue)) {
+        return convertLayout(lowercaseValue, 'ru-en');
+    }
+    if (isLatin(lowercaseValue)) {
+        return convertLayout(lowercaseValue, 'en-ru');
+    }
+    return text;
+}
+function useSearch() {
+    const [searchValue, onSearchValueChange] = (0, react_1.useState)('');
+    const { t } = (0, uikit_product_locale_1.useLocale)('Header');
+    const [searchFn, onChangeSearchFn] = (0, react_1.useState)('fuzzy');
+    const searchFunctions = (0, react_1.useMemo)(() => [
+        {
+            id: 'fuzzy',
+            label: t('searchSettingsFuzzyChipLabel'),
+            handler: (searchValue, links) => {
+                if (!searchValue) {
+                    return links;
+                }
+                const itemsMap = createItemsMap(links);
+                const linksFuse = new fuse_js_1.default(links, {
+                    keys: Object.values(SearchGroupsAccessor),
+                    includeMatches: true,
+                    threshold: 0.3,
+                });
+                let fuseSearchResults = linksFuse.search(searchValue);
+                if (fuseSearchResults.length < 1) {
+                    const fixedLayoutValue = toggleLayout(searchValue);
+                    fuseSearchResults = linksFuse.search(fixedLayoutValue);
+                }
+                return fuseSearchResults.reduce((accResult, fuseResult) => {
+                    if (!fuseResult.matches) {
+                        return accResult;
+                    }
+                    const isMatchByGroup = fuseResult.matches.find(match => match.key === SearchGroupsAccessor.GroupLabelText);
+                    if (isMatchByGroup) {
+                        accResult.push(fuseResult.item);
+                        return accResult;
+                    }
+                    const group = fuseResult.item;
+                    const originalGroupIndex = fuseResult.refIndex;
+                    const itemsInnerMap = {};
+                    const items = [];
+                    fuseResult.matches.forEach(match => {
+                        if (match.refIndex === undefined) {
+                            return;
+                        }
+                        switch (match.key) {
+                            case SearchGroupsAccessor.ItemLabelText: {
+                                const item = links[originalGroupIndex].items[match.refIndex];
+                                if (item && !itemsInnerMap[item.id]) {
+                                    itemsInnerMap[item.id] = item;
+                                    items.push(item);
+                                }
+                                break;
+                            }
+                            case SearchGroupsAccessor.ItemAliases: {
+                                if (!match.value) {
+                                    break;
+                                }
+                                const groupId = fuseResult.item.id;
+                                const alias = match.value;
+                                const key = prepareItemAccessorKey(groupId, alias);
+                                const item = itemsMap[key];
+                                if (item && !itemsInnerMap[item.id]) {
+                                    itemsInnerMap[item.id] = item;
+                                    items.push(item);
+                                }
+                                break;
+                            }
+                            case SearchGroupsAccessor.GroupLabelText:
+                            default:
+                                return;
+                        }
+                    });
+                    if (items.length > 0) {
+                        accResult.push(Object.assign(Object.assign({}, group), { items }));
+                    }
+                    return accResult;
+                }, []);
+            },
+        },
+        {
+            id: 'precise',
+            label: t('searchSettingsPreciseChipLabel'),
+            handler: (searchValue, links) => {
+                if (!searchValue || links.length < 1) {
+                    return links;
+                }
+                return links.reduce((result, group) => {
+                    if (group.label && matchSearchString(group.label.text, searchValue)) {
+                        result.push(group);
+                        return result;
+                    }
+                    const items = group.items.filter(item => matchSearchString(item.label, searchValue));
+                    if (items.length > 0) {
+                        result.push(Object.assign(Object.assign({}, group), { items }));
+                        return result;
+                    }
+                    return result;
+                }, []);
+            },
+        },
+    ], [t]);
+    return {
+        searchValue,
+        onSearchValueChange,
+        searchFunctions,
+        onChangeSearchFn,
+        searchFn,
+    };
+}

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

@@ -0,0 +1,10 @@
+import { LinksGroup, MainMenuProps } from './types';
+export declare function useHighlight(className: string): (elementToHighlight?: HTMLElement | null) => void;
+type UseMenuItemsProps = Pick<MainMenuProps, 'favorite' | 'serviceGroups' | 'search'>;
+export declare function useMenuItems({ search, serviceGroups, favorite }: UseMenuItemsProps): {
+    resultItems: LinksGroup[];
+    groupItems: import("@snack-uikit/list/dist/esm/components/Items").BaseItem[];
+    searchRef: import("react").RefObject<HTMLInputElement>;
+    scrollRef: import("react").RefObject<HTMLDivElement>;
+};
+export {};

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

@@ -0,0 +1,108 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHighlight = useHighlight;
+exports.useMenuItems = useMenuItems;
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function useHighlight(className) {
+    const element = (0, react_1.useRef)();
+    const highlight = (0, react_1.useMemo)(() => {
+        const scheduleHighlight = (0, lodash_debounce_1.default)(() => {
+            var _a;
+            (_a = element.current) === null || _a === void 0 ? void 0 : _a.classList.add(className);
+            setTimeout(() => {
+                var _a;
+                (_a = element.current) === null || _a === void 0 ? void 0 : _a.classList.remove(className);
+                element.current = undefined;
+            }, 300, { trailing: false });
+        }, 80);
+        return (elementToHighlight) => {
+            if (elementToHighlight) {
+                element.current = elementToHighlight;
+            }
+            scheduleHighlight();
+        };
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return highlight;
+}
+function useMenuItems({ search, serviceGroups, favorite }) {
+    var _a, _b;
+    const { t } = (0, uikit_product_locale_1.useLocale)('Header');
+    const { searchValue = '', searchFn, searchFunctions, onSearchValueChange } = search || {};
+    const searchRef = (0, react_1.useRef)(null);
+    const scrollRef = (0, react_1.useRef)(null);
+    const highlight = useHighlight(styles_module_scss_1.default.highlight);
+    const groupWithFavorites = (0, react_1.useMemo)(() => {
+        if (!favorite || !favorite.value) {
+            return serviceGroups;
+        }
+        const flatMapItems = serviceGroups.flatMap(serviceGroup => serviceGroup.items);
+        const favoriteServices = favorite.value.reduce((acc, cur) => {
+            const item = flatMapItems.find(item => item.id === cur);
+            if (item) {
+                acc.push(item);
+            }
+            return acc;
+        }, []);
+        return [
+            {
+                id: 'favorite',
+                label: {
+                    text: t('favorite'),
+                },
+                items: favoriteServices,
+            },
+        ].concat(serviceGroups);
+    }, [favorite, serviceGroups, t]);
+    const groupItems = groupWithFavorites
+        .filter(group => group.items.length > 0)
+        .map(({ id, label: { text } }) => ({
+        id,
+        content: {
+            option: text,
+            truncate: {
+                option: 2,
+            },
+        },
+        onClick() {
+            onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange('');
+            setTimeout(() => {
+                var _a, _b;
+                // TODO: remove or move
+                // eslint-disable-next-line @cloud-ru/ssr-safe-react/domApi
+                const element = document.getElementById(id);
+                if (!element)
+                    return;
+                (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+                    left: 0,
+                    top: element.offsetTop - (((_b = searchRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
+                    behavior: 'smooth',
+                });
+                // Задержка approximately равна времени скроллинга
+                setTimeout(() => {
+                    highlight(element);
+                }, 500);
+            }, 0);
+        },
+    }));
+    const searchFnMap = searchFunctions === null || searchFunctions === void 0 ? void 0 : searchFunctions.reduce((acc, cur) => {
+        acc[cur.id] = cur.handler;
+        return acc;
+    }, {});
+    const itemsWithoutEmptyGroups = groupWithFavorites.filter(group => group.items.length > 0);
+    const resultItems = ((_b = (searchFn ? searchFnMap === null || searchFnMap === void 0 ? void 0 : searchFnMap[searchFn] : (_a = searchFunctions === null || searchFunctions === void 0 ? void 0 : searchFunctions[0]) === null || _a === void 0 ? void 0 : _a.handler)) === null || _b === void 0 ? void 0 : _b(searchValue, itemsWithoutEmptyGroups)) ||
+        itemsWithoutEmptyGroups;
+    return {
+        resultItems,
+        groupItems,
+        searchRef,
+        scrollRef,
+    };
+}

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

@@ -0,0 +1,4 @@
+export * from './MainMenu';
+export * from './types';
+export * from './Search/useSearch';
+export * from './Search/types';

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

@@ -0,0 +1,20 @@
+"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("./types"), exports);
+__exportStar(require("./Search/useSearch"), exports);
+__exportStar(require("./Search/types"), exports);

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

@@ -0,0 +1,28 @@
+.highlight{
+  animation:shake-animation 300ms ease 1;
+  transform-origin:100% 100%;
+}
+
+@keyframes shake-animation{
+  0%{
+    transform:translate(0, 0);
+  }
+  18%{
+    transform:translate(5px, 0);
+  }
+  35%{
+    transform:translate(0, 0);
+  }
+  53%{
+    transform:translate(5px, 0);
+  }
+  71%{
+    transform:translate(0, 0);
+  }
+  89%{
+    transform:translate(3px, 0);
+  }
+  100%{
+    transform:translate(0, 0);
+  }
+}

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

@@ -0,0 +1,49 @@
+import { JSXElementConstructor, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { CardServiceSmallProps } from '@sbercloud/uikit-product-card-predefined';
+import { ListProps } from '@snack-uikit/list';
+import { SearchProps } from './Search/types';
+export type InnerLink = {
+    id: string;
+    icon: JSXElementConstructor<{
+        size?: number;
+        className?: string;
+    }>;
+    label: string;
+    onClick(e?: MouseEvent<HTMLElement>): void;
+    href?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    badge?: CardServiceSmallProps['promoBadge'];
+    aliases: string[];
+};
+type TitleStatic = {
+    text: string;
+    onClick?: never;
+};
+type TitleClickable = {
+    text: string;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+};
+export type LinksGroupTitle = TitleStatic | TitleClickable;
+export type LinksGroup = {
+    id: string;
+    label: LinksGroupTitle;
+    hidden?: boolean;
+    items: InnerLink[];
+};
+export type MainMenuProps = {
+    open?: boolean;
+    setOpen?(open: boolean): void;
+    leftTop?: ReactNode;
+    rightTop?: ReactNode;
+    settingItems: ListProps['items'];
+    serviceGroups: LinksGroup[];
+    onLinkChange?(value: string): void;
+    favorite?: {
+        value: string[];
+        onChange: (productId: string) => (addingValue: boolean) => void;
+    };
+    search?: SearchProps;
+    isMobile?: 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/PathBreadcrumbs/PathBreadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbsProps } from '@snack-uikit/breadcrumbs';
+type PathBreadcrumbsProps = {
+    items: BreadcrumbsProps['items'];
+    isMobile?: boolean;
+};
+export declare function PathBreadcrumbs({ isMobile, items }: PathBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/PathBreadcrumbs/PathBreadcrumbs.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PathBreadcrumbs = PathBreadcrumbs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const breadcrumbs_1 = require("@snack-uikit/breadcrumbs");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PathBreadcrumbs({ isMobile, items }) {
+    return ((0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { items: items, className: styles_module_scss_1.default.breadcrumbs, inactiveLastItem: items.length > 1, separator: '/', size: isMobile ? 'xs' : 's', "data-test-id": 'header__breadcrumbs' }));
+}

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

@@ -0,0 +1 @@
+export * from './PathBreadcrumbs';