@gravity-ui/page-constructor 6.1.0 → 6.1.1

package/build/esm/icons/Twitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Twitter.js","sourceRoot":"../../../src","sources":["icons/Twitter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,4BACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eAAM,CAAC,EAAC,wjBAAwjB,GAAQ,IACtkB,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Twitter: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n        height=\"24\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z\"></path>\n    </svg>\n);\n"]}
+{"version":3,"file":"Twitter.js","sourceRoot":"../../../src","sources":["icons/Twitter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,cACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,KACf,kBAAkB,KAClB,KAAK,YAET,eAAM,CAAC,EAAC,wjBAAwjB,GAAQ,GACtkB,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Twitter: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n        height=\"24\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z\"></path>\n    </svg>\n);\n"]}

package/build/esm/icons/Vk.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const Vk = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { d: "M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z" }) })));
+export const Vk = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", ...a11yHiddenSvgProps, ...props, children: _jsx("path", { d: "M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z" }) }));
 //# sourceMappingURL=Vk.js.map

package/build/esm/icons/Vk.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vk.js","sourceRoot":"../../../src","sources":["icons/Vk.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,EAAE,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,4BACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eAAM,CAAC,EAAC,y+BAAy+B,GAAQ,IACv/B,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Vk: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n        height=\"24\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z\"></path>\n    </svg>\n);\n"]}
+{"version":3,"file":"Vk.js","sourceRoot":"../../../src","sources":["icons/Vk.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,EAAE,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,cACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,KACf,kBAAkB,KAClB,KAAK,YAET,eAAM,CAAC,EAAC,y+BAAy+B,GAAQ,GACv/B,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Vk: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        width=\"24\"\n        height=\"24\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z\"></path>\n    </svg>\n);\n"]}

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js

@@ -7,6 +7,6 @@ import { MobileMenuButton } from "../MobileMenuButton/MobileMenuButton.js";
 import { NavigationList } from "../NavigationList/NavigationList.js";
 import './DesktopNavigation.css';
 const b = block('desktop-navigation');
-export const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (_jsxs("div", { className: b('wrapper'), children: [logo && (_jsx("div", { className: b('left'), children: _jsx(Logo, Object.assign({}, logo, { className: b('logo') })) })), _jsx("div", { className: b('navigation-container'), children: _jsx(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange, children: _jsx(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }) }) }), _jsxs("div", { className: b('right'), children: [customMobileHeaderItems && (_jsx("div", { className: b('mobile-navigation-container'), children: _jsx(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: _jsx(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown }) }) })), _jsx(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && (_jsx(NavigationList, { onActiveItemChange: onActiveItemChange, column: ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: NavigationLayout.Desktop }))] })] }));
+export const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (_jsxs("div", { className: b('wrapper'), children: [logo && (_jsx("div", { className: b('left'), children: _jsx(Logo, { ...logo, className: b('logo') }) })), _jsx("div", { className: b('navigation-container'), children: _jsx(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange, children: _jsx(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }) }) }), _jsxs("div", { className: b('right'), children: [customMobileHeaderItems && (_jsx("div", { className: b('mobile-navigation-container'), children: _jsx(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: _jsx(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown }) }) })), _jsx(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && (_jsx(NavigationList, { onActiveItemChange: onActiveItemChange, column: ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: NavigationLayout.Desktop }))] })] }));
 export default DesktopNavigation;
 //# sourceMappingURL=DesktopNavigation.js.map

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,iEAA8D;AACrF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAyB,cAAc,EAAE,gBAAgB,EAAC,wBAAqB;AACtF,OAAO,IAAI,wBAAqB;AAChC,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,IAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GACtC,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,KAAC,cAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,KAAC,cAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,KAAC,gBAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,KAAC,cAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,cAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {logo && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}
+{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,iEAA8D;AACrF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAyB,cAAc,EAAE,gBAAgB,EAAC,wBAAqB;AACtF,OAAO,IAAI,wBAAqB;AAChC,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACtC,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,KAAC,cAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,KAAC,cAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,KAAC,gBAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,KAAC,cAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,cAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {logo && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}

package/build/esm/navigation/components/Logo/Logo.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Image } from "../../../components/index.js";
@@ -10,9 +9,8 @@ import { block, getLinkProps, getThemedValue } from "../../../utils/index.js";
 import { i18n } from "./i18n/index.js";
 import './Logo.css';
 const b = block('logo');
-export const Logo = (_a) => {
-    var { alt = i18n('image-alt') } = _a, restProps = __rest(_a, ["alt"]);
-    const props = Object.assign(Object.assign({}, restProps), { alt });
+export const Logo = ({ alt = i18n('image-alt'), ...restProps }) => {
+    const props = { ...restProps, alt };
     const { hostname, Link } = React.useContext(LocationContext);
     const theme = useTheme();
     const themedLogoProps = getThemedValue(props, theme) || props;
@@ -22,8 +20,8 @@ export const Logo = (_a) => {
     const url = themedLogoProps.url || props.url || '/';
     const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;
     const linkExtraProps = getLinkProps(url, hostname);
-    const content = (_jsxs(React.Fragment, { children: [imageData && _jsx(Image, Object.assign({ className: b('icon') }, imageData)), _jsx("span", { className: b('text'), children: textData })] }));
-    return (_jsx(RouterLink, { href: url, passHref: true, children: Link ? (_jsx("span", { className: b(null, props.className), children: content })) : (_jsx("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps, { children: content }))) }));
+    const content = (_jsxs(React.Fragment, { children: [imageData && _jsx(Image, { className: b('icon'), ...imageData }), _jsx("span", { className: b('text'), children: textData })] }));
+    return (_jsx(RouterLink, { href: url, passHref: true, children: Link ? (_jsx("span", { className: b(null, props.className), children: content })) : (_jsx("a", { className: b(null, props.className), href: url, title: urlTitle, ...linkExtraProps, children: content })) }));
 };
 export default Logo;
 //# sourceMappingURL=Logo.js.map

package/build/esm/navigation/components/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AACpE,OAAO,UAAU,qDAAkD;AACnE,OAAO,EAAC,eAAe,EAAC,kDAAyC;AACjE,OAAO,EAAC,QAAQ,EAAC,wCAA+B;AAEhD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,cAAc,EAAC,gCAAuB;AAEnE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAOxB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAC,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAe,EAAV,SAAS,cAAtC,OAAuC,CAAD;IAC5E,MAAM,KAAK,mCAAkB,SAAS,KAAE,GAAG,GAAC,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,aAAa,CAAC,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,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,SAAS,EAAI,EAC5D,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,eAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,0BACI,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;AAEF,eAAe,IAAI,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"]}
+{"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AACpE,OAAO,UAAU,qDAAkD;AACnE,OAAO,EAAC,eAAe,EAAC,kDAAyC;AACjE,OAAO,EAAC,QAAQ,EAAC,wCAA+B;AAEhD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,cAAc,EAAC,gCAAuB;AAEnE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAOxB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAC,GAAG,GAAG,IAAI,CAAC,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,eAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,aAAa,CAAC,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,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,SAAS,GAAI,EAC5D,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,eAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,YACI,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;AAEF,eAAe,IAAI,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/esm/navigation/components/MobileNavigation/MobileNavigation.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Portal } from '@gravity-ui/uikit';
@@ -9,14 +8,13 @@ import { ItemColumnName, NavigationLayout } from "../../models.js";
 import { NavigationList } from "../NavigationList/NavigationList.js";
 import './MobileNavigation.css';
 const b = block('mobile-navigation');
-export const MobileNavigation = (_a) => {
-    var { isOpened, topItems, bottomItems } = _a, props = __rest(_a, ["isOpened", "topItems", "bottomItems"]);
+export const MobileNavigation = ({ isOpened, topItems, bottomItems, ...props }) => {
     const [isMounted, setIsMounted] = React.useState(false);
     useMount(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return (_jsx(Portal, { children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile }, props))), bottomItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
+    return (_jsx(Portal, { children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, { className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile, ...props })), bottomItems && (_jsx(NavigationList, { className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
 };
 export default MobileNavigation;
 //# sourceMappingURL=MobileNavigation.js.map

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,iDAA8C;AAC7D,OAAO,EAAC,QAAQ,EAAC,gCAAuB;AACxC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,cAAc,EAAyB,gBAAgB,EAAC,wBAAqB;AACrF,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,OAEd,EADM,KAAK,cAJsD,uCAKjE,CADW;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,MAAM,cACH,KAAC,QAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,KAAC,cAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,cAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,gBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,EACA,WAAW,IAAI,CACZ,KAAC,cAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,gBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,IACC,IApBK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,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"]}
+{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,iDAA8C;AAC7D,OAAO,EAAC,QAAQ,EAAC,gCAAuB;AACxC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,cAAc,EAAyB,gBAAgB,EAAC,wBAAqB;AACrF,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,MAAM,cACH,KAAC,QAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,cAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,EACA,WAAW,IAAI,CACZ,KAAC,cAAc,IACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAC/B,KAAK,GACX,CACL,IACC,IApBK,QAAQ,EAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,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"]}

package/build/esm/navigation/components/NavigationItem/NavigationItem.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import omit from "lodash/omit.js";
@@ -10,21 +9,23 @@ import './NavigationItem.css';
 const b = block('navigation-item');
 const ANALYTICS_ID = 'navigation';
 const nonComplexNavigationItemTypes = NavigationItemTypes.filter((type) => type !== NavigationItemType.Dropdown);
-export const NavigationItem = (_a) => {
-    var { data, className, menuLayout } = _a, props = __rest(_a, ["data", "className", "menuLayout"]);
+export const NavigationItem = ({ data, className, menuLayout, ...props }) => {
     const { type = NavigationItemType.Link } = data;
     const navItemMap = 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 omit(componentProperties, 'hidePopup', 'isActive');
         }
         return NavigationItemTypes.includes(type)
             ? componentProperties
-            : Object.assign(Object.assign({}, componentProperties), { menuLayout });
+            : { ...componentProperties, menuLayout };
     }, [data, props, type, menuLayout]);
-    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: _jsx("li", { className: b({ 'menu-layout': menuLayout }, className), children: _jsx(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
+    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: _jsx("li", { className: b({ 'menu-layout': menuLayout }, className), children: _jsx(Component, { ...componentProps, className: b('content', { type }) }) }) }));
 };
 export default NavigationItem;
 //# sourceMappingURL=NavigationItem.js.map

package/build/esm/navigation/components/NavigationItem/NavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAC,iDAAwC;AAC/D,OAAO,EAAa,kBAAkB,EAAE,mBAAmB,EAAC,iCAAwB;AACpF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,EAAC,oBAAoB,EAAC,wCAAqC;AAElE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,mBAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAKxC,EAAE,EAAE;QALoC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,OAEQ,EADf,KAAK,cAJkD,mCAK7D,CADW;IAER,MAAM,EAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,oBAAoB,EAAE,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,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,mBAAmB,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,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,aAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,KAAC,SAAS,oBAAK,cAAc,IAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,IAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,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"]}
+{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAC,iDAAwC;AAC/D,OAAO,EAAa,kBAAkB,EAAE,mBAAmB,EAAC,iCAAwB;AACpF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,EAAC,oBAAoB,EAAC,wCAAqC;AAElE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,mBAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,EAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,oBAAoB,EAAE,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,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,mBAAmB,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,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,aAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,KAAC,SAAS,OAAK,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,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/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -6,6 +6,6 @@ import './ContentWrapper.css';
 const b = block('content-wrapper');
 export const ContentWrapper = ({ text, icon, iconSize }) => {
     const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return (_jsxs(React.Fragment, { children: [icon && typeof icon !== 'string' && (_jsx(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), _jsx("span", { className: b('text'), children: text })] }));
+    return (_jsxs(React.Fragment, { children: [icon && typeof icon !== 'string' && (_jsx(Image, { className: b('icon'), ...icon, style: iconSizeStyle })), _jsx("span", { className: b('text'), children: text })] }));
 };
 //# sourceMappingURL=ContentWrapper.js.map

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,2CAAkC;AAEhD,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAQnC,MAAM,CAAC,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,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,IAAI,IAAE,KAAK,EAAE,aAAa,IAAI,CAClE,EACD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC","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"]}
+{"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,2CAAkC;AAEhD,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAQnC,MAAM,CAAC,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,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAClE,EACD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC","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/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -28,8 +28,7 @@ export const GithubButton = ({ text, url, className, label, size, icon, urlTitle
             }
         };
         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);
             }
         };
@@ -38,6 +37,6 @@ export const GithubButton = ({ text, url, className, label, size, icon, urlTitle
             reset();
         };
     }, []);
-    return (_jsx("div", { className: b(null, className), children: _jsx("span", { ref: containerRef, children: _jsx("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
+    return (_jsx("div", { className: b(null, className), children: _jsx("span", { ref: containerRef, children: _jsx("a", { href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL, ...(icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), ...(size && { 'data-size': size }), children: text }) }) }));
 };
 //# sourceMappingURL=GithubButton.js.map

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAyB,0BAA0B,EAAC,uCAA8B;AACzF,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AACzE,MAAM,CAAC,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,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,eAAM,GAAG,EAAE,YAAY,YACnB,0BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,IAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,0BAA0B,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","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"]}
+{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAyB,0BAA0B,EAAC,uCAA8B;AACzF,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AACzE,MAAM,CAAC,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,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,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,eAAM,GAAG,EAAE,YAAY,YACnB,YACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,KAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,0BAA0B,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","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/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -8,6 +8,6 @@ const ANALYTICS_ID = 'navigation';
 export const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, Object.assign({ className: classes }, props, { url: url }))) : (_jsx(RouterLink, { href: url, children: _jsx(Button, Object.assign({}, props, { className: classes, url: url })) })) }));
+    return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, { className: classes, ...props, url: url })) : (_jsx(RouterLink, { href: url, children: _jsx(Button, { ...props, className: classes, url: url }) })) }));
 };
 //# sourceMappingURL=NavigationButton.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,2CAAkC;AAC7D,OAAO,EAAC,cAAc,EAAC,uDAA8C;AAErE,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAIlC,MAAM,CAAC,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,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,kBAAC,SAAS,EAAE,OAAO,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC","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"]}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,2CAAkC;AAC7D,OAAO,EAAC,cAAc,EAAC,uDAA8C;AAErE,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAIlC,MAAM,CAAC,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,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtD,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC","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/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { ToggleArrow } from "../../../../../components/index.js";
@@ -9,10 +8,9 @@ import { ContentWrapper } from "../ContentWrapper/ContentWrapper.js";
 import './NavigationDropdown.css';
 const b = block('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
-export const NavigationDropdown = (_a) => {
-    var { text, icon, className, iconSize, hidePopup, items, isActive } = _a, props = __rest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
+export const NavigationDropdown = ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }) => {
     const iconData = icon && getMediaImage(icon);
     const anchorRef = React.useRef(null);
-    return (_jsxs(React.Fragment, { children: [_jsxs("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive, children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), _jsx(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] })), _jsx(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
+    return (_jsxs(React.Fragment, { children: [_jsxs("button", { ref: anchorRef, ...props, type: "button", className: b(null, className), "aria-expanded": isActive, children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), _jsx(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] }), _jsx(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
 };
 //# sourceMappingURL=NavigationDropdown.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,2CAAkC;AACtD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAE1E,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,eAAe,oDAAiD;AACvE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAI7B,MAAM,CAAC,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,cARuB,2EASlC,CADW;IAER,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,gCACI,GAAG,EAAE,SAAS,IACV,KAAK,IACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,KAAC,WAAW,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,KAAC,eAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC","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"]}
+{"version":3,"file":"NavigationDropdown.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,2CAAkC;AACtD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAE1E,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,eAAe,oDAAiD;AACvE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAI7B,MAAM,CAAC,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,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,kBACI,GAAG,EAAE,SAAS,KACV,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,mBACd,QAAQ,aAEvB,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,mBACH,QAAQ,GACzB,EACF,KAAC,WAAW,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,KAAC,eAAe,IACZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACtB,IACW,CACpB,CAAC;AACN,CAAC,CAAC","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/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { RouterLink } from "../../../../../components/index.js";
@@ -11,16 +10,16 @@ import './NavigationLink.css';
 const b = block('navigation-link');
 export const NavigationLink = (props) => {
     const { hostname, Link } = React.useContext(LocationContext);
-    const { url, text, icon, arrow, target, className, iconSize, urlTitle } = props, rest = __rest(props, ["url", "text", "icon", "arrow", "target", "className", "iconSize", "urlTitle"]);
+    const { url, text, icon, arrow, target, className, iconSize, urlTitle, ...rest } = props;
     const linkExtraProps = getLinkProps(url, hostname, target);
     const iconData = icon && getMediaImage(icon);
     const classes = b(null, className);
     const content = (_jsxs(React.Fragment, { children: [_jsx(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }), arrow && _jsx(NavigationArrow, { className: b('arrow') })] }));
-    if ((linkExtraProps === null || linkExtraProps === void 0 ? void 0 : linkExtraProps.target) || !Link) {
-        return (_jsx("a", Object.assign({ href: url, title: urlTitle || text, className: classes }, rest, linkExtraProps, { children: content })));
+    if (linkExtraProps?.target || !Link) {
+        return (_jsx("a", { href: url, title: urlTitle || text, className: classes, ...rest, ...linkExtraProps, children: content }));
     }
     else {
-        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", Object.assign({ title: urlTitle || text }, rest, { className: classes, children: content })) }));
+        return (_jsx(RouterLink, { href: url, passHref: true, children: _jsx("a", { title: urlTitle || text, ...rest, className: classes, children: content }) }));
     }
 };
 //# sourceMappingURL=NavigationLink.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,2CAAkC;AACrD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAC1E,OAAO,EAAC,eAAe,EAAC,wDAA+C;AACvE,OAAO,EAAC,eAAe,EAAC,sCAA6B;AAErD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,sCAA6B;AAEzD,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAAhF,+EAAwE,CAAQ,CAAC;IACvF,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,KAAC,eAAe,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,0BACI,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,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,0BAAG,KAAK,EAAE,QAAQ,IAAI,IAAI,IAAM,IAAI,IAAE,SAAS,EAAE,OAAO,YACnD,OAAO,IACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC","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"]}
+{"version":3,"file":"NavigationLink.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,2CAAkC;AACrD,OAAO,EAAC,aAAa,EAAC,uDAAoD;AAC1E,OAAO,EAAC,eAAe,EAAC,wDAA+C;AACvE,OAAO,EAAC,eAAe,EAAC,sCAA6B;AAErD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,sCAA6B;AAEzD,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,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,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACjE,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACvC,CACpB,CAAC;IAEF,IAAI,cAAc,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClC,OAAO,CACH,YACI,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,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC3B,YAAG,KAAK,EAAE,QAAQ,IAAI,IAAI,KAAM,IAAI,EAAE,SAAS,EAAE,OAAO,YACnD,OAAO,GACR,GACK,CAChB,CAAC;IACN,CAAC;AACL,CAAC,CAAC","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/esm/navigation/components/NavigationList/NavigationList.js

@@ -1,8 +1,4 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import NavigationListItem from "../NavigationListItem/NavigationListItem.js";
-export const NavigationList = (_a) => {
-    var { className, itemClassName, items } = _a, props = __rest(_a, ["className", "itemClassName", "items"]);
-    return (_jsx("ul", { className: className, children: items.map((item, index) => (_jsx(NavigationListItem, Object.assign({ index: index, data: item, className: itemClassName }, props), index))) }));
-};
+export const NavigationList = ({ className, itemClassName, items, ...props }) => (_jsx("ul", { className: className, children: items.map((item, index) => (_jsx(NavigationListItem, { index: index, data: item, className: itemClassName, ...props }, index))) }));
 //# sourceMappingURL=NavigationList.js.map

package/build/esm/navigation/components/NavigationList/NavigationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";;AAGA,OAAO,kBAAkB,oDAAiD;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAK7D,EAAE,EAAE;QALyD,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,OAER,EADM,KAAK,cAJkD,uCAK7D,CADW;IACN,OAAA,CACF,aAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,kBAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,IACpB,KAAK,GAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAA;CAAA,CAAC","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"]}
+{"version":3,"file":"NavigationList.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationList/NavigationList.tsx"],"names":[],"mappings":";AAGA,OAAO,kBAAkB,oDAAiD;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,CACF,aAAI,SAAS,EAAE,SAAS,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,IAEf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,KACpB,KAAK,IAJJ,KAAK,CAKZ,CACL,CAAC,GACD,CACR,CAAC","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/esm/navigation/components/NavigationListItem/NavigationListItem.js

@@ -1,9 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getItemClickHandler } from "../../utils.js";
 import NavigationItem from "../NavigationItem/index.js";
-export const NavigationListItem = (_a) => {
-    var { column, index, activeItemId, onActiveItemChange } = _a, props = __rest(_a, ["column", "index", "activeItemId", "onActiveItemChange"]);
+export const NavigationListItem = ({ column, index, activeItemId, onActiveItemChange, ...props }) => {
     const id = `${column}-${index}`;
     const isActive = id === activeItemId;
     const onClick = getItemClickHandler({
@@ -12,7 +10,7 @@ export const NavigationListItem = (_a) => {
         activeItemId,
         onActiveItemChange,
     });
-    return (_jsx(NavigationItem, Object.assign({ isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange }, props)));
+    return (_jsx(NavigationItem, { isActive: isActive, onClick: onClick, hidePopup: onActiveItemChange, ...props }));
 };
 export default NavigationListItem;
 //# sourceMappingURL=NavigationListItem.js.map

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAC,mBAAmB,EAAC,uBAAoB;AAChD,OAAO,cAAc,mCAA0B;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAM5C,EAAE,EAAE;QANwC,EAClE,MAAM,EACN,KAAK,EACL,YAAY,EACZ,kBAAkB,OAEI,EADnB,KAAK,cAL0D,yDAMrE,CADW;IAER,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,KAAK,YAAY,CAAC;IACrC,MAAM,OAAO,GAAG,mBAAmB,CAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,cAAc,kBACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,IACzB,KAAK,EACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,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"]}
+{"version":3,"file":"NavigationListItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationListItem/NavigationListItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,mBAAmB,EAAC,uBAAoB;AAChD,OAAO,cAAc,mCAA0B;AAE/C,MAAM,CAAC,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,mBAAmB,CAAC;QAChC,MAAM;QACN,KAAK;QACL,YAAY;QACZ,kBAAkB;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,kBAAkB,KACzB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,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/esm/navigation/components/SocialIcon/SocialIcon.js

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

package/build/esm/navigation/components/SocialIcon/SocialIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AAEpE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,YACI,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,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,QAAQ,EAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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"]}
+{"version":3,"file":"SocialIcon.js","sourceRoot":"../../../../../src","sources":["navigation/components/SocialIcon/SocialIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AAEpE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,UAAU,GAA2C,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5F,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAC,GAAG,EAAC,GAAG,QAAQ,CAAC;IAEvB,OAAO,CACH,YACI,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,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAM,QAAQ,GAAI,GAC7C,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/navigation/components/Standalone/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import RootCn from "../../../components/RootCn/index.js";
 import Navigation from "../Navigation/Navigation.js";
-const Standalone = (props) => (_jsx(RootCn, { children: _jsx(Navigation, Object.assign({}, props)) }));
+const Standalone = (props) => (_jsx(RootCn, { children: _jsx(Navigation, { ...props }) }));
 export default Standalone;
 //# sourceMappingURL=index.js.map

package/build/esm/navigation/components/Standalone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/Standalone/index.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,4CAAmC;AAEhD,OAAO,UAAsC,oCAAiD;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,KAAC,MAAM,cACH,KAAC,UAAU,oBAAK,KAAK,EAAI,GACpB,CACZ,CAAC;AAEF,eAAe,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"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["navigation/components/Standalone/index.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,4CAAmC;AAEhD,OAAO,UAAsC,oCAAiD;AAE9F,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACpD,KAAC,MAAM,cACH,KAAC,UAAU,OAAK,KAAK,GAAI,GACpB,CACZ,CAAC;AAEF,eAAe,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/esm/navigation/hooks/useActiveNavItem.js

@@ -4,7 +4,7 @@ const useActiveNavItem = (iconSize, leftItems, rightItems) => {
     const [activeItemId, setActiveItemId] = React.useState(undefined);
     const getNavigationItem = 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/esm/navigation/hooks/useActiveNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useActiveNavItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,6BAA6B,EAAC,oBAAiB;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,6BAA6B,CAAC,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,eAAe,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"]}
+{"version":3,"file":"useActiveNavItem.js","sourceRoot":"../../../../src","sources":["navigation/hooks/useActiveNavItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,6BAA6B,EAAC,oBAAiB;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,6BAA6B,CAAC,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,eAAe,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"]}