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

package/build/esm/index.js

@@ -1,6 +1,8 @@
-export { P as ActionBar } from './ActionBar-BD_roj92.js';
+export { g as ActionBar, e as AsideFallback, A as AsideHeader, a as AsideHeaderContextProvider, f as Drawer, D as DrawerItem, n as Footer, F as FooterItem, H as HotkeysPanel, L as Logo, M as MOBILE_HEADER_EVENT_NAMES, o as MobileFooter, l as MobileHeader, j as MobileHeaderFooterItem, m as MobileLogo, P as PageLayout, c as PageLayoutAside, S as Settings, T as Title, k as getMobileHeaderCustomEvent, u as useAsideHeaderContext, i as useSettingsContext, h as useSettingsSelectionContext } from './index-Cj3tqMQo.js';
 import 'react';
-import './cn-CgiqTV3v.js';
 import '@bem-react/classname';
-import './style-inject.es-Bff-fD1R.js';
+import '@gravity-ui/uikit';
+import '@gravity-ui/icons';
+import '@gravity-ui/uikit/i18n';
+import 'react-dom';
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {

package/build/cjs/ActionBar-_qjZ9IMA.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var React = require('react');
-var cn = require('./cn-DSlPZbcs.js');
-var styleInject_es = require('./style-inject.es-CsU6UJbw.js');
-
-var css_248z$4 = ".gn-action-bar-group{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-start;margin:0;padding:0}.gn-action-bar-group_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-group_pull_left-grow{flex-grow:1}.gn-action-bar-group_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-group_pull_right-grow{flex-grow:1}.gn-action-bar-group_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-group_pull_center-grow{flex-grow:1}";
-styleInject_es.styleInject(css_248z$4);
-
-const b$4 = cn.block('action-bar-group');
-const ActionBarGroup = ({ children, className, pull }) => {
-    return (React.createElement("ul", { className: b$4({ pull }, className), role: "group" }, children));
-};
-ActionBarGroup.displayName = 'ActionBar.Group';
-
-var css_248z$3 = ".gn-action-bar-item{list-style:none;margin:0;padding:0}.gn-action-bar-item_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-item_pull_left-grow{flex-grow:1}.gn-action-bar-item_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-item_pull_right-grow{flex-grow:1}.gn-action-bar-item_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-item_pull_center-grow{flex-grow:1}.gn-action-bar-item+.gn-action-bar-item_spacing{margin-left:8px}";
-styleInject_es.styleInject(css_248z$3);
-
-const b$3 = cn.block('action-bar-item');
-const ActionBarItem = ({ children, className, pull, spacing = true }) => {
-    return (React.createElement("li", { className: b$3({ pull, spacing }, className), role: "menuitem" }, children));
-};
-ActionBarItem.displayName = 'ActionBar.Item';
-
-var css_248z$2 = ".gn-action-bar-section{align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start}.gn-action-bar-section+.gn-action-bar-section{border-left:1px solid var(--g-color-line-generic)}.gn-action-bar-section_type_primary{flex:1 1 auto;padding-left:20px;padding-right:20px}.gn-action-bar-section_type_secondary{padding-left:6px;padding-right:6px}";
-styleInject_es.styleInject(css_248z$2);
-
-const b$2 = cn.block('action-bar-section');
-const ActionBarSection = ({ children, type = 'primary' }) => {
-    return (React.createElement("div", { className: b$2({ type }), role: "menu" }, children));
-};
-ActionBarSection.displayName = 'ActionBar.Section';
-
-var css_248z$1 = ".gn-action-bar-separator{border-right:1px solid var(--g-color-line-generic);height:40px;list-style:none;margin:0 6px;padding:0}";
-styleInject_es.styleInject(css_248z$1);
-
-const b$1 = cn.block('action-bar-separator');
-const ActionBarSeparator = () => {
-    return React.createElement("li", { role: "separator", className: b$1(), "aria-hidden": true });
-};
-ActionBarSeparator.displayName = 'ActionBar.Separator';
-
-var css_248z = ".gn-action-bar{align-items:stretch;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;flex-flow:row nowrap;height:40px;justify-content:flex-start}";
-styleInject_es.styleInject(css_248z);
-
-const b = cn.block('action-bar');
-const ActionBar = ({ children, className, 'aria-label': ariaLabel }) => {
-    return (React.createElement("section", { className: b(null, className), "aria-label": ariaLabel }, children));
-};
-ActionBar.displayName = 'ActionBar';
-const PublicActionBar = Object.assign(ActionBar, {
-    Section: ActionBarSection,
-    Group: ActionBarGroup,
-    Item: ActionBarItem,
-    Separator: ActionBarSeparator,
-});
-
-exports.PublicActionBar = PublicActionBar;
-//# sourceMappingURL=ActionBar-_qjZ9IMA.js.map

package/build/cjs/ActionBar-_qjZ9IMA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar-_qjZ9IMA.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 (\n        <li className={b({pull, spacing}, className)} role=\"menuitem\">\n            {children}\n        </li>\n    );\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 (\n        <div className={b({type})} role=\"menu\">\n            {children}\n        </div>\n    );\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()} aria-hidden />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n","import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\n\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","block"],"mappings":";;;;;;;;;AAaA,MAAMA,GAAC,GAAGC,QAAK,CAAC,kBAAkB,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACI,4BAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR;AAEb,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;;ACT9C,MAAMA,GAAC,GAAGC,QAAK,CAAC,iBAAiB,CAAC;AAE3B,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;IAChF,QACI,4BAAI,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,EACxD,EAAA,QAAQ,CACR;AAEb,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;;AChB5C,MAAMA,GAAC,GAAGC,QAAK,CAAC,oBAAoB,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,GAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,IAAI,EAAC,MAAM,IACjC,QAAQ,CACP;AAEd,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;;ACZlD,MAAMA,GAAC,GAAGC,QAAK,CAAC,sBAAsB,CAAC;AAEhC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAO,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAED,GAAC,EAAE,EAAA,aAAA,EAAA,IAAA,EAAA,CAAgB;AAC9D,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;;ACItD,MAAM,CAAC,GAAGC,QAAK,CAAC,YAAY,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH;AAElB,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;AAEnC,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/cjs/AsideFallback.js

@@ -1,25 +0,0 @@
-'use strict';
-
-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');
-
-const AsideFallback = ({ headerDecoration, subheaderItemsCount = 0, qa }) => {
-    const { compact } = AsideHeaderContext.useAsideHeaderContext();
-    const widthVar = compact ? '--gn-aside-header-min-width' : '--gn-aside-header-size';
-    const subheaderHeight = (1 + subheaderItemsCount) * constants.ITEM_HEIGHT;
-    return (React.createElement("div", { className: utils.b('aside'), style: { width: `var(${widthVar})` }, "data-qa": 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),
-            React.createElement("div", { style: { flex: 1 } }))));
-};
-
-exports.AsideFallback = AsideFallback;
-//# sourceMappingURL=AsideFallback.js.map

package/build/cjs/AsideFallback.js.map

@@ -1 +0,0 @@
-{"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,oCAA0B,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/AsideHeader.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-D25eJ2i9.js');
-var React = require('react');
-var PageLayout = require('./PageLayout.js');
-var PageLayoutAside = require('./PageLayoutAside-SMHlPBAO.js');
-require('./Content-Dy2XkiRi.js');
-require('./constants-B0DLAQY9.js');
-require('./AsideHeaderContext.js');
-require('./utils-BrRoop7o.js');
-require('./cn-DSlPZbcs.js');
-require('@bem-react/classname');
-require('./style-inject.es-CsU6UJbw.js');
-require('@gravity-ui/uikit');
-require('@gravity-ui/icons');
-require('@gravity-ui/uikit/i18n');
-require('./Item-CLHysLDd.js');
-require('./debounce-RFF04eVR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./divider-collapsed-BLSp99lJ.js');
-require('./Drawer.js');
-require('react-dom');
-
-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/AsideHeader.js.map

@@ -1 +0,0 @@
-{"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/AsideHeaderContext.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const AsideHeaderInnerContext = React.createContext(undefined);
-AsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';
-const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;
-const useAsideHeaderInnerContext = () => {
-    const contextValue = React.useContext(AsideHeaderInnerContext);
-    if (contextValue === undefined) {
-        throw new Error(`AsideHeaderInnerContext is not initialized.
-        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);
-    }
-    return contextValue;
-};
-const AsideHeaderContext = React.createContext({
-    compact: false,
-    size: 0,
-});
-AsideHeaderContext.displayName = 'AsideHeaderContext';
-const AsideHeaderContextProvider = AsideHeaderContext.Provider;
-const useAsideHeaderContext = () => {
-    const contextValue = React.useContext(AsideHeaderContext);
-    if (contextValue === undefined) {
-        throw new Error(`AsideHeaderContext is not initialized.
-        Please check if you wrapped your component with AsideHeader
-        Context.Provider`);
-    }
-    return contextValue;
-};
-
-exports.AsideHeaderContext = AsideHeaderContext;
-exports.AsideHeaderContextProvider = AsideHeaderContextProvider;
-exports.AsideHeaderInnerContext = AsideHeaderInnerContext;
-exports.AsideHeaderInnerContextProvider = AsideHeaderInnerContextProvider;
-exports.useAsideHeaderContext = useAsideHeaderContext;
-exports.useAsideHeaderInnerContext = useAsideHeaderInnerContext;
-//# sourceMappingURL=AsideHeaderContext.js.map

package/build/cjs/AsideHeaderContext.js.map

@@ -1 +0,0 @@
-{"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/Content-Dy2XkiRi.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/* Used by renderContent AsideHeader prop */
-const RenderContent = React.memo(({ renderContent, size }) => {
-    return React.createElement(React.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.createElement("div", { className: className, style: Object.assign({}, { [cssSizeVariableName]: `${size}px` }) }, typeof renderContent === 'function' ? (React.createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
-};
-
-exports.Content = Content;
-//# sourceMappingURL=Content-Dy2XkiRi.js.map

package/build/cjs/Content-Dy2XkiRi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content-Dy2XkiRi.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    children?: React.ReactNode;\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":[],"mappings":";;;;AAAA;AAmBA,MAAM,aAAa,GAAiC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,KAAI;AACrF,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAE,IAAA,EAAA,aAAa,CAAC,EAAC,IAAI,EAAC,CAAC,CAAkB;AACnE,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe;MAE9B,OAAO,GAA2B,CAAC,EAC5C,IAAI;AACJ,SAAS,EACT,mBAAmB,GAAG,wBAAwB,EAC9C,aAAa,EACb,QAAQ,GACX,KAAI;IACD,QACI,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,oBAAO,EAAC,CAAC,mBAAmB,GAAG,GAAG,IAAI,CAAA,EAAA,CAAI,EAAyB,CAEvE,EAAA,EAAA,OAAO,aAAa,KAAK,UAAU,IAChC,oBAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,KAE3D,QAAQ,CACX,CACC;AAEd;;;;"}