@gravity-ui/page-constructor 6.0.0-beta.11 → 6.0.0-beta.13

package/build/cjs/models/index.js

@@ -1,7 +1,11 @@
-export * from './constructor';
-export * from './constructor-items';
-export * from './common';
-export * from './components';
-export * from './guards';
-export * from './navigation';
-export * from './customization';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constructor.js"), exports);
+tslib_1.__exportStar(require("./constructor-items/index.js"), exports);
+tslib_1.__exportStar(require("./common.js"), exports);
+tslib_1.__exportStar(require("./components.js"), exports);
+tslib_1.__exportStar(require("./guards.js"), exports);
+tslib_1.__exportStar(require("./navigation.js"), exports);
+tslib_1.__exportStar(require("./customization.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["models/index.ts"],"names":[],"mappings":";;;AAAA,2DAA8B;AAC9B,uEAAoC;AACpC,sDAAyB;AACzB,0DAA6B;AAC7B,sDAAyB;AACzB,0DAA6B;AAC7B,6DAAgC","sourcesContent":["export * from './constructor';\nexport * from './constructor-items';\nexport * from './common';\nexport * from './components';\nexport * from './guards';\nexport * from './navigation';\nexport * from './customization';\n"]}

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

@@ -1,5 +1,5 @@
-import { ThemeSupporting } from '../utils';
-import { ButtonProps, ImageProps } from './constructor-items';
+import { ThemeSupporting } from "../utils/index.js";
+import { ButtonProps, ImageProps } from "./constructor-items/index.js";
 export declare enum NavigationItemType {
     Link = "link",
     Dropdown = "dropdown",

package/build/cjs/models/navigation.js

@@ -1,13 +1,16 @@
-export var NavigationItemType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationGithubButtonIcon = exports.NavigationItemTypes = exports.NavigationItemType = void 0;
+var NavigationItemType;
 (function (NavigationItemType) {
     NavigationItemType["Link"] = "link";
     NavigationItemType["Dropdown"] = "dropdown";
     NavigationItemType["Button"] = "button";
     NavigationItemType["Social"] = "social";
     NavigationItemType["GithubButton"] = "github-button";
-})(NavigationItemType || (NavigationItemType = {}));
-export const NavigationItemTypes = Object.values(NavigationItemType);
-export var NavigationGithubButtonIcon;
+})(NavigationItemType || (exports.NavigationItemType = NavigationItemType = {}));
+exports.NavigationItemTypes = Object.values(NavigationItemType);
+var NavigationGithubButtonIcon;
 (function (NavigationGithubButtonIcon) {
     NavigationGithubButtonIcon["heart"] = "octicon-heart";
     NavigationGithubButtonIcon["eye"] = "octicon-eye";
@@ -19,4 +22,5 @@ export var NavigationGithubButtonIcon;
     NavigationGithubButtonIcon["package"] = "octicon-package";
     NavigationGithubButtonIcon["template"] = "octicon-repo-template";
     NavigationGithubButtonIcon["play"] = "octicon-play";
-})(NavigationGithubButtonIcon || (NavigationGithubButtonIcon = {}));
+})(NavigationGithubButtonIcon || (exports.NavigationGithubButtonIcon = NavigationGithubButtonIcon = {}));
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":";;;AAIA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAEY,QAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,0CAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {ButtonProps, ImageProps} from './constructor-items';\n\nexport enum NavigationItemType {\n    Link = 'link',\n    Dropdown = 'dropdown',\n    Button = 'button',\n    Social = 'social',\n    GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n    text: string;\n    icon?: ImageProps;\n    url?: string;\n    iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n    heart = 'octicon-heart',\n    eye = 'octicon-eye',\n    star = 'octicon-star',\n    fork = 'octicon-repo-forked',\n    issue = 'octicon-issue-opened',\n    comment = 'octicon-comment-discussion',\n    download = 'octicon-download',\n    package = 'octicon-package',\n    template = 'octicon-repo-template',\n    play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n    type: NavigationItemType.GithubButton;\n    url: string;\n    urlTitle?: string;\n    label?: string;\n    icon?: keyof typeof NavigationGithubButtonIcon;\n    size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {\n    type: NavigationItemType.Link;\n    url: string;\n    urlTitle?: string;\n    arrow?: boolean;\n    target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n    type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n    type: NavigationItemType.Dropdown;\n    items: NavigationLinkItem[];\n    hidePopup: () => void;\n    isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n    type: NavigationItemType.Social;\n    icon: ImageProps;\n    url: string;\n    urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationDropdownItem;\n\nexport type NavigationItemData =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationSocialItem\n    | NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n    icon: ImageProps;\n    text?: string;\n    url?: string;\n    urlTitle?: string;\n    alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n    leftItems: NavigationItemModel[];\n    rightItems?: NavigationItemModel[];\n\n    /**\n     * Items for the navigation header on mobile devices.\n     * They are located to the right of the Logo and to the left of the MobileMenuButton.\n     * @type {NavigationItemModel[]}\n     */\n    customMobileHeaderItems?: NavigationItemModel[];\n    iconSize?: number;\n    withBorder?: boolean;\n    withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n    title: string;\n    links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n    links?: NavigationItemModel[];\n    copyright?: string;\n}\n\nexport interface FooterData {\n    columns: FooterColumn[];\n    social?: NavigationSocialItem[];\n    underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n    logo: ThemedNavigationLogoData;\n    header: HeaderData;\n    footer?: FooterData;\n    renderNavigation?: () => React.ReactNode;\n}\n"]}

package/build/cjs/navigation/components/DesktopNavigation/DesktopNavigation.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { DesktopNavigationProps } from '../../models';
+import { DesktopNavigationProps } from "../../models.js";
 export declare const DesktopNavigation: React.FC<DesktopNavigationProps>;
 export default DesktopNavigation;

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

@@ -1,10 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
-import { block } from '../../../utils';
-import { ItemColumnName, NavigationLayout } from '../../models';
-import Logo from '../Logo/Logo';
-import { MobileMenuButton } from '../MobileMenuButton/MobileMenuButton';
-import { NavigationList } from '../NavigationList/NavigationList';
-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 default DesktopNavigation;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesktopNavigation = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OverflowScroller_1 = tslib_1.__importDefault(require("../../../components/OverflowScroller/OverflowScroller.js"));
+const utils_1 = require("../../../utils/index.js");
+const models_1 = require("../../models.js");
+const Logo_1 = tslib_1.__importDefault(require("../Logo/Logo.js"));
+const MobileMenuButton_1 = require("../MobileMenuButton/MobileMenuButton.js");
+const NavigationList_1 = require("../NavigationList/NavigationList.js");
+const b = (0, utils_1.block)('desktop-navigation');
+const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [logo && ((0, jsx_runtime_1.jsx)("div", { className: b('left'), children: (0, jsx_runtime_1.jsx)(Logo_1.default, Object.assign({}, logo, { className: b('logo') })) })), (0, jsx_runtime_1.jsx)("div", { className: b('navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('navigation'), onScrollStart: onActiveItemChange, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Desktop }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('right'), children: [customMobileHeaderItems && ((0, jsx_runtime_1.jsx)("div", { className: b('mobile-navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Dropdown }) }) })), (0, jsx_runtime_1.jsx)(MobileMenuButton_1.MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { onActiveItemChange: onActiveItemChange, column: models_1.ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: models_1.NavigationLayout.Desktop }))] })] }));
+exports.DesktopNavigation = DesktopNavigation;
+exports.default = exports.DesktopNavigation;
+//# sourceMappingURL=DesktopNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";;;;;AAEA,wHAAqF;AACrF,mDAAqC;AACrC,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,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,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,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,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,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/cjs/navigation/components/Logo/Logo.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ThemedNavigationLogoData } from '../../../models';
+import { ThemedNavigationLogoData } from "../../../models/index.js";
 export type LogoProps = ThemedNavigationLogoData & {
     className?: string;
     alt?: string;

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

@@ -1,29 +1,32 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Image } from '../../../components';
-import { getMediaImage } from '../../../components/Media/Image/utils';
-import RouterLink from '../../../components/RouterLink/RouterLink';
-import { LocationContext } from '../../../context/locationContext';
-import { useTheme } from '../../../context/theme';
-import { block, getLinkProps, getThemedValue } from '../../../utils';
-import { i18n } from './i18n';
-const b = block('logo');
-export const Logo = (_a) => {
-    var { alt = i18n('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../../components/Media/Image/utils.js");
+const RouterLink_1 = tslib_1.__importDefault(require("../../../components/RouterLink/RouterLink.js"));
+const locationContext_1 = require("../../../context/locationContext/index.js");
+const theme_1 = require("../../../context/theme/index.js");
+const utils_2 = require("../../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_2.block)('logo');
+const Logo = (_a) => {
+    var { alt = (0, i18n_1.i18n)('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
     const props = Object.assign(Object.assign({}, restProps), { alt });
-    const { hostname, Link } = React.useContext(LocationContext);
-    const theme = useTheme();
-    const themedLogoProps = getThemedValue(props, theme) || props;
-    const imageData = getMediaImage(themedLogoProps.icon || props.icon);
+    const { hostname, Link } = React.useContext(locationContext_1.LocationContext);
+    const theme = (0, theme_1.useTheme)();
+    const themedLogoProps = (0, utils_2.getThemedValue)(props, theme) || props;
+    const imageData = (0, utils_1.getMediaImage)(themedLogoProps.icon || props.icon);
     imageData.alt = alt;
     const textData = themedLogoProps.text || props.text;
     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 linkExtraProps = (0, utils_2.getLinkProps)(url, hostname);
+    const content = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [imageData && (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, imageData)), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: textData })] }));
+    return ((0, jsx_runtime_1.jsx)(RouterLink_1.default, { href: url, passHref: true, children: Link ? ((0, jsx_runtime_1.jsx)("span", { className: b(null, props.className), children: content })) : ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps, { children: content }))) }));
 };
-export default Logo;
+exports.Logo = Logo;
+exports.default = exports.Logo;
+//# sourceMappingURL=Logo.js.map

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

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

package/build/cjs/navigation/components/Logo/i18n/index.js

@@ -1,5 +1,10 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Logo`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Logo`);
+//# sourceMappingURL=index.js.map

package/build/cjs/navigation/components/Logo/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["navigation/components/Logo/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,MAAM,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Logo`);\n"]}

package/build/cjs/navigation/components/MobileMenuButton/MobileMenuButton.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { MobileMenuButtonProps } from '../../models';
+import { MobileMenuButtonProps } from "../../models.js";
 export declare const MobileMenuButton: React.FC<MobileMenuButtonProps>;

package/build/cjs/navigation/components/MobileMenuButton/MobileMenuButton.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Bars, Xmark } from '@gravity-ui/icons';
-import { Control } from '../../../components';
-import { block } from '../../../utils';
-const b = block('mobile-menu-button');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileMenuButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('mobile-menu-button');
 const ICON_SIZE = 24;
-export const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (_jsx(Control, { className: b(), onClick: (e) => {
+const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => ((0, jsx_runtime_1.jsx)(components_1.Control, { className: b(), onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
         onSidebarOpenedChange(!isSidebarOpened);
-    }, size: "l", icon: isSidebarOpened ? Xmark : Bars, iconSize: ICON_SIZE }));
+    }, size: "l", icon: isSidebarOpened ? icons_1.Xmark : icons_1.Bars, iconSize: ICON_SIZE }));
+exports.MobileMenuButton = MobileMenuButton;
+//# sourceMappingURL=MobileMenuButton.js.map

package/build/cjs/navigation/components/MobileMenuButton/MobileMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenuButton.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileMenuButton/MobileMenuButton.tsx"],"names":[],"mappings":";;;;AAEA,6CAA8C;AAE9C,6DAA4C;AAC5C,mDAAqC;AAKrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,SAAS,GAAG,EAAE,CAAC;AAEd,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,eAAe,EACf,qBAAqB,GACxB,EAAE,EAAE,CAAC,CACF,uBAAC,oBAAO,IACJ,SAAS,EAAE,CAAC,EAAE,EACd,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;QAEzC,qBAAqB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,EACD,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,YAAI,EACpC,QAAQ,EAAE,SAAS,GACrB,CACL,CAAC;AAhBW,QAAA,gBAAgB,oBAgB3B","sourcesContent":["import * as React from 'react';\n\nimport {Bars, Xmark} from '@gravity-ui/icons';\n\nimport {Control} from '../../../components';\nimport {block} from '../../../utils';\nimport {MobileMenuButtonProps} from '../../models';\n\nimport './MobileMenuButton.scss';\n\nconst b = block('mobile-menu-button');\n\nconst ICON_SIZE = 24;\n\nexport const MobileMenuButton: React.FC<MobileMenuButtonProps> = ({\n    isSidebarOpened,\n    onSidebarOpenedChange,\n}) => (\n    <Control\n        className={b()}\n        onClick={(e: React.MouseEvent) => {\n            e.stopPropagation();\n            e.nativeEvent.stopImmediatePropagation();\n\n            onSidebarOpenedChange(!isSidebarOpened);\n        }}\n        size=\"l\"\n        icon={isSidebarOpened ? Xmark : Bars}\n        iconSize={ICON_SIZE}\n    />\n);\n"]}

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { MobileNavigationProps } from '../../models';
+import { MobileNavigationProps } from "../../models.js";
 export declare const MobileNavigation: React.FC<MobileNavigationProps>;
 export default MobileNavigation;

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

@@ -1,22 +1,25 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Portal } from '@gravity-ui/uikit';
-import Foldable from '../../../components/Foldable/Foldable';
-import { useMount } from '../../../hooks';
-import { block } from '../../../utils';
-import { ItemColumnName, NavigationLayout } from '../../models';
-import { NavigationList } from '../NavigationList/NavigationList';
-const b = block('mobile-navigation');
-export const MobileNavigation = (_a) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileNavigation = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable.js"));
+const hooks_1 = require("../../../hooks/index.js");
+const utils_1 = require("../../../utils/index.js");
+const models_1 = require("../../models.js");
+const NavigationList_1 = require("../NavigationList/NavigationList.js");
+const b = (0, utils_1.block)('mobile-navigation');
+const MobileNavigation = (_a) => {
     var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
     const [isMounted, setIsMounted] = React.useState(false);
-    useMount(() => setIsMounted(true));
+    (0, hooks_1.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 ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
 };
-export default MobileNavigation;
+exports.MobileNavigation = MobileNavigation;
+exports.default = exports.MobileNavigation;
+//# sourceMappingURL=MobileNavigation.js.map

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from '../../../models';
+import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;
     data: HeaderData;

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

@@ -1,18 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import OutsideClick from '../../../components/OutsideClick/OutsideClick';
-import { Col, Grid, Row } from '../../../grid';
-import { block } from '../../../utils';
-import { useActiveNavItem, useShowBorder } from '../../hooks';
-import DesktopNavigation from '../DesktopNavigation/DesktopNavigation';
-import MobileNavigation from '../MobileNavigation/MobileNavigation';
-const b = block('navigation');
-export const Navigation = ({ data, logo, className }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const OutsideClick_1 = tslib_1.__importDefault(require("../../../components/OutsideClick/OutsideClick.js"));
+const grid_1 = require("../../../grid/index.js");
+const utils_1 = require("../../../utils/index.js");
+const hooks_1 = require("../../hooks/index.js");
+const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigation/DesktopNavigation.js"));
+const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation.js"));
+const b = (0, utils_1.block)('navigation');
+const Navigation = ({ data, logo, className }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
-    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);
-    const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = useActiveNavItem(iconSize, leftItems, rightItems);
+    const [showBorder] = (0, hooks_1.useShowBorder)(withBorder, withBorderOnScroll);
+    const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, hooks_1.useActiveNavItem)(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return (_jsx(Grid, { className: b({ 'with-border': showBorder }, className), children: _jsx(Row, { children: _jsx(Col, { children: _jsxs("nav", { children: [_jsx(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), _jsx(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false), children: _jsx(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b({ 'with-border': showBorder }, className), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsxs)("nav", { children: [(0, jsx_runtime_1.jsx)(DesktopNavigation_1.default, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), (0, jsx_runtime_1.jsx)(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false), children: (0, jsx_runtime_1.jsx)(MobileNavigation_1.default, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
 };
-export default Navigation;
+exports.Navigation = Navigation;
+exports.default = exports.Navigation;
+//# sourceMappingURL=Navigation.js.map

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

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

package/build/cjs/navigation/components/NavigationItem/NavigationItem.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { NavigationItemProps } from '../../models';
+import { NavigationItemProps } from "../../models.js";
 export declare const NavigationItem: React.FC<NavigationItemProps>;
 export default NavigationItem;

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

@@ -1,30 +1,33 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import omit from 'lodash/omit';
-import { BlockIdContext } from '../../../context/blockIdContext';
-import { NavigationItemType, NavigationItemTypes } from '../../../models';
-import { block } from '../../../utils';
-import { useNavigationItemMap } from './hooks/useNavigationItemMap';
-const b = block('navigation-item');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
+const blockIdContext_1 = require("../../../context/blockIdContext/index.js");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap.js");
+const b = (0, utils_1.block)('navigation-item');
 const ANALYTICS_ID = 'navigation';
-const nonComplexNavigationItemTypes = NavigationItemTypes.filter((type) => type !== NavigationItemType.Dropdown);
-export const NavigationItem = (_a) => {
+const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
+const NavigationItem = (_a) => {
     var { data, className, menuLayout } = _a, props = tslib_1.__rest(_a, ["data", "className", "menuLayout"]);
-    const { type = NavigationItemType.Link } = data;
-    const navItemMap = useNavigationItemMap();
+    const { type = models_1.NavigationItemType.Link } = data;
+    const navItemMap = (0, useNavigationItemMap_1.useNavigationItemMap)();
     const Component = navItemMap[type];
     const componentProps = React.useMemo(() => {
         const componentProperties = Object.assign(Object.assign({}, data), props);
         if (nonComplexNavigationItemTypes.includes(type)) {
-            return omit(componentProperties, 'hidePopup', 'isActive');
+            return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
         }
-        return NavigationItemTypes.includes(type)
+        return models_1.NavigationItemTypes.includes(type)
             ? componentProperties
             : Object.assign(Object.assign({}, 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 ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
 };
-export default NavigationItem;
+exports.NavigationItem = NavigationItem;
+exports.default = exports.NavigationItem;
+//# sourceMappingURL=NavigationItem.js.map

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

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

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageProps } from '../../../../../models';
+import { ImageProps } from "../../../../../models/index.js";
 interface ContentWrapperProps {
     text: string;
     icon?: ImageProps;

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

@@ -1,9 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Image } from '../../../../../components';
-import { block } from '../../../../../utils';
-const b = block('content-wrapper');
-export const ContentWrapper = ({ text, icon, iconSize }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentWrapper = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../../../components/index.js");
+const utils_1 = require("../../../../../utils/index.js");
+const b = (0, utils_1.block)('content-wrapper');
+const ContentWrapper = ({ text, icon, iconSize }) => {
     const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return (_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 ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
 };
+exports.ContentWrapper = ContentWrapper;
+//# sourceMappingURL=ContentWrapper.js.map

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

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

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.d.ts

@@ -1,5 +1,5 @@
-import { NavigationGithubButton } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import { NavigationGithubButton } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 type NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;
 export declare const GithubButton: ({ text, url, className, label, size, icon, urlTitle, }: NavigationGithubButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { NavigationGithubButtonIcon } from '../../../../../models';
-import { block } from '../../../../../utils';
-const b = block('github-button');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GithubButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const models_1 = require("../../../../../models/index.js");
+const utils_1 = require("../../../../../utils/index.js");
+const b = (0, utils_1.block)('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';
 /* More information about github-buttons in https://buttons.github.io/ */
-export const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
+const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) => {
     const containerRef = React.useRef(null);
     const linkRef = React.useRef(null);
     React.useEffect(() => {
@@ -37,5 +41,7 @@ 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 ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
 };
+exports.GithubButton = GithubButton;
+//# sourceMappingURL=GithubButton.js.map

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

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