@gravity-ui/navigation 2.33.0 → 3.0.0-beta-lunory.0

package/build/cjs/index.js

@@ -1,199 +1,37 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AsideHeader = require('./AsideHeader.js');
-var AsideHeaderContext = require('./AsideHeaderContext.js');
-var FooterItem = require('./FooterItem.js');
-var PageLayout = require('./PageLayout.js');
-var PageLayoutAside = require('./PageLayoutAside-56a441a9.js');
-var AsideFallback = require('./AsideFallback.js');
-var Drawer = require('./Drawer.js');
-var FooterItem$1 = require('./FooterItem-d34d84ed.js');
-var React = require('react');
-var uikit = require('@gravity-ui/uikit');
-var debounce = require('./debounce-8772fd80.js');
-var cn = require('./cn-9933321a.js');
-var tslib_es6 = require('./tslib.es6-705c6589.js');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var icons = require('@gravity-ui/icons');
-var ActionBar = require('./ActionBar-3c6cdf57.js');
-var Title = require('./Title-54580605.js');
-var HotkeysPanel = require('./HotkeysPanel-1c05ffa8.js');
-var Settings = require('./Settings-8dc2a8ee.js');
-require('./Item-ff6bc440.js');
-require('./constants-d81c3867.js');
-require('./Content-64d5738a.js');
-require('./utils-db3e03c2.js');
+var index = require('./index-j1vouNtm.js');
+require('react');
+require('@bem-react/classname');
+require('@gravity-ui/uikit');
+require('@gravity-ui/icons');
 require('@gravity-ui/uikit/i18n');
-require('./divider-collapsed-b743122e.js');
 require('react-dom');
-require('@bem-react/classname');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useOverflowingHorizontalListItems({ containerRef, items, itemSelector, moreButtonWidth = 0, }) {
-    const [containerWidth, setContainerWidth] = React.useState(0);
-    const [itemWidths, setItemWidths] = React.useState([]);
-    React.useLayoutEffect(() => {
-        if (!containerRef.current) {
-            return;
-        }
-        const measureItemSizes = () => {
-            var _a, _b;
-            const itemElements = Array.from((_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(itemSelector)) !== null && _b !== void 0 ? _b : []);
-            setItemWidths(itemElements.map((item) => item.clientWidth));
-        };
-        measureItemSizes();
-    }, [containerRef, itemSelector]);
-    React.useLayoutEffect(() => {
-        const footerMenu = containerRef.current;
-        if (!footerMenu) {
-            return;
-        }
-        const updateContainerSize = (entries) => {
-            if (entries.length > 0 && footerMenu) {
-                setContainerWidth(entries[0].contentRect.width);
-            }
-        };
-        const updateContainerSizeDebounced = debounce.debounce_1(updateContainerSize, 100);
-        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);
-        footerMenuResizeObserver.observe(footerMenu);
-    }, [containerRef]);
-    const isMeasured = containerWidth > 0;
-    const { visibleItems, hiddenItems } = React.useMemo(() => {
-        var _a, _b;
-        if (!isMeasured) {
-            return {
-                visibleItems: items !== null && items !== void 0 ? items : [],
-                hiddenItems: [],
-            };
-        }
-        const itemsCount = itemWidths.length;
-        let visibleItemsCount = 0;
-        let remainingContainerWidth = containerWidth;
-        for (const width of itemWidths) {
-            remainingContainerWidth -= width;
-            if (remainingContainerWidth < moreButtonWidth) {
-                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;
-                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;
-                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {
-                    break;
-                }
-            }
-            visibleItemsCount++;
-        }
-        return {
-            visibleItems: (_a = items === null || items === void 0 ? void 0 : items.slice(0, visibleItemsCount)) !== null && _a !== void 0 ? _a : [],
-            hiddenItems: (_b = items === null || items === void 0 ? void 0 : items.slice(visibleItemsCount)) !== null && _b !== void 0 ? _b : [],
-        };
-    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);
-    return { visibleItems, hiddenItems, measured: isMeasured };
-}
-
-var css_248z$2 = ".gn-footer-menu-item{align-items:center;align-self:stretch;display:flex;height:100%;justify-content:center}.gn-footer-menu-item .g-menu__item-content{color:var(--g-color-text-secondary);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gn-footer-menu-item[class]:hover{background-color:inherit}.gn-footer-menu-item[class]:hover[href] .g-menu__item-content{color:var(--g-color-text-link-hover)}";
-styleInject_es.styleInject(css_248z$2);
-
-const b$2 = cn.block('footer-menu-item');
-const MenuItem = (_a) => {
-    var { text, className } = _a, menuItemProps = tslib_es6.__rest(_a, ["text", "className"]);
-    return (React__default["default"].createElement(uikit.Menu.Item, Object.assign({ className: b$2(null, className) }, menuItemProps), text));
-};
-
-const moreItemsPopupProps = {
-    placement: 'top-start',
-};
-
-var css_248z$1 = ".gn-footer_desktop{align-items:center;background:var(--g-color-base-background);display:flex;gap:var(--g-spacing-6);height:40px;justify-content:flex-end;padding:0 var(--g-spacing-6) 0 var(--g-spacing-3)}.gn-footer_desktop .gn-footer__menu{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0;visibility:hidden}.gn-footer_desktop .gn-footer__menu_measured{visibility:visible}.gn-footer_desktop .gn-footer__list[class]{background-color:inherit;display:flex;height:100%;padding:0}.gn-footer_desktop .gn-footer__more-button svg{color:var(--g-color-text-secondary)}.gn-footer_desktop .gn-footer__right{align-items:center;display:flex;gap:var(--g-spacing-5)}.gn-footer_desktop .gn-footer__copyright{color:var(--g-color-text-secondary);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height);white-space:nowrap}.gn-footer_desktop .gn-footer__copyright_small{font-size:var(--g-text-caption-2-font-size);font-weight:var(--g-text-caption-font-weight);line-height:var(--g-text-caption-2-line-height)}.gn-footer_with-divider{border-top:1px solid var(--g-color-line-generic)}.gn-footer_view_clear{background:transparent;z-index:-1}";
-styleInject_es.styleInject(css_248z$1);
-
-const b$1 = cn.block('footer');
-const Footer = ({ className, menuItems: providedMenuItems, withDivider, moreButtonTitle, onMoreButtonClick, view = 'normal', logo, logoWrapperClassName, copyright, }) => {
-    var _a;
-    const menuContainerRef = React.useRef(null);
-    const menuItems = view === 'clear' ? undefined : providedMenuItems;
-    const { visibleItems, hiddenItems, measured } = useOverflowingHorizontalListItems({
-        containerRef: menuContainerRef,
-        items: menuItems,
-        itemSelector: `.${b$1('menu-item')}`,
-        moreButtonWidth: 28,
-    });
-    const moreButtonProps = React.useMemo(() => ({
-        title: moreButtonTitle,
-    }), [moreButtonTitle]);
-    const dropdownMenuItems = React.useMemo(() => hiddenItems.map((item) => (Object.assign(Object.assign({}, item), { action: item.onClick }))), [hiddenItems]);
-    const shouldRenderLogo = view !== 'clear' && Boolean(logo);
-    const shouldRenderMenu = ((_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) !== null && _a !== void 0 ? _a : 0) > 0;
-    return (React__default["default"].createElement("footer", { className: b$1({ desktop: true, 'with-divider': withDivider, view }, className) },
-        shouldRenderMenu && (React__default["default"].createElement("div", { className: b$1('menu', { measured }), ref: menuContainerRef },
-            visibleItems.length > 0 && (React__default["default"].createElement(uikit.Menu, { className: b$1('list') }, visibleItems.map((item, index) => (React__default["default"].createElement(MenuItem, Object.assign({ key: index }, item, { className: b$1('menu-item', item.className) })))))),
-            dropdownMenuItems.length > 0 && (React__default["default"].createElement(uikit.DropdownMenu, { items: dropdownMenuItems, switcherWrapperClassName: b$1('more-button'), popupProps: moreItemsPopupProps, defaultSwitcherProps: moreButtonProps, onSwitcherClick: onMoreButtonClick })))),
-        React__default["default"].createElement("div", { className: b$1('right') },
-            React__default["default"].createElement("small", { className: b$1('copyright', { small: !(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) }) }, copyright),
-            shouldRenderLogo && (React__default["default"].createElement("div", { className: logoWrapperClassName },
-                React__default["default"].createElement(PageLayoutAside.Logo, Object.assign({}, logo)))))));
-};
-
-var css_248z = ".gn-footer_mobile{background:var(--g-color-base-background);display:flex;flex-direction:column;padding:var(--g-spacing-1) var(--g-spacing-6) var(--g-spacing-3) var(--g-spacing-3)}.gn-footer_mobile .gn-footer_with-divider{border-top:1px solid var(--g-color-line-generic)}.gn-footer_mobile .gn-footer__menu{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.gn-footer_mobile .gn-footer__menu_measured{visibility:visible}.gn-footer_mobile .gn-footer__list[class]{background-color:inherit;display:flex;padding:0}.gn-footer_mobile .gn-footer__menu-item{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.gn-footer_mobile .gn-footer__bottom-row{align-items:center;display:flex;justify-content:space-between}.gn-footer_mobile .gn-footer__copyright{color:var(--g-color-text-secondary);font-size:var(--g-text-caption-2-font-size);font-weight:var(--g-text-caption-font-weight);line-height:var(--g-text-caption-2-line-height);padding:0 var(--g-spacing-3);white-space:nowrap}.gn-footer__modal .gn-footer__menu-item{color:var(--g-color-text-primary);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);height:48px;line-height:var(--g-text-body-2-line-height)}.gn-footer_view_clear{background:transparent;z-index:-1}.gn-footer_view_clear .gn-footer__bottom-row{justify-content:flex-end}";
-styleInject_es.styleInject(css_248z);
-
-const b = cn.block('footer');
-const modalId = 'footer-more-items';
-const MobileFooter = ({ className, menuItems: providedMenuItems, withDivider, moreButtonTitle, onMoreButtonClick, view = 'normal', logo, logoWrapperClassName, copyright, }) => {
-    const [moreItemsMenuVisible, setMoreItemsMenuVisible] = React.useState(false);
-    const menuContainerRef = React.useRef(null);
-    const handleOpenMoreItemsMenu = React.useCallback((event) => {
-        setMoreItemsMenuVisible(true);
-        onMoreButtonClick === null || onMoreButtonClick === void 0 ? void 0 : onMoreButtonClick(event);
-    }, [onMoreButtonClick]);
-    const handleCloseMoreItemsMenu = React.useCallback(() => {
-        setMoreItemsMenuVisible(false);
-    }, []);
-    const menuItems = view === 'clear' ? undefined : providedMenuItems;
-    const { visibleItems, hiddenItems, measured } = useOverflowingHorizontalListItems({
-        containerRef: menuContainerRef,
-        items: menuItems,
-        itemSelector: `.${b('menu-item')}`,
-        moreButtonWidth: 28,
-    });
-    const renderMenu = (items) => (React__default["default"].createElement(uikit.Menu, { className: b('list') }, items.map((item, index) => (React__default["default"].createElement(MenuItem, Object.assign({ key: index }, item, { className: b('menu-item', item.className) }))))));
-    const shouldRenderLogo = view !== 'clear' && Boolean(logo);
-    return (React__default["default"].createElement("footer", { className: b({ mobile: true, 'with-divider': withDivider, view }, className) },
-        React__default["default"].createElement("div", { className: b('menu', { measured }), ref: menuContainerRef },
-            visibleItems.length > 0 && renderMenu(visibleItems),
-            hiddenItems.length > 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(uikit.Button, { view: "flat-secondary", size: "l", onClick: handleOpenMoreItemsMenu, title: moreButtonTitle },
-                    React__default["default"].createElement(uikit.Icon, { data: icons.Ellipsis, size: 16 })),
-                React__default["default"].createElement(uikit.Sheet, { id: modalId, visible: moreItemsMenuVisible, className: b('modal'), contentClassName: b('modal-content'), onClose: handleCloseMoreItemsMenu }, renderMenu(hiddenItems))))),
-        React__default["default"].createElement("div", { className: b('bottom-row') },
-            React__default["default"].createElement("small", { className: b('copyright') }, copyright),
-            shouldRenderLogo && (React__default["default"].createElement("div", { className: logoWrapperClassName },
-                React__default["default"].createElement(PageLayoutAside.Logo, Object.assign({}, logo)))))));
-};
-
-exports.AsideHeader = AsideHeader.AsideHeader;
-exports.AsideHeaderContextProvider = AsideHeaderContext.AsideHeaderContextProvider;
-exports.useAsideHeaderContext = AsideHeaderContext.useAsideHeaderContext;
-exports.FooterItem = FooterItem.FooterItem;
-exports.PageLayout = PageLayout.PageLayout;
-exports.Logo = PageLayoutAside.Logo;
-exports.PageLayoutAside = PageLayoutAside.PageLayoutAside;
-exports.AsideFallback = AsideFallback.AsideFallback;
-exports.Drawer = Drawer.Drawer;
-exports.DrawerItem = Drawer.DrawerItem;
-exports.MOBILE_HEADER_EVENT_NAMES = FooterItem$1.MOBILE_HEADER_EVENT_NAMES;
-exports.MobileHeader = FooterItem$1.MobileHeader;
-exports.MobileHeaderFooterItem = FooterItem$1.FooterItem;
-exports.MobileLogo = FooterItem$1.MobileLogo;
-exports.getMobileHeaderCustomEvent = FooterItem$1.getMobileHeaderCustomEvent;
-exports.ActionBar = ActionBar.PublicActionBar;
-exports.Title = Title.Title;
-exports.HotkeysPanel = HotkeysPanel.HotkeysPanel;
-exports.Settings = Settings.Settings;
-exports.useSettingsContext = Settings.useSettingsContext;
-exports.useSettingsSelectionContext = Settings.useSettingsSelectionContext;
-exports.Footer = Footer;
-exports.MobileFooter = MobileFooter;
+require('@gravity-ui/uikit/legacy');
+
+
+
+exports.ActionBar = index.PublicActionBar;
+exports.AsideFallback = index.AsideFallback;
+exports.AsideHeader = index.AsideHeader;
+exports.AsideHeaderContextProvider = index.AsideHeaderContextProvider;
+exports.Drawer = index.Drawer;
+exports.DrawerItem = index.DrawerItem;
+exports.Footer = index.Footer;
+exports.FooterItem = index.FooterItem;
+exports.HotkeysPanel = index.HotkeysPanel;
+exports.Logo = index.Logo;
+exports.MOBILE_HEADER_EVENT_NAMES = index.MOBILE_HEADER_EVENT_NAMES;
+exports.MobileFooter = index.MobileFooter;
+exports.MobileHeader = index.MobileHeader;
+exports.MobileHeaderFooterItem = index.FooterItem$1;
+exports.MobileLogo = index.MobileLogo;
+exports.PageLayout = index.PageLayout;
+exports.PageLayoutAside = index.PageLayoutAside;
+exports.Settings = index.Settings;
+exports.Title = index.Title;
+exports.getMobileHeaderCustomEvent = index.getMobileHeaderCustomEvent;
+exports.useAsideHeaderContext = index.useAsideHeaderContext;
+exports.useSettingsContext = index.useSettingsContext;
+exports.useSettingsSelectionContext = index.useSettingsSelectionContext;
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.ts","../../../src/components/Footer/MenuItem/MenuItem.tsx","../../../src/components/Footer/desktop/constants/moreItemsPopupProps.ts","../../../src/components/Footer/desktop/Footer.tsx","../../../src/components/Footer/mobile/Footer.tsx"],"sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\nimport type {RefObject} from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nexport type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {\n    containerRef: RefObject<HTMLElement>;\n    items?: ItemType[];\n    itemSelector: string;\n    moreButtonWidth?: number;\n};\n\nexport function useOverflowingHorizontalListItems<ItemType>({\n    containerRef,\n    items,\n    itemSelector,\n    moreButtonWidth = 0,\n}: UseOverflowingContainerListItemsProps<ItemType>) {\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n    const [itemWidths, setItemWidths] = useState<number[]>([]);\n\n    useLayoutEffect(() => {\n        if (!containerRef.current) {\n            return;\n        }\n\n        const measureItemSizes = () => {\n            const itemElements = Array.from(\n                containerRef.current?.querySelectorAll(itemSelector) ?? [],\n            );\n            setItemWidths(itemElements.map((item) => item.clientWidth));\n        };\n\n        measureItemSizes();\n    }, [containerRef, itemSelector]);\n\n    useLayoutEffect(() => {\n        const footerMenu = containerRef.current;\n        if (!footerMenu) {\n            return;\n        }\n\n        const updateContainerSize = (entries: ResizeObserverEntry[]) => {\n            if (entries.length > 0 && footerMenu) {\n                setContainerWidth(entries[0].contentRect.width);\n            }\n        };\n\n        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);\n        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);\n\n        footerMenuResizeObserver.observe(footerMenu);\n    }, [containerRef]);\n\n    const isMeasured = containerWidth > 0;\n\n    const {visibleItems, hiddenItems} = useMemo(() => {\n        if (!isMeasured) {\n            return {\n                visibleItems: items ?? [],\n                hiddenItems: [],\n            };\n        }\n\n        const itemsCount = itemWidths.length;\n        let visibleItemsCount = 0;\n        let remainingContainerWidth = containerWidth;\n        for (const width of itemWidths) {\n            remainingContainerWidth -= width;\n            if (remainingContainerWidth < moreButtonWidth) {\n                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;\n                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;\n                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {\n                    break;\n                }\n            }\n\n            visibleItemsCount++;\n        }\n\n        return {\n            visibleItems: items?.slice(0, visibleItemsCount) ?? [],\n            hiddenItems: items?.slice(visibleItemsCount) ?? [],\n        };\n    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);\n\n    return {visibleItems, hiddenItems, measured: isMeasured};\n}\n","import React from 'react';\nimport type {FC} from 'react';\n\nimport {Menu} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {FooterMenuItem} from '../types';\n\nimport './MenuItem.scss';\n\nconst b = block('footer-menu-item');\n\nexport type MenuItemProps = FooterMenuItem;\n\nexport const MenuItem: FC<MenuItemProps> = ({text, className, ...menuItemProps}) => {\n    return (\n        <Menu.Item className={b(null, className)} {...menuItemProps}>\n            {text}\n        </Menu.Item>\n    );\n};\n","import {PopupProps} from '@gravity-ui/uikit';\n\nexport const moreItemsPopupProps: PopupProps = {\n    placement: 'top-start',\n};\n","import React, {useMemo, useRef} from 'react';\nimport type {FC} from 'react';\n\nimport {DropdownMenu, Menu} from '@gravity-ui/uikit';\nimport type {DropdownMenuItem} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {block} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterProps} from '../types';\n\nimport {moreItemsPopupProps} from './constants/moreItemsPopupProps';\n\nimport './Footer.scss';\n\nconst b = block('footer');\n\nexport const Footer: FC<FooterProps> = ({\n    className,\n    menuItems: providedMenuItems,\n    withDivider,\n    moreButtonTitle,\n    onMoreButtonClick,\n    view = 'normal',\n    logo,\n    logoWrapperClassName,\n    copyright,\n}) => {\n    const menuContainerRef = useRef<HTMLDivElement>(null);\n\n    const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n    const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n        containerRef: menuContainerRef,\n        items: menuItems,\n        itemSelector: `.${b('menu-item')}`,\n        moreButtonWidth: 28,\n    });\n\n    const moreButtonProps = useMemo(\n        () => ({\n            title: moreButtonTitle,\n        }),\n        [moreButtonTitle],\n    );\n\n    const dropdownMenuItems = useMemo(\n        () =>\n            hiddenItems.map(\n                (item) =>\n                    ({\n                        ...item,\n                        action: item.onClick,\n                    }) as DropdownMenuItem,\n            ),\n        [hiddenItems],\n    );\n\n    const shouldRenderLogo = view !== 'clear' && Boolean(logo);\n    const shouldRenderMenu = (menuItems?.length ?? 0) > 0;\n\n    return (\n        <footer className={b({desktop: true, 'with-divider': withDivider, view}, className)}>\n            {shouldRenderMenu && (\n                <div className={b('menu', {measured})} ref={menuContainerRef}>\n                    {visibleItems.length > 0 && (\n                        <Menu className={b('list')}>\n                            {visibleItems.map((item, index) => (\n                                <MenuItem\n                                    key={index}\n                                    {...item}\n                                    className={b('menu-item', item.className)}\n                                />\n                            ))}\n                        </Menu>\n                    )}\n                    {dropdownMenuItems.length > 0 && (\n                        <DropdownMenu\n                            items={dropdownMenuItems}\n                            switcherWrapperClassName={b('more-button')}\n                            popupProps={moreItemsPopupProps}\n                            defaultSwitcherProps={moreButtonProps}\n                            onSwitcherClick={onMoreButtonClick}\n                        />\n                    )}\n                </div>\n            )}\n            <div className={b('right')}>\n                <small className={b('copyright', {small: !menuItems?.length})}>{copyright}</small>\n                {shouldRenderLogo && (\n                    <div className={logoWrapperClassName}>\n                        <Logo {...logo!} />\n                    </div>\n                )}\n            </div>\n        </footer>\n    );\n};\n","import React, {useCallback, useRef, useState} from 'react';\nimport type {FC} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Sheet} from '@gravity-ui/uikit';\n\nimport {useOverflowingHorizontalListItems} from '../../../hooks/useOverflowingHorizontalListItems';\nimport {Logo} from '../../Logo';\nimport {block} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterMenuItem, FooterProps} from '../types';\n\nimport './Footer.scss';\n\nconst b = block('footer');\n\nconst modalId = 'footer-more-items';\n\nexport const MobileFooter: FC<FooterProps> = ({\n    className,\n    menuItems: providedMenuItems,\n    withDivider,\n    moreButtonTitle,\n    onMoreButtonClick,\n    view = 'normal',\n    logo,\n    logoWrapperClassName,\n    copyright,\n}) => {\n    const [moreItemsMenuVisible, setMoreItemsMenuVisible] = useState(false);\n    const menuContainerRef = useRef<HTMLDivElement>(null);\n\n    const handleOpenMoreItemsMenu = useCallback(\n        (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            setMoreItemsMenuVisible(true);\n            onMoreButtonClick?.(event);\n        },\n        [onMoreButtonClick],\n    );\n\n    const handleCloseMoreItemsMenu = useCallback(() => {\n        setMoreItemsMenuVisible(false);\n    }, []);\n\n    const menuItems = view === 'clear' ? undefined : providedMenuItems;\n\n    const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalListItems({\n        containerRef: menuContainerRef,\n        items: menuItems,\n        itemSelector: `.${b('menu-item')}`,\n        moreButtonWidth: 28,\n    });\n\n    const renderMenu = (items: FooterMenuItem[]) => (\n        <Menu className={b('list')}>\n            {items.map((item, index) => (\n                <MenuItem key={index} {...item} className={b('menu-item', item.className)} />\n            ))}\n        </Menu>\n    );\n\n    const shouldRenderLogo = view !== 'clear' && Boolean(logo);\n\n    return (\n        <footer className={b({mobile: true, 'with-divider': withDivider, view}, className)}>\n            <div className={b('menu', {measured})} ref={menuContainerRef}>\n                {visibleItems.length > 0 && renderMenu(visibleItems)}\n                {hiddenItems.length > 0 && (\n                    <>\n                        <Button\n                            view=\"flat-secondary\"\n                            size=\"l\"\n                            onClick={handleOpenMoreItemsMenu}\n                            title={moreButtonTitle}\n                        >\n                            <Icon data={Ellipsis} size={16} />\n                        </Button>\n                        <Sheet\n                            id={modalId}\n                            visible={moreItemsMenuVisible}\n                            className={b('modal')}\n                            contentClassName={b('modal-content')}\n                            onClose={handleCloseMoreItemsMenu}\n                        >\n                            {renderMenu(hiddenItems)}\n                        </Sheet>\n                    </>\n                )}\n            </div>\n            <div className={b('bottom-row')}>\n                <small className={b('copyright')}>{copyright}</small>\n                {shouldRenderLogo && (\n                    <div className={logoWrapperClassName}>\n                        <Logo {...logo!} />\n                    </div>\n                )}\n            </div>\n        </footer>\n    );\n};\n"],"names":["useState","useLayoutEffect","debounceFn","useMemo","b","block","__rest","React","Menu","useRef","DropdownMenu","Logo","useCallback","Button","Icon","Ellipsis","Sheet"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/components/ActionBar/ActionBar.d.ts

@@ -9,15 +9,15 @@ declare const PublicActionBar: {
     displayName: string;
 } & {
     Section: {
-        ({ children, type }: import("./Section/ActionBarSection").Props): React.JSX.Element;
+        ({ children, type }: import(".").ActionBarSectionProps): React.JSX.Element;
         displayName: string;
     };
     Group: {
-        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): React.JSX.Element;
+        ({ children, className, pull }: import(".").ActionBarGroupProps): React.JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): React.JSX.Element;
+        ({ children, className, pull, spacing }: import(".").ActionBarItemProps): React.JSX.Element;
         displayName: string;
     };
     Separator: {

package/build/esm/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Meta } from '@storybook/react';
+import { ActionBar } from '../ActionBar';
+declare const _default: Meta<typeof ActionBar>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;
+export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;

package/build/esm/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarShowcase(): React.JSX.Element;

package/build/esm/components/ActionBar/__stories__/ActionBarSingleSection.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarSingleSection(): React.JSX.Element;

package/build/esm/components/ActionBar/__tests__/helpersPlaywright.d.ts

@@ -1,5 +1,5 @@
 import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
-declare const stories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultActionBarStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
 type ActionBarStoriesType = typeof stories;
 export declare const ActionBarStories: ActionBarStoriesType;
 export {};

package/build/esm/components/ActionBar/types.d.ts

@@ -1,3 +1,3 @@
 export type PropsWithPull<T> = T & {
-    pull?: 'left' | 'right' | 'center';
+    pull?: 'left' | 'left-grow' | 'right' | 'right-grow' | 'center' | 'center-grow';
 };

package/build/esm/components/AllPagesPanel/i18n/index.d.ts

@@ -1,2 +1,6 @@
-declare const _default: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

package/build/esm/components/AsideHeader/AsideHeaderContext.d.ts

@@ -5,7 +5,7 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: MenuItem[];
     defaultMenuItems?: MenuItem[];
     allPagesIsAvailable: boolean;
-    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 export declare const AsideHeaderInnerContext: React.Context<AsideHeaderInnerContextType | undefined>;
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;

package/build/esm/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    headerDecoration: boolean;
+    subheaderItemsCount: number;
+}>;
+/** @type {StoryFn} */
+export declare function LineClamp(): React.JSX.Element;

package/build/esm/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TopAlertProps } from '../..';
+import './AsideHeaderShowcase.scss';
+interface AsideHeaderShowcaseProps {
+    multipleTooltip?: boolean;
+    initialCompact?: boolean;
+    topAlert?: TopAlertProps;
+    customBackground?: React.ReactNode;
+    customBackgroundClassName?: string;
+    headerDecoration?: boolean;
+    hideCollapseButton?: boolean;
+}
+export declare const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps>;
+export {};

package/build/esm/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts

@@ -0,0 +1,3 @@
+import React, { FC } from 'react';
+import { AsideHeaderProps } from '../types';
+export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => React.JSX.Element;

package/build/esm/components/AsideHeader/__stories__/moc.d.ts

@@ -0,0 +1,6 @@
+import { AsideHeaderContextType } from '../AsideHeaderContext';
+import { AsideHeaderProps } from '../types';
+export declare const EMPTY_CONTEXT_VALUE: AsideHeaderContextType;
+export declare const menuItemsShowcase: AsideHeaderProps['menuItems'];
+export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";
+export declare const menuItemsClamped: import("../..").MenuItem[];

package/build/esm/components/AsideHeader/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultAsideHeaderStories from '../__stories__/AsideHeader.stories';
-export declare const AsideHeaderStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultAsideHeaderStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const AsideHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultAsideHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/esm/components/AsideHeader/components/index.d.ts

@@ -1,2 +1 @@
 export { FirstPanel } from './FirstPanel';
-export { TopPanel } from './TopPanel';

package/build/esm/components/AsideHeader/i18n/index.d.ts

@@ -1,2 +1,6 @@
-declare const _default: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-AsideHeader": Record<"button_collapse" | "button_expand" | "label_more", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

package/build/esm/components/AsideHeader/types.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { AsideHeaderTopAlertProps, LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem } from '../types';
+import { LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
 export interface LayoutProps {
     compact: boolean;
     className?: string;
-    topAlert?: AsideHeaderTopAlertProps;
+    topAlert?: TopAlertProps;
 }
 export interface EditMenuProps {
     onOpenEditMode?: () => void;
@@ -23,7 +22,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     collapseTitle?: string;
     expandTitle?: string;
     menuMoreTitle?: string;
-    topAlert?: AsideHeaderTopAlertProps;
+    topAlert?: TopAlertProps;
     customBackground?: React.ReactNode;
     customBackgroundClassName?: string;
     hideCollapseButton?: boolean;

package/build/esm/components/CompositeBar/CompositeBar.d.ts

@@ -10,7 +10,7 @@ type CompositeBarItems = {
     items: SubheaderMenuItem[];
 };
 export type CompositeBarProps = CompositeBarItems & {
-    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     multipleTooltip?: boolean;
     menuMoreTitle?: string;
     onMoreClick?: () => void;

package/build/esm/components/CompositeBar/HighlightedItem/HighlightedItem.d.ts

@@ -3,7 +3,7 @@ import './HighlightedItem.scss';
 interface ItemInnerProps {
     iconRef: React.RefObject<HTMLDivElement>;
     iconNode: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onClickCapture?: (event: React.SyntheticEvent) => void;
 }
 export declare const HighlightedItem: React.FC<ItemInnerProps>;

package/build/esm/components/CompositeBar/Item/Item.d.ts

@@ -4,18 +4,31 @@ import { MenuItem } from '../../types';
 import './Item.scss';
 interface ItemPopup {
     popupVisible?: PopupProps['open'];
+    /**
+     * floating element anchor ref object
+     *
+     * @deprecated Use `popupAnchorElement` instead
+     * */
     popupAnchor?: PopupProps['anchorRef'];
+    popupAnchorElement?: PopupProps['anchorElement'];
     popupPlacement?: PopupProps['placement'];
     popupOffset?: PopupProps['offset'];
     popupKeepMounted?: PopupProps['keepMounted'];
-    popupContentClassName?: PopupProps['contentClassName'];
     renderPopupContent?: () => React.ReactNode;
+    /**
+     * This callback will be called when Escape key pressed on keyboard, or click outside was made
+     * This behaviour could be disabled with `disableEscapeKeyDown`
+     * and `disableOutsideClick` options
+     *
+     * @deprecated Use `onOpenChangePopup` instead
+     */
     onClosePopup?: () => void;
+    onOpenChangePopup?: PopupProps['onOpenChange'];
 }
 export interface ItemProps extends ItemPopup {
     item: MenuItem;
     enableTooltip?: boolean;
-    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
     onCollapseItemClick?: () => void;
     bringForward?: boolean;

package/build/esm/components/Drawer/Drawer.d.ts

@@ -48,11 +48,6 @@ type DrawerChild = React.ReactElement<DrawerItemProps>;
 export interface DrawerProps {
     /** Child components to be rendered within the drawer. This can be a single child or an array of children. */
     children: DrawerChild | DrawerChild[];
-    /**
-     * Optional flag to prevent the body from scrolling when the drawer is open, `true` by default.
-     * @default true
-     */
-    preventScrollBody?: boolean;
     /** Optional additional class names to style the drawer component. */
     className?: string;
     /** Optional inline styles to be applied to the drawer component. */

package/build/esm/components/Drawer/__stories__/DisablePortal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './DisablePortal.scss';
+export declare function DisablePortalShowcase(): React.JSX.Element;

package/build/esm/components/Drawer/__stories__/Drawer.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const ResizableItem: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const DisablePortal: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HideVeil: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

package/build/esm/components/Drawer/__stories__/DrawerShowcase.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './DrawerShowcase.scss';
+export declare function DrawerShowcase(): React.JSX.Element;

package/build/esm/components/Drawer/__stories__/HideVeil.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './HideVeil.scss';
+export declare function HideVeilShowcase(): React.JSX.Element;

package/build/esm/components/Drawer/__stories__/ResizableItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './ResizableItem.scss';
+export declare function ResizableItemShowcase(): React.JSX.Element;

package/build/esm/components/Drawer/__stories__/moc.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PlaceholderText(): React.JSX.Element;

package/build/esm/components/Drawer/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultDrawerStories from '../__stories__/Drawer.stories';
-export declare const DrawerStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultDrawerStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const DrawerStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultDrawerStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/esm/components/Drawer/utils.d.ts

@@ -24,8 +24,7 @@ export interface UseResizableDrawerItemParams {
 export declare function useResizableDrawerItem(params: UseResizableDrawerItemParams): {
     resizedWidth: number;
     resizerHandlers: {
-        onMouseDown: (e: React.MouseEvent<Element, MouseEvent> | React.TouchEvent<Element>) => void;
-        onTouchStart: (e: React.MouseEvent<Element, MouseEvent> | React.TouchEvent<Element>) => void;
+        onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
+        onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
     };
-    isResizing: boolean;
 };

package/build/esm/components/Footer/desktop/__stories__/Footer.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { Footer } from '..';
+import { FooterProps } from '../../types';
+declare const _default: Meta<typeof Footer>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ClearView: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;

package/build/esm/components/Footer/desktop/__stories__/FooterShowcase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterProps } from '../../types';
+import './FooterShowcase.scss';
+export declare function FooterShowcase({ className, ...footerProps }: FooterProps): React.JSX.Element;

package/build/esm/components/Footer/desktop/__stories__/moc.d.ts

@@ -0,0 +1,3 @@
+import { FooterMenuItem } from '../../types';
+export declare const menuItems: FooterMenuItem[];
+export declare const longMenuItems: FooterMenuItem[];

package/build/esm/components/Footer/desktop/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultFooterStories from '../__stories__/Footer.stories';
-export declare const FooterStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultFooterStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const FooterStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultFooterStories>, keyof import("@storybook/core/types").Store_CSFExports>;