npm - @gravity-ui/navigation - Versions diffs - 5.0.0-beta.3 → 5.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (395) hide show

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

@@ -0,0 +1,41 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+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 SvgDividerCollapsedCompact = function SvgDividerCollapsedCompact(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 40,
+    height: 22,
+    fill: "currentColor",
+    viewBox: "0 0 40 22"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    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 = SvgDividerCollapsedCompact;
+//# sourceMappingURL=divider-collapsed-compact.svg.js.map

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- .AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-~~icon~~-~~background~~-~~size~~:~~36px~~;--_--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-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__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:~~calc(~~100~~% - var(--gn-aside-header-size));~~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{--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{margin:~~0 10px~~ 2px}.AsideHeader-module__gn-aside-header__logo-container___pK10O{align-items:center;display:flex;justify-content:space-between}.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(--~~gn-aside-header-item-icon-background-size,var(--~~_--item-~~icon-background-size~~));width:var(--_--item-~~icon-background-size~~)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__menu-item___q2y31~~, .AsideHeader~~-~~module__gn~~-~~aside~~-~~header__menu-items-group___z3xFD{~~margin-inline~~:10px~~}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:var(--g-spacing-2) ~~10px~~}.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~~;margin-right:10px~~}.AsideHeader-module__gn-aside-header__pin-~~button_compact___WoUhU~~{margin-right:auto}.AsideHeader-module__gn-aside-header__panel-content___Y2lCR{height:100%}
1	+ .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 CHANGED Viewed

@@ -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, onChangeCompact: props.onChangeCompact, 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 CHANGED Viewed

	@@ -1 +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\n ~~compact~~={~~compact~~}\n ~~onChangeCompact~~={props.~~onChangeCompact~~}\n className={className}\n topAlert={topAlert}\n >\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;~~IACpC~~,QACI,~~oBAACC~~,qBAAU,EAAA,~~EACP~~,~~OAAO,~~EAAE,~~OAAO~~,~~EAChB~~,~~eAAe~~,EAAE,KAAK,CAAC,~~eAAe~~,~~EACtC~~,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA;~~AAElB~~,~~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;;;;"}
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 ({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 CHANGED Viewed

@@ -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__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-items-group":"AsideHeader-module__gn-aside-header__menu-items-group___z3xFD","gnAsideHeaderMenuItemsGroup":"AsideHeader-module__gn-aside-header__menu-items-group___z3xFD","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__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_compact":"AsideHeader-module__gn-aside-header__pin-button_compact___WoUhU","gnAsideHeaderPinButtonCompact":"AsideHeader-module__gn-aside-header__pin-button_compact___WoUhU","gn-aside-header__panel-content":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR","gnAsideHeaderPanelContent":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR"};
+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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MenuGroup } from '../types';
-import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
+import { AsideHeaderInnerProps, AsideHeaderItem, SetCollapseBlocker } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: AsideHeaderItem[];
     menuGroups?: MenuGroup[];
@@ -9,20 +9,33 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     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;
-    onChangeCompact?: (compact: boolean) => void;
+    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 CHANGED Viewed

@@ -13,16 +13,10 @@ const useAsideHeaderInnerContext = () => {
     }
     return contextValue;
 };
-const AsideHeaderContext = React.createContext({
-    compact: false,
-    size: 0,
-    isExpanded: false,
-    onChangeCompact: () => { },
-    onExpand: () => { },
-    onFold: () => { },
-});
+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) {
@@ -32,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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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} 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 ) => void;\n onExpand?: () => void;\n onFold?: () => void;\n isExpanded: boolean;\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 isExpanded: boolean;\n ~~onChangeCompact~~?: (~~compact~~: boolean) => void;\n onExpand?: () => void;\n onFold?: () => void;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType \| undefined>(~~{\n compact: false,\n size: 0,\n isExpanded: false,\n onChangeCompact: (~~) ~~=> {},\n onExpand: () => {},\n onFold: () => {},\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":";;;;~~AAwBA~~,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;~~AAWA~~,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC~~;AAC/E~~,~~IAAA~~,~~OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,~~CAAC;~~AACP~~,~~IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,eAAe,EAAE,MAAK,GAAG;AACzB,IAAA,QAAQ,EAAE,MAAK,GAAG;AAClB,IAAA,MAAM,EAAE,MAAK,GAAG;AACnB,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~~;;;;;;;~~"}
1	+ {"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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- .AllPagesPanel-module__gn-all-pages-panel___RN6Kk{--gn-aside-header-item-expanded-radius:6px;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}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D{margin-inline:10px;width:100%}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D:not(:last-child){border-bottom:1px solid var(--g-color-line-generic);padding-bottom:var(--g-spacing-2)}
1	+ .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 CHANGED Viewed

@@ -11,9 +11,9 @@ 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 sortMenuItems = require('./utils/sortMenuItems.js');
 var sortMenuItemsWithDividers = require('./utils/sortMenuItemsWithDividers.js');
 var AllPagesPanel_module = require('./AllPagesPanel.module.scss.js');
@@ -49,10 +49,10 @@ 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, collapsed, 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, collapsed, event);
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, collapsed, event, options);
     }, []);
     const onResetToDefaultClick = React.useCallback(() => {
         var _a;
@@ -104,30 +104,38 @@ const AllPagesPanel = (props) => {
         }));
     }, [onMenuItemsChanged, editMenuProps]);
     const onFirstLevelSortEnd = React.useCallback(({ oldIndex, newIndex }) => {
+        var _a;
         if (!onMenuItemsChanged) {
             return;
         }
         const currentFlatList = menuItemsRef.current || [];
         const sortedResult = sortMenuItemsWithDividers.sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList);
-        // convert to expanded list and pass to onMenuItemsChanged
+        const expandedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(currentFlatList);
         const updatedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(sortedResult);
-        {
-            onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        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]);
+    }, [onMenuItemsChanged, editMenuProps]);
     const onSecondLevelSortEnd = React.useCallback((groupIndex) => ({ oldIndex, newIndex }) => {
+        var _a;
         if (!onMenuItemsChanged) {
             return;
         }
         const currentFlatList = menuItemsRef.current || [];
-        const realOldIndex = getRealIndexInGroup.getRealIndexInGroup(groupIndex, oldIndex, currentFlatList);
-        const realNewIndex = getRealIndexInGroup.getRealIndexInGroup(groupIndex, newIndex, currentFlatList);
-        const expandedItems = buildExpandedFromFlatList.buildExpandedFromFlatList(currentFlatList);
-        const updatedItems = sortMenuItems.sortMenuItems(realOldIndex, realNewIndex, expandedItems);
-        if (updatedItems) {
-            onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(updatedItems);
+        const result = getRealIndexInGroup.applySecondLevelSort(groupIndex, oldIndex, newIndex, currentFlatList);
+        if (!result) {
+            return;
         }
-    }, [onMenuItemsChanged]);
+        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 itemsWithLocalCollapsed = React.useMemo(() => {
         if (Object.keys(collapsedGroups).length === 0)
             return items;
@@ -144,7 +152,7 @@ const AllPagesPanel = (props) => {
             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: "flat-secondary", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React.createElement(uikit.Icon, { data: icons.Gear })))),
-        React.createElement(CompositeBar.CompositeBarView, { type: "menu", compact: false, 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 }),
+        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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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} 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 {getIsMenuItem} from './utils/getIsMenuItem';\nimport {getRealIndexInGroup} from './utils/getRealIndexInGroup';\nimport {sortMenuItems} from './utils/sortMenuItems';\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 ) => {\n // TODO: make event an optional argument\n item.onItemClick?.(item, collapsed, event as React.MouseEvent<HTMLElement, MouseEvent>);\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\n // convert to expanded list and pass to onMenuItemsChanged\n const updatedItems = buildExpandedFromFlatList(sortedResult);\n\n if (updatedItems) {\n onMenuItemsChanged?.(updatedItems);\n }\n },\n [onMenuItemsChanged],\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 realOldIndex = getRealIndexInGroup(groupIndex, oldIndex, currentFlatList);\n const realNewIndex = getRealIndexInGroup(groupIndex, newIndex, currentFlatList);\n const expandedItems = buildExpandedFromFlatList(currentFlatList);\n\n const updatedItems = sortMenuItems(realOldIndex, realNewIndex, expandedItems);\n\n if (updatedItems) {\n onMenuItemsChanged?.(updatedItems);\n }\n },\n [onMenuItemsChanged],\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 compact={false}\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","getRealIndexInGroup","sortMenuItems","useMemo","getIsMenuItem","Flex","Text","i18n","Tooltip","Button","Icon","Gear","CompositeBarView"],"mappings":"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"}
1	+ {"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 CHANGED Viewed

@@ -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__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__menu-group":"AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D","gnAllPagesPanelMenuGroup":"AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D"};
+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/useGroupedMenuItems.js CHANGED Viewed

@@ -1,10 +1,12 @@
 'use strict';
 var React = require('react');
+var utils = require('../CompositeBar/utils.js');
 var constants = require('./constants.js');
 const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
     return React.useMemo(() => {
+        var _a;
         const visibleItems = menuItems.filter((item) => {
             if (isEditMode && item.id === constants.ALL_PAGES_ID) {
                 return false;
@@ -40,7 +42,7 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
         });
         const flatListItems = [];
         visibleItems.forEach((item) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             const groupId = item.groupId;
             if (groupId) {
                 if (!processedGroups.has(groupId)) {
@@ -53,15 +55,15 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
                         const isGroupHidden = isAllGroupItemsHidden
                             ? true
                             : ((_a = group === null || group === undefined ? undefined : group.hidden) !== null && _a !== undefined ? _a : false);
+                        const effectiveCollapsed = (_c = (_b = group === null || group === undefined ? undefined : group.collapsed) !== null && _b !== undefined ? _b : group === null || group === undefined ? undefined : group.collapsedByDefault) !== null && _c !== undefined ? _c : false;
                         flatListItems.push({
                             id: groupId,
-                            title: (_b = group === null || group === undefined ? undefined : group.title) !== null && _b !== undefined ? _b : groupId,
+                            title: (_d = group === null || group === undefined ? undefined : group.title) !== null && _d !== undefined ? _d : groupId,
                             icon: group === null || group === undefined ? undefined : group.icon,
                             hidden: isGroupHidden,
-                            isDisabled: isAllGroupItemsHidden,
                             collapsible: group === null || group === undefined ? undefined : group.collapsible,
                             collapsedByDefault: group === null || group === undefined ? undefined : group.collapsedByDefault,
-                            isCollapsed: group === null || group === undefined ? undefined : group.collapsed,
+                            isCollapsed: effectiveCollapsed,
                             groupId: groupId,
                             items,
                         });
@@ -72,7 +74,10 @@ const useGroupedMenuItems = (menuItems, menuGroups, isEditMode = false) => {
                 flatListItems.push(item);
             }
         });
-        return flatListItems;
+        if (isEditMode) {
+            return flatListItems;
+        }
+        return (_a = utils.getVisibleItemsWithFilteredDividers(flatListItems, constants.ALL_PAGES_ID)) !== null && _a !== undefined ? _a : [];
     }, [menuItems, menuGroups, isEditMode]);
 };

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {MenuGroup, MenuItem} from '../../../types';\nimport {MenuItemsWithGroups} from '../../types';\n\nimport {ALL_PAGES_ID} from './constants';\n\nexport const useGroupedMenuItems = (\n menuItems: MenuItem[],\n menuGroups?: MenuGroup[],\n isEditMode = false,\n): MenuItemsWithGroups[] => {\n return useMemo(() => {\n const visibleItems = menuItems.filter((item: MenuItem): boolean => {\n if (isEditMode && item.id === ALL_PAGES_ID) {\n return false;\n }\n\n return true;\n });\n\n visibleItems.sort(({type: typeA}, {type: typeB}) => {\n if (typeA === 'action') {\n return 1;\n }\n if (typeB === 'action') {\n return -1;\n }\n return 0;\n });\n\n const groupsMap = new Map<string, MenuGroup>();\n\n menuGroups?.forEach((group) => {\n groupsMap.set(group.id, group);\n });\n\n const groupedItems = new Map<string, MenuItemsWithGroups[]>();\n const ungroupedItems: MenuItemsWithGroups[] = [];\n const processedGroups = new Set<string>();\n\n visibleItems.forEach((item) => {\n const groupId = item.groupId;\n\n if (groupId) {\n if (!groupedItems.has(groupId)) {\n groupedItems.set(groupId, []);\n }\n\n const group = groupedItems.get(groupId);\n\n if (group) {\n group.push(item);\n }\n } else {\n ungroupedItems.push(item);\n }\n });\n\n const flatListItems: MenuItemsWithGroups[] = [];\n\n visibleItems.forEach((item) => {\n const groupId = item.groupId;\n\n if (groupId) {\n if (!processedGroups.has(groupId)) {\n processedGroups.add(groupId);\n\n const items = groupedItems.get(groupId) \|\| [];\n\n if (items.length > 0) {\n const itemsWithVisible = items.filter((sortedItem) => !sortedItem.hidden);\n\n const group = groupsMap.get(groupId);\n const isAllGroupItemsHidden = itemsWithVisible.length === 0;\n const isGroupHidden = isAllGroupItemsHidden\n ? true\n : (group?.hidden ?? false);\n\n flatListItems.push({\n id: groupId,\n title: group?.title ?? groupId,\n icon: group?.icon,\n hidden: isGroupHidden,\n ~~isDisabled: isAllGroupItemsHidden,\n~~ collapsible: group?.collapsible,\n collapsedByDefault: group?.collapsedByDefault,\n isCollapsed: ~~group?.collapsed~~,\n groupId: groupId,\n items,\n });\n }\n }\n }\n\n if (!groupId) {\n flatListItems.push(item);\n }\n });\n\n return flatListItems;\n }, [menuItems, menuGroups, isEditMode]);\n};\n"],"names":["useMemo","ALL_PAGES_ID"],"mappings":"~~;;;;;AAOO~~,MAAM,mBAAmB,GAAG,CAC/B,SAAqB,EACrB,UAAwB,EACxB,UAAU,GAAG,KAAK,KACK;IACvB,OAAOA,aAAO,CAAC,MAAK;QAChB,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAc,KAAa;YAC9D,IAAI,UAAU,IAAI,IAAI,CAAC,EAAE,KAAKC,sBAAY,EAAE;AACxC,gBAAA,OAAO,KAAK;;AAGhB,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;AAEF,QAAA,YAAY,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,KAAI;AAC/C,YAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACpB,gBAAA,OAAO,CAAC;;AAEZ,YAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;gBACpB,OAAO,EAAE;;AAEb,YAAA,OAAO,CAAC;AACZ,SAAC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAqB;QAE9C,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,OAAO,CAAC,CAAC,KAAK,KAAI;YAC1B,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC;AAClC,SAAC,CAAC;AAEF,QAAA,MAAM,YAAY,GAAG,IAAI,GAAG,EAAiC;AAE7D,QAAA,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU;AAEzC,QAAA,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC1B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;YAE5B,IAAI,OAAO,EAAE;gBACT,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC5B,oBAAA,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;;gBAGjC,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;gBAEvC,IAAI,KAAK,EAAE;AACP,oBAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;;AAK5B,SAAC,CAAC;QAEF,MAAM,aAAa,GAA0B,EAAE;AAE/C,QAAA,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;;AAC1B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;YAE5B,IAAI,OAAO,EAAE;gBACT,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC/B,oBAAA,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;oBAE5B,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;AAE7C,oBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClB,wBAAA,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;wBAEzE,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;AACpC,wBAAA,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,KAAK,CAAC;wBAC3D,MAAM,aAAa,GAAG;AAClB,8BAAE;AACF,+BAAG,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,SAAA,GAAA,SAAA,GAAA,KAAK,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,KAAK,CAAC;wBAE9B,aAAa,CAAC,IAAI,CAAC;AACf,4BAAA,EAAE,EAAE,OAAO;4BACX,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,6BAAL,KAAK,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,OAAO;AAC9B,4BAAA,IAAI,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,SAAA,GAAA,SAAA,GAAA,KAAK,CAAE,IAAI;AACjB,4BAAA,MAAM,EAAE,aAAa;AACrB,4BAAA,~~UAAU,EAAE,qBAAqB;AACjC,4BAAA,~~WAAW,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,SAAA,GAAA,SAAA,GAAA,KAAK,CAAE,WAAW;AAC/B,4BAAA,kBAAkB,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,SAAA,GAAA,SAAA,GAAA,KAAK,CAAE,kBAAkB;AAC7C,4BAAA,WAAW,EAAE,~~KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,SAAA,GAAA,SAAA,GAAA,KAAK,CAAE,SAAS~~;~~AAC7B~~,4BAAA,OAAO,EAAE,OAAO;4BAChB,KAAK;AACR,yBAAA,CAAC;;;;YAKd,IAAI,CAAC,OAAO,EAAE;AACV,gBAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEhC,SAAC,CAAC;~~AAEF~~,~~QAAA~~,OAAO,aAAa;~~KACvB~~,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAC3C;;;;"}
1	+ {"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {MenuGroup, MenuItem} from '../../../types';\nimport {MenuItemsWithGroups} from '../../types';\nimport {getVisibleItemsWithFilteredDividers} from '../CompositeBar/utils';\n\nimport {ALL_PAGES_ID} from './constants';\n\nexport const useGroupedMenuItems = (\n menuItems: MenuItem[],\n menuGroups?: MenuGroup[],\n isEditMode = false,\n): MenuItemsWithGroups[] => {\n return useMemo(() => {\n const visibleItems = menuItems.filter((item: MenuItem): boolean => {\n if (isEditMode && item.id === ALL_PAGES_ID) {\n return false;\n }\n\n return true;\n });\n\n visibleItems.sort(({type: typeA}, {type: typeB}) => {\n if (typeA === 'action') {\n return 1;\n }\n if (typeB === 'action') {\n return -1;\n }\n return 0;\n });\n\n const groupsMap = new Map<string, MenuGroup>();\n\n menuGroups?.forEach((group) => {\n groupsMap.set(group.id, group);\n });\n\n const groupedItems = new Map<string, MenuItemsWithGroups[]>();\n const ungroupedItems: MenuItemsWithGroups[] = [];\n const processedGroups = new Set<string>();\n\n visibleItems.forEach((item) => {\n const groupId = item.groupId;\n\n if (groupId) {\n if (!groupedItems.has(groupId)) {\n groupedItems.set(groupId, []);\n }\n\n const group = groupedItems.get(groupId);\n\n if (group) {\n group.push(item);\n }\n } else {\n ungroupedItems.push(item);\n }\n });\n\n const flatListItems: MenuItemsWithGroups[] = [];\n\n visibleItems.forEach((item) => {\n const groupId = item.groupId;\n\n if (groupId) {\n if (!processedGroups.has(groupId)) {\n processedGroups.add(groupId);\n\n const items = groupedItems.get(groupId) \|\| [];\n\n if (items.length > 0) {\n const itemsWithVisible = items.filter((sortedItem) => !sortedItem.hidden);\n\n const group = groupsMap.get(groupId);\n const isAllGroupItemsHidden = itemsWithVisible.length === 0;\n const isGroupHidden = isAllGroupItemsHidden\n ? true\n : (group?.hidden ?? false);\n\n const effectiveCollapsed =\n group?.collapsed ?? group?.collapsedByDefault ?? false;\n\n flatListItems.push({\n id: groupId,\n title: group?.title ?? groupId,\n icon: group?.icon,\n hidden: isGroupHidden,\n collapsible: group?.collapsible,\n collapsedByDefault: group?.collapsedByDefault,\n isCollapsed: effectiveCollapsed,\n groupId: groupId,\n items,\n });\n }\n }\n }\n\n if (!groupId) {\n flatListItems.push(item);\n }\n });\n\n if (isEditMode) {\n return flatListItems;\n }\n\n return getVisibleItemsWithFilteredDividers(flatListItems, ALL_PAGES_ID) ?? [];\n }, [menuItems, menuGroups, isEditMode]);\n};\n"],"names":["useMemo","ALL_PAGES_ID","getVisibleItemsWithFilteredDividers"],"mappings":"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"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { MenuItemsWithGroups } from '../../../types';
+/**
+ * Returns index in expanded list for the sortableIndex-th sortable item in flatList.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
+export declare function getExpandedIndexForSortableIndex(sortableIndex: number, flatList: MenuItemsWithGroups[]): number;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getExpandedIndexForSortableIndex.js ADDED Viewed

@@ -0,0 +1,27 @@
+'use strict';
+var getIsMenuItem = require('./getIsMenuItem.js');
+var getRealIndexInGroup = require('./getRealIndexInGroup.js');
+/**
+ * Returns index in expanded list for the sortableIndex-th sortable item in flatList.
+ *
+ * @param sortableIndex - Index in the list of sortable (non-divider) items.
+ * @param flatList - Flat list with groups and dividers.
+ * @returns Index in the expanded (flattened) menu list.
+ */
+function getExpandedIndexForSortableIndex(sortableIndex, flatList) {
+    let sortableCount = 0;
+    for (let i = 0; i < flatList.length; i++) {
+        if (getIsMenuItem.getIsMenuItem(flatList[i])) {
+            if (sortableCount === sortableIndex) {
+                return getRealIndexInGroup.getRealIndexInExpandedMenu(i, flatList);
+            }
+            sortableCount++;
+        }
+    }
+    return 0;
+}
+exports.getExpandedIndexForSortableIndex = getExpandedIndexForSortableIndex;
+//# sourceMappingURL=getExpandedIndexForSortableIndex.js.map