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

package/build/cjs/assets/icons/{control-menu-button.svg.js → divider-collapsed-compact.svg.js}

@@ -25,17 +25,17 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgControlMenuButton = function SvgControlMenuButton(props) {
+var SvgDividerCollapsedCompact = function SvgDividerCollapsedCompact(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 8,
-    height: 8,
+    width: 40,
+    height: 22,
     fill: "currentColor",
-    viewBox: "0 0 8 8"
+    viewBox: "0 0 40 22"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45"
+    d: "M40 0v22c-.6-.8-5-4.6-12.6-6.4L9.3 11.9A11.4 11.4 0 0 1 0 0Z"
   })));
 };
 
-exports.default = SvgControlMenuButton;
-//# sourceMappingURL=control-menu-button.svg.js.map
+exports.default = SvgDividerCollapsedCompact;
+//# sourceMappingURL=divider-collapsed-compact.svg.js.map

package/build/cjs/assets/icons/divider-collapsed-compact.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-collapsed-compact.svg.js","sources":["../../../../assets/icons/divider-collapsed-compact.svg"],"sourcesContent":["<svg width=\"40\" height=\"22\" viewBox=\"0 0 40 22\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M40 0v22c-.6-.8-5-4.6-12.6-6.4L9.3 11.9A11.4 11.4 0 0 1 0 0Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,0BAA0B,GAAG,SAAS,0BAA0B,CAAC,KAAK,EAAE;AAC5E,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

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

@@ -1 +1 @@
-.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-icon-background-size:38px;--_--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);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-x: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_compact___z-nL- .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_compact___z-nL- .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__header___m5aIU{--gn-aside-header-header-divider-height:29px;box-sizing:border-box;flex:none;padding-bottom:22px;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-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_compact___z-nL- .AsideHeader-module__gn-aside-header__header___m5aIU:before, .AsideHeader-module__gn-aside-header_compact___z-nL- .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_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:after{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:8px 0;width:100%}.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{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.AsideHeader-module__gn-aside-header__content___4-mBl{margin-top:var(--gn-top-alert-height,0);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}.AsideHeader-module__gn-aside-header__all-pages-panel___O94IU{width:fit-content!important}
+.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/AsideHeader.js

@@ -7,9 +7,9 @@ var PageLayout = require('./components/PageLayout/PageLayout.js');
 var PageLayoutAside = require('./components/PageLayout/PageLayoutAside.js');
 
 const AsideHeader = React.forwardRef((_a, ref) => {
-    var { compact, className, topAlert } = _a, props = tslib_es6.__rest(_a, ["compact", "className", "topAlert"]);
-    return (React.createElement(PageLayout.PageLayout, { compact: compact, className: className, topAlert: topAlert },
-        React.createElement(PageLayoutAside.PageLayoutAside, Object.assign({ ref: ref }, props)),
+    var { pinned, className, topAlert, isCompactMode } = _a, props = tslib_es6.__rest(_a, ["pinned", "className", "topAlert", "isCompactMode"]);
+    return (React.createElement(PageLayout.PageLayout, { pinned: pinned, onChangePinned: props.onChangePinned, className: className, topAlert: topAlert, isCompactMode: isCompactMode },
+        React.createElement(PageLayoutAside.PageLayoutAside, Object.assign({ ref: ref }, props, { isCompactMode: isCompactMode })),
         React.createElement(PageLayout.PageLayout.Content, { renderContent: props.renderContent })));
 });
 AsideHeader.displayName = 'AsideHeader';

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

@@ -1 +1 @@
-{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({compact, className, topAlert, ...props}, ref) => {\n        return (\n            <PageLayout compact={compact} className={className} topAlert={topAlert}>\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["__rest","PageLayout","PageLayoutAside"],"mappings":";;;;;;;AAMO,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvCA,gBAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD;AACpC,IAAA,QACI,KAAA,CAAA,aAAA,CAACC,qBAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAA,KAAA,CAAA,aAAA,CAACC,+BAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAA,KAAA,CAAA,aAAA,CAACD,qBAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({pinned, className, topAlert, isCompactMode, ...props}, ref) => {\n        return (\n            <PageLayout\n                pinned={pinned}\n                onChangePinned={props.onChangePinned}\n                className={className}\n                topAlert={topAlert}\n                isCompactMode={isCompactMode}\n            >\n                <PageLayoutAside ref={ref} {...props} isCompactMode={isCompactMode} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["__rest","PageLayout","PageLayoutAside"],"mappings":";;;;;;;AAMO,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAsD,EAAE,GAAG,KAAI;AAA/D,IAAA,IAAA,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAA,GAAA,EAAW,EAAN,KAAK,GAArDA,gBAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,UAAA,EAAA,eAAA,CAAsD,CAAD;IAClD,QACI,KAAC,CAAA,aAAA,CAAAC,qBAAU,EACP,EAAA,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAAA;QAE5B,KAAC,CAAA,aAAA,CAAAC,+BAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAM,EAAA,KAAK,EAAE,EAAA,aAAa,EAAE,aAAa,EAAI,CAAA,CAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAACD,qBAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/cjs/components/AsideHeader/AsideHeader.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header_compact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gnAsideHeaderCompact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__all-pages-panel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU","gnAsideHeaderAllPagesPanel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU"};
+var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header__aside_compact-mode":"AsideHeader-module__gn-aside-header__aside_compact-mode___x4hPl","gnAsideHeaderAsideCompactMode":"AsideHeader-module__gn-aside-header__aside_compact-mode___x4hPl","gn-aside-header_collapsed":"AsideHeader-module__gn-aside-header_collapsed___Mnljj","gnAsideHeaderCollapsed":"AsideHeader-module__gn-aside-header_collapsed___Mnljj","gn-aside-header__aside-transition-enter":"AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr","gnAsideHeaderAsideTransitionEnter":"AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr","gn-aside-header__aside-transition-enter-active":"AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u","gnAsideHeaderAsideTransitionEnterActive":"AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u","gn-aside-header__aside-transition-enter-done":"AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX","gnAsideHeaderAsideTransitionEnterDone":"AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX","gn-aside-header__aside-transition-exit":"AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX","gnAsideHeaderAsideTransitionExit":"AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX","gn-aside-header__aside-transition-exit-active":"AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l","gnAsideHeaderAsideTransitionExitActive":"AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__content_expanded-by-hover":"AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg","gnAsideHeaderContentExpandedByHover":"AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-container":"AsideHeader-module__gn-aside-header__logo-container___pK10O","gnAsideHeaderLogoContainer":"AsideHeader-module__gn-aside-header__logo-container___pK10O","gn-aside-header__logo-container_without-logo":"AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc","gnAsideHeaderLogoContainerWithoutLogo":"AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__menu-item":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gnAsideHeaderMenuItem":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__footer_horizontal":"AsideHeader-module__gn-aside-header__footer_horizontal___QTq4U","gnAsideHeaderFooterHorizontal":"AsideHeader-module__gn-aside-header__footer_horizontal___QTq4U","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__pin-button":"AsideHeader-module__gn-aside-header__pin-button___M61Ht","gnAsideHeaderPinButton":"AsideHeader-module__gn-aside-header__pin-button___M61Ht","gn-aside-header__pin-button_collapsed":"AsideHeader-module__gn-aside-header__pin-button_collapsed___mwHr1","gnAsideHeaderPinButtonCollapsed":"AsideHeader-module__gn-aside-header__pin-button_collapsed___mwHr1","gn-aside-header__panel-content":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR","gnAsideHeaderPanelContent":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR","gn-aside-header__all-pages-panel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU","gnAsideHeaderAllPagesPanel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU"};
 
 exports.default = styles;
 //# sourceMappingURL=AsideHeader.module.scss.js.map

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

@@ -1,16 +1,41 @@
 import React from 'react';
-import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
+import { MenuGroup } from '../types';
+import { AsideHeaderInnerProps, AsideHeaderItem, SetCollapseBlocker } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: AsideHeaderItem[];
+    menuGroups?: MenuGroup[];
     defaultMenuItems?: AsideHeaderItem[];
+    defaultMenuGroups?: MenuGroup[];
+    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
+    onToggleGroupCollapsed?: (groupId: string) => void;
     allPagesIsAvailable: 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;
+    onExpand?: () => void;
+    onFold?: () => void;
+    isExpanded: boolean;
+    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */
+    setCollapseBlocker?: SetCollapseBlocker;
 }
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
-    compact: boolean;
+    /** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. */
+    pinned: boolean;
     size: number;
+    isExpanded: boolean;
+    onChangePinned?: (pinned: boolean) => void;
+    onExpand?: () => void;
+    onFold?: () => void;
+    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */
+    setCollapseBlocker?: SetCollapseBlocker;
 }
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
+/** Returns context value or throws when used outside AsideHeader. Use when component must be wrapped with provider. */
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;
+/**
+ * Returns context value or undefined when used outside AsideHeader. Use when component can be used with or without provider.
+ * @returns Context value or undefined when outside provider.
+ */
+export declare const useAsideHeaderContextOptional: () => AsideHeaderContextType | undefined;

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

@@ -13,12 +13,10 @@ const useAsideHeaderInnerContext = () => {
     }
     return contextValue;
 };
-const AsideHeaderContext = React.createContext({
-    compact: false,
-    size: 0,
-});
+const AsideHeaderContext = React.createContext(undefined);
 AsideHeaderContext.displayName = 'AsideHeaderContext';
 const AsideHeaderContextProvider = AsideHeaderContext.Provider;
+/** Returns context value or throws when used outside AsideHeader. Use when component must be wrapped with provider. */
 const useAsideHeaderContext = () => {
     const contextValue = React.useContext(AsideHeaderContext);
     if (contextValue === undefined) {
@@ -28,9 +26,17 @@ const useAsideHeaderContext = () => {
     }
     return contextValue;
 };
+/**
+ * Returns context value or undefined when used outside AsideHeader. Use when component can be used with or without provider.
+ * @returns Context value or undefined when outside provider.
+ */
+const useAsideHeaderContextOptional = () => {
+    return React.useContext(AsideHeaderContext);
+};
 
 exports.AsideHeaderContextProvider = AsideHeaderContextProvider;
 exports.AsideHeaderInnerContextProvider = AsideHeaderInnerContextProvider;
 exports.useAsideHeaderContext = useAsideHeaderContext;
+exports.useAsideHeaderContextOptional = useAsideHeaderContextOptional;
 exports.useAsideHeaderInnerContext = useAsideHeaderInnerContext;
 //# sourceMappingURL=AsideHeaderContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderInnerProps, AsideHeaderItem} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nconst AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":[],"mappings":";;;;AAeA,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAOA,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC;AAC/E,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;;;;;;;"}
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuGroup} from '../types';\n\nimport {AsideHeaderInnerProps, AsideHeaderItem, SetCollapseBlocker} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    menuGroups?: MenuGroup[];\n    defaultMenuItems?: AsideHeaderItem[];\n    defaultMenuGroups?: MenuGroup[];\n    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;\n    onToggleGroupCollapsed?: (groupId: string) => void;\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n        options: {setCollapseBlocker: SetCollapseBlocker | undefined},\n    ) => void;\n    onExpand?: () => void;\n    onFold?: () => void;\n    isExpanded: boolean;\n    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */\n    setCollapseBlocker?: SetCollapseBlocker;\n}\n\nconst AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    /** Navigation visual state. When `true`, the navigation is expanded (pinned open). When `false`, it is collapsed. */\n    pinned: boolean;\n    size: number;\n    isExpanded: boolean;\n    onChangePinned?: (pinned: boolean) => void;\n    onExpand?: () => void;\n    onFold?: () => void;\n    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */\n    setCollapseBlocker?: SetCollapseBlocker;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>(undefined);\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\n/** Returns context value or throws when used outside AsideHeader. Use when component must be wrapped with provider. */\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n\n/**\n * Returns context value or undefined when used outside AsideHeader. Use when component can be used with or without provider.\n * @returns Context value or undefined when outside provider.\n */\nexport const useAsideHeaderContextOptional = (): AsideHeaderContextType | undefined => {\n    return React.useContext(AsideHeaderContext);\n};\n"],"names":[],"mappings":";;;;AA2BA,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAcA,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC,SAAS,CAAC;AAE7F,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAE7D;AACO,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;AAEA;;;AAGG;AACI,MAAM,6BAA6B,GAAG,MAAyC;AAClF,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAC/C;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FooterLayoutContextValue {
+    layout: 'horizontal' | 'vertical';
+    isExpanded: boolean;
+}
+export declare const FooterLayoutContext: React.Context<FooterLayoutContextValue | undefined>;
+export declare const useFooterLayout: () => FooterLayoutContextValue | undefined;

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

@@ -0,0 +1,10 @@
+'use strict';
+
+var React = require('react');
+
+const FooterLayoutContext = React.createContext(undefined);
+const useFooterLayout = () => React.useContext(FooterLayoutContext);
+
+exports.FooterLayoutContext = FooterLayoutContext;
+exports.useFooterLayout = useFooterLayout;
+//# sourceMappingURL=FooterLayoutContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLayoutContext.js","sources":["../../../../../src/components/AsideHeader/FooterLayoutContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface FooterLayoutContextValue {\n    layout: 'horizontal' | 'vertical';\n    isExpanded: boolean;\n}\n\nexport const FooterLayoutContext = React.createContext<FooterLayoutContextValue | undefined>(\n    undefined,\n);\n\nexport const useFooterLayout = (): FooterLayoutContextValue | undefined =>\n    React.useContext(FooterLayoutContext);\n"],"names":[],"mappings":";;;;AAOa,MAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAClD,SAAS;AAGN,MAAM,eAAe,GAAG,MAC3B,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css

@@ -1 +1 @@
-.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;margin:0 calc(var(--g-spacing-6)*-1);overflow:auto}.AllPagesPanel-module__gn-all-pages-panel__category___iMBE-{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5{text-wrap:nowrap;padding-left:88px;padding-right:68px;visibility:hidden}
+.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{--gn-aside-header-item-expanded-radius:6px;--_--item-height:36px;box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;overflow:auto}

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

@@ -6,24 +6,42 @@ var icons = require('@gravity-ui/icons');
 var uikit = require('@gravity-ui/uikit');
 var cn = require('../../../utils/cn.js');
 var AsideHeaderContext = require('../../AsideHeaderContext.js');
-var AllPagesListItem = require('./AllPagesListItem/AllPagesListItem.js');
+var CompositeBar = require('../CompositeBar/CompositeBar.js');
 var constants = require('./constants.js');
 var index = require('./i18n/index.js');
 var useGroupedMenuItems = require('./useGroupedMenuItems.js');
+var buildExpandedFromFlatList = require('./utils/buildExpandedFromFlatList.js');
+var getExpandedIndexForSortableIndex = require('./utils/getExpandedIndexForSortableIndex.js');
+var getIsMenuItem = require('./utils/getIsMenuItem.js');
+var getRealIndexInGroup = require('./utils/getRealIndexInGroup.js');
+var sortMenuItemsWithDividers = require('./utils/sortMenuItemsWithDividers.js');
 var AllPagesPanel_module = require('./AllPagesPanel.module.scss.js');
 
 const b = cn.createBlock('all-pages-panel', AllPagesPanel_module.default);
 const AllPagesPanel = (props) => {
     const { startEditIcon, onEditModeChanged, className } = props;
-    const { menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps } = AsideHeaderContext.useAsideHeaderInnerContext();
-    const menuItemsRef = React.useRef(menuItems);
-    menuItemsRef.current = menuItems;
+    const { defaultMenuItems, editMenuProps, menuItems, menuGroups, defaultMenuGroups, onMenuItemsChanged, onMenuGroupsChanged, } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const items = useGroupedMenuItems.useGroupedMenuItems(menuItems, menuGroups, true);
+    const menuItemsRef = React.useRef(items);
+    menuItemsRef.current = items;
+    const menuGroupsRef = React.useRef(menuGroups);
+    menuGroupsRef.current = menuGroups;
     const [isEditMode, setIsEditMode] = React.useState(false);
-    const [draggingItemTitle, setDraggingItemTitle] = React.useState(null);
+    const [collapsedGroups, setCollapsedGroups] = React.useState(() => {
+        const initial = {};
+        items.forEach((item) => {
+            if ('groupId' in item && item.groupId && 'isCollapsed' in item) {
+                initial[item.groupId] = false;
+            }
+        });
+        return initial;
+    });
+    const handleToggleGroupCollapsed = React.useCallback((groupId) => {
+        setCollapsedGroups((prev) => (Object.assign(Object.assign({}, prev), { [groupId]: !prev[groupId] })));
+    }, []);
     const toggleEditMode = React.useCallback(() => {
         setIsEditMode((prev) => !prev);
     }, []);
-    const groupedItems = useGroupedMenuItems.useGroupedMenuItems(menuItems);
     React.useEffect(() => {
         var _a;
         onEditModeChanged === null || onEditModeChanged === undefined ? undefined : onEditModeChanged(isEditMode);
@@ -31,70 +49,110 @@ const AllPagesPanel = (props) => {
             (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onOpenEditMode) === null || _a === undefined ? undefined : _a.call(editMenuProps);
         }
     }, [isEditMode, onEditModeChanged, editMenuProps]);
-    const onItemClick = React.useCallback((item, _index, _forwardKey, event) => {
+    const onItemClick = React.useCallback((item, collapsed, event, options) => {
         var _a;
         // TODO: make event an optional argument
-        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, false, event);
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event, options);
     }, []);
-    const togglePageVisibility = React.useCallback((item) => {
+    const onResetToDefaultClick = React.useCallback(() => {
+        var _a;
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onResetSettingsToDefault) === null || _a === undefined ? undefined : _a.call(editMenuProps);
+        const originItems = defaultMenuItems === null || defaultMenuItems === undefined ? undefined : defaultMenuItems.filter(({ id }) => id !== constants.ALL_PAGES_ID);
+        if (originItems) {
+            onMenuItemsChanged(originItems);
+        }
+        if (onMenuGroupsChanged && defaultMenuGroups) {
+            onMenuGroupsChanged(defaultMenuGroups);
+        }
+    }, [
+        onMenuItemsChanged,
+        editMenuProps,
+        defaultMenuItems,
+        onMenuGroupsChanged,
+        defaultMenuGroups,
+    ]);
+    const handleToggleGroupVisibility = React.useCallback((groupId) => {
+        if (!onMenuGroupsChanged) {
+            return;
+        }
+        const currentGroups = menuGroupsRef.current || [];
+        const updatedGroups = currentGroups.map((group) => {
+            if (group.id === groupId) {
+                return Object.assign(Object.assign({}, group), { hidden: !group.hidden });
+            }
+            return group;
+        });
+        onMenuGroupsChanged(updatedGroups);
+    }, [onMenuGroupsChanged]);
+    const toggleMenuItemsVisibility = React.useCallback((item) => {
         var _a;
         if (!onMenuItemsChanged) {
             return;
         }
         const changedItem = Object.assign(Object.assign({}, item), { hidden: !item.hidden });
-        const originItems = menuItemsRef.current.filter((menuItem) => menuItem.id !== constants.ALL_PAGES_ID);
+        const originItems = menuItemsRef.current;
+        const expandedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(originItems);
         (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onToggleMenuItem) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem);
-        onMenuItemsChanged(originItems.map((menuItem) => {
+        onMenuItemsChanged(expandedItems.map((menuItem) => {
             if (menuItem.id !== changedItem.id) {
                 return menuItem;
             }
             return changedItem;
         }));
     }, [onMenuItemsChanged, editMenuProps]);
-    const onDragEnd = React.useCallback(() => {
-        setDraggingItemTitle(null);
-    }, [setDraggingItemTitle]);
-    const itemRender = React.useCallback((asideHeaderItem, _isActive, _itemIndex) => {
-        const onDragStart = () => {
-            setDraggingItemTitle(asideHeaderItem.title);
-        };
-        return (React.createElement(AllPagesListItem.AllPagesListItem, { item: asideHeaderItem, onDragStart: onDragStart, onDragEnd: onDragEnd, editMode: isEditMode, onToggle: () => togglePageVisibility(asideHeaderItem), enableSorting: editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting }));
-    }, [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps]);
-    const onResetToDefaultClick = React.useCallback(() => {
+    const onFirstLevelSortEnd = React.useCallback(({ oldIndex, newIndex }) => {
         var _a;
         if (!onMenuItemsChanged) {
             return;
         }
-        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onResetSettingsToDefault) === null || _a === undefined ? undefined : _a.call(editMenuProps);
-        const originItems = defaultMenuItems === null || defaultMenuItems === undefined ? undefined : defaultMenuItems.filter(({ id }) => id !== constants.ALL_PAGES_ID);
-        if (originItems) {
-            onMenuItemsChanged(originItems);
+        const currentFlatList = menuItemsRef.current || [];
+        const sortedResult = sortMenuItemsWithDividers.sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);
+        const expandedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(currentFlatList);
+        const updatedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(sortedResult);
+        const realOldIndex = getExpandedIndexForSortableIndex.getExpandedIndexForSortableIndex(oldIndex, currentFlatList);
+        const realNewIndex = getExpandedIndexForSortableIndex.getExpandedIndexForSortableIndex(newIndex, sortedResult);
+        const changedItem = expandedItems[realOldIndex];
+        onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        if (changedItem && getIsMenuItem.getIsMenuItem(changedItem)) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem, realOldIndex, realNewIndex);
         }
-    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);
-    const changeItemsOrder = React.useCallback(({ oldIndex, newIndex }) => {
+    }, [onMenuItemsChanged, editMenuProps]);
+    const onSecondLevelSortEnd = React.useCallback((groupIndex) => ({ oldIndex, newIndex }) => {
         var _a;
-        const newItems = menuItemsRef.current.filter(({ id }) => id !== constants.ALL_PAGES_ID);
-        const element = newItems.splice(oldIndex, 1)[0];
-        newItems.splice(newIndex, 0, element);
-        onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(newItems.filter(({ type }) => type !== 'divider'));
-        setDraggingItemTitle(null);
-        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, element, oldIndex, newIndex);
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        const currentFlatList = menuItemsRef.current || [];
+        const result = getRealIndexInGroup.applySecondLevelSort(groupIndex, oldIndex, newIndex, currentFlatList);
+        if (!result) {
+            return;
+        }
+        const { expandedItems, realOldIndex, realNewIndex, changedItem } = result;
+        onMenuItemsChanged(expandedItems);
+        if (changedItem && getIsMenuItem.getIsMenuItem(changedItem)) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem, realOldIndex, realNewIndex);
+        }
     }, [onMenuItemsChanged, editMenuProps]);
-    const sortableItems = React.useMemo(() => {
-        return menuItems.filter(({ id, afterMoreButton, type }) => id !== constants.ALL_PAGES_ID && !afterMoreButton && type !== 'divider');
-    }, [menuItems]);
-    return (React.createElement(uikit.Flex, { className: b(null, className), gap: "5", direction: "column" },
+    const itemsWithLocalCollapsed = React.useMemo(() => {
+        if (Object.keys(collapsedGroups).length === 0)
+            return items;
+        return items.map((item) => {
+            if ('groupId' in item && item.groupId && item.groupId in collapsedGroups) {
+                return Object.assign(Object.assign({}, item), { isCollapsed: collapsedGroups[item.groupId] });
+            }
+            return item;
+        });
+    }, [items, collapsedGroups]);
+    const data = itemsWithLocalCollapsed.filter((item) => getIsMenuItem.getIsMenuItem(item));
+    return (React.createElement(uikit.Flex, { className: b(null, className), gap: "1", direction: "column" },
         React.createElement(uikit.Flex, { gap: "4", alignItems: "center", justifyContent: "space-between" },
             React.createElement(uikit.Text, { variant: "subheader-2" }, isEditMode ? index.default('all-panel.title.editing') : index.default('all-panel.title.main')),
             React.createElement(uikit.Tooltip, { content: index.default('all-panel.title.editing') },
-                React.createElement(uikit.Button, { selected: isEditMode, view: "normal", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React.createElement(uikit.Icon, { data: icons.Gear })))),
-        React.createElement(uikit.Flex, { className: b('content', { editMode: isEditMode }), gap: "5", direction: "column" }, isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? (React.createElement("div", null,
-            React.createElement(uikit.List, { itemClassName: b('item', { editMode: true }), itemHeight: 40, onSortEnd: changeItemsOrder, sortable: true, virtualized: false, filterable: false, items: sortableItems, onItemClick: onItemClick, renderItem: itemRender }),
-            draggingItemTitle && (React.createElement("div", { className: b('drag-placeholder') }, draggingItemTitle)))) : (Object.keys(groupedItems).map((category) => {
-            return (React.createElement(uikit.Flex, { key: category, direction: "column", gap: "3" },
-                React.createElement(uikit.Text, { className: b('category'), variant: "body-1", color: "secondary" }, category),
-                React.createElement(uikit.List, { virtualized: false, filterable: false, items: groupedItems[category], onItemClick: onItemClick, renderItem: itemRender })));
-        }))),
+                React.createElement(uikit.Button, { selected: isEditMode, view: "flat-secondary", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React.createElement(uikit.Icon, { data: icons.Gear })))),
+        React.createElement(CompositeBar.CompositeBarView, { type: "menu", isExpanded: true, className: b('content'), enableSorting: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting), items: data, onFirstLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onFirstLevelSortEnd : undefined, onSecondLevelSortEnd: isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? onSecondLevelSortEnd : undefined, editMode: isEditMode, onItemClick: onItemClick, onToggleGroupCollapsed: handleToggleGroupCollapsed, onToggleMenuGroupVisibility: handleToggleGroupVisibility, onToggleMenuItemVisibility: toggleMenuItemsVisibility }),
         isEditMode && (React.createElement(uikit.Button, { onClick: onResetToDefaultClick }, index.default('all-panel.resetToDefault')))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, List, ListItemData, ListProps, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem} from '../../types';\n\nimport {AllPagesListItem} from './AllPagesListItem';\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\n\nimport styles from './AllPagesPanel.module.scss';\n\nconst b = createBlock('all-pages-panel', styles);\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps} =\n        useAsideHeaderInnerContext();\n\n    const menuItemsRef = useRef(menuItems);\n    menuItemsRef.current = menuItems;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [draggingItemTitle, setDraggingItemTitle] = useState<ReactNode | null>(null);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    const groupedItems = useGroupedMenuItems(menuItems);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback<NonNullable<ListProps<AsideHeaderItem>['onItemClick']>>(\n        (item, _index, _forwardKey, event) => {\n            // TODO: make event an optional argument\n            item.onItemClick?.(item, false, event as React.MouseEvent<HTMLElement, MouseEvent>);\n        },\n        [],\n    );\n\n    const togglePageVisibility = useCallback(\n        (item: AsideHeaderItem) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n            const changedItem: AsideHeaderItem = {\n                ...item,\n                hidden: !item.hidden,\n            };\n\n            const originItems = menuItemsRef.current.filter(\n                (menuItem) => menuItem.id !== ALL_PAGES_ID,\n            );\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n            onMenuItemsChanged(\n                originItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onDragEnd = useCallback(() => {\n        setDraggingItemTitle(null);\n    }, [setDraggingItemTitle]);\n\n    const itemRender = useCallback(\n        (\n            asideHeaderItem: ListItemData<AsideHeaderItem>,\n            _isActive: boolean,\n            _itemIndex: number,\n        ) => {\n            const onDragStart = () => {\n                setDraggingItemTitle(asideHeaderItem.title);\n            };\n\n            return (\n                <AllPagesListItem\n                    item={asideHeaderItem}\n                    onDragStart={onDragStart}\n                    onDragEnd={onDragEnd}\n                    editMode={isEditMode}\n                    onToggle={() => togglePageVisibility(asideHeaderItem)}\n                    enableSorting={editMenuProps?.enableSorting}\n                />\n            );\n        },\n        [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter(({id}) => id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);\n\n    const changeItemsOrder = useCallback(\n        ({oldIndex, newIndex}: {oldIndex: number; newIndex: number}) => {\n            const newItems = menuItemsRef.current.filter(({id}) => id !== ALL_PAGES_ID);\n\n            const element = newItems.splice(oldIndex, 1)[0];\n            newItems.splice(newIndex, 0, element);\n\n            onMenuItemsChanged?.(newItems.filter(({type}) => type !== 'divider'));\n\n            setDraggingItemTitle(null);\n            editMenuProps?.onChangeItemsOrder?.(element, oldIndex, newIndex);\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const sortableItems = useMemo(() => {\n        return menuItems.filter(\n            ({id, afterMoreButton, type}) =>\n                id !== ALL_PAGES_ID && !afterMoreButton && type !== 'divider',\n        );\n    }, [menuItems]);\n\n    return (\n        <Flex className={b(null, className)} gap=\"5\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"normal\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n            <Flex className={b('content', {editMode: isEditMode})} gap=\"5\" direction=\"column\">\n                {isEditMode && editMenuProps?.enableSorting ? (\n                    <div>\n                        <List\n                            itemClassName={b('item', {editMode: true})}\n                            itemHeight={40}\n                            onSortEnd={changeItemsOrder}\n                            sortable\n                            virtualized={false}\n                            filterable={false}\n                            items={sortableItems}\n                            onItemClick={onItemClick}\n                            renderItem={itemRender}\n                        />\n\n                        {draggingItemTitle && (\n                            <div className={b('drag-placeholder')}>{draggingItemTitle}</div>\n                        )}\n                    </div>\n                ) : (\n                    Object.keys(groupedItems).map((category) => {\n                        return (\n                            <Flex key={category} direction=\"column\" gap=\"3\">\n                                <Text className={b('category')} variant=\"body-1\" color=\"secondary\">\n                                    {category}\n                                </Text>\n                                <List\n                                    virtualized={false}\n                                    filterable={false}\n                                    items={groupedItems[category]}\n                                    onItemClick={onItemClick}\n                                    renderItem={itemRender}\n                                />\n                            </Flex>\n                        );\n                    })\n                )}\n            </Flex>\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["createBlock","styles","useAsideHeaderInnerContext","useRef","useState","useCallback","useGroupedMenuItems","useEffect","ALL_PAGES_ID","AllPagesListItem","useMemo","Flex","Text","i18n","Tooltip","Button","Icon","Gear","List"],"mappings":"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"}
+{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, ListSortParams, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem, MenuItemsWithGroups, SetCollapseBlocker} from '../../types';\nimport {CompositeBarView} from '../CompositeBar/CompositeBar';\n\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\nimport {buildExpandedFromFlatList} from './utils/buildExpandedFromFlatList';\nimport {getExpandedIndexForSortableIndex} from './utils/getExpandedIndexForSortableIndex';\nimport {getIsMenuItem} from './utils/getIsMenuItem';\nimport {applySecondLevelSort} from './utils/getRealIndexInGroup';\nimport {sortMenuItemsWithDividers} from './utils/sortMenuItemsWithDividers';\n\nimport styles from './AllPagesPanel.module.scss';\n\nconst b = createBlock('all-pages-panel', styles);\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {\n        defaultMenuItems,\n        editMenuProps,\n        menuItems,\n        menuGroups,\n        defaultMenuGroups,\n        onMenuItemsChanged,\n        onMenuGroupsChanged,\n    } = useAsideHeaderInnerContext();\n    const items = useGroupedMenuItems(menuItems, menuGroups, true);\n\n    const menuItemsRef = useRef(items);\n    menuItemsRef.current = items;\n\n    const menuGroupsRef = useRef(menuGroups);\n    menuGroupsRef.current = menuGroups;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>(() => {\n        const initial: Record<string, boolean> = {};\n\n        items.forEach((item) => {\n            if ('groupId' in item && item.groupId && 'isCollapsed' in item) {\n                initial[item.groupId] = false;\n            }\n        });\n        return initial;\n    });\n\n    const handleToggleGroupCollapsed = useCallback((groupId: string) => {\n        setCollapsedGroups((prev) => ({...prev, [groupId]: !prev[groupId]}));\n    }, []);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback(\n        (\n            item: AsideHeaderItem,\n            collapsed: boolean,\n            event: React.MouseEvent<HTMLElement, MouseEvent>,\n            options: {setCollapseBlocker: SetCollapseBlocker | undefined},\n        ) => {\n            // TODO: make event an optional argument\n            item.onItemClick?.(\n                item,\n                collapsed,\n                event as React.MouseEvent<HTMLElement, MouseEvent>,\n                options,\n            );\n        },\n        [],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter(({id}) => id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n\n        if (onMenuGroupsChanged && defaultMenuGroups) {\n            onMenuGroupsChanged(defaultMenuGroups);\n        }\n    }, [\n        onMenuItemsChanged,\n        editMenuProps,\n        defaultMenuItems,\n        onMenuGroupsChanged,\n        defaultMenuGroups,\n    ]);\n\n    const handleToggleGroupVisibility = useCallback(\n        (groupId: string) => {\n            if (!onMenuGroupsChanged) {\n                return;\n            }\n\n            const currentGroups = menuGroupsRef.current || [];\n            const updatedGroups = currentGroups.map((group) => {\n                if (group.id === groupId) {\n                    return {\n                        ...group,\n                        hidden: !group.hidden,\n                    };\n                }\n\n                return group;\n            });\n\n            onMenuGroupsChanged(updatedGroups);\n        },\n        [onMenuGroupsChanged],\n    );\n\n    const toggleMenuItemsVisibility = useCallback(\n        (item: MenuItemsWithGroups) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const changedItem: MenuItemsWithGroups = {\n                ...item,\n                hidden: !item.hidden,\n            };\n\n            const originItems = menuItemsRef.current;\n            const expandedItems = buildExpandedFromFlatList(originItems);\n\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n\n            onMenuItemsChanged(\n                expandedItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onFirstLevelSortEnd = useCallback(\n        ({oldIndex, newIndex}: ListSortParams) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n\n            const currentFlatList = menuItemsRef.current || [];\n            const sortedResult = sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);\n            const expandedItems = buildExpandedFromFlatList(currentFlatList);\n            const updatedItems = buildExpandedFromFlatList(sortedResult);\n\n            const realOldIndex = getExpandedIndexForSortableIndex(oldIndex, currentFlatList);\n            const realNewIndex = getExpandedIndexForSortableIndex(newIndex, sortedResult);\n            const changedItem = expandedItems[realOldIndex];\n\n            onMenuItemsChanged?.(updatedItems);\n\n            if (changedItem && getIsMenuItem(changedItem)) {\n                editMenuProps?.onChangeItemsOrder?.(changedItem, realOldIndex, realNewIndex);\n            }\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onSecondLevelSortEnd = useCallback(\n        (groupIndex: number) =>\n            ({oldIndex, newIndex}: ListSortParams) => {\n                if (!onMenuItemsChanged) {\n                    return;\n                }\n\n                const currentFlatList = menuItemsRef.current || [];\n                const result = applySecondLevelSort(\n                    groupIndex,\n                    oldIndex,\n                    newIndex,\n                    currentFlatList,\n                );\n\n                if (!result) {\n                    return;\n                }\n\n                const {expandedItems, realOldIndex, realNewIndex, changedItem} = result;\n\n                onMenuItemsChanged(expandedItems);\n\n                if (changedItem && getIsMenuItem(changedItem)) {\n                    editMenuProps?.onChangeItemsOrder?.(changedItem, realOldIndex, realNewIndex);\n                }\n            },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const itemsWithLocalCollapsed = useMemo(() => {\n        if (Object.keys(collapsedGroups).length === 0) return items;\n\n        return items.map((item) => {\n            if ('groupId' in item && item.groupId && item.groupId in collapsedGroups) {\n                return {\n                    ...item,\n                    isCollapsed: collapsedGroups[item.groupId],\n                };\n            }\n            return item;\n        });\n    }, [items, collapsedGroups]);\n\n    const data = itemsWithLocalCollapsed.filter((item) => getIsMenuItem(item));\n\n    return (\n        <Flex className={b(null, className)} gap=\"1\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"flat-secondary\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n\n            <CompositeBarView\n                type=\"menu\"\n                isExpanded={true}\n                className={b('content')}\n                enableSorting={isEditMode && editMenuProps?.enableSorting}\n                items={data}\n                onFirstLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onFirstLevelSortEnd : undefined\n                }\n                onSecondLevelSortEnd={\n                    isEditMode && editMenuProps?.enableSorting ? onSecondLevelSortEnd : undefined\n                }\n                editMode={isEditMode}\n                onItemClick={onItemClick}\n                onToggleGroupCollapsed={handleToggleGroupCollapsed}\n                onToggleMenuGroupVisibility={handleToggleGroupVisibility}\n                onToggleMenuItemVisibility={toggleMenuItemsVisibility}\n            />\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["createBlock","styles","useAsideHeaderInnerContext","useGroupedMenuItems","useRef","useState","useCallback","useEffect","ALL_PAGES_ID","buildExpandedFromFlatList","sortMenuItemsWithDividers","getExpandedIndexForSortableIndex","getIsMenuItem","applySecondLevelSort","useMemo","Flex","Text","i18n","Tooltip","Button","Icon","Gear","CompositeBarView"],"mappings":"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"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"gn-all-pages-panel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gnAllPagesPanel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gn-all-pages-panel__content":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gnAllPagesPanelContent":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gn-all-pages-panel__category":"AllPagesPanel-module__gn-all-pages-panel__category___iMBE-","gnAllPagesPanelCategory":"AllPagesPanel-module__gn-all-pages-panel__category___iMBE-","gn-all-pages-panel__discoverable-feature-wrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gnAllPagesPanelDiscoverableFeatureWrapper":"AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa","gn-all-pages-panel__item_editMode":"AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp","gnAllPagesPanelItemEditMode":"AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp","gn-all-pages-panel__drag-placeholder":"AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5","gnAllPagesPanelDragPlaceholder":"AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5"};
+var styles = {"gn-all-pages-panel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gnAllPagesPanel":"AllPagesPanel-module__gn-all-pages-panel___RN6Kk","gn-all-pages-panel__content":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG","gnAllPagesPanelContent":"AllPagesPanel-module__gn-all-pages-panel__content___XgBXG"};
 
 exports.default = styles;
 //# sourceMappingURL=AllPagesPanel.module.scss.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.d.ts

@@ -1,3 +1,4 @@
 import { AsideHeaderItem } from '../../types';
 export declare const ALL_PAGES_ID: "all-pages";
+export declare const UNGROUPED_ID: "ungrouped";
 export declare function getAllPagesMenuItem(): AsideHeaderItem;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js

@@ -4,6 +4,7 @@ var icons = require('@gravity-ui/icons');
 var index = require('./i18n/index.js');
 
 const ALL_PAGES_ID = 'all-pages';
+const UNGROUPED_ID = 'ungrouped';
 function getAllPagesMenuItem() {
     return {
         id: ALL_PAGES_ID,
@@ -14,5 +15,6 @@ function getAllPagesMenuItem() {
 }
 
 exports.ALL_PAGES_ID = ALL_PAGES_ID;
+exports.UNGROUPED_ID = UNGROUPED_ID;
 exports.getAllPagesMenuItem = getAllPagesMenuItem;
 //# sourceMappingURL=constants.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/constants.ts"],"sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\n\nimport {AsideHeaderItem} from '../../types';\n\nimport i18n from './i18n';\n\nexport const ALL_PAGES_ID = 'all-pages' as const;\n\nexport function getAllPagesMenuItem(): AsideHeaderItem {\n    return {\n        id: ALL_PAGES_ID,\n        title: i18n('menu-item.all-pages.title'),\n        tooltipText: i18n('menu-item.all-pages.title'),\n        icon: Ellipsis,\n    };\n}\n"],"names":["i18n","Ellipsis"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAG;SAEZ,mBAAmB,GAAA;IAC/B,OAAO;AACH,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AACxC,QAAA,WAAW,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AAC9C,QAAA,IAAI,EAAEC,cAAQ;KACjB;AACL;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/constants.ts"],"sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\n\nimport {AsideHeaderItem} from '../../types';\n\nimport i18n from './i18n';\n\nexport const ALL_PAGES_ID = 'all-pages' as const;\nexport const UNGROUPED_ID = 'ungrouped' as const;\n\nexport function getAllPagesMenuItem(): AsideHeaderItem {\n    return {\n        id: ALL_PAGES_ID,\n        title: i18n('menu-item.all-pages.title'),\n        tooltipText: i18n('menu-item.all-pages.title'),\n        icon: Ellipsis,\n    };\n}\n"],"names":["i18n","Ellipsis"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAG;AACrB,MAAM,YAAY,GAAG;SAEZ,mBAAmB,GAAA;IAC/B,OAAO;AACH,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AACxC,QAAA,WAAW,EAAEA,aAAI,CAAC,2BAA2B,CAAC;AAC9C,QAAA,IAAI,EAAEC,cAAQ;KACjB;AACL;;;;;;"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var en = {
 	"menu-item.all-pages.title": "All pages",
-	"all-panel.menu.category.allOther": "All other",
 	"all-panel.resetToDefault": "Reset to default",
 	"all-panel.title.editing": "Configuring the menu bar",
 	"all-panel.title.main": "All pages"

package/build/cjs/components/AsideHeader/components/AllPagesPanel/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":";;;;;;;;;;;;;"}