@gravity-ui/navigation 1.5.0 → 1.6.1

package/build/cjs/AsideHeader.js

@@ -7,13 +7,12 @@ var React = require('react');
 var PageLayout = require('./PageLayout.js');
 var PageLayoutAside = require('./PageLayoutAside.js');
 require('./AsideHeaderContext.js');
-require('./Content-64d5738a.js');
-require('./constants-9783dc2d.js');
-require('./utils-e82025ce.js');
+require('./Content-20bde76c.js');
+require('./FirstPanel-2f78b962.js');
+require('@gravity-ui/uikit');
 require('./style-inject.es-935afc04.js');
 require('@bem-react/classname');
-require('@gravity-ui/uikit');
-require('./Item-eaaec1a7.js');
+require('./Item-15bdb320.js');
 require('@gravity-ui/icons');
 require('./debounce-8772fd80.js');
 require('./registerKeyset-f4ce9ee7.js');
@@ -40,10 +39,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * </PageLayout>
  */
 const AsideHeader = React__default["default"].forwardRef((_a, ref) => {
-    var { compact, className } = _a, props = tslib_es6.__rest(_a, ["compact", "className"]);
-    return (React__default["default"].createElement(PageLayout.PageLayout, { compact: compact, className: className },
+    var { compact, className, topAlert } = _a, props = tslib_es6.__rest(_a, ["compact", "className", "topAlert"]);
+    return (React__default["default"].createElement(PageLayout.PageLayout, { compact: compact, className: className, topAlert: topAlert },
         React__default["default"].createElement(PageLayoutAside.PageLayoutAside, Object.assign({ ref: ref }, props)),
-        React__default["default"].createElement(PageLayout.PageLayout.Content, { renderContent: props.renderContent })));
+        React__default["default"].createElement(PageLayout.PageLayout.Content, { renderContent: props.renderContent, withTop: Boolean(topAlert) })));
 });
 
 exports.AsideHeader = AsideHeader;

package/build/cjs/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, ...props}, ref) => {\n        return (\n            <PageLayout compact={compact} className={className}>\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n"],"names":["React","__rest","PageLayout","PageLayoutAside"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;AAcG;AACI,MAAM,WAAW,GAAGA,yBAAK,CAAC,UAAU,CACvC,CAAC,EAA8B,EAAE,GAAG,KAAI;QAAvC,EAAC,OAAO,EAAE,SAAS,EAAA,GAAA,EAAW,EAAN,KAAK,GAAAC,gBAAA,CAAA,EAAA,EAA7B,wBAA8B,CAAD,CAAA;IAC1B,QACID,yBAAC,CAAA,aAAA,CAAAE,qBAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA;AAC9C,QAAAF,yBAAA,CAAA,aAAA,CAACG,+BAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAH,yBAAA,CAAA,aAAA,CAACE,qBAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD,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\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","__rest","PageLayout","PageLayoutAside"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;AAcG;AACI,MAAM,WAAW,GAAGA,yBAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvCC,gBAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD,CAAA;AACpC,IAAA,QACID,yBAAA,CAAA,aAAA,CAACE,qBAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAAF,yBAAA,CAAA,aAAA,CAACG,+BAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAH,yBAAA,CAAA,aAAA,CAACE,qBAAU,CAAC,OAAO,IACf,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC5B,CAAA,CACO,EACf;AACN,CAAC;;;;"}

package/build/cjs/{Content-64d5738a.js → Content-20bde76c.js}

@@ -12,9 +12,16 @@ const RenderContent = React__default["default"].memo(({ 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["default"].createElement("div", { className: className, style: Object.assign({}, { [cssSizeVariableName]: `${size}px` }) }, typeof renderContent === 'function' ? (React__default["default"].createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
+className, cssSizeVariableName = '--gn-aside-header-size', withTop, renderContent, children, }) => {
+    const style = {
+        [cssSizeVariableName]: `${size}px`,
+    };
+    if (withTop) {
+        style.maxHeight = 'calc(100vh - var(--gn-aside-top-panel-height))';
+        style.overflowY = 'auto';
+    }
+    return (React__default["default"].createElement("div", { className: className, style: style }, typeof renderContent === 'function' ? (React__default["default"].createElement(RenderContent, { size: size, renderContent: renderContent })) : (children)));
 };
 
 exports.Content = Content;
-//# sourceMappingURL=Content-64d5738a.js.map
+//# sourceMappingURL=Content-20bde76c.js.map

package/build/cjs/Content-20bde76c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content-20bde76c.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    withTop?: boolean;\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    withTop,\n    renderContent,\n    children,\n}) => {\n    const style: React.CSSProperties = {\n        [cssSizeVariableName]: `${size}px`,\n    };\n\n    if (withTop) {\n        style.maxHeight = 'calc(100vh - var(--gn-aside-top-panel-height))';\n        style.overflowY = 'auto';\n    }\n\n    return (\n        <div className={className} style={style}>\n            {typeof renderContent === 'function' ? (\n                <RenderContent size={size} renderContent={renderContent} />\n            ) : (\n                children\n            )}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAAA;AAmBA,MAAM,aAAa,GAAiCA,yBAAK,CAAC,IAAI,CAAC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,KAAI;AACrF,IAAA,OAAOA,yBAAC,CAAA,aAAA,CAAAA,yBAAK,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,OAAO,EACP,aAAa,EACb,QAAQ,GACX,KAAI;AACD,IAAA,MAAM,KAAK,GAAwB;AAC/B,QAAA,CAAC,mBAAmB,GAAG,CAAA,EAAG,IAAI,CAAI,EAAA,CAAA;KACrC,CAAC;AAEF,IAAA,IAAI,OAAO,EAAE;AACT,QAAA,KAAK,CAAC,SAAS,GAAG,gDAAgD,CAAC;AACnE,QAAA,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;AAC5B,KAAA;AAED,IAAA,QACIA,yBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EAClC,OAAO,aAAa,KAAK,UAAU,IAChCA,yBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,KAE3D,QAAQ,CACX,CACC,EACR;AACN;;;;"}