@gravity-ui/navigation 1.6.1 → 1.7.0

package/build/cjs/index.js

@@ -8,23 +8,27 @@ var Drawer = require('./Drawer.js');
 var FooterItem = require('./FooterItem.js');
 var PageLayout = require('./PageLayout.js');
 var PageLayoutAside = require('./PageLayoutAside.js');
+var AsideFallback = require('./AsideFallback.js');
 var registerKeyset = require('./registerKeyset-f4ce9ee7.js');
-var ActionBar = require('./ActionBar-393db3ea.js');
-var Title = require('./Title-d58ff158.js');
-var HotkeysPanel = require('./HotkeysPanel-7823f66a.js');
-var Settings = require('./Settings-6db7b88c.js');
-var FooterItem$1 = require('./FooterItem-907eca32.js');
+var ActionBar = require('./ActionBar-96a59723.js');
+var Title = require('./Title-c539667f.js');
+var HotkeysPanel = require('./HotkeysPanel-2e240e4d.js');
+var Settings = require('./Settings-11b021e4.js');
+var FooterItem$1 = require('./FooterItem-eafaeac3.js');
 require('./tslib.es6-705c6589.js');
 require('react');
 require('react-dom');
 require('@gravity-ui/uikit');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
-require('./Item-15bdb320.js');
+require('./style-inject.es-dcee06b6.js');
+require('./Item-836015b7.js');
 require('@gravity-ui/icons');
+require('./constants-d81c3867.js');
 require('./debounce-8772fd80.js');
-require('./Content-20bde76c.js');
-require('./FirstPanel-2f78b962.js');
+require('./Content-64d5738a.js');
+require('./utils-a93dd754.js');
+require('./divider-collapsed-153868e7.js');
 
 
 
@@ -36,6 +40,7 @@ exports.DrawerItem = Drawer.DrawerItem;
 exports.FooterItem = FooterItem.FooterItem;
 exports.PageLayout = PageLayout.PageLayout;
 exports.PageLayoutAside = PageLayoutAside.PageLayoutAside;
+exports.AsideFallback = AsideFallback.AsideFallback;
 Object.defineProperty(exports, 'Lang', {
 	enumerable: true,
 	get: function () { return registerKeyset.Lang; }

package/build/cjs/index.js.map

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

package/build/cjs/index2.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionBar = require('./ActionBar-393db3ea.js');
+var ActionBar = require('./ActionBar-96a59723.js');
 require('react');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
+require('./style-inject.es-dcee06b6.js');
 
 
 

package/build/cjs/index2.js.map

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

package/build/cjs/index3.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Title = require('./Title-d58ff158.js');
+var Title = require('./Title-c539667f.js');
 require('react');
 require('@gravity-ui/uikit');
 require('@gravity-ui/icons');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
 require('./registerKeyset-f4ce9ee7.js');
+require('./style-inject.es-dcee06b6.js');
 
 
 

package/build/cjs/index3.js.map

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

package/build/cjs/index4.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HotkeysPanel = require('./HotkeysPanel-7823f66a.js');
+var HotkeysPanel = require('./HotkeysPanel-2e240e4d.js');
 require('./tslib.es6-705c6589.js');
 require('react');
 require('@gravity-ui/uikit');
 require('./Drawer.js');
 require('react-dom');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
+require('./style-inject.es-dcee06b6.js');
 
 
 

package/build/cjs/index4.js.map

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

package/build/cjs/index5.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Settings = require('./Settings-6db7b88c.js');
+var Settings = require('./Settings-11b021e4.js');
 require('./tslib.es6-705c6589.js');
 require('react');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
 require('@gravity-ui/uikit');
 require('./debounce-8772fd80.js');
+require('./style-inject.es-dcee06b6.js');
 require('./registerKeyset-f4ce9ee7.js');
-require('./Title-d58ff158.js');
+require('./Title-c539667f.js');
 require('@gravity-ui/icons');
 
 

package/build/cjs/index5.js.map

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

package/build/cjs/index6.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FooterItem = require('./FooterItem-907eca32.js');
+var FooterItem = require('./FooterItem-eafaeac3.js');
 require('react');
-require('./style-inject.es-935afc04.js');
+require('./cn-1964a72a.js');
 require('@bem-react/classname');
 require('./Drawer.js');
 require('react-dom');
 require('@gravity-ui/uikit');
-require('./Content-20bde76c.js');
+require('./style-inject.es-dcee06b6.js');
+require('./Content-64d5738a.js');
 require('./registerKeyset-f4ce9ee7.js');
 
 

package/build/cjs/index6.js.map

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

package/build/cjs/{style-inject.es-935afc04.js → style-inject.es-dcee06b6.js}

@@ -1,11 +1,5 @@
 'use strict';
 
-var classname = require('@bem-react/classname');
-
-const NAMESPACE = 'gn-';
-classname.withNaming({ e: '__', m: '_' });
-const block = classname.withNaming({ n: NAMESPACE, e: '__', m: '_' });
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -33,6 +27,5 @@ function styleInject(css, ref) {
   }
 }
 
-exports.block = block;
 exports.styleInject = styleInject;
-//# sourceMappingURL=style-inject.es-935afc04.js.map
+//# sourceMappingURL=style-inject.es-dcee06b6.js.map

package/build/cjs/style-inject.es-dcee06b6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es-dcee06b6.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/build/cjs/utils-a93dd754.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var cn = require('./cn-1964a72a.js');
+
+const b = cn.block('aside-header');
+
+exports.b = b;
+//# sourceMappingURL=utils-a93dd754.js.map

package/build/cjs/utils-a93dd754.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-a93dd754.js","sources":["../../../src/components/AsideHeader/utils.ts"],"sourcesContent":["import {block} from '../utils/cn';\n\nexport const b = block('aside-header');\n"],"names":["block"],"mappings":";;;;MAEa,CAAC,GAAGA,QAAK,CAAC,cAAc;;;;"}

package/build/esm/{ActionBar-f1c9a2d3.js → ActionBar-68f814a3.js}

@@ -1,5 +1,6 @@
 import React__default from 'react';
-import { s as styleInject, b as block } from './style-inject.es-cfd97593.js';
+import { b as block } from './cn-589cd9e2.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z$4 = ".gn-action-bar-group{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:0}.gn-action-bar-group_pull_left{margin-left:0;margin-right:auto}.gn-action-bar-group_pull_right{margin-left:auto;margin-right:0}.gn-action-bar-group_pull_center{margin-left:auto;margin-right:auto}";
 styleInject(css_248z$4);
@@ -53,4 +54,4 @@ const PublicActionBar = Object.assign(ActionBar, {
 });
 
 export { PublicActionBar as P };
-//# sourceMappingURL=ActionBar-f1c9a2d3.js.map
+//# sourceMappingURL=ActionBar-68f814a3.js.map

package/build/esm/{ActionBar-f1c9a2d3.js.map → ActionBar-68f814a3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionBar-f1c9a2d3.js","sources":["../../../src/components/ActionBar/Group/ActionBarGroup.tsx","../../../src/components/ActionBar/Item/ActionBarItem.tsx","../../../src/components/ActionBar/Section/ActionBarSection.tsx","../../../src/components/ActionBar/Separator/ActionBarSeparator.tsx","../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarGroup.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-group');\n\nexport const ActionBarGroup = ({children, className, pull}: Props) => {\n    return (\n        <ul className={b({pull}, className)} role=\"group\">\n            {children}\n        </ul>\n    );\n};\n\nActionBarGroup.displayName = 'ActionBar.Group';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarItem.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        spacing?: boolean;\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-item');\n\nexport const ActionBarItem = ({children, className, pull, spacing = true}: Props) => {\n    return <li className={b({pull, spacing}, className)}>{children}</li>;\n};\n\nActionBarItem.displayName = 'ActionBar.Item';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSection.scss';\n\nexport type Props = PropsWithChildren<{type?: 'primary' | 'secondary'}>;\n\nconst b = block('action-bar-section');\n\nexport const ActionBarSection = ({children, type = 'primary'}: Props) => {\n    return <div className={b({type})}>{children}</div>;\n};\n\nActionBarSection.displayName = 'ActionBar.Section';\n","import React from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSeparator.scss';\n\nconst b = block('action-bar-separator');\n\nexport const ActionBarSeparator = () => {\n    return <li role=\"separator\" className={b()} />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\nimport {ActionBarGroup} from './Group/ActionBarGroup';\nimport {ActionBarItem} from './Item/ActionBarItem';\nimport {ActionBarSection} from './Section/ActionBarSection';\nimport {ActionBarSeparator} from './Separator/ActionBarSeparator';\n\nimport './ActionBar.scss';\n\nexport type Props = PropsWithChildren<{\n    'aria-label'?: string;\n    className?: string;\n}>;\n\nconst b = block('action-bar');\n\nconst ActionBar = ({children, className, 'aria-label': ariaLabel}: Props) => {\n    return (\n        <section className={b(null, className)} aria-label={ariaLabel}>\n            {children}\n        </section>\n    );\n};\n\nActionBar.displayName = 'ActionBar';\n\nconst PublicActionBar = Object.assign(ActionBar, {\n    Section: ActionBarSection,\n    Group: ActionBarGroup,\n    Item: ActionBarItem,\n    Separator: ActionBarSeparator,\n});\n\nexport {PublicActionBar as ActionBar};\n"],"names":["b","React"],"mappings":";;;;;;AAaA,MAAMA,GAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAE7B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACIC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR,EACP;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;;ACT9C,MAAMA,GAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;AAChF,IAAA,OAAOC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAG,EAAA,QAAQ,CAAM,CAAC;AACzE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;;ACZ5C,MAAMA,GAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,OAAOC,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAA,EAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;;ACRlD,MAAMA,GAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAEjC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAOC,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAED,GAAC,EAAE,EAAA,CAAI,CAAC;AACnD,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;;ACGtD,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACIC,cAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH,EACZ;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC7C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,SAAS,EAAE,kBAAkB;AAChC,CAAA;;;;"}
+{"version":3,"file":"ActionBar-68f814a3.js","sources":["../../../src/components/ActionBar/Group/ActionBarGroup.tsx","../../../src/components/ActionBar/Item/ActionBarItem.tsx","../../../src/components/ActionBar/Section/ActionBarSection.tsx","../../../src/components/ActionBar/Separator/ActionBarSeparator.tsx","../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarGroup.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-group');\n\nexport const ActionBarGroup = ({children, className, pull}: Props) => {\n    return (\n        <ul className={b({pull}, className)} role=\"group\">\n            {children}\n        </ul>\n    );\n};\n\nActionBarGroup.displayName = 'ActionBar.Group';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarItem.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        spacing?: boolean;\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-item');\n\nexport const ActionBarItem = ({children, className, pull, spacing = true}: Props) => {\n    return <li className={b({pull, spacing}, className)}>{children}</li>;\n};\n\nActionBarItem.displayName = 'ActionBar.Item';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSection.scss';\n\nexport type Props = PropsWithChildren<{type?: 'primary' | 'secondary'}>;\n\nconst b = block('action-bar-section');\n\nexport const ActionBarSection = ({children, type = 'primary'}: Props) => {\n    return <div className={b({type})}>{children}</div>;\n};\n\nActionBarSection.displayName = 'ActionBar.Section';\n","import React from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSeparator.scss';\n\nconst b = block('action-bar-separator');\n\nexport const ActionBarSeparator = () => {\n    return <li role=\"separator\" className={b()} />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\nimport {ActionBarGroup} from './Group/ActionBarGroup';\nimport {ActionBarItem} from './Item/ActionBarItem';\nimport {ActionBarSection} from './Section/ActionBarSection';\nimport {ActionBarSeparator} from './Separator/ActionBarSeparator';\n\nimport './ActionBar.scss';\n\nexport type Props = PropsWithChildren<{\n    'aria-label'?: string;\n    className?: string;\n}>;\n\nconst b = block('action-bar');\n\nconst ActionBar = ({children, className, 'aria-label': ariaLabel}: Props) => {\n    return (\n        <section className={b(null, className)} aria-label={ariaLabel}>\n            {children}\n        </section>\n    );\n};\n\nActionBar.displayName = 'ActionBar';\n\nconst PublicActionBar = Object.assign(ActionBar, {\n    Section: ActionBarSection,\n    Group: ActionBarGroup,\n    Item: ActionBarItem,\n    Separator: ActionBarSeparator,\n});\n\nexport {PublicActionBar as ActionBar};\n"],"names":["b","React"],"mappings":";;;;;;;AAaA,MAAMA,GAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAE7B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACIC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR,EACP;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;;ACT9C,MAAMA,GAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;AAChF,IAAA,OAAOC,qCAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAG,EAAA,QAAQ,CAAM,CAAC;AACzE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;;ACZ5C,MAAMA,GAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,OAAOC,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAA,EAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;;ACRlD,MAAMA,GAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAEjC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAOC,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAED,GAAC,EAAE,EAAA,CAAI,CAAC;AACnD,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;;ACGtD,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACIC,cAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH,EACZ;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC7C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,SAAS,EAAE,kBAAkB;AAChC,CAAA;;;;"}

package/build/esm/AsideFallback.js

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { useAsideHeaderContext } from './AsideHeaderContext.js';
+import { h as headerDividerCollapsedIcon } from './divider-collapsed-6468fa36.js';
+import { b } from './utils-6d5146c7.js';
+import { Icon } from '@gravity-ui/uikit';
+import { a as ASIDE_HEADER_COMPACT_WIDTH, H as HEADER_DIVIDER_HEIGHT, I as ITEM_HEIGHT } from './constants-b1604ff5.js';
+import './cn-589cd9e2.js';
+import '@bem-react/classname';
+
+const AsideFallback = ({ headerDecoration, subheaderItemsCount = 0 }) => {
+    const { compact } = useAsideHeaderContext();
+    const widthVar = compact ? '--gn-aside-header-min-width' : '--gn-aside-header-size';
+    const subheaderHeight = (1 + subheaderItemsCount) * ITEM_HEIGHT;
+    return (React__default.createElement("div", { className: b('aside'), style: { width: `var(${widthVar})` } },
+        React__default.createElement("div", { className: b('aside-content', { 'with-decoration': headerDecoration }) },
+            React__default.createElement("div", { className: b('header', { 'with-decoration': headerDecoration }) },
+                React__default.createElement("div", { style: { height: subheaderHeight } }),
+                compact ? (React__default.createElement(Icon, { data: headerDividerCollapsedIcon, className: b('header-divider'), width: ASIDE_HEADER_COMPACT_WIDTH, height: HEADER_DIVIDER_HEIGHT })) : null),
+            React__default.createElement("div", { style: { flex: 1 } }))));
+};
+
+export { AsideFallback };
+//# sourceMappingURL=AsideFallback.js.map

package/build/esm/AsideFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsideFallback.js","sources":["../../../src/components/AsideHeader/components/PageLayout/AsideFallback.tsx"],"sourcesContent":["import React from 'react';\nimport {useAsideHeaderContext} from '../../AsideHeaderContext';\nimport headerDividerCollapsedIcon from '../../../../../assets/icons/divider-collapsed.svg';\nimport {b} from '../../utils';\nimport {Icon} from '@gravity-ui/uikit';\nimport {ASIDE_HEADER_COMPACT_WIDTH, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT} from '../../../constants';\n\nexport interface Props {\n    headerDecoration?: boolean;\n    subheaderItemsCount?: number;\n}\n\nexport const AsideFallback: React.FC<Props> = ({headerDecoration, subheaderItemsCount = 0}) => {\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})`}}>\n            <div className={b('aside-content', {'with-decoration': headerDecoration})}>\n                <div className={b('header', {'with-decoration': headerDecoration})}>\n                    <div style={{height: subheaderHeight}} />\n                    {compact ? (\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":["React"],"mappings":";;;;;;;;;AAYO,MAAM,aAAa,GAAoB,CAAC,EAAC,gBAAgB,EAAE,mBAAmB,GAAG,CAAC,EAAC,KAAI;AAC1F,IAAA,MAAM,EAAC,OAAO,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,OAAO,GAAG,6BAA6B,GAAG,wBAAwB,CAAC;IAEpF,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,mBAAmB,IAAI,WAAW,CAAC;AAEhE,IAAA,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,CAAO,IAAA,EAAA,QAAQ,GAAG,EAAC,EAAA;QAC1DA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;YACrEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,CAAC,EAAA;AAC9D,gBAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,EAAI,CAAA;AACxC,gBAAA,OAAO,IACJA,cAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAE,0BAA0B,EAChC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,0BAA0B,EACjC,MAAM,EAAE,qBAAqB,EAAA,CAC/B,IACF,IAAI,CACN;YACNA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAI,CAAA,CACvB,CACJ,EACR;AACN;;;;"}

package/build/esm/AsideHeader.js

@@ -3,38 +3,26 @@ import React__default from 'react';
 import { PageLayout } from './PageLayout.js';
 import { PageLayoutAside } from './PageLayoutAside.js';
 import './AsideHeaderContext.js';
-import './Content-d8b28d56.js';
-import './FirstPanel-bafddc24.js';
-import '@gravity-ui/uikit';
-import './style-inject.es-cfd97593.js';
+import './Content-f94ba85d.js';
+import './constants-b1604ff5.js';
+import './utils-6d5146c7.js';
+import './cn-589cd9e2.js';
 import '@bem-react/classname';
-import './Item-f02541c1.js';
+import './style-inject.es-1f59c1d0.js';
+import '@gravity-ui/uikit';
+import './Item-ab589218.js';
 import '@gravity-ui/icons';
 import './debounce-64cd2b4c.js';
 import './registerKeyset-35f1ea08.js';
+import './divider-collapsed-6468fa36.js';
 import './Drawer.js';
 import 'react-dom';
 
-/**
- * Simply usage of AsideHeader:
- * @example
- * <AsideHeader renderContent={renderContent} {...props} />
- *
- * Advanced usage of AsideHeader:
- * @example
- * <PageLayout reverse >
- *  <PageLayout.Content>
- *      <Content />
- *  </PageLayout.Content>
- *
- *  <PageLayoutAside {...props} />
- * </PageLayout>
- */
 const AsideHeader = React__default.forwardRef((_a, ref) => {
     var { compact, className, topAlert } = _a, props = __rest(_a, ["compact", "className", "topAlert"]);
     return (React__default.createElement(PageLayout, { compact: compact, className: className, topAlert: topAlert },
         React__default.createElement(PageLayoutAside, Object.assign({ ref: ref }, props)),
-        React__default.createElement(PageLayout.Content, { renderContent: props.renderContent, withTop: Boolean(topAlert) })));
+        React__default.createElement(PageLayout.Content, { renderContent: props.renderContent })));
 });
 
 export { AsideHeader };

package/build/esm/AsideHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeader.js","sources":["../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderProps} from './types';\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\n\n/**\n * Simply usage of AsideHeader:\n * @example\n * <AsideHeader renderContent={renderContent} {...props} />\n *\n * Advanced usage of AsideHeader:\n * @example\n * <PageLayout reverse >\n *  <PageLayout.Content>\n *      <Content />\n *  </PageLayout.Content>\n *\n *  <PageLayoutAside {...props} />\n * </PageLayout>\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\n                    renderContent={props.renderContent}\n                    withTop={Boolean(topAlert)}\n                />\n            </PageLayout>\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;AAcG;AACI,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD,CAAA;AACpC,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,IACf,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC5B,CAAA,CACO,EACf;AACN,CAAC;;;;"}
+{"version":3,"file":"AsideHeader.js","sources":["../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderProps} from './types';\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMO,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD,CAAA;AACpC,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD,EACf;AACN,CAAC;;;;"}

package/build/esm/Content-f94ba85d.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+/* Used by renderContent AsideHeader prop */
+const RenderContent = React__default.memo(({ renderContent, size }) => {
+    return React__default.createElement(React__default.Fragment, null, renderContent({ size }));
+});
+RenderContent.displayName = 'RenderContent';
+const Content = ({ size, // TODO: move to context when MobileHeader will support it
+className, cssSizeVariableName = '--gn-aside-header-size', renderContent, children, }) => {
+    return (React__default.createElement("div", { className: className, style: Object.assign({}, { [cssSizeVariableName]: `${size}px` }) }, typeof renderContent === 'function' ? (React__default.createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
+};
+
+export { Content as C };
+//# sourceMappingURL=Content-f94ba85d.js.map

package/build/esm/Content-f94ba85d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content-f94ba85d.js","sources":["../../../src/components/Content/Content.tsx"],"sourcesContent":["/* Used by renderContent AsideHeader prop */\n\nimport React from 'react';\n\nexport type RenderContentType = (data: {size: number}) => React.ReactNode;\n\nexport interface ContentProps {\n    size: number;\n    className?: string;\n    cssSizeVariableName?: string;\n    renderContent?: RenderContentType;\n}\n\ninterface RenderContentProps {\n    renderContent: RenderContentType;\n    size: number;\n}\n\nconst RenderContent: React.FC<RenderContentProps> = React.memo(({renderContent, size}) => {\n    return <React.Fragment>{renderContent({size})}</React.Fragment>;\n});\n\nRenderContent.displayName = 'RenderContent';\n\nexport const Content: React.FC<ContentProps> = ({\n    size, // TODO: move to context when MobileHeader will support it\n    className,\n    cssSizeVariableName = '--gn-aside-header-size',\n    renderContent,\n    children,\n}) => {\n    return (\n        <div\n            className={className}\n            style={{...({[cssSizeVariableName]: `${size}px`} as React.CSSProperties)}}\n        >\n            {typeof renderContent === 'function' ? (\n                <RenderContent size={size} renderContent={renderContent} />\n            ) : (\n                children\n            )}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;AAAA;AAkBA,MAAM,aAAa,GAAiCA,cAAK,CAAC,IAAI,CAAC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,KAAI;AACrF,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,EAAE,IAAA,EAAA,aAAa,CAAC,EAAC,IAAI,EAAC,CAAC,CAAkB,CAAC;AACpE,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;MAE/B,OAAO,GAA2B,CAAC,EAC5C,IAAI;AACJ,SAAS,EACT,mBAAmB,GAAG,wBAAwB,EAC9C,aAAa,EACb,QAAQ,GACX,KAAI;IACD,QACIA,sCACI,SAAS,EAAE,SAAS,EACpB,KAAK,oBAAO,EAAC,CAAC,mBAAmB,GAAG,GAAG,IAAI,CAAA,EAAA,CAAI,EAAyB,CAEvE,EAAA,EAAA,OAAO,aAAa,KAAK,UAAU,IAChCA,6BAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,KAE3D,QAAQ,CACX,CACC,EACR;AACN;;;;"}

package/build/esm/Drawer.js

@@ -1,7 +1,8 @@
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 import { useBodyScrollLock } from '@gravity-ui/uikit';
-import { s as styleInject, b as block } from './style-inject.es-cfd97593.js';
+import { b as block } from './cn-589cd9e2.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@bem-react/classname';
 
 function _extends() {