@gravity-ui/navigation 5.0.0-beta.3 → 5.0.0

package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.css

@@ -0,0 +1,2 @@
+.AsideHeader-module__g-root___EuNRw{--gn-aside-top-panel-height:0px}
+.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-height:36px;--_--item-margin-inline:10px;--gn-aside-header-item-expanded-radius:6px;--gn-aside-header-header-divider-height:29px;--_--background-color:var(--g-color-base-background);--_--decoration-collapsed-background-color:var(--g-color-base-warning-light);--_--decoration-expanded-background-color:var(--g-color-base-warning-light);--_--vertical-divider-line-color:var(--g-color-line-generic);--_--horizontal-divider-line-color:var(--g-color-line-generic);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-expanded-background-color,var(--gn-aside-header-background-color,var(--_--background-color)));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));position:sticky;top:var(--gn-top-alert-height,0);transition:width .15s ease-in-out;width:inherit;z-index:var(--gn-aside-header-z-index,100)}.AsideHeader-module__gn-aside-header__aside___AyP0y:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:"";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}.AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM{inset:0;position:absolute;z-index:1}.AsideHeader-module__gn-aside-header__aside-content___w5GOS{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;overflow:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:inherit;z-index:2}.AsideHeader-module__gn-aside-header__aside-content___w5GOS>.AsideHeader-module__gn-aside-header-logo___6MdXx{margin:8px 0}.AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye{background:linear-gradient(180deg,var(--gn-aside-header-decoration-expanded-background-color,var(--_--decoration-expanded-background-color)) calc(var(--gradient-height)*.33),transparent calc(var(--gradient-height)*.88))}.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.AsideHeader-module__gn-aside-header__aside_compact-mode___x4hPl{--_--item-height:28px;--_--item-margin-inline:6px;--_--item-collapsed-radius:4px;--gn-aside-header-item-expanded-radius:4px;--gn-aside-header-header-divider-height:22px;--gn-aside-header-min-width:40px}.AsideHeader-module__gn-aside-header_collapsed___Mnljj .AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.AsideHeader-module__gn-aside-header_collapsed___Mnljj .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u, .AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX, .AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr, .AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l, .AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX{left:0;position:fixed;top:0}.AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX+.AsideHeader-module__gn-aside-header__content___4-mBl{padding-left:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__content___4-mBl{margin-top:var(--gn-top-alert-height,0);width:100%;z-index:var(--gn-aside-header-content-z-index,95)}.AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg{padding-left:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__header___m5aIU{background-color:var(--gn-aside-top-decoration-background-color);box-sizing:border-box;flex:none;padding-bottom:25px;padding-top:8px;position:relative;width:100%;z-index:1}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{bottom:0;color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;z-index:-2}.AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:before{background-color:var(--gn-aside-top-divider-color,var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color)));content:"";display:none;height:calc(100% - var(--gn-aside-header-header-divider-height));left:0;position:absolute;top:0;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header__header___m5aIU:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:12px;content:"";height:1px;left:0;position:absolute;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header_collapsed___Mnljj .AsideHeader-module__gn-aside-header__header___m5aIU:before, .AsideHeader-module__gn-aside-header_collapsed___Mnljj .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:block}.AsideHeader-module__gn-aside-header_collapsed___Mnljj .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:after{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH{margin-bottom:2px}.AsideHeader-module__gn-aside-header__logo-container___pK10O{align-items:center;display:flex;justify-content:space-between;margin-inline:var(--_--item-margin-inline);margin-bottom:2px}.AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc{border-bottom:1px solid var(--g-color-line-generic);margin-bottom:var(--g-spacing-2);padding-bottom:var(--g-spacing-2)}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--_--item-height);width:var(--_--item-height)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__menu-item___q2y31:not(:has([data-type=action])){margin-inline:var(--_--item-margin-inline)}.AsideHeader-module__gn-aside-header__footer___vmoTl{background-color:var(--gn-aside-bottom-background-color);display:flex;flex-direction:column;flex-shrink:0;margin:var(--g-spacing-2) var(--_--item-margin-inline)}.AsideHeader-module__gn-aside-header__footer_horizontal___QTq4U{margin:0}.AsideHeader-module__gn-aside-header__panels___-fdu4{z-index:var(--gn-aside-header-panel-z-index,98)}.AsideHeader-module__gn-aside-header__panels___-fdu4, .AsideHeader-module__gn-aside-header__panels___-fdu4.g-drawer{inset:var(--gn-top-alert-height,0) 0 0;position:fixed}.AsideHeader-module__gn-aside-header__panel___HywH6, .AsideHeader-module__gn-aside-header__panel___HywH6.g-drawer__item{bottom:0;height:auto;top:var(--gn-top-alert-height,0)}.AsideHeader-module__gn-aside-header__pane-container___y-v2e{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.AsideHeader-module__gn-aside-header__top-alert___hY12r{--gn-drawer-z-index:var(--gn-aside-header-panel-z-index,98);background:var(--g-color-base-background);position:fixed;top:0;width:100%}.AsideHeader-module__gn-aside-header__pin-button___M61Ht{margin-left:auto}.AsideHeader-module__gn-aside-header__pin-button_collapsed___mwHr1{margin-right:auto}.AsideHeader-module__gn-aside-header__panel-content___Y2lCR{height:100%}.AsideHeader-module__gn-aside-header__all-pages-panel___O94IU{width:fit-content!important}

package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AsideHeaderProps } from '../../types';
-type Props = Omit<AsideHeaderProps, 'compact' | 'size'>;
+type Props = Omit<AsideHeaderProps, 'pinned' | 'size'>;
 export declare const PageLayoutAside: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export {};

package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.js

@@ -1,3 +1,4 @@
+import './PageLayoutAside.css';
 'use strict';
 
 var React = require('react');
@@ -6,12 +7,13 @@ var AsideHeaderContext = require('../../AsideHeaderContext.js');
 var useAsideHeaderInnerContextValue = require('../../useAsideHeaderInnerContextValue.js');
 
 const PageLayoutAside = React.forwardRef((props, ref) => {
-    const { size, compact, isExpanded, onExpand, onFold } = AsideHeaderContext.useAsideHeaderContext();
+    const { size, pinned, isExpanded, onExpand, onFold, setCollapseBlocker } = AsideHeaderContext.useAsideHeaderContext();
     const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue.useAsideHeaderInnerContextValue(Object.assign({ size,
-        compact,
+        pinned,
         isExpanded,
         onExpand,
-        onFold }, props));
+        onFold,
+        setCollapseBlocker }, props));
     return (React.createElement(AsideHeaderContext.AsideHeaderInnerContextProvider, { value: asideHeaderInnerContextValue },
         React.createElement(FirstPanel.FirstPanel, { ref: ref })));
 });

package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayoutAside.js","sources":["../../../../../../../src/components/AsideHeader/components/PageLayout/PageLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport {FirstPanel} from '..';\nimport {AsideHeaderInnerContextProvider, useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {AsideHeaderProps} from '../../types';\nimport {useAsideHeaderInnerContextValue} from '../../useAsideHeaderInnerContextValue';\n\ntype Props = Omit<AsideHeaderProps, 'compact' | 'size'>;\n\nexport const PageLayoutAside = React.forwardRef<HTMLDivElement, Props>((props, ref) => {\n    const {size, compact, isExpanded, onExpand, onFold} = useAsideHeaderContext();\n\n    const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue({\n        size,\n        compact,\n        isExpanded,\n        onExpand,\n        onFold,\n        ...props,\n    });\n\n    return (\n        <AsideHeaderInnerContextProvider value={asideHeaderInnerContextValue}>\n            <FirstPanel ref={ref} />\n        </AsideHeaderInnerContextProvider>\n    );\n});\n\nPageLayoutAside.displayName = 'PageLayoutAside';\n"],"names":["useAsideHeaderContext","useAsideHeaderInnerContextValue","AsideHeaderInnerContextProvider","FirstPanel"],"mappings":";;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAwB,CAAC,KAAK,EAAE,GAAG,KAAI;AAClF,IAAA,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAC,GAAGA,wCAAqB,EAAE;AAE7E,IAAA,MAAM,4BAA4B,GAAGC,+DAA+B,CAAA,MAAA,CAAA,MAAA,CAAA,EAChE,IAAI;QACJ,OAAO;QACP,UAAU;QACV,QAAQ;QACR,MAAM,EAAA,EACH,KAAK,CAAA,CACV;AAEF,IAAA,QACI,KAAC,CAAA,aAAA,CAAAC,kDAA+B,EAAC,EAAA,KAAK,EAAE,4BAA4B,EAAA;QAChE,KAAC,CAAA,aAAA,CAAAC,qBAAU,IAAC,GAAG,EAAE,GAAG,EAAI,CAAA,CACM;AAE1C,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"PageLayoutAside.js","sources":["../../../../../../../src/components/AsideHeader/components/PageLayout/PageLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport {FirstPanel} from '..';\nimport {AsideHeaderInnerContextProvider, useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {AsideHeaderProps} from '../../types';\nimport {useAsideHeaderInnerContextValue} from '../../useAsideHeaderInnerContextValue';\n\ntype Props = Omit<AsideHeaderProps, 'pinned' | 'size'>;\n\nexport const PageLayoutAside = React.forwardRef<HTMLDivElement, Props>((props, ref) => {\n    const {size, pinned, isExpanded, onExpand, onFold, setCollapseBlocker} =\n        useAsideHeaderContext();\n\n    const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue({\n        size,\n        pinned,\n        isExpanded,\n        onExpand,\n        onFold,\n        setCollapseBlocker,\n        ...props,\n    });\n\n    return (\n        <AsideHeaderInnerContextProvider value={asideHeaderInnerContextValue}>\n            <FirstPanel ref={ref} />\n        </AsideHeaderInnerContextProvider>\n    );\n});\n\nPageLayoutAside.displayName = 'PageLayoutAside';\n"],"names":["useAsideHeaderContext","useAsideHeaderInnerContextValue","AsideHeaderInnerContextProvider","FirstPanel"],"mappings":";;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAwB,CAAC,KAAK,EAAE,GAAG,KAAI;AAClF,IAAA,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,kBAAkB,EAAC,GAClEA,wCAAqB,EAAE;AAE3B,IAAA,MAAM,4BAA4B,GAAGC,+DAA+B,CAAA,MAAA,CAAA,MAAA,CAAA,EAChE,IAAI;QACJ,MAAM;QACN,UAAU;QACV,QAAQ;QACR,MAAM;QACN,kBAAkB,EAAA,EACf,KAAK,CAAA,CACV;AAEF,IAAA,QACI,KAAC,CAAA,aAAA,CAAAC,kDAA+B,EAAC,EAAA,KAAK,EAAE,4BAA4B,EAAA;QAChE,KAAC,CAAA,aAAA,CAAAC,qBAAU,IAAC,GAAG,EAAE,GAAG,EAAI,CAAA,CACM;AAE1C,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/build/cjs/components/AsideHeader/components/Panels.js

@@ -1,12 +1,13 @@
 'use strict';
 
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
 var AsideHeaderContext = require('../AsideHeaderContext.js');
 var utils = require('../utils.js');
 
 const Panels = () => {
-    const { panelItems, size, onClosePanel, onExpand, onFold } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const { panelItems, size, onClosePanel, onFold } = AsideHeaderContext.useAsideHeaderInnerContext();
     const handleVeilClick = React.useCallback(() => {
         onFold === null || onFold === undefined ? undefined : onFold();
         onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
@@ -21,8 +22,10 @@ const Panels = () => {
         }
         return;
     }, [handleVeilClick, onClosePanel]);
-    return panelItems ? (React.createElement(React.Fragment, null, panelItems.map((item) => (React.createElement(uikit.Drawer, { key: item.id, className: utils.b('panels'), open: item.visible, onOpenChange: handleOpenChange, style: { left: size }, contentClassName: utils.b('panel', item.className) },
-        React.createElement("div", { onMouseEnter: onExpand, className: utils.b('panel-content') }, item.content)))))) : null;
+    return panelItems ? (React.createElement(React.Fragment, null, panelItems.map((_a) => {
+        var { id, className, children } = _a, rest = tslib_es6.__rest(_a, ["id", "className", "children"]);
+        return (React.createElement(uikit.Drawer, Object.assign({}, rest, { key: id, className: utils.b('panels'), onOpenChange: handleOpenChange, style: { left: size }, contentClassName: utils.b('panel', className) }), children));
+    }))) : null;
 };
 
 exports.Panels = Panels;

package/build/cjs/components/AsideHeader/components/Panels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panels.js","sources":["../../../../../../src/components/AsideHeader/components/Panels.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Drawer, DrawerProps} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nexport const Panels: React.FC = () => {\n    const {panelItems, size, onClosePanel, onExpand, onFold} = useAsideHeaderInnerContext();\n\n    const handleVeilClick = useCallback(() => {\n        onFold?.();\n        onClosePanel?.();\n    }, [onClosePanel, onFold]);\n\n    const handleOpenChange: Required<DrawerProps>['onOpenChange'] = useCallback(\n        (open, _event, reason) => {\n            if (reason === 'outside-press') {\n                handleVeilClick();\n                return;\n            }\n\n            if (!open) {\n                onClosePanel?.();\n            }\n\n            return;\n        },\n        [handleVeilClick, onClosePanel],\n    );\n\n    return panelItems ? (\n        <React.Fragment>\n            {panelItems.map((item) => (\n                <Drawer\n                    key={item.id}\n                    className={b('panels')}\n                    open={item.visible}\n                    onOpenChange={handleOpenChange}\n                    style={{left: size}}\n                    contentClassName={b('panel', item.className)}\n                >\n                    <div onMouseEnter={onExpand} className={b('panel-content')}>\n                        {item.content}\n                    </div>\n                </Drawer>\n            ))}\n        </React.Fragment>\n    ) : null;\n};\n"],"names":["useAsideHeaderInnerContext","useCallback","Drawer","b"],"mappings":";;;;;;;AAOO,MAAM,MAAM,GAAa,MAAK;AACjC,IAAA,MAAM,EAAC,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAC,GAAGA,6CAA0B,EAAE;AAEvF,IAAA,MAAM,eAAe,GAAGC,iBAAW,CAAC,MAAK;AACrC,QAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,EAAI;AACV,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;AACpB,KAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAE1B,MAAM,gBAAgB,GAA0CA,iBAAW,CACvE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAI;AACrB,QAAA,IAAI,MAAM,KAAK,eAAe,EAAE;AAC5B,YAAA,eAAe,EAAE;YACjB;;QAGJ,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;;QAGpB;AACJ,KAAC,EACD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC;AAED,IAAA,OAAO,UAAU,IACb,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA,EACV,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACjB,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAEC,OAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EACnB,gBAAgB,EAAEA,OAAC,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA;QAE5C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAEA,OAAC,CAAC,eAAe,CAAC,EACrD,EAAA,IAAI,CAAC,OAAO,CACX,CACD,CACZ,CAAC,CACW,IACjB,IAAI;AACZ;;;;"}
+{"version":3,"file":"Panels.js","sources":["../../../../../../src/components/AsideHeader/components/Panels.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Drawer, DrawerProps} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nexport const Panels: React.FC = () => {\n    const {panelItems, size, onClosePanel, onFold} = useAsideHeaderInnerContext();\n\n    const handleVeilClick = useCallback(() => {\n        onFold?.();\n        onClosePanel?.();\n    }, [onClosePanel, onFold]);\n\n    const handleOpenChange: Required<DrawerProps>['onOpenChange'] = useCallback(\n        (open, _event, reason) => {\n            if (reason === 'outside-press') {\n                handleVeilClick();\n                return;\n            }\n\n            if (!open) {\n                onClosePanel?.();\n            }\n\n            return;\n        },\n        [handleVeilClick, onClosePanel],\n    );\n\n    return panelItems ? (\n        <React.Fragment>\n            {panelItems.map(({id, className, children, ...rest}) => (\n                <Drawer\n                    {...rest}\n                    key={id}\n                    className={b('panels')}\n                    onOpenChange={handleOpenChange}\n                    style={{left: size}}\n                    contentClassName={b('panel', className)}\n                >\n                    {children}\n                </Drawer>\n            ))}\n        </React.Fragment>\n    ) : null;\n};\n"],"names":["useAsideHeaderInnerContext","useCallback","__rest","Drawer","b"],"mappings":";;;;;;;;AAOO,MAAM,MAAM,GAAa,MAAK;AACjC,IAAA,MAAM,EAAC,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAC,GAAGA,6CAA0B,EAAE;AAE7E,IAAA,MAAM,eAAe,GAAGC,iBAAW,CAAC,MAAK;AACrC,QAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,EAAI;AACV,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;AACpB,KAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAE1B,MAAM,gBAAgB,GAA0CA,iBAAW,CACvE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAI;AACrB,QAAA,IAAI,MAAM,KAAK,eAAe,EAAE;AAC5B,YAAA,eAAe,EAAE;YACjB;;QAGJ,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;;QAGpB;AACJ,KAAC,EACD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC;AAED,IAAA,OAAO,UAAU,IACb,oBAAC,KAAK,CAAC,QAAQ,EAAA,IAAA,EACV,UAAU,CAAC,GAAG,CAAC,CAAC,EAAkC,KAAI;YAAtC,EAAC,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAU,EAAL,IAAI,GAAjCC,gBAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,UAAA,CAAkC,CAAD;AAAM,QAAA,QACpD,KAAC,CAAA,aAAA,CAAAC,YAAM,oBACC,IAAI,EAAA,EACR,GAAG,EAAE,EAAE,EACP,SAAS,EAAEC,OAAC,CAAC,QAAQ,CAAC,EACtB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EACnB,gBAAgB,EAAEA,OAAC,CAAC,OAAO,EAAE,SAAS,CAAC,KAEtC,QAAQ,CACJ;AACZ,KAAA,CAAC,CACW,IACjB,IAAI;AACZ;;;;"}

package/build/cjs/components/AsideHeader/hooks/useIsExpanded.d.ts

@@ -1,7 +1,9 @@
+import { SetCollapseBlocker } from '../types';
 interface UseIsExpandedResult {
     isExpanded: boolean;
     onExpand: () => void;
     onFold: () => void;
+    setCollapseBlocker: SetCollapseBlocker;
 }
-export declare const useIsExpanded: (externalCompact: boolean) => UseIsExpandedResult;
+export declare const useIsExpanded: (externalPinned: boolean) => UseIsExpandedResult;
 export {};

package/build/cjs/components/AsideHeader/hooks/useIsExpanded.js

@@ -4,39 +4,62 @@ var React = require('react');
 var constants = require('../../constants.js');
 var useDelayedToggle = require('./useDelayedToggle.js');
 
-const useIsExpanded = (externalCompact) => {
-    const [isExpanded, setIsExpanded] = React.useState(!externalCompact);
+const useIsExpanded = (externalPinned) => {
+    const [isExpanded, setIsExpanded] = React.useState(externalPinned);
     const [isMouseInside, setIsMouseInside] = React.useState(false);
+    const collapseBlockerCountRef = React.useRef(0);
+    const pendingFoldRef = React.useRef(false);
     React.useEffect(() => {
-        if (externalCompact && isExpanded) {
+        if (!externalPinned && isExpanded) {
             return;
         }
-        setIsExpanded(!externalCompact);
-        // We need to run this effect only when externalCompact changes
+        setIsExpanded(externalPinned);
+        // We need to run this effect only when externalPinned changes
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [externalCompact]);
+    }, [externalPinned]);
     const delayedShouldExpand = useDelayedToggle.useDelayedToggle(isMouseInside, {
         enableDelay: constants.ASIDE_HEADER_EXPAND_DELAY,
         disableDelay: constants.ASIDE_HEADER_EXPAND_TRANSITION_DELAY,
     });
     // Update isExpanded based on hover
     React.useEffect(() => {
-        if (externalCompact) {
+        if (!externalPinned) {
             setIsExpanded(delayedShouldExpand);
         }
-        // We need to run this effect only when delayedShouldExpand changes
+        // Re-run when externalPinned changes so we sync to hover state after pin/unpin
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delayedShouldExpand]);
+    }, [delayedShouldExpand, externalPinned]);
+    const performFold = React.useCallback(() => {
+        setIsMouseInside(false);
+    }, []);
     const handleExpand = React.useCallback(() => {
+        pendingFoldRef.current = false;
         setIsMouseInside(true);
     }, []);
     const handleFold = React.useCallback(() => {
-        setIsMouseInside(false);
-    }, []);
+        if (collapseBlockerCountRef.current > 0) {
+            pendingFoldRef.current = true;
+            return;
+        }
+        performFold();
+    }, [performFold]);
+    const setCollapseBlocker = React.useCallback((isBlocked) => {
+        if (isBlocked) {
+            collapseBlockerCountRef.current += 1;
+        }
+        else if (collapseBlockerCountRef.current > 0) {
+            collapseBlockerCountRef.current -= 1;
+            if (collapseBlockerCountRef.current === 0 && pendingFoldRef.current) {
+                pendingFoldRef.current = false;
+                performFold();
+            }
+        }
+    }, [performFold]);
     return {
         isExpanded,
         onExpand: handleExpand,
         onFold: handleFold,
+        setCollapseBlocker,
     };
 };
 

package/build/cjs/components/AsideHeader/hooks/useIsExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsExpanded.js","sources":["../../../../../../src/components/AsideHeader/hooks/useIsExpanded.ts"],"sourcesContent":["import {useCallback, useEffect, useState} from 'react';\n\nimport {ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../../constants';\n\nimport {useDelayedToggle} from './useDelayedToggle';\n\ninterface UseIsExpandedResult {\n    isExpanded: boolean;\n    onExpand: () => void;\n    onFold: () => void;\n}\n\nexport const useIsExpanded = (externalCompact: boolean): UseIsExpandedResult => {\n    const [isExpanded, setIsExpanded] = useState(!externalCompact);\n    const [isMouseInside, setIsMouseInside] = useState(false);\n\n    useEffect(() => {\n        if (externalCompact && isExpanded) {\n            return;\n        }\n\n        setIsExpanded(!externalCompact);\n        // We need to run this effect only when externalCompact changes\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [externalCompact]);\n\n    const delayedShouldExpand = useDelayedToggle(isMouseInside, {\n        enableDelay: ASIDE_HEADER_EXPAND_DELAY,\n        disableDelay: ASIDE_HEADER_EXPAND_TRANSITION_DELAY,\n    });\n\n    // Update isExpanded based on hover\n    useEffect(() => {\n        if (externalCompact) {\n            setIsExpanded(delayedShouldExpand);\n        }\n        // We need to run this effect only when delayedShouldExpand changes\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [delayedShouldExpand]);\n\n    const handleExpand = useCallback(() => {\n        setIsMouseInside(true);\n    }, []);\n\n    const handleFold = useCallback(() => {\n        setIsMouseInside(false);\n    }, []);\n\n    return {\n        isExpanded,\n        onExpand: handleExpand,\n        onFold: handleFold,\n    };\n};\n"],"names":["useState","useEffect","useDelayedToggle","ASIDE_HEADER_EXPAND_DELAY","ASIDE_HEADER_EXPAND_TRANSITION_DELAY","useCallback"],"mappings":";;;;;;AAYa,MAAA,aAAa,GAAG,CAAC,eAAwB,KAAyB;IAC3E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzDC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,eAAe,IAAI,UAAU,EAAE;YAC/B;;AAGJ,QAAA,aAAa,CAAC,CAAC,eAAe,CAAC;;;AAGnC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AAErB,IAAA,MAAM,mBAAmB,GAAGC,iCAAgB,CAAC,aAAa,EAAE;AACxD,QAAA,WAAW,EAAEC,mCAAyB;AACtC,QAAA,YAAY,EAAEC,8CAAoC;AACrD,KAAA,CAAC;;IAGFH,eAAS,CAAC,MAAK;QACX,IAAI,eAAe,EAAE;YACjB,aAAa,CAAC,mBAAmB,CAAC;;;;AAI1C,KAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAEzB,IAAA,MAAM,YAAY,GAAGI,iBAAW,CAAC,MAAK;QAClC,gBAAgB,CAAC,IAAI,CAAC;KACzB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAK;QAChC,gBAAgB,CAAC,KAAK,CAAC;KAC1B,EAAE,EAAE,CAAC;IAEN,OAAO;QACH,UAAU;AACV,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,MAAM,EAAE,UAAU;KACrB;AACL;;;;"}
+{"version":3,"file":"useIsExpanded.js","sources":["../../../../../../src/components/AsideHeader/hooks/useIsExpanded.ts"],"sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../../constants';\nimport {SetCollapseBlocker} from '../types';\n\nimport {useDelayedToggle} from './useDelayedToggle';\n\ninterface UseIsExpandedResult {\n    isExpanded: boolean;\n    onExpand: () => void;\n    onFold: () => void;\n    setCollapseBlocker: SetCollapseBlocker;\n}\n\nexport const useIsExpanded = (externalPinned: boolean): UseIsExpandedResult => {\n    const [isExpanded, setIsExpanded] = useState(externalPinned);\n    const [isMouseInside, setIsMouseInside] = useState(false);\n    const collapseBlockerCountRef = useRef(0);\n    const pendingFoldRef = useRef(false);\n\n    useEffect(() => {\n        if (!externalPinned && isExpanded) {\n            return;\n        }\n\n        setIsExpanded(externalPinned);\n        // We need to run this effect only when externalPinned changes\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [externalPinned]);\n\n    const delayedShouldExpand = useDelayedToggle(isMouseInside, {\n        enableDelay: ASIDE_HEADER_EXPAND_DELAY,\n        disableDelay: ASIDE_HEADER_EXPAND_TRANSITION_DELAY,\n    });\n\n    // Update isExpanded based on hover\n    useEffect(() => {\n        if (!externalPinned) {\n            setIsExpanded(delayedShouldExpand);\n        }\n        // Re-run when externalPinned changes so we sync to hover state after pin/unpin\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [delayedShouldExpand, externalPinned]);\n\n    const performFold = useCallback(() => {\n        setIsMouseInside(false);\n    }, []);\n\n    const handleExpand = useCallback(() => {\n        pendingFoldRef.current = false;\n\n        setIsMouseInside(true);\n    }, []);\n\n    const handleFold = useCallback(() => {\n        if (collapseBlockerCountRef.current > 0) {\n            pendingFoldRef.current = true;\n\n            return;\n        }\n\n        performFold();\n    }, [performFold]);\n\n    const setCollapseBlocker = useCallback(\n        (isBlocked: boolean) => {\n            if (isBlocked) {\n                collapseBlockerCountRef.current += 1;\n            } else if (collapseBlockerCountRef.current > 0) {\n                collapseBlockerCountRef.current -= 1;\n\n                if (collapseBlockerCountRef.current === 0 && pendingFoldRef.current) {\n                    pendingFoldRef.current = false;\n                    performFold();\n                }\n            }\n        },\n        [performFold],\n    );\n\n    return {\n        isExpanded,\n        onExpand: handleExpand,\n        onFold: handleFold,\n        setCollapseBlocker,\n    };\n};\n"],"names":["useState","useRef","useEffect","useDelayedToggle","ASIDE_HEADER_EXPAND_DELAY","ASIDE_HEADER_EXPAND_TRANSITION_DELAY","useCallback"],"mappings":";;;;;;AAca,MAAA,aAAa,GAAG,CAAC,cAAuB,KAAyB;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,cAAc,CAAC;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACzD,IAAA,MAAM,uBAAuB,GAAGC,YAAM,CAAC,CAAC,CAAC;AACzC,IAAA,MAAM,cAAc,GAAGA,YAAM,CAAC,KAAK,CAAC;IAEpCC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,cAAc,IAAI,UAAU,EAAE;YAC/B;;QAGJ,aAAa,CAAC,cAAc,CAAC;;;AAGjC,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,mBAAmB,GAAGC,iCAAgB,CAAC,aAAa,EAAE;AACxD,QAAA,WAAW,EAAEC,mCAAyB;AACtC,QAAA,YAAY,EAAEC,8CAAoC;AACrD,KAAA,CAAC;;IAGFH,eAAS,CAAC,MAAK;QACX,IAAI,CAAC,cAAc,EAAE;YACjB,aAAa,CAAC,mBAAmB,CAAC;;;;AAI1C,KAAC,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAGI,iBAAW,CAAC,MAAK;QACjC,gBAAgB,CAAC,KAAK,CAAC;KAC1B,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAK;AAClC,QAAA,cAAc,CAAC,OAAO,GAAG,KAAK;QAE9B,gBAAgB,CAAC,IAAI,CAAC;KACzB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAK;AAChC,QAAA,IAAI,uBAAuB,CAAC,OAAO,GAAG,CAAC,EAAE;AACrC,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;YAE7B;;AAGJ,QAAA,WAAW,EAAE;AACjB,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAClC,CAAC,SAAkB,KAAI;QACnB,IAAI,SAAS,EAAE;AACX,YAAA,uBAAuB,CAAC,OAAO,IAAI,CAAC;;AACjC,aAAA,IAAI,uBAAuB,CAAC,OAAO,GAAG,CAAC,EAAE;AAC5C,YAAA,uBAAuB,CAAC,OAAO,IAAI,CAAC;YAEpC,IAAI,uBAAuB,CAAC,OAAO,KAAK,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE;AACjE,gBAAA,cAAc,CAAC,OAAO,GAAG,KAAK;AAC9B,gBAAA,WAAW,EAAE;;;AAGzB,KAAC,EACD,CAAC,WAAW,CAAC,CAChB;IAED,OAAO;QACH,UAAU;AACV,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,MAAM,EAAE,UAAU;QAClB,kBAAkB;KACrB;AACL;;;;"}

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

@@ -5,14 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var button_collapse = "Collapse";
 var button_expand = "Expand";
 var label_more = "More";
+var label_others = "Others";
 var en = {
 	button_collapse: button_collapse,
 	button_expand: button_expand,
-	label_more: label_more
+	label_more: label_more,
+	label_others: label_others
 };
 
 exports.button_collapse = button_collapse;
 exports.button_expand = button_expand;
 exports.default = en;
 exports.label_more = label_more;
+exports.label_others = label_others;
 //# sourceMappingURL=en.json.js.map

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

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

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

@@ -1,14 +1,14 @@
-declare const _default: ((key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string) & {
+declare const _default: ((key: "button_collapse" | "button_expand" | "label_more" | "label_others", params?: import("@gravity-ui/i18n").Params) => string) & {
     Translation: import("react").ComponentType<{
         children: (props: {
-            t: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string;
+            t: (key: "button_collapse" | "button_expand" | "label_more" | "label_others", params?: import("@gravity-ui/i18n").Params) => string;
         }) => React.ReactNode;
     }>;
     useTranslation: () => {
-        t: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string;
+        t: (key: "button_collapse" | "button_expand" | "label_more" | "label_others", params?: import("@gravity-ui/i18n").Params) => string;
     };
     keysetData: {
-        "gn-AsideHeader": Record<"button_collapse" | "button_expand" | "label_more", import("@gravity-ui/i18n").KeyData>;
+        "gn-AsideHeader": Record<"button_collapse" | "button_expand" | "label_more" | "label_others", import("@gravity-ui/i18n").KeyData>;
     };
 };
 export default _default;

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

@@ -5,14 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var button_collapse = "Свернуть";
 var button_expand = "Развернуть";
 var label_more = "Ещё";
+var label_others = "Другие";
 var ru = {
 	button_collapse: button_collapse,
 	button_expand: button_expand,
-	label_more: label_more
+	label_more: label_more,
+	label_others: label_others
 };
 
 exports.button_collapse = button_collapse;
 exports.button_expand = button_expand;
 exports.default = ru;
 exports.label_more = label_more;
+exports.label_others = label_others;
 //# sourceMappingURL=ru.json.js.map

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

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

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

@@ -1,7 +1,8 @@
 export { AsideHeader } from './AsideHeader';
-export type { AsideHeaderProps, AsideHeaderItem, PanelItemProps } from './types';
-export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeaderContext';
+export type { AsideHeaderProps, AsideHeaderItem, PanelItemProps, MenuItemsWithGroups, SetCollapseBlocker, } from './types';
+export { AsideHeaderContextProvider, useAsideHeaderContext, useAsideHeaderContextOptional, } 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';
+export { FooterLayoutContext, useFooterLayout, type FooterLayoutContextValue, } from './FooterLayoutContext';

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

@@ -1,16 +1,14 @@
 import * as React from 'react';
-import { PopupProps, QAProps } from '@gravity-ui/uikit';
+import { DrawerProps, PopupProps, QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
-export interface PanelItemProps {
+export interface PanelItemProps extends DrawerProps {
     id: string;
-    content?: React.ReactNode;
-    visible?: boolean;
-    className?: string;
 }
 export interface LayoutProps {
-    compact: boolean;
+    /** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. */
+    pinned: boolean;
     className?: string;
     topAlert?: TopAlertProps;
 }
@@ -23,7 +21,6 @@ interface EditMenuProps {
 }
 interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
-    multipleTooltip?: boolean;
     className?: string;
     collapseTitle?: string;
     expandTitle?: string;
@@ -32,19 +29,34 @@ interface AsideHeaderGeneralProps extends QAProps {
     customBackground?: React.ReactNode;
     customBackgroundClassName?: string;
     hideCollapseButton?: boolean;
+    /** When `true`, menu items use compact height. */
+    isCompactMode?: boolean;
     renderContent?: RenderContentType;
+    /**
+     * Render function for the footer section.
+     *
+     * Return types:
+     * - `React.ReactNode` - Renders custom content as-is
+     * - `React.ReactNode[]` - Wraps in FooterBar with horizontal/vertical layout based on isPinned
+     */
     renderFooter?: (data: {
         size: number;
-        compact: boolean;
+        isExpanded: boolean;
+        isPinned: boolean;
         asideRef: React.RefObject<HTMLDivElement>;
+        isCompactMode?: boolean;
+    }) => React.ReactNode | React.ReactNode[];
+    /** Render function for additional content after items (e.g., user profile). Receives options with setCollapseBlocker to block sidebar collapse while a popup is open. */
+    renderFooterAfter?: (options?: {
+        setCollapseBlocker?: SetCollapseBlocker;
     }) => React.ReactNode;
     collapseButtonWrapper?: (defaultButton: React.ReactNode, data: {
-        compact: boolean;
-        onChangeCompact?: (compact: boolean) => void;
+        isExpanded: boolean;
+        onChangePinned?: (pinned: boolean) => void;
     }) => React.ReactNode;
     editMenuProps?: EditMenuProps;
     onClosePanel?: () => void;
-    onChangeCompact?: (compact: boolean) => void;
+    onChangePinned?: (pinned: boolean) => void;
     onMenuMoreClick?: () => void;
     onAllPagesClick?: () => void;
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
@@ -68,9 +80,12 @@ export declare enum InnerPanels {
 }
 export interface AsideHeaderItem extends MenuItem {
     enableTooltip?: boolean;
-    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        setCollapseBlocker: SetCollapseBlocker | undefined;
+    }) => void;
     bringForward?: boolean;
-    compact?: boolean;
+    /** When `true`, forces the item to display in expanded form. */
+    isExpanded?: boolean;
     /**
      * @deprecated Use itemWrapper instead for popup functionality
      */
@@ -110,9 +125,10 @@ export interface GroupedMenuItem extends MenuItem {
     groupId: string;
     collapsible: boolean;
     isCollapsed: boolean;
-    isDisabled: boolean;
     collapsedByDefault?: boolean;
     items: MenuItemsWithGroups[];
 }
 export type MenuItemsWithGroups = MenuItem | GroupedMenuItem;
+/** Toggles a collapse blocker: pass `true` to block collapsing, `false` to unblock. */
+export type SetCollapseBlocker = (isBlocked: boolean) => void;
 export {};

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

@@ -1 +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, MenuGroup, 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    menuGroups?: MenuGroup[];\n    defaultMenuGroups?: MenuGroup[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    onMenuGroupsChanged?: (groups: MenuGroup[]) => 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\nexport interface GroupedMenuItem extends MenuItem {\n    groupId: string;\n    collapsible: boolean;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    collapsedByDefault?: boolean;\n    items: MenuItemsWithGroups[];\n}\n\nexport type MenuItemsWithGroups = MenuItem | GroupedMenuItem;\n"],"names":["InnerPanels"],"mappings":";;AAmFYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {DrawerProps, PopupProps, QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {LogoProps, MenuGroup, MenuItem, OpenModalSubscriber, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface PanelItemProps extends DrawerProps {\n    id: string;\n}\n\nexport interface LayoutProps {\n    /** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. */\n    pinned: 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    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    /** When `true`, menu items use compact height. */\n    isCompactMode?: boolean;\n    renderContent?: RenderContentType;\n    /**\n     * Render function for the footer section.\n     *\n     * Return types:\n     * - `React.ReactNode` - Renders custom content as-is\n     * - `React.ReactNode[]` - Wraps in FooterBar with horizontal/vertical layout based on isPinned\n     */\n    renderFooter?: (data: {\n        size: number;\n        isExpanded: boolean;\n        isPinned: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n        isCompactMode?: boolean;\n    }) => React.ReactNode | React.ReactNode[];\n    /** Render function for additional content after items (e.g., user profile). Receives options with setCollapseBlocker to block sidebar collapse while a popup is open. */\n    renderFooterAfter?: (options?: {setCollapseBlocker?: SetCollapseBlocker}) => React.ReactNode;\n    collapseButtonWrapper?: (\n        defaultButton: React.ReactNode,\n        data: {\n            isExpanded: boolean;\n            onChangePinned?: (pinned: boolean) => void;\n        },\n    ) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangePinned?: (pinned: 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    menuGroups?: MenuGroup[];\n    defaultMenuGroups?: MenuGroup[];\n    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;\n    onMenuGroupsChanged?: (groups: MenuGroup[]) => 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        options: {setCollapseBlocker: SetCollapseBlocker | undefined},\n    ) => void;\n    bringForward?: boolean;\n    /** When `true`, forces the item to display in expanded form. */\n    isExpanded?: 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\nexport interface GroupedMenuItem extends MenuItem {\n    groupId: string;\n    collapsible: boolean;\n    isCollapsed: boolean;\n    collapsedByDefault?: boolean;\n    items: MenuItemsWithGroups[];\n}\n\nexport type MenuItemsWithGroups = MenuItem | GroupedMenuItem;\n\n/** Toggles a collapse blocker: pass `true` to block collapsing, `false` to unblock. */\nexport type SetCollapseBlocker = (isBlocked: boolean) => void;\n"],"names":["InnerPanels"],"mappings":";;AA6FYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}

package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts

@@ -1,9 +1,10 @@
 import { AsideHeaderInnerContextType } from './AsideHeaderContext';
-import { AsideHeaderProps } from './types';
+import { AsideHeaderProps, SetCollapseBlocker } from './types';
 export declare const useAsideHeaderInnerContextValue: (props: AsideHeaderProps & {
     size: number;
-    compact: boolean;
+    pinned: boolean;
     isExpanded: boolean;
     onExpand?: () => void;
     onFold?: () => void;
+    setCollapseBlocker?: SetCollapseBlocker;
 }) => AsideHeaderInnerContextType;

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

@@ -7,15 +7,16 @@ var types = require('./types.js');
 
 const EMPTY_MENU_ITEMS = [];
 const useAsideHeaderInnerContextValue = (props) => {
-    const { size, onClosePanel, menuItems, menuGroups, defaultMenuGroups, panelItems, onMenuItemsChanged, onMenuGroupsChanged, onAllPagesClick, } = props;
+    var _a;
+    const { size, onClosePanel, menuItems, menuGroups, defaultMenuGroups, panelItems, isCompactMode = false, setCollapseBlocker, onMenuItemsChanged, onMenuGroupsChanged, onAllPagesClick, } = props;
     const [innerVisiblePanel, setInnerVisiblePanel] = React.useState();
     const ALL_PAGES_MENU_ITEM = React.useMemo(() => {
         return constants.getAllPagesMenuItem();
     }, []);
     const allPagesIsAvailable = Boolean(onMenuItemsChanged) && (!menuItems || (menuItems === null || menuItems === undefined ? undefined : menuItems.length) > 0);
     React.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)) {
+        // If any user panel became open we need to switch off all inner panels
+        if (panelItems === null || panelItems === undefined ? undefined : panelItems.some((x) => x.open)) {
             setInnerVisiblePanel(undefined);
         }
     }, [panelItems]);
@@ -23,7 +24,7 @@ const useAsideHeaderInnerContextValue = (props) => {
         setInnerVisiblePanel(undefined);
         onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
     }, [onClosePanel]);
-    const onItemClick = React.useCallback((item, collapsed, event) => {
+    const onItemClick = React.useCallback((item, collapsed, event, options) => {
         var _a;
         if (item.id === ALL_PAGES_MENU_ITEM.id) {
             onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
@@ -32,12 +33,14 @@ const useAsideHeaderInnerContextValue = (props) => {
         else {
             innerOnClosePanel();
         }
-        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event);
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event, options);
     }, [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel]);
     const onToggleGroupCollapsed = React.useCallback((groupId) => {
         const updatedMenuGroups = menuGroups === null || menuGroups === undefined ? undefined : menuGroups.map((group) => {
+            var _a, _b;
             if (group.id === groupId) {
-                return Object.assign(Object.assign({}, group), { collapsed: !group.collapsed });
+                const effectiveCollapsed = (_b = (_a = group.collapsed) !== null && _a !== undefined ? _a : group.collapsedByDefault) !== null && _b !== undefined ? _b : false;
+                return Object.assign(Object.assign({}, group), { collapsed: !effectiveCollapsed });
             }
             return group;
         });
@@ -59,12 +62,31 @@ const useAsideHeaderInnerContextValue = (props) => {
             ...(panelItems || []),
             {
                 id: types.InnerPanels.AllPages,
-                content: React.createElement(AllPagesPanel.AllPagesPanel, null),
-                visible: innerVisiblePanel === types.InnerPanels.AllPages,
+                children: React.createElement(AllPagesPanel.AllPagesPanel, null),
+                open: innerVisiblePanel === types.InnerPanels.AllPages,
             },
         ];
     }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);
-    return Object.assign(Object.assign({}, props), { onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, menuGroups,
+    const hasPanelOpen = (_a = innerPanelItems === null || innerPanelItems === undefined ? undefined : innerPanelItems.some((p) => p.open)) !== null && _a !== undefined ? _a : false;
+    const didBlockRef = React.useRef(false);
+    React.useEffect(() => {
+        if (hasPanelOpen) {
+            setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(true);
+            didBlockRef.current = true;
+        }
+        else if (didBlockRef.current) {
+            setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(false);
+            didBlockRef.current = false;
+        }
+        return () => {
+            if (didBlockRef.current) {
+                setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(false);
+                didBlockRef.current = false;
+            }
+        };
+    }, [hasPanelOpen, setCollapseBlocker]);
+    return Object.assign(Object.assign({}, props), { setCollapseBlocker,
+        isCompactMode, onClosePanel: innerOnClosePanel, allPagesIsAvailable, menuItems: innerMenuItems, menuGroups,
         defaultMenuGroups,
         onMenuGroupsChanged, panelItems: innerPanelItems, size,
         onItemClick,

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

@@ -1 +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 & {\n        size: number;\n        compact: boolean;\n        isExpanded: boolean;\n        onExpand?: () => void;\n        onFold?: () => void;\n    },\n): AsideHeaderInnerContextType => {\n    const {\n        size,\n        onClosePanel,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        panelItems,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n        onAllPagesClick,\n    } = props;\n\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 onToggleGroupCollapsed = useCallback(\n        (groupId: string) => {\n            const updatedMenuGroups = menuGroups?.map((group) => {\n                if (group.id === groupId) {\n                    return {\n                        ...group,\n                        collapsed: !group.collapsed,\n                    };\n                }\n                return group;\n            });\n\n            if (updatedMenuGroups) {\n                onMenuGroupsChanged?.(updatedMenuGroups);\n            }\n        },\n        [menuGroups, onMenuGroupsChanged],\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        menuGroups,\n        defaultMenuGroups,\n        onMenuGroupsChanged,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n        onToggleGroupCollapsed,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}
+{"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 {\n    AsideHeaderItem,\n    AsideHeaderProps,\n    InnerPanels,\n    PanelItemProps,\n    SetCollapseBlocker,\n} from './types';\n\nconst EMPTY_MENU_ITEMS: AsideHeaderItem[] = [];\n\nexport const useAsideHeaderInnerContextValue = (\n    props: AsideHeaderProps & {\n        size: number;\n        pinned: boolean;\n        isExpanded: boolean;\n        onExpand?: () => void;\n        onFold?: () => void;\n        setCollapseBlocker?: SetCollapseBlocker;\n    },\n): AsideHeaderInnerContextType => {\n    const {\n        size,\n        onClosePanel,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        panelItems,\n        isCompactMode = false,\n        setCollapseBlocker,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n        onAllPagesClick,\n    } = props;\n\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 open we need to switch off all inner panels\n        if (panelItems?.some((x) => x.open)) {\n            setInnerVisiblePanel(undefined);\n        }\n    }, [panelItems]);\n\n    const innerOnClosePanel = useCallback(() => {\n        setInnerVisiblePanel(undefined);\n        onClosePanel?.();\n    }, [onClosePanel]);\n\n    const onItemClick = useCallback(\n        (\n            item: MenuItem,\n            collapsed: boolean,\n            event: React.MouseEvent<HTMLElement, MouseEvent>,\n            options: {setCollapseBlocker: SetCollapseBlocker | undefined},\n        ) => {\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, options);\n        },\n        [innerOnClosePanel, ALL_PAGES_MENU_ITEM, onClosePanel],\n    );\n\n    const onToggleGroupCollapsed = useCallback(\n        (groupId: string) => {\n            const updatedMenuGroups = menuGroups?.map((group) => {\n                if (group.id === groupId) {\n                    const effectiveCollapsed = group.collapsed ?? group.collapsedByDefault ?? false;\n\n                    return {\n                        ...group,\n                        collapsed: !effectiveCollapsed,\n                    };\n                }\n                return group;\n            });\n\n            if (updatedMenuGroups) {\n                onMenuGroupsChanged?.(updatedMenuGroups);\n            }\n        },\n        [menuGroups, onMenuGroupsChanged],\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<PanelItemProps[] | undefined>(() => {\n        if (!allPagesIsAvailable) {\n            return panelItems;\n        }\n\n        return [\n            ...(panelItems || []),\n            {\n                id: InnerPanels.AllPages,\n                children: <AllPagesPanel />,\n                open: innerVisiblePanel === InnerPanels.AllPages,\n            },\n        ];\n    }, [allPagesIsAvailable, panelItems, innerVisiblePanel]);\n\n    const hasPanelOpen = innerPanelItems?.some((p) => p.open) ?? false;\n    const didBlockRef = React.useRef(false);\n\n    useEffect(() => {\n        if (hasPanelOpen) {\n            setCollapseBlocker?.(true);\n            didBlockRef.current = true;\n        } else if (didBlockRef.current) {\n            setCollapseBlocker?.(false);\n            didBlockRef.current = false;\n        }\n\n        return () => {\n            if (didBlockRef.current) {\n                setCollapseBlocker?.(false);\n                didBlockRef.current = false;\n            }\n        };\n    }, [hasPanelOpen, setCollapseBlocker]);\n\n    return {\n        ...props,\n        setCollapseBlocker,\n        isCompactMode,\n        onClosePanel: innerOnClosePanel,\n        allPagesIsAvailable,\n        menuItems: innerMenuItems,\n        menuGroups,\n        defaultMenuGroups,\n        onMenuGroupsChanged,\n        panelItems: innerPanelItems,\n        size,\n        onItemClick,\n        onToggleGroupCollapsed,\n    };\n};\n"],"names":["useState","getAllPagesMenuItem","useEffect","useCallback","InnerPanels","useMemo","AllPagesPanel"],"mappings":"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"}

package/build/cjs/components/AsideHeader/utils/getGroupHeight.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemsWithGroups } from '../types';
-export declare function getGroupBlockHeight(items: MenuItemsWithGroups[]): number;
+export declare function getGroupBlockHeight(items: MenuItemsWithGroups[], isCompactMode?: boolean): number;

package/build/cjs/components/AsideHeader/utils/getGroupHeight.js

@@ -2,14 +2,14 @@
 
 var constants = require('../../constants.js');
 
-const GAP = 2;
-function getGroupBlockHeight(items) {
+function getGroupBlockHeight(items, isCompactMode) {
+    const itemHeight = isCompactMode ? constants.ITEM_HEIGHT_COMPACT : constants.ITEM_HEIGHT;
     if (items.length === 0) {
-        return constants.ITEM_HEIGHT;
+        return itemHeight;
     }
-    const gaps = items.length * GAP;
+    const gaps = items.length * constants.ITEM_GAP;
     // +1 accounts for the group header item in addition to the menu items
-    return (items.length + 1) * constants.ITEM_HEIGHT + gaps;
+    return (items.length + 1) * itemHeight + gaps;
 }
 
 exports.getGroupBlockHeight = getGroupBlockHeight;

package/build/cjs/components/AsideHeader/utils/getGroupHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupHeight.js","sources":["../../../../../../src/components/AsideHeader/utils/getGroupHeight.ts"],"sourcesContent":["import {ITEM_HEIGHT} from '../../constants';\nimport {MenuItemsWithGroups} from '../types';\n\nconst GAP = 2;\n\nexport function getGroupBlockHeight(items: MenuItemsWithGroups[]) {\n    if (items.length === 0) {\n        return ITEM_HEIGHT;\n    }\n\n    const gaps = items.length * GAP;\n\n    // +1 accounts for the group header item in addition to the menu items\n    return (items.length + 1) * ITEM_HEIGHT + gaps;\n}\n"],"names":["ITEM_HEIGHT"],"mappings":";;;;AAGA,MAAM,GAAG,GAAG,CAAC;AAEP,SAAU,mBAAmB,CAAC,KAA4B,EAAA;AAC5D,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACpB,QAAA,OAAOA,qBAAW;;AAGtB,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG;;IAG/B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAIA,qBAAW,GAAG,IAAI;AAClD;;;;"}
+{"version":3,"file":"getGroupHeight.js","sources":["../../../../../../src/components/AsideHeader/utils/getGroupHeight.ts"],"sourcesContent":["import {ITEM_GAP, ITEM_HEIGHT, ITEM_HEIGHT_COMPACT} from '../../constants';\nimport {MenuItemsWithGroups} from '../types';\n\nexport function getGroupBlockHeight(items: MenuItemsWithGroups[], isCompactMode?: boolean) {\n    const itemHeight = isCompactMode ? ITEM_HEIGHT_COMPACT : ITEM_HEIGHT;\n\n    if (items.length === 0) {\n        return itemHeight;\n    }\n\n    const gaps = items.length * ITEM_GAP;\n\n    // +1 accounts for the group header item in addition to the menu items\n    return (items.length + 1) * itemHeight + gaps;\n}\n"],"names":["ITEM_HEIGHT_COMPACT","ITEM_HEIGHT","ITEM_GAP"],"mappings":";;;;AAGgB,SAAA,mBAAmB,CAAC,KAA4B,EAAE,aAAuB,EAAA;IACrF,MAAM,UAAU,GAAG,aAAa,GAAGA,6BAAmB,GAAGC,qBAAW;AAEpE,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACpB,QAAA,OAAO,UAAU;;AAGrB,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAGC,kBAAQ;;IAGpC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,IAAI;AACjD;;;;"}

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

@@ -33,7 +33,7 @@ const Footer = ({ className, menuItems: providedMenuItems, withDivider, moreButt
         React.createElement("div", { className: b('right') },
             React.createElement("small", { className: b('copyright', { small: !(menuItems === null || menuItems === undefined ? undefined : menuItems.length) }) }, copyright),
             view !== 'clear' && logo && (React.createElement("div", { className: logoWrapperClassName },
-                React.createElement(Logo.Logo, Object.assign({}, logo)))))));
+                React.createElement(Logo.Logo, Object.assign({}, logo, { placement: "footer" })))))));
 };
 
 exports.Footer = Footer;