npm - @gravity-ui/page-constructor - Versions diffs - 7.0.0-beta.2 → 7.0.0-beta.3 - Mend

@gravity-ui/page-constructor 7.0.0-beta.2 → 7.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1133) hide show

package/build/cjs/navigation/components/Logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA0C;AAC1C,oEAAoE;AACpE,sGAAmE;AACnE,+EAAiE;AACjE,2DAAgD;AAEhD,mDAAmE;AAEnE,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AAOjB,MAAM,IAAI,GAAwB,CAAC,~~EAAuC,EAAE,EAAE;QAA3C,~~EAAC,GAAG,GAAG,IAAA,WAAI,EAAC,WAAW,CAAC,~~OAAe~~,~~EAAV~~,SAAS,~~sBAAtC~~,~~OAAuC~~,~~CAAD~~;~~IAC5E~~,MAAM,KAAK,~~mCAAkB~~,SAAS,~~KAAE~~,GAAG,~~GAAC~~,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,uBAAC,kBAAK,~~kBAAC~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~IAAM~~,SAAS,~~EAAI~~,EAC5D,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,uBAAC,oBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,~~4CACI~~,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,~~IACX~~,cAAc,~~cAEjB~~,OAAO,~~IACR~~,CACP,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf;AAEF,kBAAe,YAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport RouterLink from '../../../components/RouterLink/RouterLink';\nimport {LocationContext} from '../../../context/locationContext';\nimport {useTheme} from '../../../context/theme';\nimport {ThemedNavigationLogoData} from '../../../models';\nimport {block, getLinkProps, getThemedValue} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Logo.scss';\n\nconst b = block('logo');\n\nexport type LogoProps = ThemedNavigationLogoData & {\n className?: string;\n alt?: string;\n};\n\nexport const Logo: React.FC<LogoProps> = ({alt = i18n('image-alt'), ...restProps}) => {\n const props: LogoProps = {...restProps, alt};\n const {hostname, Link} = React.useContext(LocationContext);\n const theme = useTheme();\n const themedLogoProps = getThemedValue(props, theme) \|\| props;\n const imageData = getMediaImage(themedLogoProps.icon \|\| props.icon);\n imageData.alt = alt;\n const textData = themedLogoProps.text \|\| props.text;\n const url = themedLogoProps.url \|\| props.url \|\| '/';\n const urlTitle = themedLogoProps.urlTitle \|\| props.urlTitle \|\| textData;\n const linkExtraProps = getLinkProps(url, hostname);\n const content = (\n <React.Fragment>\n {imageData && <Image className={b('icon')} {...imageData} />}\n <span className={b('text')}>{textData}</span>\n </React.Fragment>\n );\n\n return (\n <RouterLink href={url} passHref>\n {Link ? (\n <span className={b(null, props.className)}>{content}</span>\n ) : (\n <a\n className={b(null, props.className)}\n href={url}\n title={urlTitle}\n {...linkExtraProps}\n >\n {content}\n </a>\n )}\n </RouterLink>\n );\n};\n\nexport default Logo;\n"]}
1	+ {"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA0C;AAC1C,oEAAoE;AACpE,sGAAmE;AACnE,+EAAiE;AACjE,2DAAgD;AAEhD,mDAAmE;AAEnE,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AAOjB,MAAM,IAAI,GAAwB,CAAC,EAAC,GAAG,GAAG,IAAA,WAAI,EAAC,WAAW,CAAC,EAAE,GAAG,SAAS,EAAC,EAAE,EAAE;IACjF,MAAM,KAAK,GAAc,EAAC,GAAG,SAAS,EAAE,GAAG,EAAC,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,SAAS,GAAI,EAC5D,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,uBAAC,oBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,8BACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,KACX,cAAc,YAEjB,OAAO,GACR,CACP,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf;AAEF,kBAAe,YAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport RouterLink from '../../../components/RouterLink/RouterLink';\nimport {LocationContext} from '../../../context/locationContext';\nimport {useTheme} from '../../../context/theme';\nimport {ThemedNavigationLogoData} from '../../../models';\nimport {block, getLinkProps, getThemedValue} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Logo.scss';\n\nconst b = block('logo');\n\nexport type LogoProps = ThemedNavigationLogoData & {\n className?: string;\n alt?: string;\n};\n\nexport const Logo: React.FC<LogoProps> = ({alt = i18n('image-alt'), ...restProps}) => {\n const props: LogoProps = {...restProps, alt};\n const {hostname, Link} = React.useContext(LocationContext);\n const theme = useTheme();\n const themedLogoProps = getThemedValue(props, theme) \|\| props;\n const imageData = getMediaImage(themedLogoProps.icon \|\| props.icon);\n imageData.alt = alt;\n const textData = themedLogoProps.text \|\| props.text;\n const url = themedLogoProps.url \|\| props.url \|\| '/';\n const urlTitle = themedLogoProps.urlTitle \|\| props.urlTitle \|\| textData;\n const linkExtraProps = getLinkProps(url, hostname);\n const content = (\n <React.Fragment>\n {imageData && <Image className={b('icon')} {...imageData} />}\n <span className={b('text')}>{textData}</span>\n </React.Fragment>\n );\n\n return (\n <RouterLink href={url} passHref>\n {Link ? (\n <span className={b(null, props.className)}>{content}</span>\n ) : (\n <a\n className={b(null, props.className)}\n href={url}\n title={urlTitle}\n {...linkExtraProps}\n >\n {content}\n </a>\n )}\n </RouterLink>\n );\n};\n\nexport default Logo;\n"]}

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js CHANGED Viewed

@@ -11,14 +11,13 @@ const utils_1 = require("../../../utils/index.js");
 const models_1 = require("../../models.js");
 const NavigationList_1 = require("../NavigationList/NavigationList.js");
 const b = (0, utils_1.block)('mobile-navigation');
-const MobileNavigation = (_a) => {
-    var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
+const MobileNavigation = ({ isOpened, topItems, bottomItems, portalContainer, ...props }) => {
     const [isMounted, setIsMounted] = React.useState(false);
     (0, hooks_1.useMount)(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { container: portalContainer?.current ?? undefined, children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile, ...props })), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
 };
 exports.MobileNavigation = MobileNavigation;
 exports.default = exports.MobileNavigation;

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,~~EAKjE,EAAE,EAAE;QAL6D,~~EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,~~OAEd~~,~~EADM~~,KAAK,~~sBAJsD~~,~~uCAKjE~~,~~CADW~~;~~IAER~~,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,~~cACH~~,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,~~kBACX~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,~~IAC~~/B,KAAK,~~EACX~~,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,~~kBACX~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,~~IAC~~/B,KAAK,~~EACX~~,CACL,IACC,IApBK,QAAQ,~~aAAR~~,~~QAAQ,uBAAR,QAAQ,CAAE,~~MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;~~AAxCW~~,QAAA,gBAAgB,~~oBAwC3B~~;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n isOpened,\n topItems,\n bottomItems,\n ...props\n}) => {\n const [isMounted, setIsMounted] = React.useState(false);\n\n useMount(() => setIsMounted(true));\n\n if (!isMounted) {\n return null;\n }\n\n return (\n <Portal>\n <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n <div className={b('wrapper')}>\n {topItems && (\n <NavigationList\n className={b('rows')}\n items={topItems}\n column={ItemColumnName.Top}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n {bottomItems && (\n <NavigationList\n className={b('rows')}\n items={bottomItems}\n column={ItemColumnName.Bottom}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n </div>\n </Foldable>\n </Portal>\n );\n};\n\nexport default MobileNavigation;\n"]}
1	+ {"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,IAAC,SAAS,EAAE,eAAe,EAAE,OAAO,IAAI,SAAS,YACpD,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,gBAAgB,oBAyC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n isOpened,\n topItems,\n bottomItems,\n portalContainer,\n ...props\n}) => {\n const [isMounted, setIsMounted] = React.useState(false);\n\n useMount(() => setIsMounted(true));\n\n if (!isMounted) {\n return null;\n }\n\n return (\n <Portal container={portalContainer?.current ?? undefined}>\n <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n <div className={b('wrapper')}>\n {topItems && (\n <NavigationList\n className={b('rows')}\n items={topItems}\n column={ItemColumnName.Top}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n {bottomItems && (\n <NavigationList\n className={b('rows')}\n items={bottomItems}\n column={ItemColumnName.Bottom}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n </div>\n </Foldable>\n </Portal>\n );\n};\n\nexport default MobileNavigation;\n"]}

package/build/cjs/navigation/components/Navigation/Navigation.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../m
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;
     data: HeaderData;
+    mobilePortalContainer?: React.RefObject<HTMLElement>;
 }
 export declare const Navigation: React.FC<NavigationComponentProps>;
 export default Navigation;

package/build/cjs/navigation/components/Navigation/Navigation.js CHANGED Viewed

@@ -11,13 +11,13 @@ const hooks_1 = require("../../hooks/index.js");
 const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigation/DesktopNavigation.js"));
 const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation.js"));
 const b = (0, utils_1.block)('navigation');
-const Navigation = ({ data, logo, className }) => {
+const Navigation = ({ data, logo, className, mobilePortalContainer, }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = (0, hooks_1.useShowBorder)(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, hooks_1.useActiveNavItem)(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, portalContainer: mobilePortalContainer }) })] }) }) }) }));
 };
 exports.Navigation = Navigation;
 exports.default = exports.Navigation;

package/build/cjs/navigation/components/Navigation/Navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;~~AAOvB~~,MAAM,UAAU,GAAuC,CAAC,~~EAAC~~,IAAI,~~EAAE~~,IAAI,~~EAAE~~,SAAS,~~EAAC~~,EAAE,EAAE;~~IACtF~~,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;~~AA9CW~~,QAAA,UAAU,~~cA8CrB~~;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n logo: ThemedNavigationLogoData;\n data: HeaderData;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({data, logo, className}) => {\n const {\n leftItems,\n rightItems,\n customMobileHeaderItems,\n iconSize = 20,\n withBorder = false,\n withBorderOnScroll = true,\n } = data;\n\n const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n useActiveNavItem(iconSize, leftItems, rightItems);\n\n const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n return (\n <Grid className={b({'with-border': showBorder}, className)}>\n <Row>\n <Col>\n <nav>\n <DesktopNavigation\n logo={logo}\n activeItemId={activeItemId}\n onActiveItemChange={onActiveItemChange}\n leftItemsWithIconSize={leftItemsWithIconSize}\n rightItemsWithIconSize={rightItemsWithIconSize}\n customMobileHeaderItems={customMobileHeaderItems}\n isSidebarOpened={isSidebarOpened}\n onSidebarOpenedChange={onSidebarOpenedChange}\n />\n <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n <MobileNavigation\n topItems={leftItemsWithIconSize}\n bottomItems={rightItemsWithIconSize}\n isOpened={isSidebarOpened}\n activeItemId={activeItemId}\n onActiveItemChange={onActiveItemChange}\n />\n </OutsideClick>\n </nav>\n </Col>\n </Row>\n </Grid>\n );\n};\n\nexport default Navigation;\n"]}
1	+ {"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAQvB,MAAM,UAAU,GAAuC,CAAC,EAC3D,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n logo: ThemedNavigationLogoData;\n data: HeaderData;\n mobilePortalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({\n data,\n logo,\n className,\n mobilePortalContainer,\n}) => {\n const {\n leftItems,\n rightItems,\n customMobileHeaderItems,\n iconSize = 20,\n withBorder = false,\n withBorderOnScroll = true,\n } = data;\n\n const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n useActiveNavItem(iconSize, leftItems, rightItems);\n\n const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n return (\n <Grid className={b({'with-border': showBorder}, className)}>\n <Row>\n <Col>\n <nav>\n <DesktopNavigation\n logo={logo}\n activeItemId={activeItemId}\n onActiveItemChange={onActiveItemChange}\n leftItemsWithIconSize={leftItemsWithIconSize}\n rightItemsWithIconSize={rightItemsWithIconSize}\n customMobileHeaderItems={customMobileHeaderItems}\n isSidebarOpened={isSidebarOpened}\n onSidebarOpenedChange={onSidebarOpenedChange}\n />\n <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n <MobileNavigation\n topItems={leftItemsWithIconSize}\n bottomItems={rightItemsWithIconSize}\n isOpened={isSidebarOpened}\n activeItemId={activeItemId}\n onActiveItemChange={onActiveItemChange}\n portalContainer={mobilePortalContainer}\n />\n </OutsideClick>\n </nav>\n </Col>\n </Row>\n </Grid>\n );\n};\n\nexport default Navigation;\n"]}

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js CHANGED Viewed

@@ -12,21 +12,23 @@ const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap.js");
 const b = (0, utils_1.block)('navigation-item');
 const ANALYTICS_ID = 'navigation';
 const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
-const NavigationItem = (_a) => {
-    var { data, className, menuLayout } = _a, props = tslib_1.__rest(_a, ["data", "className", "menuLayout"]);
+const NavigationItem = ({ data, className, menuLayout, ...props }) => {
     const { type = models_1.NavigationItemType.Link } = data;
     const navItemMap = (0, useNavigationItemMap_1.useNavigationItemMap)();
     const Component = navItemMap[type];
     const componentProps = React.useMemo(() => {
-        const componentProperties = Object.assign(Object.assign({}, data), props);
+        const componentProperties = {
+            ...data,
+            ...props,
+        };
         if (nonComplexNavigationItemTypes.includes(type)) {
             return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
         }
         return models_1.NavigationItemTypes.includes(type)
             ? componentProperties
-            : Object.assign(Object.assign({}, componentProperties), { menuLayout });
+            : { ...componentProperties, menuLayout };
     }, [data, props, type, menuLayout]);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps, className: b('content', { type }) }) }) }));
 };
 exports.NavigationItem = NavigationItem;
 exports.default = exports.NavigationItem;

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,~~EAKxC,EAAE,EAAE;QALoC,~~EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,~~OAEQ~~,~~EADf~~,KAAK,~~sBAJkD~~,~~mCAK7D~~,~~CADW~~;~~IAER~~,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,~~mCAClB~~,IAAI,~~GACJ~~,KAAK,~~CACX,~~CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,~~iCAAK~~,mBAAmB,~~KAAE~~,UAAU,~~GAAC~~,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,~~oBAAK~~,cAAc,~~IAAE~~,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,~~IAAI~~,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n data,\n className,\n menuLayout,\n ...props\n}: NavigationItemProps) => {\n const {type = NavigationItemType.Link} = data;\n const navItemMap = useNavigationItemMap();\n const Component = navItemMap[type] as CustomItem;\n const componentProps = React.useMemo(() => {\n const componentProperties = {\n ...data,\n ...props,\n };\n\n if (\n nonComplexNavigationItemTypes.includes(\n type as (typeof nonComplexNavigationItemTypes)[number],\n )\n ) {\n return omit(componentProperties, 'hidePopup', 'isActive');\n }\n\n return NavigationItemTypes.includes(type)\n ? componentProperties\n : {...componentProperties, menuLayout};\n }, [data, props, type, menuLayout]);\n\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n <li className={b({'menu-layout': menuLayout}, className)}>\n <Component {...componentProps} className={b('content', {type})} />\n </li>\n </BlockIdContext.Provider>\n );\n};\n\nexport default NavigationItem;\n"]}
1	+ {"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,GAAG;YACxB,GAAG,IAAI;YACP,GAAG,KAAK;SACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,EAAC,GAAG,mBAAmB,EAAE,UAAU,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,OAAK,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n data,\n className,\n menuLayout,\n ...props\n}: NavigationItemProps) => {\n const {type = NavigationItemType.Link} = data;\n const navItemMap = useNavigationItemMap();\n const Component = navItemMap[type] as CustomItem;\n const componentProps = React.useMemo(() => {\n const componentProperties = {\n ...data,\n ...props,\n };\n\n if (\n nonComplexNavigationItemTypes.includes(\n type as (typeof nonComplexNavigationItemTypes)[number],\n )\n ) {\n return omit(componentProperties, 'hidePopup', 'isActive');\n }\n\n return NavigationItemTypes.includes(type)\n ? componentProperties\n : {...componentProperties, menuLayout};\n }, [data, props, type, menuLayout]);\n\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n <li className={b({'menu-layout': menuLayout}, className)}>\n <Component {...componentProps} className={b('content', {type})} />\n </li>\n </BlockIdContext.Provider>\n );\n};\n\nexport default NavigationItem;\n"]}

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js CHANGED Viewed

@@ -9,7 +9,7 @@ const utils_1 = require("../../../../../utils/index.js");
 const b = (0, utils_1.block)('content-wrapper');
 const ContentWrapper = ({ text, icon, iconSize }) => {
     const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...icon, style: iconSizeStyle })), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
 };
 exports.ContentWrapper = ContentWrapper;
 //# sourceMappingURL=ContentWrapper.js.map

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAgD;AAEhD,yDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAQ5B,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,uBAAC,kBAAK,~~kBAAC~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~IAAM~~,IAAI,~~IAAE~~,KAAK,EAAE,aAAa,~~IAAI~~,CAClE,EACD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n text: string;\n icon?: ImageProps;\n iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n const iconSizeStyle = React.useMemo(\n () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n [iconSize],\n );\n\n return (\n <React.Fragment>\n {icon && typeof icon !== 'string' && (\n <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n )}\n <span className={b('text')}>{text}</span>\n </React.Fragment>\n );\n};\n"]}
1	+ {"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAgD;AAEhD,yDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAQ5B,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAClE,EACD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n text: string;\n icon?: ImageProps;\n iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n const iconSizeStyle = React.useMemo(\n () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n [iconSize],\n );\n\n return (\n <React.Fragment>\n {icon && typeof icon !== 'string' && (\n <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n )}\n <span className={b('text')}>{text}</span>\n </React.Fragment>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js CHANGED Viewed

@@ -24,15 +24,14 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
                                     githubButton.parentNode.replaceChild(el, githubButton);
                                 }
                             }
-                            catch (_) { }
+                            catch { }
                         });
                     }
                 });
             }
         };
         const reset = () => {
-            var _a;
-            if (((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.lastChild) && linkRef.current) {
+            if (containerRef?.current?.lastChild && linkRef.current) {
                 containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);
             }
         };
@@ -41,7 +40,7 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
             reset();
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", { href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL, ...(icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), ...(size && { 'data-size': size }), children: text }) }) }));
 };
 exports.GithubButton = GithubButton;
 //# sourceMappingURL=GithubButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,~~OAAO~~,CAAC,~~EAAE,CAAC,~~CAAA,CAAC;~~wBAClB~~,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;;YACf,IAAI,~~CAAA,MAAA,~~YAAY,~~aAAZ~~,~~YAAY,uBAAZ,YAAY,CAAE,~~OAAO,~~0CAAE~~,SAAS,~~KAAI~~,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,~~4CACI~~,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,~~IAC9B~~,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,~~EACzD~~,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,~~cAEhC~~,IAAI,~~IACL~~,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ /\nexport const GithubButton = ({\n text,\n url,\n className,\n label,\n size,\n icon,\n urlTitle,\n}: NavigationGithubButtonProps) => {\n const containerRef = React.useRef<HTMLSpanElement>(null);\n const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n React.useEffect(() => {\n const paint = () => {\n if (containerRef.current) {\n const githubButton = containerRef.current.appendChild(\n document.createElement('span'),\n );\n import(/ webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n if (linkRef.current !== null) {\n render(githubButton.appendChild(linkRef.current), (el) => {\n try {\n if (githubButton.parentNode) {\n githubButton.parentNode.replaceChild(el, githubButton);\n }\n } catch ~~(_)~~ {}\n });\n }\n });\n }\n };\n\n const reset = () => {\n if (containerRef?.current?.lastChild && linkRef.current) {\n containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n }\n };\n\n paint();\n\n return () => {\n reset();\n };\n }, []);\n\n return (\n <div className={b(null, className)}>\n <span ref={containerRef}>\n <a\n href={url}\n ref={linkRef}\n title={urlTitle}\n data-show-count=\"true\"\n aria-label={label \|\| DEFAULT_LABEL}\n {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n {...(size && {'data-size': size})}\n >\n {text}\n </a>\n </span>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,MAAM,CAAC,CAAA,CAAC;wBACd,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,8BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,KAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,KACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,YAEhC,IAAI,GACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ /\nexport const GithubButton = ({\n text,\n url,\n className,\n label,\n size,\n icon,\n urlTitle,\n}: NavigationGithubButtonProps) => {\n const containerRef = React.useRef<HTMLSpanElement>(null);\n const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n React.useEffect(() => {\n const paint = () => {\n if (containerRef.current) {\n const githubButton = containerRef.current.appendChild(\n document.createElement('span'),\n );\n import(/ webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n if (linkRef.current !== null) {\n render(githubButton.appendChild(linkRef.current), (el) => {\n try {\n if (githubButton.parentNode) {\n githubButton.parentNode.replaceChild(el, githubButton);\n }\n } catch {}\n });\n }\n });\n }\n };\n\n const reset = () => {\n if (containerRef?.current?.lastChild && linkRef.current) {\n containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n }\n };\n\n paint();\n\n return () => {\n reset();\n };\n }, []);\n\n return (\n <div className={b(null, className)}>\n <span ref={containerRef}>\n <a\n href={url}\n ref={linkRef}\n title={urlTitle}\n data-show-count=\"true\"\n aria-label={label \|\| DEFAULT_LABEL}\n {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n {...(size && {'data-size': size})}\n >\n {text}\n </a>\n </span>\n </div>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js CHANGED Viewed

@@ -10,7 +10,7 @@ const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({}, props, { className: classes, url: url })) })) }));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, { className: classes, ...props, url: url })) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { ...props, className: classes, url: url }) })) }));
 };
 exports.NavigationButton = NavigationButton;
 //# sourceMappingURL=NavigationButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,~~kBAAC~~,SAAS,EAAE,OAAO,~~IAAM~~,KAAK,~~IAAE~~,GAAG,EAAE,GAAG,~~IAAI~~,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,~~oBAAK~~,KAAK,~~IAAE~~,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,~~IAAI~~,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n const {url, target, className} = props;\n const classes = b(null, className);\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n {target ? (\n <Button className={classes} {...props} url={url} />\n ) : (\n <RouterLink href={url}>\n <Button {...props} className={classes} url={url} />\n </RouterLink>\n )}\n </BlockIdContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n const {url, target, className} = props;\n const classes = b(null, className);\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n {target ? (\n <Button className={classes} {...props} url={url} />\n ) : (\n <RouterLink href={url}>\n <Button {...props} className={classes} url={url} />\n </RouterLink>\n )}\n </BlockIdContext.Provider>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js CHANGED Viewed

@@ -11,11 +11,10 @@ const NavigationPopup_1 = tslib_1.__importDefault(require("../../../NavigationPo
 const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper.js");
 const b = (0, utils_2.block)('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
-const NavigationDropdown = (_a) => {
-    var { text, icon, className, iconSize, hidePopup, items, isActive } = _a, props = tslib_1.__rest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
+const NavigationDropdown = ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }) => {
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     const anchorRef = React.useRef(null);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive, children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] })), (0, jsx_runtime_1.jsx)(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { ref: anchorRef, ...props, type: "button", className: b(null, className), "aria-expanded": isActive, children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] }), (0, jsx_runtime_1.jsx)(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
 };
 exports.NavigationDropdown = NavigationDropdown;
 //# sourceMappingURL=NavigationDropdown.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAsD;AACtD,0EAA0E;AAE1E,yDAA2C;AAE3C,0GAAuE;AACvE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAItB,MAAM,kBAAkB,GAAG,CAAC,~~EAST,EAAE,EAAE;QATK,~~EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,~~OAEc~~,~~EADnB~~,KAAK,~~sBARuB~~,~~2EASlC~~,~~CADW~~;~~IAER~~,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,~~kDACI~~,GAAG,EAAE,SAAS,~~IACV~~,KAAK,~~IACT~~,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,uBAAC,+BAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,uBAAC,wBAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,QAAQ,GAChB,~~KACG~~,EACT,uBAAC,yBAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,kBAAkB,sBA2C7B","sourcesContent":["import * as React from 'react';\n\nimport {ToggleArrow} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {NavigationDropdownItem} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport NavigationPopup from '../../../NavigationPopup/NavigationPopup';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\ntype NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown = ({\n text,\n icon,\n className,\n iconSize,\n hidePopup,\n items,\n isActive,\n ...props\n}: NavigationDropdownProps) => {\n const iconData = icon && getMediaImage(icon);\n const anchorRef = React.useRef<HTMLButtonElement>(null);\n return (\n <React.Fragment>\n <button\n ref={anchorRef}\n {...props}\n type=\"button\"\n className={b(null, className)}\n aria-expanded={isActive}\n >\n <ContentWrapper\n text={text}\n icon={iconData}\n iconSize={iconSize}\n aria-expanded={isActive}\n />\n <ToggleArrow\n className={b('arrow')}\n size={TOGGLE_ARROW_SIZE}\n type={'vertical'}\n iconType=\"navigation\"\n open={isActive}\n />\n </button>\n <NavigationPopup\n open={isActive}\n onClose={hidePopup}\n items={items}\n anchorRef={anchorRef}\n />\n </React.Fragment>\n );\n};\n"]}
1	+ {"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAsD;AACtD,0EAA0E;AAE1E,yDAA2C;AAE3C,0GAAuE;AACvE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAItB,MAAM,kBAAkB,GAAG,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,oCACI,GAAG,EAAE,SAAS,KACV,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,uBAAC,+BAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,uBAAC,wBAAW,IACR,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAE,QAAQ,GAChB,IACG,EACT,uBAAC,yBAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,kBAAkB,sBA2C7B","sourcesContent":["import * as React from 'react';\n\nimport {ToggleArrow} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {NavigationDropdownItem} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport NavigationPopup from '../../../NavigationPopup/NavigationPopup';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationDropdown.scss';\n\nconst b = block('navigation-dropdown');\n\nconst TOGGLE_ARROW_SIZE = 12;\n\ntype NavigationDropdownProps = NavigationItemProps & NavigationDropdownItem;\n\nexport const NavigationDropdown = ({\n text,\n icon,\n className,\n iconSize,\n hidePopup,\n items,\n isActive,\n ...props\n}: NavigationDropdownProps) => {\n const iconData = icon && getMediaImage(icon);\n const anchorRef = React.useRef<HTMLButtonElement>(null);\n return (\n <React.Fragment>\n <button\n ref={anchorRef}\n {...props}\n type=\"button\"\n className={b(null, className)}\n aria-expanded={isActive}\n >\n <ContentWrapper\n text={text}\n icon={iconData}\n iconSize={iconSize}\n aria-expanded={isActive}\n />\n <ToggleArrow\n className={b('arrow')}\n size={TOGGLE_ARROW_SIZE}\n type={'vertical'}\n iconType=\"navigation\"\n open={isActive}\n />\n </button>\n <NavigationPopup\n open={isActive}\n onClose={hidePopup}\n items={items}\n anchorRef={anchorRef}\n />\n </React.Fragment>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js CHANGED Viewed

@@ -13,16 +13,16 @@ const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper.js");
 const b = (0, utils_2.block)('navigation-link');
 const NavigationLink = (props) => {
     const { hostname, Link } = React.useContext(locationContext_1.LocationContext);
-    const { url, text, icon, arrow, target, className, iconSize, urlTitle } = props, rest = tslib_1.__rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize", "urlTitle"]);
+    const { url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest } = props;
     const linkExtraProps = (0, utils_2.getLinkProps)(url, hostname, target);
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     const classes = b(null, className);
     const content = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }), arrow && (0, jsx_runtime_1.jsx)(icons_1.NavigationArrow, { className: b('arrow') })] }));
-    if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
-        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps, { children: content })));
+    if (linkExtraProps?.target || !Link) {
+        return ((0, jsx_runtime_1.jsx)("a", { href: url, title: urlTitle || text, className: classes, ...rest, ...linkExtraProps, children: content }));
     }
     else {
-        return ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, passHref: true, children: (0, jsx_runtime_1.jsx)("a", Object.assign({ title: urlTitle || text }, rest, { className: classes, children: content })) }));
+        return ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, passHref: true, children: (0, jsx_runtime_1.jsx)("a", { title: urlTitle || text, ...rest, className: classes, children: content }) }));
     }
 };
 exports.NavigationLink = NavigationLink;

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AACrD,0EAA0E;AAC1E,qFAAuE;AACvE,yDAAqD;AAErD,yDAAyD;AAEzD,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAI5B,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,~~KAAa~~,~~KAAK~~,~~EAAb,~~IAAI,~~kBAAI~~,KAAK,~~EAAhF,+EAAwE,CAAQ,~~CAAC;IACvF,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,~~CAAA,~~cAAc,~~aAAd~~,~~cAAc,uBAAd,cAAc,CAAE,~~MAAM,~~KAAI~~,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,~~4CACI~~,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IAAI,IAAI,EACvB,SAAS,EAAE,OAAO,~~IACd~~,IAAI,~~EACJ~~,cAAc,~~cAEjB~~,OAAO,~~IACR~~,CACP,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,~~4CAAG~~,KAAK,EAAE,QAAQ,IAAI,IAAI,~~IAAM~~,IAAI,~~IAAE~~,SAAS,EAAE,OAAO,YACnD,OAAO,~~IACR~~,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB","sourcesContent":["import * as React from 'react';\n\nimport {RouterLink} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {LocationContext} from '../../../../../context/locationContext';\nimport {NavigationArrow} from '../../../../../icons';\nimport {NavigationLinkItem} from '../../../../../models';\nimport {block, getLinkProps} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationLink.scss';\n\nconst b = block('navigation-link');\n\ntype NavigationLinkProps = NavigationItemProps & NavigationLinkItem;\n\nexport const NavigationLink: React.FC<NavigationLinkProps> = (props) => {\n const {hostname, Link} = React.useContext(LocationContext);\n const {url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest} = props;\n const linkExtraProps = getLinkProps(url, hostname, target);\n const iconData = icon && getMediaImage(icon);\n\n const classes = b(null, className);\n const content = (\n <React.Fragment>\n <ContentWrapper text={text} icon={iconData} iconSize={iconSize} />\n {arrow && <NavigationArrow className={b('arrow')} />}\n </React.Fragment>\n );\n\n if (linkExtraProps?.target \|\| !Link) {\n return (\n <a\n href={url}\n title={urlTitle \|\| text}\n className={classes}\n {...rest}\n {...linkExtraProps}\n >\n {content}\n </a>\n );\n } else {\n return (\n <RouterLink href={url} passHref>\n <a title={urlTitle \|\| text} {...rest} className={classes}>\n {content}\n </a>\n </RouterLink>\n );\n }\n};\n"]}
1	+ {"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AACrD,0EAA0E;AAC1E,qFAAuE;AACvE,yDAAqD;AAErD,yDAAyD;AAEzD,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAI5B,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACvF,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,uBAAC,uBAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,cAAc,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,8BACI,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IAAI,IAAI,EACvB,SAAS,EAAE,OAAO,KACd,IAAI,KACJ,cAAc,YAEjB,OAAO,GACR,CACP,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,8BAAG,KAAK,EAAE,QAAQ,IAAI,IAAI,KAAM,IAAI,EAAE,SAAS,EAAE,OAAO,YACnD,OAAO,GACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB","sourcesContent":["import * as React from 'react';\n\nimport {RouterLink} from '../../../../../components';\nimport {getMediaImage} from '../../../../../components/Media/Image/utils';\nimport {LocationContext} from '../../../../../context/locationContext';\nimport {NavigationArrow} from '../../../../../icons';\nimport {NavigationLinkItem} from '../../../../../models';\nimport {block, getLinkProps} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\nimport {ContentWrapper} from '../ContentWrapper/ContentWrapper';\n\nimport './NavigationLink.scss';\n\nconst b = block('navigation-link');\n\ntype NavigationLinkProps = NavigationItemProps & NavigationLinkItem;\n\nexport const NavigationLink: React.FC<NavigationLinkProps> = (props) => {\n const {hostname, Link} = React.useContext(LocationContext);\n const {url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest} = props;\n const linkExtraProps = getLinkProps(url, hostname, target);\n const iconData = icon && getMediaImage(icon);\n\n const classes = b(null, className);\n const content = (\n <React.Fragment>\n <ContentWrapper text={text} icon={iconData} iconSize={iconSize} />\n {arrow && <NavigationArrow className={b('arrow')} />}\n </React.Fragment>\n );\n\n if (linkExtraProps?.target \|\| !Link) {\n return (\n <a\n href={url}\n title={urlTitle \|\| text}\n className={classes}\n {...rest}\n {...linkExtraProps}\n >\n {content}\n </a>\n );\n } else {\n return (\n <RouterLink href={url} passHref>\n <a title={urlTitle \|\| text} {...rest} className={classes}>\n {content}\n </a>\n </RouterLink>\n );\n }\n};\n"]}

package/build/cjs/navigation/components/NavigationList/NavigationList.js CHANGED Viewed

@@ -4,9 +4,6 @@ exports.NavigationList = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const NavigationListItem_1 = tslib_1.__importDefault(require("../NavigationListItem/NavigationListItem.js"));
-const NavigationList = (_a) => {
-    var { className, itemClassName, items } = _a, props = tslib_1.__rest(_a, ["className", "itemClassName", "items"]);
-    return ((0, jsx_runtime_1.jsx)("ul", { className: className, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(NavigationListItem_1.default, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
-};
+const NavigationList = ({ className, itemClassName, items, ...props }) => ((0, jsx_runtime_1.jsx)("ul", { className: className, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(NavigationListItem_1.default, { index: index, data: item, className: itemClassName, ...props }, index))) }));
 exports.NavigationList = NavigationList;
 //# sourceMappingURL=NavigationList.js.map

package/build/cjs/navigation/components/NavigationList/NavigationList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;;;;AAGA,6GAA0E;AAEnE,MAAM,cAAc,GAAkC,CAAC,~~EAK7D,EAAE,EAAE;QALyD,~~EAC1D,SAAS,EACT,aAAa,EACb,KAAK,~~OAER~~,~~EADM~~,KAAK,~~sBAJkD~~,~~uCAK7D~~,~~CADW;IACN~~,~~OAAA~~,CACF,+BAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,4BAAkB,~~kBAEf~~,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,~~IACpB~~,KAAK,~~GAJJ~~,KAAK,CAKZ,CACL,CAAC,GACD,CACR,~~CAAA;CAAA,~~CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListProps} from '../../models';\nimport NavigationListItem from '../NavigationListItem/NavigationListItem';\n\nexport const NavigationList: React.FC<NavigationListProps> = ({\n className,\n itemClassName,\n items,\n ...props\n}) => (\n <ul className={className}>\n {items.map((item, index) => (\n <NavigationListItem\n key={index}\n index={index}\n data={item}\n className={itemClassName}\n {...props}\n />\n ))}\n </ul>\n);\n"]}
1	+ {"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;;;;AAGA,6GAA0E;AAEnE,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,CACF,+BAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,4BAAkB,IAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,KACpB,KAAK,IAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListProps} from '../../models';\nimport NavigationListItem from '../NavigationListItem/NavigationListItem';\n\nexport const NavigationList: React.FC<NavigationListProps> = ({\n className,\n itemClassName,\n items,\n ...props\n}) => (\n <ul className={className}>\n {items.map((item, index) => (\n <NavigationListItem\n key={index}\n index={index}\n data={item}\n className={itemClassName}\n {...props}\n />\n ))}\n </ul>\n);\n"]}

package/build/cjs/navigation/components/NavigationListItem/NavigationListItem.js CHANGED Viewed

@@ -5,8 +5,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../utils.js");
 const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
-const NavigationListItem = (_a) => {
-    var { column, index, activeItemId, onActiveItemChange } = _a, props = tslib_1.__rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
+const NavigationListItem = ({ column, index, activeItemId, onActiveItemChange, ...props }) => {
     const id = `${column}-${index}`;
     const isActive = id === activeItemId;
     const onClick = (0, utils_1.getItemClickHandler)({
@@ -15,7 +14,7 @@ const NavigationListItem = (_a) => {
         activeItemId,
         onActiveItemChange,
     });
-    return ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange, ...props }));
 };
 exports.NavigationListItem = NavigationListItem;
 exports.default = exports.NavigationListItem;

package/build/cjs/navigation/components/NavigationListItem/NavigationListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;;;;AAGA,0CAAgD;AAChD,wFAA+C;AAExC,MAAM,kBAAkB,GAAsC,CAAC,~~EAM5C,EAAE,EAAE;QANwC,~~EAClE,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,~~OAEI~~,~~EADnB~~,KAAK,~~sBAL0D~~,~~yDAMrE~~,~~CADW~~;~~IAER~~,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,KAAK,YAAY,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,2BAAmB,EAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,wBAAc,~~kBACX~~,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,~~IACzB~~,KAAK,~~EACX~~,CACL,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B;AAEF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListItemProps} from '../../models';\nimport {getItemClickHandler} from '../../utils';\nimport NavigationItem from '../NavigationItem';\n\nexport const NavigationListItem: React.FC<NavigationListItemProps> = ({\n column,\n index,\n activeItemId,\n onActiveItemChange,\n ...props\n}: NavigationListItemProps) => {\n const id = `${column}-${index}`;\n const isActive = id === activeItemId;\n const onClick = getItemClickHandler({\n column,\n index,\n activeItemId,\n onActiveItemChange,\n });\n\n return (\n <NavigationItem\n isActive={isActive}\n onClick={onClick}\n hidePopup={onActiveItemChange}\n {...props}\n />\n );\n};\n\nexport default NavigationListItem;\n"]}
1	+ {"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;;;;AAGA,0CAAgD;AAChD,wFAA+C;AAExC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,EAClB,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,KAAK,YAAY,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,2BAAmB,EAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,wBAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,KACzB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B;AAEF,kBAAe,0BAAkB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationListItemProps} from '../../models';\nimport {getItemClickHandler} from '../../utils';\nimport NavigationItem from '../NavigationItem';\n\nexport const NavigationListItem: React.FC<NavigationListItemProps> = ({\n column,\n index,\n activeItemId,\n onActiveItemChange,\n ...props\n}: NavigationListItemProps) => {\n const id = `${column}-${index}`;\n const isActive = id === activeItemId;\n const onClick = getItemClickHandler({\n column,\n index,\n activeItemId,\n onActiveItemChange,\n });\n\n return (\n <NavigationItem\n isActive={isActive}\n onClick={onClick}\n hidePopup={onActiveItemChange}\n {...props}\n />\n );\n};\n\nexport default NavigationListItem;\n"]}

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.css CHANGED Viewed

@@ -13,6 +13,8 @@ unpredictable css rules order in build */
   border-radius: calc(var(--pc-border-radius) / 2);
   background: var(--g-color-base-float);
   box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-navigation-popup__list {
   margin: 0;

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.js CHANGED Viewed

@@ -9,11 +9,19 @@ const models_1 = require("../../models.js");
 const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
 const b = (0, utils_1.block)('navigation-popup');
 const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-const NavigationPopup = ({ anchorRef, items, onClose, open, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Popup
-// Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-, {
-    // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (0, jsx_runtime_1.jsx)("ul", { className: b('list'), children: items.map((item) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }, item.text))) }) }));
+const NavigationPopup = ({ anchorRef, items, onClose, open, }) => {
+    // Opening and closing is controlled by the associated button,
+    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)
+    // there needs to be an awkward looking handler like this.
+    const onOpenChange = (isOpen) => {
+        if (!isOpen) {
+            onClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { className: b(),
+        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
+        anchorElement: anchorRef.current, open: open, onOpenChange: onOpenChange, keepMounted: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (0, jsx_runtime_1.jsx)("ul", { className: b('list'), children: items.map((item) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }, item.text))) }) }));
+};
 exports.NavigationPopup = NavigationPopup;
 exports.default = exports.NavigationPopup;
 //# sourceMappingURL=NavigationPopup.js.map

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAwC;AAExC,mDAAqC;AACrC,4CAAoE;AACpE,wFAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAEnF,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE,~~CAAC~~,~~CACF~~,~~uBAAC,aAAK~~;~~AACF~~,~~0HAA0H;;IAA1H~~,~~0HAA0H;IAC1H~~,~~SAAS~~,EAAE,IAAI,CAAC,~~CAAC~~,CAAC,~~SAAS~~,CAAC,CAAC,CAAC,SAAS,~~EACvC~~,~~IAAI~~,EAAE,~~IAAI~~,~~EACV~~,OAAO,EAAE,~~OAAO~~,~~EAChB~~,~~cAAc~~,EAAE,~~OAAO~~,~~EACvB~~,WAAW,QACX,~~aAAa,QACb,~~QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,wBAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,yBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;~~AA7BW~~,QAAA,eAAe,~~mBA6B1B~~;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n anchorRef,\n items,\n onClose,\n open,\n}) => (\n <Popup\n // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n ~~anchorRef~~={~~open ?~~ anchorRef ~~: undefined~~}\n open={open}\n ~~onClose~~={~~onClose~~}\n ~~onOutsideClick={onClose}\n~~ keepMounted\n ~~disablePortal\n~~ strategy=\"fixed\"\n placement=\"bottom-start\"\n offset={OFFSET_RESET}\n >\n <ul className={b('list')}>\n {items.map((item) => (\n <NavigationItem\n key={item.text}\n className={b('link')}\n data={item}\n menuLayout={NavigationLayout.Dropdown}\n />\n ))}\n </ul>\n </Popup>\n);\n\nexport default NavigationPopup;\n"]}
1	+ {"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAwC;AAExC,mDAAqC;AACrC,4CAAoE;AACpE,wFAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAEnF,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE;IACD,8DAA8D;IAC9D,0GAA0G;IAC1G,0DAA0D;IAC1D,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE;QACrC,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,aAAK,IACF,SAAS,EAAE,CAAC,EAAE;QACd,0HAA0H;QAC1H,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,QACX,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,wBAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,yBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AACN,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n anchorRef,\n items,\n onClose,\n open,\n}) => {\n // Opening and closing is controlled by the associated button,\n // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)\n // there needs to be an awkward looking handler like this.\n const onOpenChange = (isOpen: boolean) => {\n if (!isOpen) {\n onClose();\n }\n };\n\n return (\n <Popup\n className={b()}\n // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n anchorElement={anchorRef.current}\n open={open}\n onOpenChange={onOpenChange}\n keepMounted\n strategy=\"fixed\"\n placement=\"bottom-start\"\n offset={OFFSET_RESET}\n >\n <ul className={b('list')}>\n {items.map((item) => (\n <NavigationItem\n key={item.text}\n className={b('link')}\n data={item}\n menuLayout={NavigationLayout.Dropdown}\n />\n ))}\n </ul>\n </Popup>\n );\n};\n\nexport default NavigationPopup;\n"]}

package/build/cjs/navigation/components/SocialIcon/SocialIcon.js CHANGED Viewed

@@ -8,7 +8,7 @@ const b = (0, utils_2.block)('social-icon');
 const SocialIcon = ({ icon, url, className, urlTitle }) => {
     const iconData = (0, utils_1.getMediaImage)(icon);
     const { alt } = iconData;
-    return ((0, jsx_runtime_1.jsx)("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, iconData)) }));
+    return ((0, jsx_runtime_1.jsx)("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className), children: (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...iconData }) }));
 };
 exports.default = SocialIcon;
 //# sourceMappingURL=SocialIcon.js.map

package/build/cjs/navigation/components/SocialIcon/SocialIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";;;AAEA,6DAA0C;AAC1C,oEAAoE;AAEpE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,8BACI,IAAI,EAAE,GAAG,gBACG,GAAG,EACf,KAAK,EAAE,QAAQ,IAAI,GAAG,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAE7B,uBAAC,kBAAK,~~kBAAC~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~IAAM~~,QAAQ,~~EAAI~~,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport {NavigationSocialItem} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SocialIcon.scss';\n\nconst b = block('social-icon');\n\nexport interface NavigationSocialItemOwnProps extends NavigationSocialItem {\n className?: string;\n}\n\nconst SocialIcon: React.FC<NavigationSocialItemOwnProps> = ({icon, url, className, urlTitle}) => {\n const iconData = getMediaImage(icon);\n const {alt} = iconData;\n\n return (\n <a\n href={url}\n aria-label={alt}\n title={urlTitle \|\| alt}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={b(null, className)}\n >\n <Image className={b('icon')} {...iconData} />\n </a>\n );\n};\n\nexport default SocialIcon;\n"]}
1	+ {"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";;;AAEA,6DAA0C;AAC1C,oEAAoE;AAEpE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,8BACI,IAAI,EAAE,GAAG,gBACG,GAAG,EACf,KAAK,EAAE,QAAQ,IAAI,GAAG,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAE7B,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,QAAQ,GAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport {NavigationSocialItem} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SocialIcon.scss';\n\nconst b = block('social-icon');\n\nexport interface NavigationSocialItemOwnProps extends NavigationSocialItem {\n className?: string;\n}\n\nconst SocialIcon: React.FC<NavigationSocialItemOwnProps> = ({icon, url, className, urlTitle}) => {\n const iconData = getMediaImage(icon);\n const {alt} = iconData;\n\n return (\n <a\n href={url}\n aria-label={alt}\n title={urlTitle \|\| alt}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={b(null, className)}\n >\n <Image className={b('icon')} {...iconData} />\n </a>\n );\n};\n\nexport default SocialIcon;\n"]}

package/build/cjs/navigation/components/Standalone/index.js CHANGED Viewed

@@ -4,6 +4,6 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const RootCn_1 = tslib_1.__importDefault(require("../../../components/RootCn/index.js"));
 const Navigation_1 = tslib_1.__importDefault(require("../Navigation/Navigation.js"));
-const Standalone = (props) => ((0, jsx_runtime_1.jsx)(RootCn_1.default, { children: (0, jsx_runtime_1.jsx)(Navigation_1.default, Object.assign({}, props)) }));
+const Standalone = (props) => ((0, jsx_runtime_1.jsx)(RootCn_1.default, { children: (0, jsx_runtime_1.jsx)(Navigation_1.default, { ...props }) }));
 exports.default = Standalone;
 //# sourceMappingURL=index.js.map

package/build/cjs/navigation/components/Standalone/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/Standalone/index.tsx"],"names":[],"mappings":";;;;AAAA,yFAAgD;AAEhD,qFAA8F;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,uBAAC,gBAAM,cACH,uBAAC,oBAAU,~~oBAAK~~,KAAK,~~EAAI~~,GACpB,CACZ,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import RootCn from '../../../components/RootCn';\n\nimport Navigation, {NavigationComponentProps} from './../../components/Navigation/Navigation';\n\nconst Standalone = (props: NavigationComponentProps) => (\n <RootCn>\n <Navigation {...props} />\n </RootCn>\n);\n\nexport default Standalone;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/Standalone/index.tsx"],"names":[],"mappings":";;;;AAAA,yFAAgD;AAEhD,qFAA8F;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,uBAAC,gBAAM,cACH,uBAAC,oBAAU,OAAK,KAAK,GAAI,GACpB,CACZ,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import RootCn from '../../../components/RootCn';\n\nimport Navigation, {NavigationComponentProps} from './../../components/Navigation/Navigation';\n\nconst Standalone = (props: NavigationComponentProps) => (\n <RootCn>\n <Navigation {...props} />\n </RootCn>\n);\n\nexport default Standalone;\n"]}

package/build/cjs/navigation/hooks/useActiveNavItem.js CHANGED Viewed

@@ -7,7 +7,7 @@ const useActiveNavItem = (iconSize, leftItems, rightItems) => {
     const [activeItemId, setActiveItemId] = React.useState(undefined);
     const getNavigationItem = (0, utils_1.getNavigationItemWithIconSize)(iconSize);
     const leftItemsWithIconSize = React.useMemo(() => leftItems.map(getNavigationItem), [getNavigationItem, leftItems]);
-    const rightItemsWithIconSize = React.useMemo(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItem), [getNavigationItem, rightItems]);
+    const rightItemsWithIconSize = React.useMemo(() => rightItems?.map(getNavigationItem), [getNavigationItem, rightItems]);
     const onActiveItemChange = (id) => {
         setActiveItemId(id);
     };

package/build/cjs/navigation/hooks/useActiveNavItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useActiveNavItem.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,uCAAuD;AAEvD,MAAM,gBAAgB,GAAG,CACrB,QAAgB,EAChB,SAAgC,EAChC,UAAkC,EACpC,EAAE;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEtF,MAAM,iBAAiB,GAAG,IAAA,qCAA6B,EAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,EACtC,CAAC,iBAAiB,EAAE,SAAS,CAAC,CACjC,CAAC;IACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CAAC,UAAU,~~aAAV~~,~~UAAU,uBAAV,UAAU,CAAE,~~GAAG,CAAC,iBAAiB,CAAC,EACxC,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAClC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAE,EAAE;QACvC,eAAe,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationItemModel} from '../../models';\nimport {getNavigationItemWithIconSize} from '../utils';\n\nconst useActiveNavItem = (\n iconSize: number,\n leftItems: NavigationItemModel[],\n rightItems?: NavigationItemModel[],\n) => {\n const [activeItemId, setActiveItemId] = React.useState<string \| undefined>(undefined);\n\n const getNavigationItem = getNavigationItemWithIconSize(iconSize);\n\n const leftItemsWithIconSize = React.useMemo(\n () => leftItems.map(getNavigationItem),\n [getNavigationItem, leftItems],\n );\n const rightItemsWithIconSize = React.useMemo(\n () => rightItems?.map(getNavigationItem),\n [getNavigationItem, rightItems],\n );\n\n const onActiveItemChange = (id?: string) => {\n setActiveItemId(id);\n };\n return {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange};\n};\n\nexport default useActiveNavItem;\n"]}
1	+ {"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useActiveNavItem.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAG/B,uCAAuD;AAEvD,MAAM,gBAAgB,GAAG,CACrB,QAAgB,EAChB,SAAgC,EAChC,UAAkC,EACpC,EAAE;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEtF,MAAM,iBAAiB,GAAG,IAAA,qCAA6B,EAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,EACtC,CAAC,iBAAiB,EAAE,SAAS,CAAC,CACjC,CAAC;IACF,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,EACxC,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAClC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAE,EAAE;QACvC,eAAe,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationItemModel} from '../../models';\nimport {getNavigationItemWithIconSize} from '../utils';\n\nconst useActiveNavItem = (\n iconSize: number,\n leftItems: NavigationItemModel[],\n rightItems?: NavigationItemModel[],\n) => {\n const [activeItemId, setActiveItemId] = React.useState<string \| undefined>(undefined);\n\n const getNavigationItem = getNavigationItemWithIconSize(iconSize);\n\n const leftItemsWithIconSize = React.useMemo(\n () => leftItems.map(getNavigationItem),\n [getNavigationItem, leftItems],\n );\n const rightItemsWithIconSize = React.useMemo(\n () => rightItems?.map(getNavigationItem),\n [getNavigationItem, rightItems],\n );\n\n const onActiveItemChange = (id?: string) => {\n setActiveItemId(id);\n };\n return {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange};\n};\n\nexport default useActiveNavItem;\n"]}

package/build/cjs/navigation/models.d.ts CHANGED Viewed

@@ -50,6 +50,7 @@ export interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {
     isOpened?: boolean;
     topItems?: NavigationItemModel[];
     bottomItems?: NavigationItemModel[];
+    portalContainer?: React.RefObject<HTMLElement>;
 }
 export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {
     logo: ThemedNavigationLogoData;

package/build/cjs/navigation/models.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n ClassNameProps,\n NavigationItemData,\n NavigationItemModel,\n NavigationLinkItem,\n ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n isSidebarOpened: boolean;\n onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n Left = 'left',\n Right = 'right',\n Top = 'top',\n Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n Desktop = 'desktop',\n Mobile = 'mobile',\n Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n activeItemId?: string;\n onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n data: NavigationItemData;\n onClick?: React.MouseEventHandler;\n isActive?: boolean;\n isTopLevel?: boolean;\n hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n data: NavigationItemModel;\n column: ItemColumnName;\n index: number;\n}\n\nexport interface NavigationListProps\n extends Pick<NavigationListItemProps, 'column'>,\n MenuLayoutProps,\n ActiveItemProps,\n ClassNameProps {\n items: NavigationItemModel[];\n itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n extends Pick<NavigationListProps, 'items'>,\n ActiveItemProps,\n ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n logo: ThemedNavigationLogoData;\n leftItemsWithIconSize: NavigationItemModel[];\n rightItemsWithIconSize?: NavigationItemModel[];\n customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n isOpened?: boolean;\n topItems?: NavigationItemModel[];\n bottomItems?: NavigationItemModel[];\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n logo: ThemedNavigationLogoData;\n leftItemsWithIconSize: NavigationItemModel[];\n rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n open: boolean;\n items: NavigationLinkItem[];\n onClose: () => void;\n anchorRef: React.RefObject<Element>;\n}\n"]}
1	+ {"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n ClassNameProps,\n NavigationItemData,\n NavigationItemModel,\n NavigationLinkItem,\n ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n isSidebarOpened: boolean;\n onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n Left = 'left',\n Right = 'right',\n Top = 'top',\n Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n Desktop = 'desktop',\n Mobile = 'mobile',\n Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n activeItemId?: string;\n onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n data: NavigationItemData;\n onClick?: React.MouseEventHandler;\n isActive?: boolean;\n isTopLevel?: boolean;\n hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n data: NavigationItemModel;\n column: ItemColumnName;\n index: number;\n}\n\nexport interface NavigationListProps\n extends Pick<NavigationListItemProps, 'column'>,\n MenuLayoutProps,\n ActiveItemProps,\n ClassNameProps {\n items: NavigationItemModel[];\n itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n extends Pick<NavigationListProps, 'items'>,\n ActiveItemProps,\n ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n logo: ThemedNavigationLogoData;\n leftItemsWithIconSize: NavigationItemModel[];\n rightItemsWithIconSize?: NavigationItemModel[];\n customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n isOpened?: boolean;\n topItems?: NavigationItemModel[];\n bottomItems?: NavigationItemModel[];\n portalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n logo: ThemedNavigationLogoData;\n leftItemsWithIconSize: NavigationItemModel[];\n rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n open: boolean;\n items: NavigationLinkItem[];\n onClose: () => void;\n anchorRef: React.RefObject<Element>;\n}\n"]}