@gravity-ui/navigation 3.0.0-beta.1 → 3.0.0-beta.3

package/build/cjs/components/MobileHeader/MobileHeader.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { LogoProps } from '../types';
+import { LogoProps, TopAlertProps } from '../types';
 import { BurgerMenuInnerProps } from './BurgerMenu/BurgerMenu';
 import { OverlapPanelProps as CommonOverlapPanelProps } from './OverlapPanel/OverlapPanel';
 import { MobileHeaderEvent } from './types';
@@ -22,6 +22,7 @@ export interface MobileHeaderProps {
     burgerCloseTitle?: string;
     burgerOpenTitle?: string;
     panelItems?: PanelItem[];
+    topAlert?: TopAlertProps;
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;
     onEvent?: (itemName: string, eventName: MobileHeaderEvent) => void;

package/build/cjs/components/MobileHeader/MobileHeader.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var React = require('react');
+var useForwardRef = require('../../hooks/useForwardRef.js');
+var Content = require('../Content/Content.js');
+var Drawer = require('../Drawer/Drawer.js');
+var MobileLogo = require('../MobileLogo/MobileLogo.js');
+var cn = require('../utils/cn.js');
+var Burger = require('./Burger/Burger.js');
+var BurgerMenu = require('./BurgerMenu/BurgerMenu.js');
+var OverlapPanel = require('./OverlapPanel/OverlapPanel.js');
+var constants = require('./constants.js');
+var index = require('./i18n/index.js');
+require('./MobileHeader.scss.js');
+
+const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('../TopAlert/index.js'); }).then((module) => ({ default: module.TopAlert })));
+const b = cn.block('mobile-header');
+const MobileHeader = React.forwardRef(({ logo, burgerMenu, burgerCloseTitle = index('burger_button_close'), burgerOpenTitle = index('burger_button_open'), panelItems = [], renderContent, sideItemRenderContent, onClosePanel, onEvent, className, contentClassName, overlapPanel, topAlert, }, ref) => {
+    const targetRef = useForwardRef.useForwardRef(ref);
+    const [compact] = React.useState(true);
+    const [visiblePanel, setVisiblePanel] = React.useState(null);
+    const [overlapPanelVisible, setOverlapPanelVisible] = React.useState(false);
+    // for expand top panel cases (i.e. switch service panel). Will be removed if not used in future design
+    const size = compact ? constants.MOBILE_HEADER_COMPACT_HEIGHT : constants.MOBILE_HEADER_EXPANDED_HEIGHT;
+    const onPanelToggle = React.useCallback((name) => {
+        if (!name)
+            return;
+        setVisiblePanel((prev) => {
+            const panelOpen = prev === name;
+            onEvent === null || onEvent === undefined ? undefined : onEvent(name, panelOpen
+                ? constants.MOBILE_HEADER_EVENT_NAMES.closeEvent
+                : constants.MOBILE_HEADER_EVENT_NAMES.openEvent);
+            return panelOpen ? null : name;
+        });
+        setOverlapPanelVisible(false);
+    }, [onEvent]);
+    const onMobilePanelToggle = React.useCallback(({ detail }) => {
+        if (typeof (detail === null || detail === undefined ? undefined : detail.panelName) === 'string') {
+            onPanelToggle(detail === null || detail === undefined ? undefined : detail.panelName);
+        }
+    }, [onPanelToggle]);
+    const onMobilePanelOpen = React.useCallback(({ detail }) => {
+        if (typeof (detail === null || detail === undefined ? undefined : detail.panelName) === 'string') {
+            onEvent === null || onEvent === undefined ? undefined : onEvent(detail === null || detail === undefined ? undefined : detail.panelName, constants.MOBILE_HEADER_EVENT_NAMES.openEvent);
+            setVisiblePanel(detail === null || detail === undefined ? undefined : detail.panelName);
+            setOverlapPanelVisible(false);
+        }
+    }, [onEvent]);
+    const onMobilePanelClose = React.useCallback(({ detail }) => {
+        if (typeof (detail === null || detail === undefined ? undefined : detail.panelName) === 'string') {
+            onEvent === null || onEvent === undefined ? undefined : onEvent(detail === null || detail === undefined ? undefined : detail.panelName, constants.MOBILE_HEADER_EVENT_NAMES.closeEvent);
+            setVisiblePanel(null);
+            setOverlapPanelVisible(false);
+        }
+    }, [onEvent]);
+    const onBurgerOpen = React.useCallback(() => {
+        onEvent === null || onEvent === undefined ? undefined : onEvent(constants.BURGER_PANEL_ITEM_ID, constants.MOBILE_HEADER_EVENT_NAMES.openEvent);
+        setVisiblePanel(constants.BURGER_PANEL_ITEM_ID);
+    }, [onEvent]);
+    const onBurgerClose = React.useCallback(() => {
+        onEvent === null || onEvent === undefined ? undefined : onEvent(constants.BURGER_PANEL_ITEM_ID, constants.MOBILE_HEADER_EVENT_NAMES.closeEvent);
+        setVisiblePanel(null);
+    }, [onEvent]);
+    const onOverlapOpen = React.useCallback(() => {
+        onEvent === null || onEvent === undefined ? undefined : onEvent(constants.OVERLAP_PANEL_ITEM_ID, constants.MOBILE_HEADER_EVENT_NAMES.openEvent);
+        setOverlapPanelVisible(true);
+    }, [onEvent]);
+    const onOverlapClose = React.useCallback(() => {
+        onEvent === null || onEvent === undefined ? undefined : onEvent(constants.OVERLAP_PANEL_ITEM_ID, constants.MOBILE_HEADER_EVENT_NAMES.closeEvent);
+        setOverlapPanelVisible(false);
+    }, [onEvent]);
+    const onCloseDrawer = React.useCallback(() => {
+        if (visiblePanel) {
+            onEvent === null || onEvent === undefined ? undefined : onEvent(visiblePanel, constants.MOBILE_HEADER_EVENT_NAMES.closeEvent);
+        }
+        setVisiblePanel(null);
+    }, [visiblePanel, onEvent]);
+    const onBurgerMenuItemClick = React.useCallback((item) => {
+        var _a;
+        const closeMenuOnClick = (_a = item.closeMenuOnClick) !== null && _a !== undefined ? _a : true;
+        if (closeMenuOnClick) {
+            onBurgerClose();
+        }
+    }, [onBurgerClose]);
+    const renderBurgerMenuFooter = React.useCallback(() => {
+        var _a;
+        return (_a = burgerMenu.renderFooter) === null || _a === undefined ? undefined : _a.call(burgerMenu, {
+            size,
+            isCompact: compact,
+        });
+    }, [burgerMenu, size, compact]);
+    const onLogoClick = React.useCallback((event) => {
+        var _a;
+        onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
+        (_a = logo.onClick) === null || _a === undefined ? undefined : _a.call(logo, event);
+    }, [logo, onClosePanel]);
+    const burgerPanelItem = React.useMemo(() => ({
+        id: constants.BURGER_PANEL_ITEM_ID,
+        content: (React.createElement(BurgerMenu.BurgerMenu, { items: burgerMenu.items, modalItem: burgerMenu.modalItem, renderFooter: renderBurgerMenuFooter, onItemClick: onBurgerMenuItemClick, className: b('burger-menu') })),
+    }), [burgerMenu.items, burgerMenu.modalItem, onBurgerMenuItemClick, renderBurgerMenuFooter]);
+    React.useEffect(() => {
+        const node = targetRef === null || targetRef === undefined ? undefined : targetRef.current;
+        if (node) {
+            node.addEventListener('MOBILE_BURGER_OPEN', onBurgerOpen);
+            node.addEventListener('MOBILE_BURGER_CLOSE', onBurgerClose);
+            node.addEventListener('MOBILE_OVERLAP_PANEL_OPEN', onOverlapOpen);
+            node.addEventListener('MOBILE_OVERLAP_PANEL_CLOSE', onOverlapClose);
+            node.addEventListener('MOBILE_PANEL_TOGGLE', onMobilePanelToggle);
+            node.addEventListener('MOBILE_PANEL_OPEN', onMobilePanelOpen);
+            node.addEventListener('MOBILE_PANEL_CLOSE', onMobilePanelClose);
+        }
+        return () => {
+            if (node) {
+                node.removeEventListener('MOBILE_BURGER_OPEN', onBurgerOpen);
+                node.removeEventListener('MOBILE_BURGER_CLOSE', onBurgerClose);
+                node.removeEventListener('MOBILE_OVERLAP_PANEL_OPEN', onOverlapOpen);
+                node.removeEventListener('MOBILE_OVERLAP_PANEL_CLOSE', onOverlapClose);
+                node.removeEventListener('MOBILE_PANEL_TOGGLE', onMobilePanelToggle);
+                node.removeEventListener('MOBILE_PANEL_OPEN', onMobilePanelOpen);
+                node.removeEventListener('MOBILE_PANEL_CLOSE', onMobilePanelClose);
+            }
+        };
+    }, [
+        targetRef,
+        onBurgerClose,
+        onBurgerOpen,
+        onMobilePanelToggle,
+        onMobilePanelOpen,
+        onMobilePanelClose,
+        onOverlapOpen,
+        onOverlapClose,
+    ]);
+    return (React.createElement("div", { className: b({ compact }, className), ref: targetRef },
+        React.createElement("div", { className: b('top-alert') },
+            topAlert && (React.createElement(React.Suspense, { fallback: null },
+                React.createElement(TopAlert, { alert: topAlert, mobileView: true }))),
+            React.createElement("header", { className: b('header'), style: { height: size } },
+                React.createElement(Burger.Burger, { opened: visiblePanel === burgerPanelItem.id, onClick: () => onPanelToggle(constants.BURGER_PANEL_ITEM_ID), className: b('burger'), closeTitle: burgerCloseTitle, openTitle: burgerOpenTitle }),
+                React.createElement(MobileLogo.MobileLogo, Object.assign({}, logo, { compact: compact, onClick: onLogoClick })),
+                React.createElement("div", { className: b('side-item') }, sideItemRenderContent === null || sideItemRenderContent === undefined ? undefined : sideItemRenderContent({ size })))),
+        React.createElement(Drawer.Drawer, { className: b('panels'), onVeilClick: onCloseDrawer, onEscape: onCloseDrawer, style: { top: `calc(${size}px + var(--gn-top-alert-height, 0)` } }, [burgerPanelItem, ...panelItems].map((item) => (React.createElement(Drawer.DrawerItem, Object.assign({}, item, { key: item.id, visible: visiblePanel === item.id, className: b('panel-item', item.className) }))))),
+        overlapPanel && (React.createElement(OverlapPanel.OverlapPanel, { topOffset: size, className: b('overlap-panel'), title: overlapPanel.title, onClose: onOverlapClose, action: overlapPanel.action, visible: overlapPanelVisible, renderContent: overlapPanel.renderContent })),
+        React.createElement(Content.Content, { size: size, renderContent: renderContent, className: b('content', contentClassName), cssSizeVariableName: "--mobile-header-size" })));
+});
+MobileHeader.displayName = 'MobileHeader';
+
+exports.MobileHeader = MobileHeader;
+//# sourceMappingURL=MobileHeader.js.map

package/build/cjs/components/MobileHeader/MobileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/MobileHeader/MobileHeader.tsx"],"sourcesContent":["import React, {Suspense, useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {useForwardRef} from '../../hooks/useForwardRef';\nimport {Content, RenderContentType} from '../Content';\nimport {Drawer, DrawerItem, DrawerItemProps} from '../Drawer/Drawer';\nimport {MobileLogo} from '../MobileLogo';\nimport {LogoProps, TopAlertProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport {Burger} from './Burger/Burger';\nimport {BurgerMenu, BurgerMenuInnerProps} from './BurgerMenu/BurgerMenu';\nimport {\n    OverlapPanelProps as CommonOverlapPanelProps,\n    OverlapPanel,\n} from './OverlapPanel/OverlapPanel';\nimport {\n    BURGER_PANEL_ITEM_ID,\n    MOBILE_HEADER_COMPACT_HEIGHT,\n    MOBILE_HEADER_EVENT_NAMES,\n    MOBILE_HEADER_EXPANDED_HEIGHT,\n    OVERLAP_PANEL_ITEM_ID,\n} from './constants';\nimport i18n from './i18n';\nimport {MobileHeaderEvent, MobileHeaderEventOptions, MobileMenuItem} from './types';\n\nimport './MobileHeader.scss';\n\nconst TopAlert = React.lazy(() =>\n    import('../TopAlert').then((module) => ({default: module.TopAlert})),\n);\n\nconst b = block('mobile-header');\n\ntype PanelName = DrawerItemProps['id'] | null;\n\ninterface BurgerMenuProps extends Omit<BurgerMenuInnerProps, 'renderFooter'> {\n    renderFooter?: (data: {size: number; isCompact: boolean}) => React.ReactNode;\n}\n\ntype OverlapPanelProps = Omit<CommonOverlapPanelProps, 'onClose' | 'visible'>;\n\ninterface PanelItem extends Omit<DrawerItemProps, 'visible'> {}\n\nexport interface MobileHeaderProps {\n    logo: LogoProps;\n    burgerMenu: BurgerMenuProps;\n    overlapPanel?: OverlapPanelProps;\n    burgerCloseTitle?: string;\n    burgerOpenTitle?: string;\n    panelItems?: PanelItem[];\n    topAlert?: TopAlertProps;\n    renderContent?: RenderContentType;\n    sideItemRenderContent?: RenderContentType;\n    onEvent?: (itemName: string, eventName: MobileHeaderEvent) => void;\n    onClosePanel?: () => void;\n    className?: string;\n    contentClassName?: string;\n}\n\nexport const MobileHeader = React.forwardRef<HTMLDivElement, MobileHeaderProps>(\n    (\n        {\n            logo,\n            burgerMenu,\n            burgerCloseTitle = i18n('burger_button_close'),\n            burgerOpenTitle = i18n('burger_button_open'),\n            panelItems = [],\n            renderContent,\n            sideItemRenderContent,\n            onClosePanel,\n            onEvent,\n            className,\n            contentClassName,\n            overlapPanel,\n            topAlert,\n        },\n        ref,\n    ): React.ReactElement => {\n        const targetRef = useForwardRef<HTMLDivElement>(ref);\n        const [compact] = useState(true);\n        const [visiblePanel, setVisiblePanel] = useState<PanelName>(null);\n        const [overlapPanelVisible, setOverlapPanelVisible] = useState(false);\n\n        // for expand top panel cases (i.e. switch service panel). Will be removed if not used in future design\n        const size = compact ? MOBILE_HEADER_COMPACT_HEIGHT : MOBILE_HEADER_EXPANDED_HEIGHT;\n\n        const onPanelToggle = useCallback(\n            (name: PanelName) => {\n                if (!name) return;\n\n                setVisiblePanel((prev) => {\n                    const panelOpen = prev === name;\n\n                    onEvent?.(\n                        name,\n                        panelOpen\n                            ? MOBILE_HEADER_EVENT_NAMES.closeEvent\n                            : MOBILE_HEADER_EVENT_NAMES.openEvent,\n                    );\n\n                    return panelOpen ? null : name;\n                });\n\n                setOverlapPanelVisible(false);\n            },\n            [onEvent],\n        );\n\n        const onMobilePanelToggle = useCallback(\n            ({detail}: {detail: MobileHeaderEventOptions}) => {\n                if (typeof detail?.panelName === 'string') {\n                    onPanelToggle(detail?.panelName);\n                }\n            },\n            [onPanelToggle],\n        );\n\n        const onMobilePanelOpen = useCallback(\n            ({detail}: {detail: MobileHeaderEventOptions}) => {\n                if (typeof detail?.panelName === 'string') {\n                    onEvent?.(detail?.panelName, MOBILE_HEADER_EVENT_NAMES.openEvent);\n                    setVisiblePanel(detail?.panelName);\n                    setOverlapPanelVisible(false);\n                }\n            },\n            [onEvent],\n        );\n\n        const onMobilePanelClose = useCallback(\n            ({detail}: {detail: MobileHeaderEventOptions}) => {\n                if (typeof detail?.panelName === 'string') {\n                    onEvent?.(detail?.panelName, MOBILE_HEADER_EVENT_NAMES.closeEvent);\n                    setVisiblePanel(null);\n                    setOverlapPanelVisible(false);\n                }\n            },\n            [onEvent],\n        );\n\n        const onBurgerOpen = useCallback(() => {\n            onEvent?.(BURGER_PANEL_ITEM_ID, MOBILE_HEADER_EVENT_NAMES.openEvent);\n            setVisiblePanel(BURGER_PANEL_ITEM_ID);\n        }, [onEvent]);\n\n        const onBurgerClose = useCallback(() => {\n            onEvent?.(BURGER_PANEL_ITEM_ID, MOBILE_HEADER_EVENT_NAMES.closeEvent);\n            setVisiblePanel(null);\n        }, [onEvent]);\n\n        const onOverlapOpen = useCallback(() => {\n            onEvent?.(OVERLAP_PANEL_ITEM_ID, MOBILE_HEADER_EVENT_NAMES.openEvent);\n            setOverlapPanelVisible(true);\n        }, [onEvent]);\n\n        const onOverlapClose = useCallback(() => {\n            onEvent?.(OVERLAP_PANEL_ITEM_ID, MOBILE_HEADER_EVENT_NAMES.closeEvent);\n            setOverlapPanelVisible(false);\n        }, [onEvent]);\n\n        const onCloseDrawer = useCallback(() => {\n            if (visiblePanel) {\n                onEvent?.(visiblePanel, MOBILE_HEADER_EVENT_NAMES.closeEvent);\n            }\n            setVisiblePanel(null);\n        }, [visiblePanel, onEvent]);\n\n        const onBurgerMenuItemClick = useCallback(\n            (item: MobileMenuItem) => {\n                const closeMenuOnClick = item.closeMenuOnClick ?? true;\n\n                if (closeMenuOnClick) {\n                    onBurgerClose();\n                }\n            },\n            [onBurgerClose],\n        );\n\n        const renderBurgerMenuFooter = useCallback(\n            () =>\n                burgerMenu.renderFooter?.({\n                    size,\n                    isCompact: compact,\n                }),\n            [burgerMenu, size, compact],\n        );\n\n        const onLogoClick = useCallback(\n            (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n                onClosePanel?.();\n                logo.onClick?.(event);\n            },\n            [logo, onClosePanel],\n        );\n\n        const burgerPanelItem: PanelItem = useMemo(\n            () => ({\n                id: BURGER_PANEL_ITEM_ID,\n                content: (\n                    <BurgerMenu\n                        items={burgerMenu.items}\n                        modalItem={burgerMenu.modalItem}\n                        renderFooter={renderBurgerMenuFooter}\n                        onItemClick={onBurgerMenuItemClick}\n                        className={b('burger-menu')}\n                    />\n                ),\n            }),\n            [burgerMenu.items, burgerMenu.modalItem, onBurgerMenuItemClick, renderBurgerMenuFooter],\n        );\n\n        useEffect(() => {\n            const node = targetRef?.current;\n\n            if (node) {\n                node.addEventListener('MOBILE_BURGER_OPEN', onBurgerOpen);\n                node.addEventListener('MOBILE_BURGER_CLOSE', onBurgerClose);\n\n                node.addEventListener('MOBILE_OVERLAP_PANEL_OPEN', onOverlapOpen);\n                node.addEventListener('MOBILE_OVERLAP_PANEL_CLOSE', onOverlapClose);\n\n                node.addEventListener(\n                    'MOBILE_PANEL_TOGGLE',\n                    onMobilePanelToggle as unknown as EventListener,\n                );\n                node.addEventListener(\n                    'MOBILE_PANEL_OPEN',\n                    onMobilePanelOpen as unknown as EventListener,\n                );\n                node.addEventListener(\n                    'MOBILE_PANEL_CLOSE',\n                    onMobilePanelClose as unknown as EventListener,\n                );\n            }\n\n            return () => {\n                if (node) {\n                    node.removeEventListener('MOBILE_BURGER_OPEN', onBurgerOpen);\n                    node.removeEventListener('MOBILE_BURGER_CLOSE', onBurgerClose);\n\n                    node.removeEventListener('MOBILE_OVERLAP_PANEL_OPEN', onOverlapOpen);\n                    node.removeEventListener('MOBILE_OVERLAP_PANEL_CLOSE', onOverlapClose);\n\n                    node.removeEventListener(\n                        'MOBILE_PANEL_TOGGLE',\n                        onMobilePanelToggle as unknown as EventListener,\n                    );\n                    node.removeEventListener(\n                        'MOBILE_PANEL_OPEN',\n                        onMobilePanelOpen as unknown as EventListener,\n                    );\n                    node.removeEventListener(\n                        'MOBILE_PANEL_CLOSE',\n                        onMobilePanelClose as unknown as EventListener,\n                    );\n                }\n            };\n        }, [\n            targetRef,\n            onBurgerClose,\n            onBurgerOpen,\n            onMobilePanelToggle,\n            onMobilePanelOpen,\n            onMobilePanelClose,\n            onOverlapOpen,\n            onOverlapClose,\n        ]);\n\n        return (\n            <div className={b({compact}, className)} ref={targetRef}>\n                <div className={b('top-alert')}>\n                    {topAlert && (\n                        <Suspense fallback={null}>\n                            <TopAlert alert={topAlert} mobileView />\n                        </Suspense>\n                    )}\n                    <header className={b('header')} style={{height: size}}>\n                        <Burger\n                            opened={visiblePanel === burgerPanelItem.id}\n                            onClick={() => onPanelToggle(BURGER_PANEL_ITEM_ID)}\n                            className={b('burger')}\n                            closeTitle={burgerCloseTitle}\n                            openTitle={burgerOpenTitle}\n                        />\n                        <MobileLogo {...logo} compact={compact} onClick={onLogoClick} />\n\n                        <div className={b('side-item')}>{sideItemRenderContent?.({size})}</div>\n                    </header>\n                </div>\n\n                <Drawer\n                    className={b('panels')}\n                    onVeilClick={onCloseDrawer}\n                    onEscape={onCloseDrawer}\n                    style={{top: `calc(${size}px + var(--gn-top-alert-height, 0)`}}\n                >\n                    {[burgerPanelItem, ...panelItems].map((item) => (\n                        <DrawerItem\n                            {...item}\n                            key={item.id}\n                            visible={visiblePanel === item.id}\n                            className={b('panel-item', item.className)}\n                        />\n                    ))}\n                </Drawer>\n                {overlapPanel && (\n                    <OverlapPanel\n                        topOffset={size}\n                        className={b('overlap-panel')}\n                        title={overlapPanel.title}\n                        onClose={onOverlapClose}\n                        action={overlapPanel.action}\n                        visible={overlapPanelVisible}\n                        renderContent={overlapPanel.renderContent}\n                    />\n                )}\n                <Content\n                    size={size}\n                    renderContent={renderContent}\n                    className={b('content', contentClassName)}\n                    cssSizeVariableName=\"--mobile-header-size\"\n                />\n            </div>\n        );\n    },\n);\n\nMobileHeader.displayName = 'MobileHeader';\n"],"names":["block","i18n","useForwardRef","useState","MOBILE_HEADER_COMPACT_HEIGHT","MOBILE_HEADER_EXPANDED_HEIGHT","useCallback","MOBILE_HEADER_EVENT_NAMES","BURGER_PANEL_ITEM_ID","OVERLAP_PANEL_ITEM_ID","useMemo","BurgerMenu","useEffect","Suspense","Burger","MobileLogo","Drawer","DrawerItem","OverlapPanel","Content"],"mappings":"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"}

package/build/cjs/components/MobileHeader/MobileHeader.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-mobile-header{--mobile-header-min-heigth:50px;--mobile-header-icon-size:20px}.gn-mobile-header,.gn-mobile-header__top-alert{background-color:var(--g-color-base-background)}.gn-mobile-header__top-alert{position:sticky;top:0}.gn-mobile-header__header{align-items:center;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 10px;z-index:var(--gn-mobile-header-z-index,100)}.gn-mobile-header__burger{padding:12px}.gn-mobile-header__burger-menu,.gn-mobile-header__panel-item{background-color:var(--g-color-base-background);max-height:100%;max-width:90vw;width:320px}.gn-mobile-header__user-menu{overflow-y:auto}.gn-mobile-header__overlap-panel,.gn-mobile-header__panels{z-index:var(--gn-mobile-header-panel-z-index,98)}.gn-mobile-header__panels{inset:var(--mobile-header-min-heigth) 0 0;overflow:hidden;position:fixed}.gn-mobile-header__content{overflow:auto}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=MobileHeader.scss.js.map

package/build/cjs/components/MobileHeader/MobileHeader.scss.js.map

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

package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var Drawer = require('../../Drawer/Drawer.js');
+var cn = require('../../utils/cn.js');
+var constants = require('../constants.js');
+var index = require('../i18n/index.js');
+require('./OverlapPanel.scss.js');
+
+const b = cn.block('mobile-overlap-panel');
+const OverlapPanel = ({ title, renderContent, className, onClose, action, closeTitle = index('overlap_button_close'), visible, topOffset, }) => {
+    return (React.createElement(Drawer.Drawer, { className: b('', { action: Boolean(action) }, className), onVeilClick: onClose, onEscape: onClose, style: {
+            top: topOffset,
+        } },
+        React.createElement(Drawer.DrawerItem, { id: "overlap", visible: visible, className: b('drawer-item') },
+            React.createElement("div", { className: b('header') },
+                React.createElement(uikit.Button, { size: "l", view: "flat", className: b('close'), onClick: onClose, "aria-label": closeTitle },
+                    React.createElement(uikit.Icon, { className: b('icon'), data: icons.ArrowLeft, size: constants.MOBILE_HEADER_ICON_SIZE })),
+                React.createElement(uikit.Text, { whiteSpace: "nowrap", ellipsis: true, variant: 'subheader-2', className: b('title'), as: title ? 'h2' : undefined }, title),
+                action && (React.createElement(uikit.Button, { size: "l", type: "button", view: "flat", onClick: action.onClick, className: b('action'), "aria-label": action.title },
+                    React.createElement(uikit.Icon, { data: action.icon, size: constants.MOBILE_HEADER_ICON_SIZE })))),
+            React.createElement("div", { className: b('content') }, renderContent()))));
+};
+
+exports.OverlapPanel = OverlapPanel;
+//# sourceMappingURL=OverlapPanel.js.map

package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlapPanel.js","sources":["../../../../../../src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ArrowLeft as CloseIcon} from '@gravity-ui/icons';\nimport {Button, Icon, IconProps, Text} from '@gravity-ui/uikit';\n\nimport {Drawer, DrawerItem} from '../../Drawer/Drawer';\nimport {block} from '../../utils/cn';\nimport {MOBILE_HEADER_ICON_SIZE} from '../constants';\nimport i18n from '../i18n';\n\nimport './OverlapPanel.scss';\n\nconst b = block('mobile-overlap-panel');\n\ninterface OverlapPanelActionProps {\n    icon: IconProps['data'];\n    className?: string;\n    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    title: string;\n}\n\nexport interface OverlapPanelProps {\n    className?: string;\n    title?: string;\n    onClose: () => void;\n    action?: OverlapPanelActionProps;\n    renderContent: () => React.ReactNode;\n    closeTitle?: string;\n    visible: boolean;\n    topOffset?: number | string;\n}\n\nexport const OverlapPanel = ({\n    title,\n    renderContent,\n    className,\n    onClose,\n    action,\n    closeTitle = i18n('overlap_button_close'),\n    visible,\n    topOffset,\n}: OverlapPanelProps) => {\n    return (\n        <Drawer\n            className={b('', {action: Boolean(action)}, className)}\n            onVeilClick={onClose}\n            onEscape={onClose}\n            style={{\n                top: topOffset,\n            }}\n        >\n            <DrawerItem id=\"overlap\" visible={visible} className={b('drawer-item')}>\n                <div className={b('header')}>\n                    <Button\n                        size=\"l\"\n                        view=\"flat\"\n                        className={b('close')}\n                        onClick={onClose}\n                        aria-label={closeTitle}\n                    >\n                        <Icon\n                            className={b('icon')}\n                            data={CloseIcon}\n                            size={MOBILE_HEADER_ICON_SIZE}\n                        />\n                    </Button>\n                    <Text\n                        whiteSpace=\"nowrap\"\n                        ellipsis\n                        variant={'subheader-2'}\n                        className={b('title')}\n                        as={title ? ('h2' as const) : undefined}\n                    >\n                        {title}\n                    </Text>\n                    {action && (\n                        <Button\n                            size=\"l\"\n                            type=\"button\"\n                            view=\"flat\"\n                            onClick={action.onClick}\n                            className={b('action')}\n                            aria-label={action.title}\n                        >\n                            <Icon data={action.icon} size={MOBILE_HEADER_ICON_SIZE} />\n                        </Button>\n                    )}\n                </div>\n                <div className={b('content')}>{renderContent()}</div>\n            </DrawerItem>\n        </Drawer>\n    );\n};\n"],"names":["block","i18n","Drawer","DrawerItem","Button","Icon","CloseIcon","MOBILE_HEADER_ICON_SIZE","Text"],"mappings":";;;;;;;;;;;AAYA,MAAM,CAAC,GAAGA,QAAK,CAAC,sBAAsB,CAAC;AAoBhC,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,GAAGC,KAAI,CAAC,sBAAsB,CAAC,EACzC,OAAO,EACP,SAAS,GACO,KAAI;AACpB,IAAA,QACI,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EACH,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EAAC,EAAE,SAAS,CAAC,EACtD,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE;AACH,YAAA,GAAG,EAAE,SAAS;AACjB,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAACC,iBAAU,EAAA,EAAC,EAAE,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAAA;AAClE,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAA;gBACvB,KAAC,CAAA,aAAA,CAAAC,YAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,UAAU,EAAA;AAEtB,oBAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EACD,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAEC,eAAS,EACf,IAAI,EAAEC,iCAAuB,GAC/B,CACG;AACT,gBAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EACD,UAAU,EAAC,QAAQ,EACnB,QAAQ,EACR,IAAA,EAAA,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,EAAE,EAAE,KAAK,GAAI,IAAc,GAAG,SAAS,EAAA,EAEtC,KAAK,CACH;AACN,gBAAA,MAAM,KACH,KAAC,CAAA,aAAA,CAAAJ,YAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACV,YAAA,EAAA,MAAM,CAAC,KAAK,EAAA;AAExB,oBAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAEE,iCAAuB,EAAI,CAAA,CACrD,CACZ,CACC;AACN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAG,EAAA,aAAa,EAAE,CAAO,CAC5C,CACR;AAEjB;;;;"}

package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-mobile-overlap-panel{inset:0;position:fixed}.gn-mobile-overlap-panel__drawer-item{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}.gn-mobile-overlap-panel_action .gn-mobile-overlap-panel__title{padding-right:0}.gn-mobile-overlap-panel__close{margin-right:var(--g-spacing-1)}.gn-mobile-overlap-panel__action{margin-left:var(--g-spacing-1)}.gn-mobile-overlap-panel__action.g-button:hover:before,.gn-mobile-overlap-panel__close.g-button:hover:before{background-color:transparent}.gn-mobile-overlap-panel__title{display:inline-block;flex:1;justify-content:center;margin:0;padding-right:40px;text-align:center}.gn-mobile-overlap-panel__content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0 var(--g-spacing-5)}.gn-mobile-overlap-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-spacing-3);padding:var(--g-spacing-1) var(--g-spacing-3)}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=OverlapPanel.scss.js.map

package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.scss.js.map

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

package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/OverlapPanel.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { OverlapPanelProps } from '../OverlapPanel';
+import './OverlapPanel.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlapPanelProps>;

package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/moc.d.ts

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

package/build/cjs/components/MobileHeader/OverlapPanel/__tests__/helpersPlaywright.d.ts

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

package/build/cjs/components/MobileHeader/__stories__/MobileHeader.stories.d.ts

@@ -0,0 +1,4 @@
+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>;

package/build/cjs/components/MobileHeader/__stories__/MobileHeaderShowcase.d.ts

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

package/build/cjs/components/MobileHeader/__stories__/moc.d.ts

@@ -0,0 +1 @@
+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";

package/build/cjs/components/MobileHeader/__tests__/helpersPlaywright.d.ts

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

package/build/cjs/components/MobileHeader/constants.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const MOBILE_ITEM_HEIGHT = 48;
+const MOBILE_HEADER_COMPACT_HEIGHT = 50;
+const MOBILE_HEADER_EXPANDED_HEIGHT = 120;
+const MOBILE_HEADER_ICON_SIZE = 20;
+const MOBILE_HEADER_EVENT_NAMES = {
+    toggleEvent: 'MOBILE_PANEL_TOGGLE',
+    closeEvent: 'MOBILE_PANEL_CLOSE',
+    openEvent: 'MOBILE_PANEL_OPEN',
+};
+const BURGER_PANEL_ITEM_ID = 'burger';
+const OVERLAP_PANEL_ITEM_ID = 'overlap';
+
+exports.BURGER_PANEL_ITEM_ID = BURGER_PANEL_ITEM_ID;
+exports.MOBILE_HEADER_COMPACT_HEIGHT = MOBILE_HEADER_COMPACT_HEIGHT;
+exports.MOBILE_HEADER_EVENT_NAMES = MOBILE_HEADER_EVENT_NAMES;
+exports.MOBILE_HEADER_EXPANDED_HEIGHT = MOBILE_HEADER_EXPANDED_HEIGHT;
+exports.MOBILE_HEADER_ICON_SIZE = MOBILE_HEADER_ICON_SIZE;
+exports.MOBILE_ITEM_HEIGHT = MOBILE_ITEM_HEIGHT;
+exports.OVERLAP_PANEL_ITEM_ID = OVERLAP_PANEL_ITEM_ID;
+//# sourceMappingURL=constants.js.map

package/build/cjs/components/MobileHeader/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/MobileHeader/constants.ts"],"sourcesContent":["import {ItemEventsConfig} from './types';\n\nexport const MOBILE_ITEM_HEIGHT = 48;\nexport const MOBILE_HEADER_COMPACT_HEIGHT = 50;\nexport const MOBILE_HEADER_EXPANDED_HEIGHT = 120;\nexport const MOBILE_HEADER_ICON_SIZE = 20;\n\nexport const MOBILE_HEADER_EVENT_NAMES: ItemEventsConfig = {\n    toggleEvent: 'MOBILE_PANEL_TOGGLE',\n    closeEvent: 'MOBILE_PANEL_CLOSE',\n    openEvent: 'MOBILE_PANEL_OPEN',\n};\n\nexport const BURGER_PANEL_ITEM_ID = 'burger';\nexport const OVERLAP_PANEL_ITEM_ID = 'overlap';\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG;AAC3B,MAAM,4BAA4B,GAAG;AACrC,MAAM,6BAA6B,GAAG;AACtC,MAAM,uBAAuB,GAAG;AAE1B,MAAA,yBAAyB,GAAqB;AACvD,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,UAAU,EAAE,oBAAoB;AAChC,IAAA,SAAS,EAAE,mBAAmB;;AAG3B,MAAM,oBAAoB,GAAG;AAC7B,MAAM,qBAAqB,GAAG;;;;;;;;;;"}

package/build/cjs/components/MobileHeader/i18n/en.json.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var burger_button_close = "Close menu";
+var burger_button_open = "Open menu";
+var overlap_button_close = "Close";
+var en = {
+	burger_button_close: burger_button_close,
+	burger_button_open: burger_button_open,
+	overlap_button_close: overlap_button_close
+};
+
+exports.burger_button_close = burger_button_close;
+exports.burger_button_open = burger_button_open;
+exports.default = en;
+exports.overlap_button_close = overlap_button_close;
+//# sourceMappingURL=en.json.js.map

package/build/cjs/components/MobileHeader/i18n/en.json.js.map

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

package/build/cjs/components/MobileHeader/i18n/index.d.ts

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

package/build/cjs/components/MobileHeader/i18n/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var i18n$1 = require('@gravity-ui/uikit/i18n');
+var cn = require('../../utils/cn.js');
+var en = require('./en.json.js');
+var ru = require('./ru.json.js');
+
+const COMPONENT = 'MobileHeader';
+var i18n = i18n$1.addComponentKeysets({ en: en.default, ru: ru.default }, `${cn.NAMESPACE}${COMPONENT}`);
+
+module.exports = i18n;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/MobileHeader/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/MobileHeader/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'MobileHeader';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":["addComponentKeysets","en","ru","NAMESPACE"],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,cAAc;AAChC,WAAeA,0BAAmB,CAAC,MAACC,UAAE,MAAEC,UAAE,EAAC,EAAE,CAAA,EAAGC,YAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

package/build/cjs/components/MobileHeader/i18n/ru.json.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var burger_button_close = "Закрыть меню";
+var burger_button_open = "Открыть меню";
+var overlap_button_close = "Закрыть";
+var ru = {
+	burger_button_close: burger_button_close,
+	burger_button_open: burger_button_open,
+	overlap_button_close: overlap_button_close
+};
+
+exports.burger_button_close = burger_button_close;
+exports.burger_button_open = burger_button_open;
+exports.default = ru;
+exports.overlap_button_close = overlap_button_close;
+//# sourceMappingURL=ru.json.js.map

package/build/cjs/components/MobileHeader/i18n/ru.json.js.map

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

package/build/cjs/components/MobileHeader/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var MobileHeader = require('./MobileHeader.js');
+var FooterItem = require('./FooterItem/FooterItem.js');
+var utils = require('./utils.js');
+var constants = require('./constants.js');
+
+
+
+exports.MobileHeader = MobileHeader.MobileHeader;
+exports.MobileHeaderFooterItem = FooterItem.FooterItem;
+exports.getMobileHeaderCustomEvent = utils.getMobileHeaderCustomEvent;
+exports.MOBILE_HEADER_EVENT_NAMES = constants.MOBILE_HEADER_EVENT_NAMES;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/MobileHeader/index.js.map

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

package/build/cjs/components/MobileHeader/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItem } from '../types';
 export interface ModalItem {
     visible: boolean;

package/build/cjs/components/MobileHeader/utils.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var constants = require('./constants.js');
+
+const getItemHeight = (item) => {
+    switch (item.type) {
+        case 'divider':
+            return 1;
+        default:
+            return constants.MOBILE_ITEM_HEIGHT;
+    }
+};
+const getSelectedItemIndex = (items) => {
+    const index = items.findIndex(({ current }) => Boolean(current));
+    return index === -1 ? undefined : index;
+};
+const getMobileHeaderCustomEvent = (eventName, detail) => {
+    return new CustomEvent(eventName, { detail });
+};
+
+exports.getItemHeight = getItemHeight;
+exports.getMobileHeaderCustomEvent = getMobileHeaderCustomEvent;
+exports.getSelectedItemIndex = getSelectedItemIndex;
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/MobileHeader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/MobileHeader/utils.ts"],"sourcesContent":["import {MOBILE_ITEM_HEIGHT} from './constants';\nimport {MobileHeaderEventOptions, MobileMenuItem} from './types';\n\nexport const getItemHeight = (item: MobileMenuItem) => {\n    switch (item.type) {\n        case 'divider':\n            return 1;\n        default:\n            return MOBILE_ITEM_HEIGHT;\n    }\n};\n\nexport const getSelectedItemIndex = (items: MobileMenuItem[]) => {\n    const index = items.findIndex(({current}) => Boolean(current));\n\n    return index === -1 ? undefined : index;\n};\n\nexport const getMobileHeaderCustomEvent = (\n    eventName: string,\n    detail?: MobileHeaderEventOptions,\n) => {\n    return new CustomEvent<MobileHeaderEventOptions>(eventName, {detail});\n};\n"],"names":["MOBILE_ITEM_HEIGHT"],"mappings":";;;;AAGa,MAAA,aAAa,GAAG,CAAC,IAAoB,KAAI;AAClD,IAAA,QAAQ,IAAI,CAAC,IAAI;AACb,QAAA,KAAK,SAAS;AACV,YAAA,OAAO,CAAC;AACZ,QAAA;AACI,YAAA,OAAOA,4BAAkB;;AAErC;AAEa,MAAA,oBAAoB,GAAG,CAAC,KAAuB,KAAI;AAC5D,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAC,OAAO,EAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAE9D,IAAA,OAAO,KAAK,KAAK,EAAE,GAAG,SAAS,GAAG,KAAK;AAC3C;MAEa,0BAA0B,GAAG,CACtC,SAAiB,EACjB,MAAiC,KACjC;IACA,OAAO,IAAI,WAAW,CAA2B,SAAS,EAAE,EAAC,MAAM,EAAC,CAAC;AACzE;;;;;;"}

package/build/cjs/components/MobileLogo/MobileLogo.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../utils/cn.js');
+require('./MobileLogo.scss.js');
+
+const b = cn.block('mobile-logo');
+const MobileLogo = ({ text, compact, icon, iconSrc, iconClassName, iconSize = 32, textSize = 20, href = '/', target = '_self', wrapper, onClick, className, }) => {
+    const hasWrapper = typeof wrapper === 'function';
+    let logoIcon;
+    if (iconSrc) {
+        logoIcon = (React.createElement("img", { alt: "logo icon", src: iconSrc, width: iconSize, height: iconSize, className: iconClassName }));
+    }
+    else if (icon) {
+        logoIcon = React.createElement(uikit.Icon, { data: icon, size: iconSize, className: b('icon', iconClassName) });
+    }
+    let logoTitle;
+    if (typeof text === 'function') {
+        logoTitle = text();
+    }
+    else {
+        logoTitle = (React.createElement("span", { className: b('title'), style: { fontSize: textSize } }, text));
+    }
+    const logo = (React.createElement(React.Fragment, null,
+        logoIcon,
+        logoTitle));
+    return hasWrapper ? (React.createElement("div", { className: b(null, className), onClick: onClick }, wrapper(logo, compact))) : (React.createElement("a", { href: href, target: target, ref: target === '_self' ? undefined : 'noreferrer', className: b(null, className), onClick: onClick }, logo));
+};
+
+exports.MobileLogo = MobileLogo;
+//# sourceMappingURL=MobileLogo.js.map

package/build/cjs/components/MobileLogo/MobileLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileLogo.js","sources":["../../../../../src/components/MobileLogo/MobileLogo.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {LogoProps} from '../types';\nimport {block} from '../utils/cn';\n\nimport './MobileLogo.scss';\n\nconst b = block('mobile-logo');\n\nexport interface MobileLogoProps extends LogoProps {\n    compact: boolean;\n}\n\nexport const MobileLogo: React.FC<MobileLogoProps> = ({\n    text,\n    compact,\n    icon,\n    iconSrc,\n    iconClassName,\n    iconSize = 32,\n    textSize = 20,\n    href = '/',\n    target = '_self',\n    wrapper,\n    onClick,\n    className,\n}) => {\n    const hasWrapper = typeof wrapper === 'function';\n\n    let logoIcon;\n\n    if (iconSrc) {\n        logoIcon = (\n            <img\n                alt=\"logo icon\"\n                src={iconSrc}\n                width={iconSize}\n                height={iconSize}\n                className={iconClassName}\n            />\n        );\n    } else if (icon) {\n        logoIcon = <Icon data={icon} size={iconSize} className={b('icon', iconClassName)} />;\n    }\n\n    let logoTitle: React.ReactNode;\n\n    if (typeof text === 'function') {\n        logoTitle = text();\n    } else {\n        logoTitle = (\n            <span className={b('title')} style={{fontSize: textSize}}>\n                {text}\n            </span>\n        );\n    }\n\n    const logo = (\n        <React.Fragment>\n            {logoIcon}\n            {logoTitle}\n        </React.Fragment>\n    );\n\n    return hasWrapper ? (\n        <div className={b(null, className)} onClick={onClick}>\n            {wrapper(logo, compact)}\n        </div>\n    ) : (\n        <a\n            href={href}\n            target={target}\n            ref={target === '_self' ? undefined : 'noreferrer'}\n            className={b(null, className)}\n            onClick={onClick}\n        >\n            {logo}\n        </a>\n    );\n};\n"],"names":["block","Icon"],"mappings":";;;;;;;AASA,MAAM,CAAC,GAAGA,QAAK,CAAC,aAAa,CAAC;AAMjB,MAAA,UAAU,GAA8B,CAAC,EAClD,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,aAAa,EACb,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,GAAG,EACV,MAAM,GAAG,OAAO,EAChB,OAAO,EACP,OAAO,EACP,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,OAAO,KAAK,UAAU;AAEhD,IAAA,IAAI,QAAQ;IAEZ,IAAI,OAAO,EAAE;QACT,QAAQ,IACJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,WAAW,EACf,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,aAAa,EAC1B,CAAA,CACL;;SACE,IAAI,IAAI,EAAE;QACb,QAAQ,GAAG,oBAACC,UAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,EAAA,CAAI;;AAGxF,IAAA,IAAI,SAA0B;AAE9B,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;QAC5B,SAAS,GAAG,IAAI,EAAE;;SACf;QACH,SAAS,IACL,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EACnD,EAAA,IAAI,CACF,CACV;;AAGL,IAAA,MAAM,IAAI,IACN,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;QACV,QAAQ;QACR,SAAS,CACG,CACpB;AAED,IAAA,OAAO,UAAU,IACb,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAC/C,EAAA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CACrB,KAEN,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACI,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,YAAY,EAClD,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,OAAO,EAAE,OAAO,EAAA,EAEf,IAAI,CACL,CACP;AACL;;;;"}

package/build/cjs/components/MobileLogo/MobileLogo.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-mobile-logo{align-items:center;display:flex;gap:var(--g-spacing-2);overflow:hidden}.gn-mobile-logo:is(a),.gn-mobile-logo:is(a):active,.gn-mobile-logo:is(a):focus,.gn-mobile-logo:is(a):hover,.gn-mobile-logo:is(a):visited{color:var(--g-color-text-primary);outline:none;text-decoration:none}.gn-mobile-logo__icon{flex-shrink:0}.gn-mobile-logo__title{font-family:var(--g-text-header-font-family);font-size:var(--g-text-header-1-font-size);font-weight:var(--g-text-header-font-weight);line-height:var(--g-text-header-1-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=MobileLogo.scss.js.map

package/build/cjs/components/MobileLogo/MobileLogo.scss.js.map

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

package/build/cjs/components/MobileLogo/__stories__/MobileLogo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { MobileLogo } from '..';
+import type { MobileLogoProps } from '..';
+declare const _default: Meta<typeof MobileLogo>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MobileLogoProps>;

package/build/cjs/components/MobileLogo/__tests__/helpersPlaywright.d.ts

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

package/build/cjs/components/Settings/Selection/context.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var collectSettings = require('../collect-settings.js');
+
+const defaultValue = {};
+const context = React.createContext(defaultValue);
+context.displayName = 'SettingsSelectionContext';
+function useSettingsSelectionProviderValue(pages, selection) {
+    const selectedRef = React.useRef(null);
+    const contextValue = React.useMemo(() => {
+        if (!selection)
+            return { selectedRef };
+        return Object.assign({ selectedRef }, collectSettings.getSelectedSettingsPart(pages, selection));
+    }, [pages, selection]);
+    return contextValue;
+}
+const SettingsSelectionContextProvider = context.Provider;
+function useSettingsSelectionContext() {
+    return React.useContext(context);
+}
+
+exports.SettingsSelectionContextProvider = SettingsSelectionContextProvider;
+exports.useSettingsSelectionContext = useSettingsSelectionContext;
+exports.useSettingsSelectionProviderValue = useSettingsSelectionProviderValue;
+//# sourceMappingURL=context.js.map

package/build/cjs/components/Settings/Selection/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../src/components/Settings/Selection/context.ts"],"sourcesContent":["import React from 'react';\n\nimport {SelectedSettingsPart, SettingsPage, getSelectedSettingsPart} from '../collect-settings';\n\nimport {SettingsSelection} from './types';\n\ninterface ContextValue extends SelectedSettingsPart {\n    selectedRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst defaultValue: ContextValue = {};\n\nconst context = React.createContext(defaultValue);\ncontext.displayName = 'SettingsSelectionContext';\n\nexport function useSettingsSelectionProviderValue(\n    pages: Record<string, SettingsPage>,\n    selection: SettingsSelection | undefined,\n): ContextValue {\n    const selectedRef = React.useRef<HTMLDivElement>(null);\n\n    const contextValue: ContextValue = React.useMemo(() => {\n        if (!selection) return {selectedRef};\n\n        return {selectedRef, ...getSelectedSettingsPart(pages, selection)};\n    }, [pages, selection]);\n\n    return contextValue;\n}\n\nexport const SettingsSelectionContextProvider = context.Provider;\n\nexport function useSettingsSelectionContext(): ContextValue {\n    return React.useContext(context);\n}\n"],"names":["getSelectedSettingsPart"],"mappings":";;;;;AAUA,MAAM,YAAY,GAAiB,EAAE;AAErC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;AACjD,OAAO,CAAC,WAAW,GAAG,0BAA0B;AAEhC,SAAA,iCAAiC,CAC7C,KAAmC,EACnC,SAAwC,EAAA;IAExC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;AAEtD,IAAA,MAAM,YAAY,GAAiB,KAAK,CAAC,OAAO,CAAC,MAAK;AAClD,QAAA,IAAI,CAAC,SAAS;YAAE,OAAO,EAAC,WAAW,EAAC;QAEpC,OAAQ,MAAA,CAAA,MAAA,CAAA,EAAA,WAAW,IAAKA,uCAAuB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAE;AACvE,KAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAEtB,IAAA,OAAO,YAAY;AACvB;AAEa,MAAA,gCAAgC,GAAG,OAAO,CAAC;SAExC,2BAA2B,GAAA;AACvC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;AACpC;;;;;;"}