@gravity-ui/navigation 3.11.0 → 4.0.1

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

@@ -0,0 +1,7 @@
+export { AsideHeader } from './AsideHeader';
+export type { AsideHeaderProps, AsideHeaderItem, PanelItemProps } from './types';
+export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeaderContext';
+export { FooterItem, type FooterItemProps } from './components/FooterItem/FooterItem';
+export { PageLayout, type PageLayoutProps } from './components/PageLayout/PageLayout';
+export { PageLayoutAside } from './components/PageLayout/PageLayoutAside';
+export { AsideFallback } from './components/PageLayout/AsideFallback';

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

@@ -1,9 +1,14 @@
 import * as React from 'react';
-import { QAProps } from '@gravity-ui/uikit';
+import { PopupProps, QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
-import { DrawerItemProps } from '../Drawer/Drawer';
-import { LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps } from '../types';
+import { LogoProps, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
+export interface PanelItemProps {
+    id: string;
+    content?: React.ReactNode;
+    visible?: boolean;
+    className?: string;
+}
 export interface LayoutProps {
     compact: boolean;
     className?: string;
@@ -11,10 +16,10 @@ export interface LayoutProps {
 }
 interface EditMenuProps {
     onOpenEditMode?: () => void;
-    onToggleMenuItem?: (changedItem: MenuItem) => void;
+    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
-    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
+    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;
 }
 interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
@@ -45,11 +50,11 @@ interface AsideHeaderGeneralProps extends QAProps {
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
 interface AsideHeaderDefaultProps {
-    panelItems?: DrawerItemProps[];
-    subheaderItems?: SubheaderMenuItem[];
-    menuItems?: MenuItem[];
-    defaultMenuItems?: MenuItem[];
-    onMenuItemsChanged?: (items: MenuItem[]) => void;
+    panelItems?: PanelItemProps[];
+    subheaderItems?: AsideHeaderItem[];
+    menuItems?: AsideHeaderItem[];
+    defaultMenuItems?: AsideHeaderItem[];
+    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
     headerDecoration?: boolean;
 }
 export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps & AsideHeaderContextType;
@@ -58,4 +63,44 @@ export interface AsideHeaderProps extends AsideHeaderGeneralProps, LayoutProps,
 export declare enum InnerPanels {
     AllPages = "all-pages"
 }
+export interface AsideHeaderItem extends MenuItem {
+    enableTooltip?: boolean;
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    bringForward?: boolean;
+    compact?: boolean;
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupVisible?: PopupProps['open'];
+    /**
+     * Floating element anchor ref object
+     *
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupRef?: React.RefObject<HTMLElement>;
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupPlacement?: PopupProps['placement'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupOffset?: PopupProps['offset'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    popupKeepMounted?: PopupProps['keepMounted'];
+    /**
+     * @deprecated Use itemWrapper instead for popup functionality
+     */
+    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 itemWrapper instead for popup functionality
+     */
+    onOpenChangePopup?: PopupProps['onOpenChange'];
+}
 export {};

package/build/esm/components/AsideHeader/types.js

@@ -0,0 +1,7 @@
+var InnerPanels;
+(function (InnerPanels) {
+    InnerPanels["AllPages"] = "all-pages";
+})(InnerPanels || (InnerPanels = {}));
+
+export { InnerPanels };
+//# sourceMappingURL=types.js.map

package/build/esm/components/AsideHeader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps {\n    id: string;\n    content?: React.ReactNode;\n    visible?: boolean;\n    className?: string;\n}\n\nexport interface LayoutProps {\n    compact: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n}\n\ninterface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;\n}\n\ninterface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    multipleTooltip?: boolean;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            compact: boolean;\n            onChangeCompact?: (compact: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\ninterface AsideHeaderDefaultProps {\n    panelItems?: PanelItemProps[];\n    subheaderItems?: AsideHeaderItem[];\n    menuItems?: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n\nexport interface AsideHeaderItem extends MenuItem {\n    enableTooltip?: boolean;\n    onItemClick?: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    bringForward?: boolean;\n    compact?: boolean;\n\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupVisible?: PopupProps['open'];\n    /**\n     * Floating element anchor ref object\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupRef?: React.RefObject<HTMLElement>;\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupPlacement?: PopupProps['placement'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupOffset?: PopupProps['offset'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    popupKeepMounted?: PopupProps['keepMounted'];\n    /**\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    renderPopupContent?: () => React.ReactNode;\n    /**\n     * This callback will be called when Escape key pressed on keyboard, or click outside was made\n     * This behaviour could be disabled with `disableEscapeKeyDown`\n     * and `disableOutsideClick` options\n     *\n     * @deprecated Use itemWrapper instead for popup functionality\n     */\n    onOpenChangePopup?: PopupProps['onOpenChange'];\n}\n"],"names":[],"mappings":"IAgFY;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFW,WAAW,KAAX,WAAW,GAEtB,EAAA,CAAA,CAAA;;;;"}

package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.js

@@ -0,0 +1,60 @@
+import React__default, { useState, useEffect, useCallback, useMemo } from 'react';
+import { AllPagesPanel } from './components/AllPagesPanel/AllPagesPanel.js';
+import { getAllPagesMenuItem } from './components/AllPagesPanel/constants.js';
+import './AsideHeaderContext.js';
+import { InnerPanels } from './types.js';
+
+const EMPTY_MENU_ITEMS = [];
+const useAsideHeaderInnerContextValue = (props) => {
+    const { size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick } = props;
+    const [innerVisiblePanel, setInnerVisiblePanel] = useState();
+    const ALL_PAGES_MENU_ITEM = React__default.useMemo(() => {
+        return getAllPagesMenuItem();
+    }, []);
+    const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === undefined ? undefined : menuItems.length) > 0);
+    useEffect(() => {
+        // If any user panel became visible we need to switch off all inner panels
+        if (panelItems === null || panelItems === undefined ? undefined : panelItems.some((x) => x.visible)) {
+            setInnerVisiblePanel(undefined);
+        }
+    }, [panelItems]);
+    const innerOnClosePanel = useCallback(() => {
+        setInnerVisiblePanel(undefined);
+        onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
+    }, [onClosePanel]);
+    const onItemClick = useCallback((item, collapsed, event) => {
+        var _a;
+        if (item.id === ALL_PAGES_MENU_ITEM.id) {
+            onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
+            setInnerVisiblePanel((prev) => prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages);
+        }
+        else {
+            innerOnClosePanel();
+        }
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
+    }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel]);
+    const innerMenuItems = useMemo(() => allPagesIsAvailable
+        ? [
+            ...(menuItems || EMPTY_MENU_ITEMS),
+            Object.assign(Object.assign({}, ALL_PAGES_MENU_ITEM), { current: innerVisiblePanel === InnerPanels.AllPages, onItemClick: onAllPagesClick }),
+        ]
+        : menuItems || EMPTY_MENU_ITEMS, [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick]);
+    const innerPanelItems = useMemo(() => {
+        if (!allPagesIsAvailable) {
+            return panelItems;
+        }
+        return [
+            ...(panelItems || []),
+            {
+                id: InnerPanels.AllPages,
+                content: React__default.createElement(AllPagesPanel, null),
+                visible: innerVisiblePanel === InnerPanels.AllPages,
+            },
+        ];
+    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);
+    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, panelItems: innerPanelItems, size,
+        onItemClick });
+};
+
+export { useAsideHeaderInnerContextValue };
+//# sourceMappingURL=useAsideHeaderInnerContextValue.js.map

package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsideHeaderInnerContextValue.js","sources":["../../../../../src/components/AsideHeader/useAsideHeaderInnerContextValue.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerContextType} from './AsideHeaderContext';\nimport {AllPagesPanel, getAllPagesMenuItem} from './components/AllPagesPanel';\nimport {AsideHeaderItem, AsideHeaderProps, InnerPanels} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {size: number},\n): AsideHeaderInnerContextType => {\n    const {size, onClosePanel, menuItems, panelItems, onMenuItemsChanged, onAllPagesClick} = props;\n    const [innerVisiblePanel, setInnerVisiblePanel] = useState<InnerPanels | undefined>();\n    const ALL_PAGES_MENU_ITEM = React.useMemo(() => {\n        return getAllPagesMenuItem();\n    }, []);\n\n    const allPagesIsAvailable =\n        Boolean(onMenuItemsChanged) && (!menuItems || menuItems?.length > 0);\n\n    useEffect(() => {\n        // If any user panel became visible we need to switch off all inner panels\n        if (panelItems?.some((x) => x.visible)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            if (item.id === ALL_PAGES_MENU_ITEM.id) {\n                onClosePanel?.();\n                setInnerVisiblePanel((prev) =>\n                    prev === InnerPanels.AllPages ? undefined : InnerPanels.AllPages,\n                );\n            } else {\n                innerOnClosePanel();\n            }\n            item.onItemClick?.(item, collapsed, event);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const innerMenuItems = useMemo(\n        () =>\n            allPagesIsAvailable\n                ? [\n                      ...(menuItems || EMPTY_MENU_ITEMS),\n                      {\n                          ...ALL_PAGES_MENU_ITEM,\n                          current: innerVisiblePanel === InnerPanels.AllPages,\n                          onItemClick: onAllPagesClick,\n                      },\n                  ]\n                : menuItems || EMPTY_MENU_ITEMS,\n        [allPagesIsAvailable, menuItems, innerVisiblePanel, ALL_PAGES_MENU_ITEM, onAllPagesClick],\n    );\n\n    const innerPanelItems = useMemo(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                content: <AllPagesPanel />,\n                visible: innerVisiblePanel === InnerPanels.AllPages,\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    return {\n        ...props,\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        menuItems: innerMenuItems,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n    };\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1,6 @@
-export declare const b: import("@bem-react/classname").ClassNameFormatter;
+export declare const b: {
+    (): string;
+    (mods?: import("@bem-react/classname").NoStrictEntityMods | null, mix?: string | string[] | undefined): string;
+    (elemName: string, elemMix?: string | string[] | undefined): string;
+    (elemName: string, elemMods?: import("@bem-react/classname").NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
+};

package/build/esm/components/AsideHeader/utils.js

@@ -0,0 +1,7 @@
+import { createBlock } from '../utils/cn.js';
+import styles from './AsideHeader.module.scss.js';
+
+const b = createBlock('aside-header', styles);
+
+export { b };
+//# sourceMappingURL=utils.js.map

package/build/esm/components/AsideHeader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/AsideHeader/utils.ts"],"sourcesContent":["import {createBlock} from '../utils/cn';\n\nimport styles from './AsideHeader.module.scss';\n\nexport const b = createBlock('aside-header', styles);\n"],"names":[],"mappings":";;;AAIa,MAAA,CAAC,GAAG,WAAW,CAAC,cAAc,EAAE,MAAM;;;;"}

package/build/esm/components/Content/Content.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+/* Used by renderContent AsideHeader prop */
+const RenderContent = React__default.memo(({ renderContent, size }) => {
+    return React__default.createElement(React__default.Fragment, null, renderContent({ size }));
+});
+RenderContent.displayName = 'RenderContent';
+const Content = ({ size, // TODO: move to context when MobileHeader will support it
+className, cssSizeVariableName = '--gn-aside-header-size', renderContent, children, }) => {
+    return (React__default.createElement("div", { className: className, style: Object.assign({}, { [cssSizeVariableName]: `${size}px` }) }, typeof renderContent === 'function' ? (React__default.createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
+};
+
+export { Content };
+//# sourceMappingURL=Content.js.map

package/build/esm/components/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Content/Content.tsx"],"sourcesContent":["/* Used by renderContent AsideHeader prop */\n\nimport React from 'react';\n\nexport type RenderContentType = (data: {size: number}) => React.ReactNode;\n\nexport interface ContentProps {\n    size: number;\n    className?: string;\n    cssSizeVariableName?: string;\n    renderContent?: RenderContentType;\n    children?: React.ReactNode;\n}\n\ninterface RenderContentProps {\n    renderContent: RenderContentType;\n    size: number;\n}\n\nconst RenderContent: React.FC<RenderContentProps> = React.memo(({renderContent, size}) => {\n    return <React.Fragment>{renderContent({size})}</React.Fragment>;\n});\n\nRenderContent.displayName = 'RenderContent';\n\nexport const Content: React.FC<ContentProps> = ({\n    size, // TODO: move to context when MobileHeader will support it\n    className,\n    cssSizeVariableName = '--gn-aside-header-size',\n    renderContent,\n    children,\n}) => {\n    return (\n        <div\n            className={className}\n            style={{...({[cssSizeVariableName]: `${size}px`} as React.CSSProperties)}}\n        >\n            {typeof renderContent === 'function' ? (\n                <RenderContent size={size} renderContent={renderContent} />\n            ) : (\n                children\n            )}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;AAAA;AAmBA,MAAM,aAAa,GAAiCA,cAAK,CAAC,IAAI,CAAC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,KAAI;AACrF,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,EAAE,IAAA,EAAA,aAAa,CAAC,EAAC,IAAI,EAAC,CAAC,CAAkB;AACnE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe;MAE9B,OAAO,GAA2B,CAAC,EAC5C,IAAI;AACJ,SAAS,EACT,mBAAmB,GAAG,wBAAwB,EAC9C,aAAa,EACb,QAAQ,GACX,KAAI;IACD,QACIA,sCACI,SAAS,EAAE,SAAS,EACpB,KAAK,oBAAO,EAAC,CAAC,mBAAmB,GAAG,GAAG,IAAI,CAAA,EAAA,CAAI,EAAyB,CAEvE,EAAA,EAAA,OAAO,aAAa,KAAK,UAAU,IAChCA,6BAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,KAE3D,QAAQ,CACX,CACC;AAEd;;;;"}

package/build/esm/components/Footer/MenuItem/MenuItem.css

@@ -0,0 +1 @@
+.MenuItem-module__gn-footer-menu-item___183gx{align-items:center;align-self:stretch;display:flex;height:100%;justify-content:center}.MenuItem-module__gn-footer-menu-item___183gx .g-menu__item-content{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);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}.MenuItem-module__gn-footer-menu-item___183gx[class]:hover{background-color:inherit}.MenuItem-module__gn-footer-menu-item___183gx[class]:hover[href] .g-menu__item-content{color:var(--g-color-text-link-hover)}

package/build/esm/components/Footer/MenuItem/MenuItem.d.ts

@@ -1,6 +1,5 @@
 import type { FC } from 'react';
 import { FooterMenuItem } from '../types';
-import './MenuItem.scss';
 type MenuItemProps = FooterMenuItem;
 export declare const MenuItem: FC<MenuItemProps>;
 export {};

package/build/esm/components/Footer/MenuItem/MenuItem.js

@@ -0,0 +1,15 @@
+import './MenuItem.css';
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { Menu } from '@gravity-ui/uikit';
+import { createBlock } from '../../utils/cn.js';
+import styles from './MenuItem.module.scss.js';
+
+const b = createBlock('footer-menu-item', styles);
+const MenuItem = (_a) => {
+    var { text, className } = _a, menuItemProps = __rest(_a, ["text", "className"]);
+    return (React__default.createElement(Menu.Item, Object.assign({ className: b(null, className) }, menuItemProps), text));
+};
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/build/esm/components/Footer/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Footer/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type {FC} from 'react';\n\nimport {Menu} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {FooterMenuItem} from '../types';\n\nimport styles from './MenuItem.module.scss';\n\nconst b = createBlock('footer-menu-item', styles);\n\ntype 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"],"names":["React"],"mappings":";;;;;;AAUA,MAAM,CAAC,GAAG,WAAW,CAAC,kBAAkB,EAAE,MAAM,CAAC;AAIpC,MAAA,QAAQ,GAAsB,CAAC,EAAmC,KAAI;QAAvC,EAAC,IAAI,EAAE,SAAS,EAAA,GAAA,EAAmB,EAAd,aAAa,GAAA,MAAA,CAAA,EAAA,EAAlC,qBAAmC,CAAD;IAC1E,QACIA,6BAAC,IAAI,CAAC,IAAI,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,EAAA,aAAa,GACtD,IAAI,CACG;AAEpB;;;;"}

package/build/esm/components/Footer/MenuItem/MenuItem.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-footer-menu-item":"MenuItem-module__gn-footer-menu-item___183gx","gnFooterMenuItem":"MenuItem-module__gn-footer-menu-item___183gx"};
+
+export { styles as default };
+//# sourceMappingURL=MenuItem.module.scss.js.map

package/build/esm/components/Footer/MenuItem/MenuItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/esm/components/Footer/desktop/Footer.css

@@ -0,0 +1 @@
+.Footer-module__gn-footer_desktop___IlV0M{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)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);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}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{font-family:var(--g-text-caption-font-family);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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{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)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{color:var(--g-color-text-secondary);font-family:var(--g-text-caption-font-family);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}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);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)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}

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

@@ -1,4 +1,3 @@
 import type { FC } from 'react';
 import { FooterProps } from '../types';
-import './Footer.scss';
 export declare const Footer: FC<FooterProps>;

package/build/esm/components/Footer/desktop/Footer.js

@@ -0,0 +1,38 @@
+import './Footer.css';
+import React__default, { useRef, useMemo } from 'react';
+import { Menu, DropdownMenu } from '@gravity-ui/uikit';
+import { useOverflowingHorizontalListItems } from '../../../hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js';
+import { Logo } from '../../Logo/Logo.js';
+import { createBlock } from '../../utils/cn.js';
+import { MenuItem } from '../MenuItem/MenuItem.js';
+import { moreItemsPopupProps } from './constants/moreItemsPopupProps.js';
+import styles from './Footer.module.scss.js';
+
+const b = createBlock('footer', styles);
+const Footer = ({ className, menuItems: providedMenuItems, withDivider, moreButtonTitle, onMoreButtonClick, view = 'normal', logo, logoWrapperClassName, copyright, }) => {
+    var _a;
+    const menuContainerRef = useRef(null);
+    const menuItems = view === 'clear' ? undefined : providedMenuItems;
+    const { visibleItems, hiddenItems, measured } = useOverflowingHorizontalListItems({
+        containerRef: menuContainerRef,
+        items: menuItems,
+        itemSelector: `.${b('menu-item')}`,
+        moreButtonWidth: 28,
+    });
+    const moreButtonProps = useMemo(() => ({
+        title: moreButtonTitle,
+    }), [moreButtonTitle]);
+    const dropdownMenuItems = useMemo(() => hiddenItems.map((item) => (Object.assign(Object.assign({}, item), { action: item.onClick }))), [hiddenItems]);
+    const shouldRenderMenu = ((_a = menuItems === null || menuItems === undefined ? undefined : menuItems.length) !== null && _a !== undefined ? _a : 0) > 0;
+    return (React__default.createElement("footer", { className: b({ desktop: true, 'with-divider': withDivider, view }, className) },
+        shouldRenderMenu && (React__default.createElement("div", { className: b('menu', { measured }), ref: menuContainerRef },
+            visibleItems.length > 0 && (React__default.createElement(Menu, { className: b('list') }, visibleItems.map((item, index) => (React__default.createElement(MenuItem, Object.assign({ key: index }, item, { className: b('menu-item', item.className) })))))),
+            dropdownMenuItems.length > 0 && (React__default.createElement(DropdownMenu, { items: dropdownMenuItems, switcherWrapperClassName: b('more-button'), popupProps: moreItemsPopupProps, defaultSwitcherProps: moreButtonProps, onSwitcherClick: onMoreButtonClick })))),
+        React__default.createElement("div", { className: b('right') },
+            React__default.createElement("small", { className: b('copyright', { small: !(menuItems === null || menuItems === undefined ? undefined : menuItems.length) }) }, copyright),
+            view !== 'clear' && logo && (React__default.createElement("div", { className: logoWrapperClassName },
+                React__default.createElement(Logo, Object.assign({}, logo)))))));
+};
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/build/esm/components/Footer/desktop/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/desktop/Footer.tsx"],"sourcesContent":["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 {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterProps} from '../types';\n\nimport {moreItemsPopupProps} from './constants/moreItemsPopupProps';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\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 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                {view !== 'clear' && logo && (\n                    <div className={logoWrapperClassName}>\n                        <Logo {...logo} />\n                    </div>\n                )}\n            </div>\n        </footer>\n    );\n};\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Footer/desktop/Footer.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-footer_desktop":"Footer-module__gn-footer_desktop___IlV0M","gnFooterDesktop":"Footer-module__gn-footer_desktop___IlV0M","gn-footer__menu":"Footer-module__gn-footer__menu___8c4Ir","gnFooterMenu":"Footer-module__gn-footer__menu___8c4Ir","gn-footer__menu_measured":"Footer-module__gn-footer__menu_measured___AHQpx","gnFooterMenuMeasured":"Footer-module__gn-footer__menu_measured___AHQpx","gn-footer__list":"Footer-module__gn-footer__list___PFCrx","gnFooterList":"Footer-module__gn-footer__list___PFCrx","gn-footer__more-button":"Footer-module__gn-footer__more-button___mG-VF","gnFooterMoreButton":"Footer-module__gn-footer__more-button___mG-VF","gn-footer__right":"Footer-module__gn-footer__right___-iIxI","gnFooterRight":"Footer-module__gn-footer__right___-iIxI","gn-footer__copyright":"Footer-module__gn-footer__copyright___wbuql","gnFooterCopyright":"Footer-module__gn-footer__copyright___wbuql","gn-footer__copyright_small":"Footer-module__gn-footer__copyright_small___wTVXX","gnFooterCopyrightSmall":"Footer-module__gn-footer__copyright_small___wTVXX","gn-footer_with-divider":"Footer-module__gn-footer_with-divider___YKuYC","gnFooterWithDivider":"Footer-module__gn-footer_with-divider___YKuYC","gn-footer_view_clear":"Footer-module__gn-footer_view_clear___ghhFA","gnFooterViewClear":"Footer-module__gn-footer_view_clear___ghhFA"};
+
+export { styles as default };
+//# sourceMappingURL=Footer.module.scss.js.map

package/build/esm/components/Footer/desktop/Footer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/esm/components/Footer/desktop/constants/moreItemsPopupProps.js

@@ -0,0 +1,6 @@
+const moreItemsPopupProps = {
+    placement: 'top-start',
+};
+
+export { moreItemsPopupProps };
+//# sourceMappingURL=moreItemsPopupProps.js.map

package/build/esm/components/Footer/desktop/constants/moreItemsPopupProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moreItemsPopupProps.js","sources":["../../../../../../../src/components/Footer/desktop/constants/moreItemsPopupProps.ts"],"sourcesContent":["import {PopupProps} from '@gravity-ui/uikit';\n\nexport const moreItemsPopupProps: PopupProps = {\n    placement: 'top-start',\n};\n"],"names":[],"mappings":"AAEa,MAAA,mBAAmB,GAAe;AAC3C,IAAA,SAAS,EAAE,WAAW;;;;;"}

package/build/esm/components/Footer/mobile/Footer.css

@@ -0,0 +1 @@
+.Footer-module__gn-footer_desktop___IlV0M{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)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu___8c4Ir{align-items:center;align-self:stretch;display:flex;flex:1;min-width:0;visibility:hidden}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__menu_measured___AHQpx{visibility:visible}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__list___PFCrx[class]{background-color:inherit;display:flex;height:100%;padding:0}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__more-button___mG-VF svg{color:var(--g-color-text-secondary)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__right___-iIxI{align-items:center;display:flex;gap:var(--g-spacing-5)}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright___wbuql{color:var(--g-color-text-secondary);font-family:var(--g-text-body-font-family);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}.Footer-module__gn-footer_desktop___IlV0M .Footer-module__gn-footer__copyright_small___wTVXX{font-family:var(--g-text-caption-font-family);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)}.Footer-module__gn-footer_with-divider___YKuYC{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_view_clear___ghhFA{background:transparent;z-index:-1}.Footer-module__gn-footer_mobile___czfsi{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)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer_with-divider___8KyBu{border-top:1px solid var(--g-color-line-generic)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu___h88uk{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-1);visibility:hidden}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu_measured___V8-X-{visibility:visible}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__list___zCgGf[class]{background-color:inherit;display:flex;padding:0}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__menu-item___WDX0b{box-sizing:border-box;padding:var(--g-spacing-2) var(--g-spacing-3)}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__bottom-row___q-gDQ{align-items:center;display:flex;justify-content:space-between}.Footer-module__gn-footer_mobile___czfsi .Footer-module__gn-footer__copyright___rqom-{color:var(--g-color-text-secondary);font-family:var(--g-text-caption-font-family);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}.Footer-module__gn-footer__modal___DUbU- .Footer-module__gn-footer__menu-item___WDX0b{color:var(--g-color-text-primary);font-family:var(--g-text-body-font-family);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)}.Footer-module__gn-footer_view_clear___mHj00{background:transparent;z-index:-1}.Footer-module__gn-footer_view_clear___mHj00 .Footer-module__gn-footer__bottom-row___q-gDQ{justify-content:flex-end}

package/build/esm/components/Footer/mobile/Footer.d.ts

@@ -1,4 +1,3 @@
 import type { FC } from 'react';
 import { FooterProps } from '../types';
-import './Footer.scss';
 export declare const MobileFooter: FC<FooterProps>;

package/build/esm/components/Footer/mobile/Footer.js

@@ -0,0 +1,45 @@
+import './Footer.css';
+import React__default, { useState, useRef, useCallback } from 'react';
+import { Ellipsis } from '@gravity-ui/icons';
+import { Button, Icon, Sheet, Menu } from '@gravity-ui/uikit';
+import { useOverflowingHorizontalListItems } from '../../../hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js';
+import { Logo } from '../../Logo/Logo.js';
+import { createBlock } from '../../utils/cn.js';
+import { MenuItem } from '../MenuItem/MenuItem.js';
+import styles from './Footer.module.scss.js';
+
+const b = createBlock('footer', styles);
+const modalId = 'footer-more-items';
+const MobileFooter = ({ className, menuItems: providedMenuItems, withDivider, moreButtonTitle, onMoreButtonClick, view = 'normal', logo, logoWrapperClassName, copyright, }) => {
+    const [moreItemsMenuVisible, setMoreItemsMenuVisible] = useState(false);
+    const menuContainerRef = useRef(null);
+    const handleOpenMoreItemsMenu = useCallback((event) => {
+        setMoreItemsMenuVisible(true);
+        onMoreButtonClick === null || onMoreButtonClick === undefined ? undefined : onMoreButtonClick(event);
+    }, [onMoreButtonClick]);
+    const handleCloseMoreItemsMenu = 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.createElement(Menu, { className: b('list') }, items.map((item, index) => (React__default.createElement(MenuItem, Object.assign({ key: index }, item, { className: b('menu-item', item.className) }))))));
+    return (React__default.createElement("footer", { className: b({ mobile: true, 'with-divider': withDivider, view }, className) },
+        React__default.createElement("div", { className: b('menu', { measured }), ref: menuContainerRef },
+            visibleItems.length > 0 && renderMenu(visibleItems),
+            hiddenItems.length > 0 && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Button, { view: "flat-secondary", size: "l", onClick: handleOpenMoreItemsMenu, title: moreButtonTitle },
+                    React__default.createElement(Icon, { data: Ellipsis, size: 16 })),
+                React__default.createElement(Sheet, { id: modalId, visible: moreItemsMenuVisible, className: b('modal'), contentClassName: b('modal-content'), onClose: handleCloseMoreItemsMenu }, renderMenu(hiddenItems))))),
+        React__default.createElement("div", { className: b('bottom-row') },
+            React__default.createElement("small", { className: b('copyright') }, copyright),
+            view !== 'clear' && logo && (React__default.createElement("div", { className: logoWrapperClassName },
+                React__default.createElement(Logo, Object.assign({}, logo)))))));
+};
+
+export { MobileFooter };
+//# sourceMappingURL=Footer.js.map

package/build/esm/components/Footer/mobile/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Footer/mobile/Footer.tsx"],"sourcesContent":["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 {createBlock} from '../../utils/cn';\nimport {MenuItem} from '../MenuItem/MenuItem';\nimport {FooterMenuItem, FooterProps} from '../types';\n\nimport styles from './Footer.module.scss';\n\nconst b = createBlock('footer', styles);\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    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                {view !== 'clear' && logo && (\n                    <div className={logoWrapperClassName}>\n                        <Logo {...logo} />\n                    </div>\n                )}\n            </div>\n        </footer>\n    );\n};\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Footer/mobile/Footer.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-footer_mobile":"Footer-module__gn-footer_mobile___czfsi","gnFooterMobile":"Footer-module__gn-footer_mobile___czfsi","gn-footer_with-divider":"Footer-module__gn-footer_with-divider___8KyBu","gnFooterWithDivider":"Footer-module__gn-footer_with-divider___8KyBu","gn-footer__menu":"Footer-module__gn-footer__menu___h88uk","gnFooterMenu":"Footer-module__gn-footer__menu___h88uk","gn-footer__menu_measured":"Footer-module__gn-footer__menu_measured___V8-X-","gnFooterMenuMeasured":"Footer-module__gn-footer__menu_measured___V8-X-","gn-footer__list":"Footer-module__gn-footer__list___zCgGf","gnFooterList":"Footer-module__gn-footer__list___zCgGf","gn-footer__menu-item":"Footer-module__gn-footer__menu-item___WDX0b","gnFooterMenuItem":"Footer-module__gn-footer__menu-item___WDX0b","gn-footer__bottom-row":"Footer-module__gn-footer__bottom-row___q-gDQ","gnFooterBottomRow":"Footer-module__gn-footer__bottom-row___q-gDQ","gn-footer__copyright":"Footer-module__gn-footer__copyright___rqom-","gnFooterCopyright":"Footer-module__gn-footer__copyright___rqom-","gn-footer__modal":"Footer-module__gn-footer__modal___DUbU-","gnFooterModal":"Footer-module__gn-footer__modal___DUbU-","gn-footer_view_clear":"Footer-module__gn-footer_view_clear___mHj00","gnFooterViewClear":"Footer-module__gn-footer_view_clear___mHj00"};
+
+export { styles as default };
+//# sourceMappingURL=Footer.module.scss.js.map

package/build/esm/components/Footer/mobile/Footer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/esm/components/HotkeysPanel/HotkeysPanel.css

@@ -0,0 +1 @@
+.HotkeysPanel-module__gn-hotkeys-panel___Aab92{--hotkeys-panel-width:400px;--hotkeys-panel-vertical-padding:18px;--hotkeys-panel-horizontal-padding:var(--g-spacing-6);inset:0;position:fixed}.HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--hotkeys-panel-vertical-padding) 0;width:var(--hotkeys-panel-width)}.HotkeysPanel-module__gn-hotkeys-panel__title___dPviy{align-items:baseline;display:flex;gap:var(--g-spacing-2);justify-content:space-between;margin:0 var(--hotkeys-panel-horizontal-padding) var(--g-spacing-4) var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__search___olv3P{box-sizing:border-box;margin-bottom:var(--g-spacing-4);padding:0 var(--hotkeys-panel-horizontal-padding)}.HotkeysPanel-module__gn-hotkeys-panel__list___ToMip{flex:1;overflow-y:auto}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]{height:auto;margin:0 var(--hotkeys-panel-horizontal-padding);padding:var(--g-spacing-2) 0}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class].g-list__item_active, .HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:hover{background:inherit}.HotkeysPanel-module__gn-hotkeys-panel__item___BKagb[class]:not(:first-child):has(.HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0){border-top:1px solid var(--g-color-line-generic);margin-top:var(--g-spacing-3);padding-top:var(--g-spacing-4)}.HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t{align-items:baseline;color:var(--g-color-text-primary);display:flex;justify-content:space-between;margin:0;width:100%}.HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4{margin-left:var(--g-spacing-1)}.HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY{max-width:217px}.HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF{color:var(--g-color-text-complementary)}

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

@@ -2,7 +2,6 @@ import React from 'react';
 import type { ReactNode } from 'react';
 import type { ListProps } from '@gravity-ui/uikit';
 import type { HotkeysGroup, HotkeysListItem } from './types';
-import './HotkeysPanel.scss';
 export type HotkeysPanelProps<T> = {
     hotkeys: HotkeysGroup<T>[];
     title?: ReactNode;

package/build/esm/components/HotkeysPanel/HotkeysPanel.js

@@ -0,0 +1,36 @@
+import './HotkeysPanel.css';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { useState, useMemo, useCallback } from 'react';
+import { Text, HelpMark, Hotkey, TextInput, List, Drawer } from '@gravity-ui/uikit';
+import { createBlock } from '../utils/cn.js';
+import { filterHotkeys } from './utils/filterHotkeys.js';
+import { flattenHotkeyGroups } from './utils/flattenHotkeyGroups.js';
+import styles from './HotkeysPanel.module.scss.js';
+
+const b = createBlock('hotkeys-panel', styles);
+function HotkeysPanel(_a) {
+    var { visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable = true, filterPlaceholder, title, togglePanelHotkey, emptyState } = _a, listProps = __rest(_a, ["visible", "onClose", "leftOffset", "topOffset", "className", "drawerItemClassName", "filterClassName", "titleClassName", "listClassName", "itemContentClassName", "hotkeys", "itemClassName", "filterable", "filterPlaceholder", "title", "togglePanelHotkey", "emptyState"]);
+    const [filter, setFilter] = useState('');
+    const hotkeysList = useMemo(() => {
+        const filteredHotkeys = filterHotkeys(hotkeys, filter);
+        return flattenHotkeyGroups(filteredHotkeys);
+    }, [hotkeys, filter]);
+    const renderItem = useCallback((item) => (React__default.createElement(Text, { as: item.group ? 'h3' : 'p', variant: item.group ? 'subheader-2' : 'body-1', className: b('item-content', { type: item.group ? 'group' : 'item' }, itemContentClassName), key: item.title },
+        React__default.createElement("span", null,
+            item.title,
+            item.hint && (React__default.createElement(HelpMark, { "aria-hidden": true, popoverProps: { className: b('item-hint-tooltip') }, className: b('item-hint') }, item.hint))),
+        item.value && React__default.createElement(Hotkey, { className: b('hotkey'), value: item.value }))), [itemContentClassName]);
+    const drawerItemContent = (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Text, { variant: "subheader-3", as: 'h2', className: b('title', titleClassName) },
+            title,
+            togglePanelHotkey && React__default.createElement(Hotkey, { value: togglePanelHotkey })),
+        filterable && (React__default.createElement(TextInput, { value: filter, onUpdate: setFilter, placeholder: filterPlaceholder, autoFocus: true, className: b('search', filterClassName), hasClear: true })),
+        React__default.createElement(List, Object.assign({ className: b('list', listClassName), virtualized: false, filterable: false, items: hotkeysList, renderItem: renderItem, itemClassName: b('item', itemClassName), emptyPlaceholder: emptyState }, listProps))));
+    return (React__default.createElement(Drawer, { className: b(null, className), open: visible, onOpenChange: (open) => !open && (onClose === null || onClose === undefined ? undefined : onClose()), style: {
+            left: leftOffset,
+            top: topOffset,
+        }, contentClassName: b('drawer-item', drawerItemClassName) }, drawerItemContent));
+}
+
+export { HotkeysPanel };
+//# sourceMappingURL=HotkeysPanel.js.map

package/build/esm/components/HotkeysPanel/HotkeysPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysPanel.js","sources":["../../../../../src/components/HotkeysPanel/HotkeysPanel.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Drawer, HelpMark, Hotkey, List, Text, TextInput} from '@gravity-ui/uikit';\nimport type {ListProps} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../utils/cn';\n\nimport type {HotkeysGroup, HotkeysListItem} from './types';\nimport {filterHotkeys} from './utils/filterHotkeys';\nimport {flattenHotkeyGroups} from './utils/flattenHotkeyGroups';\n\nimport styles from './HotkeysPanel.module.scss';\n\nconst b = createBlock('hotkeys-panel', styles);\n\nexport type HotkeysPanelProps<T> = {\n    hotkeys: HotkeysGroup<T>[];\n    title?: ReactNode;\n    togglePanelHotkey?: string;\n    filterable?: boolean;\n    filterPlaceholder?: string;\n    emptyState?: ReactNode;\n    visible: boolean;\n    onClose?: () => void;\n    className?: string;\n    drawerItemClassName?: string;\n    filterClassName?: string;\n    titleClassName?: string;\n    itemContentClassName?: string;\n    listClassName?: string;\n    leftOffset?: number | string;\n    topOffset?: number | string;\n} & Omit<\n    ListProps<HotkeysListItem>,\n    | 'items'\n    | 'emptyPlaceholder'\n    | 'className'\n    | 'size'\n    | 'renderItem'\n    | 'filterable'\n    | 'autoFocus'\n    | 'filterPlaceholder'\n    | 'filterClassName'\n    | 'filter'\n    | 'filterItem'\n    | 'onFilterEnd'\n    | 'onFilterUpdate'\n>;\n\nexport function HotkeysPanel<T = {}>({\n    visible,\n    onClose,\n    leftOffset,\n    topOffset,\n    className,\n    drawerItemClassName,\n    filterClassName,\n    titleClassName,\n    listClassName,\n    itemContentClassName,\n    hotkeys,\n    itemClassName,\n    filterable = true,\n    filterPlaceholder,\n    title,\n    togglePanelHotkey,\n    emptyState,\n    ...listProps\n}: HotkeysPanelProps<T>) {\n    const [filter, setFilter] = useState('');\n\n    const hotkeysList = useMemo(() => {\n        const filteredHotkeys = filterHotkeys(hotkeys, filter);\n        return flattenHotkeyGroups(filteredHotkeys);\n    }, [hotkeys, filter]);\n\n    const renderItem = useCallback(\n        (item: HotkeysListItem) => (\n            <Text\n                as={item.group ? ('h3' as const) : ('p' as const)}\n                variant={item.group ? 'subheader-2' : 'body-1'}\n                className={b(\n                    'item-content',\n                    {type: item.group ? 'group' : 'item'},\n                    itemContentClassName,\n                )}\n                key={item.title}\n            >\n                <span>\n                    {item.title}\n                    {item.hint && (\n                        <HelpMark\n                            aria-hidden\n                            popoverProps={{className: b('item-hint-tooltip')}}\n                            className={b('item-hint')}\n                        >\n                            {item.hint}\n                        </HelpMark>\n                    )}\n                </span>\n                {item.value && <Hotkey className={b('hotkey')} value={item.value} />}\n            </Text>\n        ),\n        [itemContentClassName],\n    );\n\n    const drawerItemContent = (\n        <React.Fragment>\n            <Text variant=\"subheader-3\" as={'h2' as const} className={b('title', titleClassName)}>\n                {title}\n                {togglePanelHotkey && <Hotkey value={togglePanelHotkey} />}\n            </Text>\n            {filterable && (\n                <TextInput\n                    value={filter}\n                    onUpdate={setFilter}\n                    placeholder={filterPlaceholder}\n                    autoFocus\n                    className={b('search', filterClassName)}\n                    hasClear\n                />\n            )}\n            <List<HotkeysListItem>\n                className={b('list', listClassName)}\n                virtualized={false}\n                filterable={false}\n                items={hotkeysList}\n                renderItem={renderItem}\n                itemClassName={b('item', itemClassName)}\n                emptyPlaceholder={emptyState}\n                {...listProps}\n            />\n        </React.Fragment>\n    );\n\n    return (\n        <Drawer\n            className={b(null, className)}\n            open={visible}\n            onOpenChange={(open) => !open && onClose?.()}\n            style={{\n                left: leftOffset,\n                top: topOffset,\n            }}\n            contentClassName={b('drawer-item', drawerItemClassName)}\n        >\n            {drawerItemContent}\n        </Drawer>\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/HotkeysPanel/HotkeysPanel.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-hotkeys-panel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gnHotkeysPanel":"HotkeysPanel-module__gn-hotkeys-panel___Aab92","gn-hotkeys-panel__drawer-item":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gnHotkeysPanelDrawerItem":"HotkeysPanel-module__gn-hotkeys-panel__drawer-item___T-3tZ","gn-hotkeys-panel__title":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gnHotkeysPanelTitle":"HotkeysPanel-module__gn-hotkeys-panel__title___dPviy","gn-hotkeys-panel__search":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gnHotkeysPanelSearch":"HotkeysPanel-module__gn-hotkeys-panel__search___olv3P","gn-hotkeys-panel__list":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gnHotkeysPanelList":"HotkeysPanel-module__gn-hotkeys-panel__list___ToMip","gn-hotkeys-panel__item":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gnHotkeysPanelItem":"HotkeysPanel-module__gn-hotkeys-panel__item___BKagb","gn-hotkeys-panel__item-content_type_group":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gnHotkeysPanelItemContentTypeGroup":"HotkeysPanel-module__gn-hotkeys-panel__item-content_type_group___q8vt0","gn-hotkeys-panel__item-content":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gnHotkeysPanelItemContent":"HotkeysPanel-module__gn-hotkeys-panel__item-content___Wqp2t","gn-hotkeys-panel__item-hint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gnHotkeysPanelItemHint":"HotkeysPanel-module__gn-hotkeys-panel__item-hint___QbgP4","gn-hotkeys-panel__item-hint-tooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gnHotkeysPanelItemHintTooltip":"HotkeysPanel-module__gn-hotkeys-panel__item-hint-tooltip___xdDtY","gn-hotkeys-panel__hotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF","gnHotkeysPanelHotkey":"HotkeysPanel-module__gn-hotkeys-panel__hotkey___-LPxF"};
+
+export { styles as default };
+//# sourceMappingURL=HotkeysPanel.module.scss.js.map

package/build/esm/components/HotkeysPanel/HotkeysPanel.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysPanel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/esm/components/HotkeysPanel/utils/filterHotkeys.js

@@ -0,0 +1,17 @@
+function filterHotkeys(hotkeys, filter) {
+    if (filter) {
+        const result = [];
+        const normalizedFilter = filter.toLowerCase();
+        for (const hotkeysBlock of hotkeys) {
+            const filteredItems = hotkeysBlock.items.filter((item) => item.title.toLowerCase().includes(normalizedFilter));
+            if (filteredItems.length > 0) {
+                result.push(Object.assign(Object.assign({}, hotkeysBlock), { items: filteredItems }));
+            }
+        }
+        return result;
+    }
+    return hotkeys;
+}
+
+export { filterHotkeys };
+//# sourceMappingURL=filterHotkeys.js.map

package/build/esm/components/HotkeysPanel/utils/filterHotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterHotkeys.js","sources":["../../../../../../src/components/HotkeysPanel/utils/filterHotkeys.ts"],"sourcesContent":["import type {HotkeysGroup} from '..';\n\nexport function filterHotkeys<T>(hotkeys: HotkeysGroup<T>[], filter: string) {\n    if (filter) {\n        const result = [];\n        const normalizedFilter = filter.toLowerCase();\n\n        for (const hotkeysBlock of hotkeys) {\n            const filteredItems = hotkeysBlock.items.filter((item) =>\n                item.title.toLowerCase().includes(normalizedFilter),\n            );\n            if (filteredItems.length > 0) {\n                result.push({\n                    ...hotkeysBlock,\n                    items: filteredItems,\n                });\n            }\n        }\n\n        return result;\n    }\n\n    return hotkeys;\n}\n"],"names":[],"mappings":"AAEgB,SAAA,aAAa,CAAI,OAA0B,EAAE,MAAc,EAAA;IACvE,IAAI,MAAM,EAAE;QACR,MAAM,MAAM,GAAG,EAAE;AACjB,QAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,EAAE;AAE7C,QAAA,KAAK,MAAM,YAAY,IAAI,OAAO,EAAE;YAChC,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KACjD,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CACtD;AACD,YAAA,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC1B,MAAM,CAAC,IAAI,CACJ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,KACf,KAAK,EAAE,aAAa,EAAA,CAAA,CACtB;;;AAIV,QAAA,OAAO,MAAM;;AAGjB,IAAA,OAAO,OAAO;AAClB;;;;"}