@gravity-ui/navigation 1.1.3 → 1.3.0

package/build/esm/AsideHeaderContext.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+
+const AsideHeaderInnerContext = React__default.createContext(undefined);
+AsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';
+const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;
+const useAsideHeaderInnerContext = () => {
+    const contextValue = React__default.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__default.createContext(undefined);
+AsideHeaderContext.displayName = 'AsideHeaderContext';
+const AsideHeaderContextProvider = AsideHeaderContext.Provider;
+const useAsideHeaderContext = () => {
+    const contextValue = React__default.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;
+};
+
+export { AsideHeaderContext, AsideHeaderContextProvider, AsideHeaderInnerContext, AsideHeaderInnerContextProvider, useAsideHeaderContext, useAsideHeaderInnerContext };
+//# sourceMappingURL=AsideHeaderContext.js.map

package/build/esm/AsideHeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\nimport {MenuItem} from '../types';\nimport {AsideHeaderInnerProps} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: MenuItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: MenuItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLDivElement, 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    undefined,\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":["React"],"mappings":";;AAca,MAAA,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CACtD,SAAS,EACX;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEnD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC,SAAS;AAEzE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC,CAAC;AACtF,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB,EAAE;AAOW,MAAA,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CACjD,SAAS,EACX;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEzC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC,SAAS;AAE/D,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC1D,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACxB;;;;"}

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;;;;"}