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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+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"
+};
+
+module.exports = en;
+//# sourceMappingURL=en.json.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var ru = {
+	"menu-item.all-pages.title": "Все страницы",
+	"all-panel.menu.category.allOther": "Остальное",
+	"all-panel.resetToDefault": "Сбросить по умолчанию",
+	"all-panel.title.editing": "Настройка панели меню",
+	"all-panel.title.main": "Все страницы"
+};
+
+module.exports = ru;
+//# sourceMappingURL=ru.json.js.map

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

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

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+var constants = require('./constants.js');
+var index = require('./i18n/index.js');
+
+const useGroupedMenuItems = (items) => {
+    const allPagesMenuItems = React.useMemo(() => {
+        const filteredItems = items.filter((item) => item.type !== 'divider' && item.id !== constants.ALL_PAGES_ID);
+        filteredItems.sort((a, b) => {
+            if (a.type === 'action') {
+                return 1;
+            }
+            if (b.type === 'action') {
+                return -1;
+            }
+            return 0;
+        });
+        const groupedItems = filteredItems.reduce((acc, item) => {
+            const category = item.category || index('all-panel.menu.category.allOther');
+            if (!acc[category]) {
+                acc[category] = [];
+            }
+            acc[category].push(item);
+            return acc;
+        }, {});
+        return groupedItems;
+    }, [items]);
+    return allPagesMenuItems;
+};
+
+exports.useGroupedMenuItems = useGroupedMenuItems;
+//# sourceMappingURL=useGroupedMenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupedMenuItems.js","sources":["../../../../../src/components/AllPagesPanel/useGroupedMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\n\nexport const useGroupedMenuItems = (items: MenuItem[]) => {\n    const allPagesMenuItems = useMemo(() => {\n        const filteredItems = items.filter(\n            (item) => item.type !== 'divider' && item.id !== ALL_PAGES_ID,\n        );\n        filteredItems.sort((a, b) => {\n            if (a.type === 'action') {\n                return 1;\n            }\n            if (b.type === 'action') {\n                return -1;\n            }\n            return 0;\n        });\n        const groupedItems = filteredItems.reduce(\n            (acc, item) => {\n                const category = item.category || i18n('all-panel.menu.category.allOther');\n                if (!acc[category]) {\n                    acc[category] = [];\n                }\n                acc[category].push(item);\n                return acc;\n            },\n            {} as {[key: string]: MenuItem[]},\n        );\n        return groupedItems;\n    }, [items]);\n\n    return allPagesMenuItems;\n};\n"],"names":["useMemo","ALL_PAGES_ID","i18n"],"mappings":";;;;;;AAOa,MAAA,mBAAmB,GAAG,CAAC,KAAiB,KAAI;AACrD,IAAA,MAAM,iBAAiB,GAAGA,aAAO,CAAC,MAAK;QACnC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAC9B,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,EAAE,KAAKC,sBAAY,CAChE;QACD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACxB,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;AACrB,gBAAA,OAAO,CAAC;;AAEZ,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACrB,OAAO,EAAE;;AAEb,YAAA,OAAO,CAAC;AACZ,SAAC,CAAC;QACF,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CACrC,CAAC,GAAG,EAAE,IAAI,KAAI;YACV,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAIC,KAAI,CAAC,kCAAkC,CAAC;AAC1E,YAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAChB,gBAAA,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE;;YAEtB,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,YAAA,OAAO,GAAG;SACb,EACD,EAAiC,CACpC;AACD,QAAA,OAAO,YAAY;AACvB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,OAAO,iBAAiB;AAC5B;;;;"}

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+var AsideHeaderContext = require('../AsideHeader/AsideHeaderContext.js');
+
+const useVisibleMenuItems = () => {
+    const { menuItems, allPagesIsAvailable } = AsideHeaderContext.useAsideHeaderInnerContext();
+    return React.useMemo(() => {
+        if (!allPagesIsAvailable) {
+            return menuItems;
+        }
+        let lastVisibleIndex = 0;
+        return menuItems.filter((item, index, items) => {
+            if (item.hidden) {
+                return false;
+            }
+            if (index > 0 &&
+                item.type === 'divider' &&
+                (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)) {
+                return false;
+            }
+            lastVisibleIndex = index;
+            return true;
+        });
+    }, [allPagesIsAvailable, menuItems]);
+};
+
+exports.useVisibleMenuItems = useVisibleMenuItems;
+//# sourceMappingURL=useVisibleMenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleMenuItems.js","sources":["../../../../../src/components/AllPagesPanel/useVisibleMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeader/AsideHeaderContext';\nimport {MenuItem} from '../types';\n\nexport const useVisibleMenuItems = (): MenuItem[] => {\n    const {menuItems, allPagesIsAvailable} = useAsideHeaderInnerContext();\n    return useMemo(() => {\n        if (!allPagesIsAvailable) {\n            return menuItems;\n        }\n        let lastVisibleIndex = 0;\n        return menuItems.filter((item: MenuItem, index: number, items: MenuItem[]): boolean => {\n            if (item.hidden) {\n                return false;\n            }\n\n            if (\n                index > 0 &&\n                item.type === 'divider' &&\n                (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)\n            ) {\n                return false;\n            }\n            lastVisibleIndex = index;\n            return true;\n        });\n    }, [allPagesIsAvailable, menuItems]);\n};\n"],"names":["useAsideHeaderInnerContext","useMemo"],"mappings":";;;;;AAKO,MAAM,mBAAmB,GAAG,MAAiB;IAChD,MAAM,EAAC,SAAS,EAAE,mBAAmB,EAAC,GAAGA,6CAA0B,EAAE;IACrE,OAAOC,aAAO,CAAC,MAAK;QAChB,IAAI,CAAC,mBAAmB,EAAE;AACtB,YAAA,OAAO,SAAS;;QAEpB,IAAI,gBAAgB,GAAG,CAAC;QACxB,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,KAAiB,KAAa;AAClF,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,gBAAA,OAAO,KAAK;;YAGhB,IACI,KAAK,GAAG,CAAC;gBACT,IAAI,CAAC,IAAI,KAAK,SAAS;AACvB,iBAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAChF;AACE,gBAAA,OAAO,KAAK;;YAEhB,gBAAgB,GAAG,KAAK;AACxB,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AACxC;;;;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+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)),
+        React.createElement(PageLayout.PageLayout.Content, { renderContent: props.renderContent })));
+});
+AsideHeader.displayName = 'AsideHeader';
+
+exports.AsideHeader = AsideHeader;
+//# sourceMappingURL=AsideHeader.js.map

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

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

package/build/cjs/{PageLayout.js → components/AsideHeader/AsideHeader.scss.js}

@@ -1,34 +1,9 @@
 'use strict';
 
-var React = require('react');
-var Content = require('./Content-Dy2XkiRi.js');
-var constants = require('./constants-B0DLAQY9.js');
-var AsideHeaderContext = require('./AsideHeaderContext.js');
-var utils = require('./utils-BrRoop7o.js');
-var styleInject_es = require('./style-inject.es-CsU6UJbw.js');
-require('./cn-DSlPZbcs.js');
-require('@bem-react/classname');
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
 
 var css_248z = ".g-root{--gn-aside-top-panel-height:0px}.g-root_theme_light{--gn-ah-background-color:var(--g-color-private-black-50-solid);--gn-ah-decoration-background-color:var(--g-color-private-yellow-200);--gn-ah-selected-item-background-color:var(--g-color-private-orange-200);--gn-ah-hovered-item-background-color:var(--g-color-private-black-50)}.g-root_theme_light-hc{--gn-ah-background-color:var(--g-color-private-black-50-solid);--gn-ah-decoration-background-color:var(--g-color-private-yellow-300);--gn-ah-selected-item-background-color:var(--g-color-private-orange-300);--gn-ah-hovered-item-background-color:var(--g-color-private-black-150)}.g-root_theme_dark{--gn-ah-background-color:#110e11;--gn-ah-decoration-background-color:var(--g-color-private-yellow-150);--gn-ah-selected-item-background-color:var(--g-color-private-orange-200);--gn-ah-hovered-item-background-color:var(--g-color-private-white-150)}.g-root_theme_dark-hc{--gn-ah-background-color:#050505;--gn-ah-decoration-background-color:var(--g-color-private-yellow-250);--gn-ah-selected-item-background-color:var(--g-color-private-orange-250);--gn-ah-hovered-item-background-color:var(--g-color-private-white-250)}.gn-aside-header{--gn-aside-header-min-width:56px;--_--item-icon-background-size:38px;--_--background-color:var(--gn-ah-background-color);--_--decoration-collapsed-background-color:var(--gn-ah-decoration-background-color);--_--decoration-expanded-background-color:var(--gn-ah-decoration-background-color);--_--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%}.gn-aside-header__aside{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)}.gn-aside-header__aside: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}.gn-aside-header__aside-popup-anchor{inset:0;position:absolute;z-index:1}.gn-aside-header__aside-content{--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}.gn-aside-header__aside-content>.gn-aside-header-logo{margin:8px 0}.gn-aside-header__aside-content_with-decoration{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))}.gn-aside-header__aside-custom-background{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.gn-aside-header_compact .gn-aside-header__aside{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.gn-aside-header_compact .gn-aside-header__aside-content{background:transparent}.gn-aside-header__header{--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}.gn-aside-header__header .gn-aside-header__header-divider{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}.gn-aside-header__header_with-decoration: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}.gn-aside-header__header: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}.gn-aside-header_compact .gn-aside-header__header:before,.gn-aside-header_compact .gn-aside-header__header_with-decoration .gn-aside-header__header-divider{display:block}.gn-aside-header_compact .gn-aside-header__header_with-decoration:after{display:none}.gn-aside-header__logo-button .gn-aside-header__logo-icon-place{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.gn-aside-header__menu-items{flex-grow:1}.gn-aside-header__footer{display:flex;flex-direction:column;flex-shrink:0;margin:8px 0;width:100%}.gn-aside-header__panels{inset:var(--gn-top-alert-height,0) 0 0;max-height:calc(100vh - var(--gn-top-alert-height, 0));overflow:auto;position:fixed;z-index:var(--gn-aside-header-panel-z-index,98)}.gn-aside-header__panel{height:100%}.gn-aside-header__pane-container{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.gn-aside-header__top-alert{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.gn-aside-header__content{margin-top:var(--gn-top-alert-height,0);overflow-x:auto;width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}";
-styleInject_es.styleInject(css_248z);
+styleInject_es(css_248z);
 
-const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('./index-B6c8DVdr.js'); }).then((module) => ({ default: module.TopAlert })));
-const Layout = ({ compact, className, children, topAlert }) => {
-    const size = compact ? constants.ASIDE_HEADER_COMPACT_WIDTH : constants.ASIDE_HEADER_EXPANDED_WIDTH;
-    const asideHeaderContextValue = React.useMemo(() => ({ size, compact }), [compact, size]);
-    return (React.createElement(AsideHeaderContext.AsideHeaderContextProvider, { value: asideHeaderContextValue },
-        React.createElement("div", { className: utils.b({ compact }, className), style: Object.assign({}, { '--gn-aside-header-size': `${size}px` }) },
-            topAlert && (React.createElement(React.Suspense, { fallback: null },
-                React.createElement(TopAlert, { className: utils.b('top-alert'), alert: topAlert }))),
-            React.createElement("div", { className: utils.b('pane-container') }, children))));
-};
-const ConnectedContent = ({ children, renderContent, }) => {
-    const { size } = AsideHeaderContext.useAsideHeaderContext();
-    return (React.createElement(Content.Content, { size: size, className: utils.b('content'), renderContent: renderContent }, children));
-};
-const PageLayout = Object.assign(Layout, {
-    Content: ConnectedContent,
-});
-
-exports.PageLayout = PageLayout;
-//# sourceMappingURL=PageLayout.js.map
+module.exports = css_248z;
+//# sourceMappingURL=AsideHeader.scss.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuItem} from '../types';\n\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    defaultMenuItems?: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nexport const 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\nexport const 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":";;;;AAiBa,MAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CACtD,SAAS;AAEb,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,MAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqC;AACtF,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA;AAED,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;;;;;;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../../utils/cn.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var index = require('../../i18n/index.js');
+var controlMenuButton = require('../../../../assets/icons/control-menu-button.svg.js');
+require('./CollapseButton.scss.js');
+
+const b = cn.block('collapse-button');
+const CollapseButton = ({ className }) => {
+    const { onChangeCompact, compact, expandTitle, collapseTitle } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const onCollapseButtonClick = React.useCallback(() => {
+        onChangeCompact === null || onChangeCompact === undefined ? undefined : onChangeCompact(!compact);
+    }, [compact, onChangeCompact]);
+    const buttonTitle = compact
+        ? expandTitle || index('button_expand')
+        : collapseTitle || index('button_collapse');
+    return (React.createElement("button", { className: b({ compact }, className), onClick: onCollapseButtonClick, title: buttonTitle },
+        React.createElement(uikit.Icon, { data: controlMenuButton, className: b('icon'), width: "16", height: "10" })));
+};
+
+exports.CollapseButton = CollapseButton;
+//# sourceMappingURL=CollapseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.js","sources":["../../../../../../../src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils/cn';\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport i18n from '../../i18n';\n\nimport controlMenuButtonIcon from '../../../../../assets/icons/control-menu-button.svg';\n\nimport './CollapseButton.scss';\n\nconst b = block('collapse-button');\n\nexport interface CollapseButtonProps {\n    className?: string;\n}\n\nexport const CollapseButton = ({className}: CollapseButtonProps) => {\n    const {onChangeCompact, compact, expandTitle, collapseTitle} = useAsideHeaderInnerContext();\n\n    const onCollapseButtonClick = useCallback(() => {\n        onChangeCompact?.(!compact);\n    }, [compact, onChangeCompact]);\n\n    const buttonTitle = compact\n        ? expandTitle || i18n('button_expand')\n        : collapseTitle || i18n('button_collapse');\n    return (\n        <button\n            className={b({compact}, className)}\n            onClick={onCollapseButtonClick}\n            title={buttonTitle}\n        >\n            <Icon data={controlMenuButtonIcon} className={b('icon')} width=\"16\" height=\"10\" />\n        </button>\n    );\n};\n"],"names":["block","useAsideHeaderInnerContext","useCallback","i18n","Icon","controlMenuButtonIcon"],"mappings":";;;;;;;;;;AAYA,MAAM,CAAC,GAAGA,QAAK,CAAC,iBAAiB,CAAC;MAMrB,cAAc,GAAG,CAAC,EAAC,SAAS,EAAsB,KAAI;AAC/D,IAAA,MAAM,EAAC,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAC,GAAGC,6CAA0B,EAAE;AAE3F,IAAA,MAAM,qBAAqB,GAAGC,iBAAW,CAAC,MAAK;QAC3C,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAG,CAAC,OAAO,CAAC;AAC/B,KAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG;AAChB,UAAE,WAAW,IAAIC,KAAI,CAAC,eAAe;AACrC,UAAE,aAAa,IAAIA,KAAI,CAAC,iBAAiB,CAAC;AAC9C,IAAA,QACI,KACI,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE,WAAW,EAAA;QAElB,KAAC,CAAA,aAAA,CAAAC,UAAI,IAAC,IAAI,EAAEC,iBAAqB,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAA,CAAG,CAC7E;AAEjB;;;;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-collapse-button{--_--focus-outline-color:var(--g-color-line-focus);--_--focus-outline-offset:0;align-items:center;background:none;border:none;border-top:1px solid var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));box-sizing:content-box;color:inherit;cursor:pointer;display:flex;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);justify-content:center;min-height:20px;outline:none;padding:0;position:relative;width:100%}.gn-collapse-button:before{content:\"\";inset:0 2px 2px;position:absolute;z-index:-1}.gn-collapse-button:focus-visible:before{outline:var(--_--focus-outline-color) solid 2px;outline-offset:var(--_--focus-outline-offset)}.gn-collapse-button:not(.gn-collapse-button_compact) .gn-collapse-button__icon{transform:rotate(180deg)}.gn-collapse-button:hover .gn-collapse-button__icon{color:var(--g-color-text-primary)}.gn-collapse-button__icon{color:var(--g-color-text-secondary)}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=CollapseButton.scss.js.map

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

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

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

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+require('../../AllPagesPanel/AllPagesPanel.js');
+require('@gravity-ui/icons');
+require('../../AllPagesPanel/i18n/index.js');
+var useVisibleMenuItems = require('../../AllPagesPanel/useVisibleMenuItems.js');
+var CompositeBar = require('../../CompositeBar/CompositeBar.js');
+var AsideHeaderContext = require('../AsideHeaderContext.js');
+var index = require('../i18n/index.js');
+var utils = require('../utils.js');
+var CollapseButton = require('./CollapseButton/CollapseButton.js');
+var Header = require('./Header.js');
+var Panels = require('./Panels.js');
+
+const FirstPanel = React.forwardRef((_props, ref) => {
+    const { size, onItemClick, headerDecoration, multipleTooltip, menuMoreTitle, onMenuMoreClick, renderFooter, compact, customBackground, customBackgroundClassName, className, hideCollapseButton, qa, } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const visibleMenuItems = useVisibleMenuItems.useVisibleMenuItems();
+    const asideRef = React.useRef(null);
+    React.useEffect(() => {
+        uikit.setRef(ref, asideRef.current);
+    }, [ref]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: utils.b('aside', className), style: { width: size }, "data-qa": qa },
+            React.createElement("div", { className: utils.b('aside-popup-anchor'), ref: asideRef }),
+            customBackground && (React.createElement("div", { className: utils.b('aside-custom-background', customBackgroundClassName) }, customBackground)),
+            React.createElement("div", { className: utils.b('aside-content', { ['with-decoration']: headerDecoration }) },
+                React.createElement(Header.Header, null),
+                (visibleMenuItems === null || visibleMenuItems === undefined ? undefined : visibleMenuItems.length) ? (React.createElement(CompositeBar.CompositeBar, { type: "menu", items: visibleMenuItems, menuMoreTitle: menuMoreTitle !== null && menuMoreTitle !== undefined ? menuMoreTitle : index('label_more'), onItemClick: onItemClick, onMoreClick: onMenuMoreClick, multipleTooltip: multipleTooltip })) : (React.createElement("div", { className: utils.b('menu-items') })),
+                React.createElement("div", { className: utils.b('footer') }, renderFooter === null || renderFooter === undefined ? undefined : renderFooter({
+                    size,
+                    compact: Boolean(compact),
+                    asideRef,
+                })),
+                !hideCollapseButton && React.createElement(CollapseButton.CollapseButton, null))),
+        React.createElement(Panels.Panels, null)));
+});
+FirstPanel.displayName = 'FirstPanel';
+
+exports.FirstPanel = FirstPanel;
+//# sourceMappingURL=FirstPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FirstPanel.js","sources":["../../../../../../src/components/AsideHeader/components/FirstPanel.tsx"],"sourcesContent":["import React, {useRef} from 'react';\n\nimport {setRef} from '@gravity-ui/uikit';\n\nimport {useVisibleMenuItems} from '../../AllPagesPanel';\nimport {CompositeBar} from '../../CompositeBar/CompositeBar';\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport i18n from '../i18n';\nimport {b} from '../utils';\n\nimport {CollapseButton} from './CollapseButton/CollapseButton';\nimport {Header} from './Header';\nimport {Panels} from './Panels';\n\nexport const FirstPanel = React.forwardRef<HTMLDivElement>((_props, ref) => {\n    const {\n        size,\n        onItemClick,\n        headerDecoration,\n        multipleTooltip,\n        menuMoreTitle,\n        onMenuMoreClick,\n        renderFooter,\n        compact,\n        customBackground,\n        customBackgroundClassName,\n        className,\n        hideCollapseButton,\n        qa,\n    } = useAsideHeaderInnerContext();\n    const visibleMenuItems = useVisibleMenuItems();\n\n    const asideRef = useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        setRef<HTMLDivElement>(ref, asideRef.current);\n    }, [ref]);\n\n    return (\n        <React.Fragment>\n            <div className={b('aside', className)} style={{width: size}} data-qa={qa}>\n                <div className={b('aside-popup-anchor')} ref={asideRef} />\n                {customBackground && (\n                    <div className={b('aside-custom-background', customBackgroundClassName)}>\n                        {customBackground}\n                    </div>\n                )}\n\n                <div className={b('aside-content', {['with-decoration']: headerDecoration})}>\n                    <Header />\n                    {visibleMenuItems?.length ? (\n                        <CompositeBar\n                            type=\"menu\"\n                            items={visibleMenuItems}\n                            menuMoreTitle={menuMoreTitle ?? i18n('label_more')}\n                            onItemClick={onItemClick}\n                            onMoreClick={onMenuMoreClick}\n                            multipleTooltip={multipleTooltip}\n                        />\n                    ) : (\n                        <div className={b('menu-items')} />\n                    )}\n                    <div className={b('footer')}>\n                        {renderFooter?.({\n                            size,\n                            compact: Boolean(compact),\n                            asideRef,\n                        })}\n                    </div>\n                    {!hideCollapseButton && <CollapseButton />}\n                </div>\n            </div>\n            <Panels />\n        </React.Fragment>\n    );\n});\n\nFirstPanel.displayName = 'FirstPanel';\n"],"names":["useAsideHeaderInnerContext","useVisibleMenuItems","useRef","setRef","b","Header","CompositeBar","i18n","CollapseButton","Panels"],"mappings":";;;;;;;;;;;;;;;;AAcO,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;AACvE,IAAA,MAAM,EACF,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,EACf,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,yBAAyB,EACzB,SAAS,EACT,kBAAkB,EAClB,EAAE,GACL,GAAGA,6CAA0B,EAAE;AAChC,IAAA,MAAM,gBAAgB,GAAGC,uCAAmB,EAAE;AAE9C,IAAA,MAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAAC,YAAM,CAAiB,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC;AACjD,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;AACX,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,OAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,aAAW,EAAE,EAAA;YACpE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,OAAC,CAAC,oBAAoB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAI,CAAA;AACzD,YAAA,gBAAgB,KACb,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,OAAC,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,EAClE,EAAA,gBAAgB,CACf,CACT;AAED,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEA,OAAC,CAAC,eAAe,EAAE,EAAC,CAAC,iBAAiB,GAAG,gBAAgB,EAAC,CAAC,EAAA;AACvE,gBAAA,KAAA,CAAA,aAAA,CAACC,aAAM,EAAG,IAAA,CAAA;AACT,gBAAA,CAAA,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,SAAA,GAAA,SAAA,GAAhB,gBAAgB,CAAE,MAAM,KACrB,KAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,EACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAb,aAAa,GAAIC,KAAI,CAAC,YAAY,CAAC,EAClD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,eAAe,EAC5B,eAAe,EAAE,eAAe,EAClC,CAAA,KAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEH,OAAC,CAAC,YAAY,CAAC,EAAA,CAAI,CACtC;AACD,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEA,OAAC,CAAC,QAAQ,CAAC,EACtB,EAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAG;oBACZ,IAAI;AACJ,oBAAA,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;oBACzB,QAAQ;AACX,iBAAA,CAAC,CACA;AACL,gBAAA,CAAC,kBAAkB,IAAI,KAAA,CAAA,aAAA,CAACI,6BAAc,EAAA,IAAA,CAAG,CACxC,CACJ;AACN,QAAA,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,IAAA,CAAG,CACG;AAEzB,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var CompositeBar = require('../../CompositeBar/CompositeBar.js');
+var Logo = require('../../Logo/Logo.js');
+var constants = require('../../constants.js');
+var AsideHeaderContext = require('../AsideHeaderContext.js');
+var utils = require('../utils.js');
+var dividerCollapsed = require('../../../assets/icons/divider-collapsed.svg.js');
+
+const DEFAULT_SUBHEADER_ITEMS = [];
+const Header = () => {
+    const { logo, onItemClick, onClosePanel, headerDecoration, subheaderItems } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const { compact } = AsideHeaderContext.useAsideHeaderContext();
+    const onLogoClick = React.useCallback((event) => {
+        var _a;
+        onClosePanel === null || onClosePanel === undefined ? undefined : onClosePanel();
+        (_a = logo === null || logo === undefined ? undefined : logo.onClick) === null || _a === undefined ? undefined : _a.call(logo, event);
+    }, [onClosePanel, logo]);
+    return (React.createElement("div", { className: utils.b('header', { ['with-decoration']: headerDecoration }) },
+        logo && (React.createElement(Logo.Logo, Object.assign({}, logo, { onClick: onLogoClick, compact: compact, buttonClassName: utils.b('logo-button'), iconPlaceClassName: utils.b('logo-icon-place') }))),
+        React.createElement(CompositeBar.CompositeBar, { type: "subheader", items: subheaderItems || DEFAULT_SUBHEADER_ITEMS, onItemClick: onItemClick }),
+        headerDecoration && (React.createElement(uikit.Icon, { data: dividerCollapsed, className: utils.b('header-divider'), width: constants.ASIDE_HEADER_COMPACT_WIDTH, height: constants.HEADER_DIVIDER_HEIGHT }))));
+};
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/AsideHeader/components/Header.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {CompositeBar} from '../../CompositeBar/CompositeBar';\nimport {Logo} from '../../Logo';\nimport {ASIDE_HEADER_COMPACT_WIDTH, HEADER_DIVIDER_HEIGHT} from '../../constants';\nimport {SubheaderMenuItem} from '../../types';\nimport {useAsideHeaderContext, useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nimport headerDividerCollapsedIcon from '../../../../assets/icons/divider-collapsed.svg';\n\nconst DEFAULT_SUBHEADER_ITEMS: SubheaderMenuItem[] = [];\n\nexport const Header = () => {\n    const {logo, onItemClick, onClosePanel, headerDecoration, subheaderItems} =\n        useAsideHeaderInnerContext();\n    const {compact} = useAsideHeaderContext();\n\n    const onLogoClick = useCallback(\n        (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n            onClosePanel?.();\n            logo?.onClick?.(event);\n        },\n        [onClosePanel, logo],\n    );\n\n    return (\n        <div className={b('header', {['with-decoration']: headerDecoration})}>\n            {logo && (\n                <Logo\n                    {...logo}\n                    onClick={onLogoClick}\n                    compact={compact}\n                    buttonClassName={b('logo-button')}\n                    iconPlaceClassName={b('logo-icon-place')}\n                />\n            )}\n\n            <CompositeBar\n                type=\"subheader\"\n                items={subheaderItems || DEFAULT_SUBHEADER_ITEMS}\n                onItemClick={onItemClick}\n            />\n\n            {headerDecoration && (\n                <Icon\n                    data={headerDividerCollapsedIcon}\n                    className={b('header-divider')}\n                    width={ASIDE_HEADER_COMPACT_WIDTH}\n                    height={HEADER_DIVIDER_HEIGHT}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["useAsideHeaderInnerContext","useAsideHeaderContext","useCallback","b","Logo","CompositeBar","Icon","headerDividerCollapsedIcon","ASIDE_HEADER_COMPACT_WIDTH","HEADER_DIVIDER_HEIGHT"],"mappings":";;;;;;;;;;;AAaA,MAAM,uBAAuB,GAAwB,EAAE;AAEhD,MAAM,MAAM,GAAG,MAAK;AACvB,IAAA,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAC,GACrEA,6CAA0B,EAAE;AAChC,IAAA,MAAM,EAAC,OAAO,EAAC,GAAGC,wCAAqB,EAAE;AAEzC,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAC3B,CAAC,KAAgD,KAAI;;AACjD,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI;QAChB,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAG,KAAK,CAAC;AAC1B,KAAC,EACD,CAAC,YAAY,EAAE,IAAI,CAAC,CACvB;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,OAAC,CAAC,QAAQ,EAAE,EAAC,CAAC,iBAAiB,GAAG,gBAAgB,EAAC,CAAC,EAAA;AAC/D,QAAA,IAAI,KACD,KAAC,CAAA,aAAA,CAAAC,SAAI,EACG,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,EACR,EAAA,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAED,OAAC,CAAC,aAAa,CAAC,EACjC,kBAAkB,EAAEA,OAAC,CAAC,iBAAiB,CAAC,IAC1C,CACL;AAED,QAAA,KAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,EACT,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,cAAc,IAAI,uBAAuB,EAChD,WAAW,EAAE,WAAW,EAC1B,CAAA;QAED,gBAAgB,KACb,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EACD,IAAI,EAAEC,gBAA0B,EAChC,SAAS,EAAEJ,OAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAEK,oCAA0B,EACjC,MAAM,EAAEC,+BAAqB,EAC/B,CAAA,CACL,CACC;AAEd;;;;"}

package/build/cjs/{AsideFallback.js → components/AsideHeader/components/PageLayout/AsideFallback.js}

@@ -2,12 +2,10 @@
 
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var constants = require('./constants-B0DLAQY9.js');
-var AsideHeaderContext = require('./AsideHeaderContext.js');
-var utils = require('./utils-BrRoop7o.js');
-var dividerCollapsed = require('./divider-collapsed-BLSp99lJ.js');
-require('./cn-DSlPZbcs.js');
-require('@bem-react/classname');
+var constants = require('../../../constants.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var utils = require('../../utils.js');
+var dividerCollapsed = require('../../../../assets/icons/divider-collapsed.svg.js');
 
 const AsideFallback = ({ headerDecoration, subheaderItemsCount = 0, qa }) => {
     const { compact } = AsideHeaderContext.useAsideHeaderContext();
@@ -17,7 +15,7 @@ const AsideFallback = ({ headerDecoration, subheaderItemsCount = 0, qa }) => {
         React.createElement("div", { className: utils.b('aside-content', { 'with-decoration': headerDecoration }) },
             React.createElement("div", { className: utils.b('header', { 'with-decoration': headerDecoration }) },
                 React.createElement("div", { style: { height: subheaderHeight } }),
-                compact && headerDecoration ? (React.createElement(uikit.Icon, { data: dividerCollapsed.SvgDividerCollapsed, className: utils.b('header-divider'), width: constants.ASIDE_HEADER_COMPACT_WIDTH, height: constants.HEADER_DIVIDER_HEIGHT })) : null),
+                compact && headerDecoration ? (React.createElement(uikit.Icon, { data: dividerCollapsed, className: utils.b('header-divider'), width: constants.ASIDE_HEADER_COMPACT_WIDTH, height: constants.HEADER_DIVIDER_HEIGHT })) : null),
             React.createElement("div", { style: { flex: 1 } }))));
 };
 

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsideFallback.js","sources":["../../../../../../../src/components/AsideHeader/components/PageLayout/AsideFallback.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon, QAProps} from '@gravity-ui/uikit';\n\nimport {ASIDE_HEADER_COMPACT_WIDTH, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT} from '../../../constants';\nimport {useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {b} from '../../utils';\n\nimport headerDividerCollapsedIcon from '../../../../../assets/icons/divider-collapsed.svg';\n\nexport interface Props extends QAProps {\n    headerDecoration?: boolean;\n    subheaderItemsCount?: number;\n}\n\nexport const AsideFallback: React.FC<Props> = ({headerDecoration, subheaderItemsCount = 0, qa}) => {\n    const {compact} = useAsideHeaderContext();\n\n    const widthVar = compact ? '--gn-aside-header-min-width' : '--gn-aside-header-size';\n\n    const subheaderHeight = (1 + subheaderItemsCount) * ITEM_HEIGHT;\n\n    return (\n        <div className={b('aside')} style={{width: `var(${widthVar})`}} data-qa={qa}>\n            <div className={b('aside-content', {'with-decoration': headerDecoration})}>\n                <div className={b('header', {'with-decoration': headerDecoration})}>\n                    <div style={{height: subheaderHeight}} />\n                    {compact && headerDecoration ? (\n                        <Icon\n                            data={headerDividerCollapsedIcon}\n                            className={b('header-divider')}\n                            width={ASIDE_HEADER_COMPACT_WIDTH}\n                            height={HEADER_DIVIDER_HEIGHT}\n                        />\n                    ) : null}\n                </div>\n                <div style={{flex: 1}} />\n            </div>\n        </div>\n    );\n};\n"],"names":["useAsideHeaderContext","ITEM_HEIGHT","b","Icon","headerDividerCollapsedIcon","ASIDE_HEADER_COMPACT_WIDTH","HEADER_DIVIDER_HEIGHT"],"mappings":";;;;;;;;;AAeO,MAAM,aAAa,GAAoB,CAAC,EAAC,gBAAgB,EAAE,mBAAmB,GAAG,CAAC,EAAE,EAAE,EAAC,KAAI;AAC9F,IAAA,MAAM,EAAC,OAAO,EAAC,GAAGA,wCAAqB,EAAE;IAEzC,MAAM,QAAQ,GAAG,OAAO,GAAG,6BAA6B,GAAG,wBAAwB;IAEnF,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,mBAAmB,IAAIC,qBAAW;AAE/D,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,OAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,CAAA,IAAA,EAAO,QAAQ,CAAG,CAAA,CAAA,EAAC,aAAW,EAAE,EAAA;QACvE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,OAAC,CAAC,eAAe,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;YACrE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;AAC9D,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,EAAI,CAAA;AACxC,gBAAA,OAAO,IAAI,gBAAgB,IACxB,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EACD,IAAI,EAAEC,gBAA0B,EAChC,SAAS,EAAEF,OAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAEG,oCAA0B,EACjC,MAAM,EAAEC,+BAAqB,GAC/B,IACF,IAAI,CACN;YACN,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAI,CAAA,CACvB,CACJ;AAEd;;;;"}

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+var Content = require('../../../Content/Content.js');
+var constants = require('../../../constants.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var utils = require('../../utils.js');
+require('../../AsideHeader.scss.js');
+
+const TopAlert = React.lazy(() => Promise.resolve().then(function () { return require('../../../TopAlert/index.js'); }).then((module) => ({ default: module.TopAlert })));
+const Layout = ({ compact, className, children, topAlert }) => {
+    const size = compact ? constants.ASIDE_HEADER_COMPACT_WIDTH : constants.ASIDE_HEADER_EXPANDED_WIDTH;
+    const asideHeaderContextValue = React.useMemo(() => ({ size, compact }), [compact, size]);
+    return (React.createElement(AsideHeaderContext.AsideHeaderContextProvider, { value: asideHeaderContextValue },
+        React.createElement("div", { className: utils.b({ compact }, className), style: Object.assign({}, { '--gn-aside-header-size': `${size}px` }) },
+            topAlert && (React.createElement(React.Suspense, { fallback: null },
+                React.createElement(TopAlert, { className: utils.b('top-alert'), alert: topAlert }))),
+            React.createElement("div", { className: utils.b('pane-container') }, children))));
+};
+const ConnectedContent = ({ children, renderContent, }) => {
+    const { size } = AsideHeaderContext.useAsideHeaderContext();
+    return (React.createElement(Content.Content, { size: size, className: utils.b('content'), renderContent: renderContent }, children));
+};
+const PageLayout = Object.assign(Layout, {
+    Content: ConnectedContent,
+});
+
+exports.PageLayout = PageLayout;
+//# sourceMappingURL=PageLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.js","sources":["../../../../../../../src/components/AsideHeader/components/PageLayout/PageLayout.tsx"],"sourcesContent":["import React, {PropsWithChildren, Suspense, useMemo} from 'react';\n\nimport {Content, ContentProps} from '../../../Content';\nimport {ASIDE_HEADER_COMPACT_WIDTH, ASIDE_HEADER_EXPANDED_WIDTH} from '../../../constants';\nimport {AsideHeaderContextProvider, useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {LayoutProps} from '../../types';\nimport {b} from '../../utils';\n\nimport '../../AsideHeader.scss';\n\nconst TopAlert = React.lazy(() =>\n    import('../../../TopAlert').then((module) => ({default: module.TopAlert})),\n);\n\nexport interface PageLayoutProps extends PropsWithChildren<LayoutProps> {}\n\nconst Layout = ({compact, className, children, topAlert}: PageLayoutProps) => {\n    const size = compact ? ASIDE_HEADER_COMPACT_WIDTH : ASIDE_HEADER_EXPANDED_WIDTH;\n    const asideHeaderContextValue = useMemo(() => ({size, compact}), [compact, size]);\n\n    return (\n        <AsideHeaderContextProvider value={asideHeaderContextValue}>\n            <div\n                className={b({compact}, className)}\n                style={{\n                    ...({'--gn-aside-header-size': `${size}px`} as React.CSSProperties),\n                }}\n            >\n                {topAlert && (\n                    <Suspense fallback={null}>\n                        <TopAlert className={b('top-alert')} alert={topAlert} />\n                    </Suspense>\n                )}\n                <div className={b('pane-container')}>{children}</div>\n            </div>\n        </AsideHeaderContextProvider>\n    );\n};\n\nconst ConnectedContent: React.FC<PropsWithChildren<Pick<ContentProps, 'renderContent'>>> = ({\n    children,\n    renderContent,\n}) => {\n    const {size} = useAsideHeaderContext();\n\n    return (\n        <Content size={size} className={b('content')} renderContent={renderContent}>\n            {children}\n        </Content>\n    );\n};\n\nconst PageLayout = Object.assign(Layout, {\n    Content: ConnectedContent,\n});\n\nexport {PageLayout};\n"],"names":["ASIDE_HEADER_COMPACT_WIDTH","ASIDE_HEADER_EXPANDED_WIDTH","useMemo","AsideHeaderContextProvider","b","Suspense","useAsideHeaderContext","Content"],"mappings":";;;;;;;;;AAUA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MACxB,oDAAO,4BAAmB,KAAC,CAAC,IAAI,CAAC,CAAC,MAAM,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,EAAC,CAAC,CAAC,CAC7E;AAID,MAAM,MAAM,GAAG,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAkB,KAAI;IACzE,MAAM,IAAI,GAAG,OAAO,GAAGA,oCAA0B,GAAGC,qCAA2B;IAC/E,MAAM,uBAAuB,GAAGC,aAAO,CAAC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAEjF,IAAA,QACI,KAAC,CAAA,aAAA,CAAAC,6CAA0B,EAAC,EAAA,KAAK,EAAE,uBAAuB,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,OAAC,CAAC,EAAC,OAAO,EAAC,EAAE,SAAS,CAAC,EAClC,KAAK,oBACG,EAAC,wBAAwB,EAAE,CAAG,EAAA,IAAI,IAAI,EAAyB,CAAA,EAAA;AAGtE,YAAA,QAAQ,KACL,KAAA,CAAA,aAAA,CAACC,cAAQ,EAAC,EAAA,QAAQ,EAAE,IAAI,EAAA;AACpB,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAED,OAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,CACjD,CACd;AACD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEA,OAAC,CAAC,gBAAgB,CAAC,EAAG,EAAA,QAAQ,CAAO,CACnD,CACmB;AAErC,CAAC;AAED,MAAM,gBAAgB,GAAqE,CAAC,EACxF,QAAQ,EACR,aAAa,GAChB,KAAI;AACD,IAAA,MAAM,EAAC,IAAI,EAAC,GAAGE,wCAAqB,EAAE;IAEtC,QACI,oBAACC,eAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAEH,OAAC,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,aAAa,EACrE,EAAA,QAAQ,CACH;AAElB,CAAC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACrC,IAAA,OAAO,EAAE,gBAAgB;AAC5B,CAAA;;;;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var FirstPanel = require('../FirstPanel.js');
+var AsideHeaderContext = require('../../AsideHeaderContext.js');
+var useAsideHeaderInnerContextValue = require('../../useAsideHeaderInnerContextValue.js');
+
+const PageLayoutAside = React.forwardRef((props, ref) => {
+    const { size, compact } = AsideHeaderContext.useAsideHeaderContext();
+    const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue.useAsideHeaderInnerContextValue(Object.assign({ size, compact }, props));
+    return (React.createElement(AsideHeaderContext.AsideHeaderInnerContextProvider, { value: asideHeaderInnerContextValue },
+        React.createElement(FirstPanel.FirstPanel, { ref: ref })));
+});
+PageLayoutAside.displayName = 'PageLayoutAside';
+
+exports.PageLayoutAside = PageLayoutAside;
+//# sourceMappingURL=PageLayoutAside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutAside.js","sources":["../../../../../../../src/components/AsideHeader/components/PageLayout/PageLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport {FirstPanel} from '..';\nimport {AsideHeaderInnerContextProvider, useAsideHeaderContext} from '../../AsideHeaderContext';\nimport {AsideHeaderProps} from '../../types';\nimport {useAsideHeaderInnerContextValue} from '../../useAsideHeaderInnerContextValue';\n\ntype Props = Omit<AsideHeaderProps, 'compact' | 'size'>;\n\nexport const PageLayoutAside = React.forwardRef<HTMLDivElement, Props>((props, ref) => {\n    const {size, compact} = useAsideHeaderContext();\n\n    const asideHeaderInnerContextValue = useAsideHeaderInnerContextValue({size, compact, ...props});\n\n    return (\n        <AsideHeaderInnerContextProvider value={asideHeaderInnerContextValue}>\n            <FirstPanel ref={ref} />\n        </AsideHeaderInnerContextProvider>\n    );\n});\n\nPageLayoutAside.displayName = 'PageLayoutAside';\n"],"names":["useAsideHeaderContext","useAsideHeaderInnerContextValue","AsideHeaderInnerContextProvider","FirstPanel"],"mappings":";;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAwB,CAAC,KAAK,EAAE,GAAG,KAAI;IAClF,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAGA,wCAAqB,EAAE;IAE/C,MAAM,4BAA4B,GAAGC,+DAA+B,CAAE,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EAAE,OAAO,EAAA,EAAK,KAAK,CAAA,CAAE;AAE/F,IAAA,QACI,KAAC,CAAA,aAAA,CAAAC,kDAA+B,EAAC,EAAA,KAAK,EAAE,4BAA4B,EAAA;QAChE,KAAC,CAAA,aAAA,CAAAC,qBAAU,IAAC,GAAG,EAAE,GAAG,EAAI,CAAA,CACM;AAE1C,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var Drawer = require('../../Drawer/Drawer.js');
+var AsideHeaderContext = require('../AsideHeaderContext.js');
+var utils = require('../utils.js');
+
+const Panels = () => {
+    const { panelItems, onClosePanel, size } = AsideHeaderContext.useAsideHeaderInnerContext();
+    return panelItems ? (React.createElement(Drawer.Drawer, { className: utils.b('panels'), onVeilClick: onClosePanel, onEscape: onClosePanel, style: { left: size } }, panelItems.map((item) => (React.createElement(Drawer.DrawerItem, Object.assign({ key: item.id }, item)))))) : null;
+};
+
+exports.Panels = Panels;
+//# sourceMappingURL=Panels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panels.js","sources":["../../../../../../src/components/AsideHeader/components/Panels.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Drawer, DrawerItem} from '../../Drawer/Drawer';\nimport {useAsideHeaderInnerContext} from '../AsideHeaderContext';\nimport {b} from '../utils';\n\nexport const Panels = () => {\n    const {panelItems, onClosePanel, size} = useAsideHeaderInnerContext();\n\n    return panelItems ? (\n        <Drawer\n            className={b('panels')}\n            onVeilClick={onClosePanel}\n            onEscape={onClosePanel}\n            style={{left: size}}\n        >\n            {panelItems.map((item) => (\n                <DrawerItem key={item.id} {...item} />\n            ))}\n        </Drawer>\n    ) : null;\n};\n"],"names":["useAsideHeaderInnerContext","Drawer","b","DrawerItem"],"mappings":";;;;;;;AAMO,MAAM,MAAM,GAAG,MAAK;IACvB,MAAM,EAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAC,GAAGA,6CAA0B,EAAE;AAErE,IAAA,OAAO,UAAU,IACb,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EACH,SAAS,EAAEC,OAAC,CAAC,QAAQ,CAAC,EACtB,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAElB,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACjB,KAAA,CAAA,aAAA,CAACC,iBAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAA,EAAM,IAAI,CAAA,CAAI,CACzC,CAAC,CACG,IACT,IAAI;AACZ;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button_collapse = "Collapse";
+var button_expand = "Expand";
+var label_more = "More";
+var en = {
+	button_collapse: button_collapse,
+	button_expand: button_expand,
+	label_more: label_more
+};
+
+exports.button_collapse = button_collapse;
+exports.button_expand = button_expand;
+exports.default = en;
+exports.label_more = label_more;
+//# sourceMappingURL=en.json.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button_collapse = "Свернуть";
+var button_expand = "Развернуть";
+var label_more = "Ещё";
+var ru = {
+	button_collapse: button_collapse,
+	button_expand: button_expand,
+	label_more: label_more
+};
+
+exports.button_collapse = button_collapse;
+exports.button_expand = button_expand;
+exports.default = ru;
+exports.label_more = label_more;
+//# sourceMappingURL=ru.json.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/AsideHeader/types.tsx"],"sourcesContent":["import {QAProps} from '@gravity-ui/uikit';\n\nimport {RenderContentType} from '../Content';\nimport {DrawerItemProps} from '../Drawer/Drawer';\nimport {LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps} from '../types';\n\nimport {AsideHeaderContextType} from './AsideHeaderContext';\n\nexport interface LayoutProps {\n    compact: boolean;\n    className?: string;\n    topAlert?: TopAlertProps;\n}\n\nexport interface EditMenuProps {\n    onOpenEditMode?: () => void;\n    onToggleMenuItem?: (changedItem: MenuItem) => void;\n    onResetSettingsToDefault?: () => void;\n    enableSorting?: boolean;\n    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;\n}\n\nexport interface AsideHeaderGeneralProps extends QAProps {\n    logo?: LogoProps;\n    multipleTooltip?: boolean;\n    className?: string;\n    collapseTitle?: string;\n    expandTitle?: string;\n    menuMoreTitle?: string;\n    topAlert?: TopAlertProps;\n    customBackground?: React.ReactNode;\n    customBackgroundClassName?: string;\n    hideCollapseButton?: boolean;\n    renderContent?: RenderContentType;\n    renderFooter?: (data: {\n        size: number;\n        compact: boolean;\n        asideRef: React.RefObject<HTMLDivElement>;\n    }) => React.ReactNode;\n    editMenuProps?: EditMenuProps;\n    onClosePanel?: () => void;\n    onChangeCompact?: (compact: boolean) => void;\n    onMenuMoreClick?: () => void;\n    onAllPagesClick?: () => void;\n    openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;\n}\n\nexport interface AsideHeaderDefaultProps {\n    panelItems?: DrawerItemProps[];\n    subheaderItems?: SubheaderMenuItem[];\n    menuItems?: MenuItem[];\n    defaultMenuItems?: MenuItem[];\n    onMenuItemsChanged?: (items: MenuItem[]) => void;\n    headerDecoration?: boolean;\n}\n\nexport type AsideHeaderInnerProps = AsideHeaderGeneralProps &\n    AsideHeaderDefaultProps &\n    AsideHeaderContextType;\n\nexport interface AsideHeaderProps\n    extends AsideHeaderGeneralProps,\n        LayoutProps,\n        Partial<AsideHeaderDefaultProps> {}\n\nexport enum InnerPanels {\n    AllPages = 'all-pages',\n}\n"],"names":["InnerPanels"],"mappings":";;AAiEYA;AAAZ,CAAA,UAAY,WAAW,EAAA;AACnB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,WAAsB;AAC1B,CAAC,EAFWA,mBAAW,KAAXA,mBAAW,GAEtB,EAAA,CAAA,CAAA;;"}