@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

package/build/esm/models/constructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructor.js","sourceRoot":"../../../src","sources":["models/constructor.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps} from './';\n\nexport interface PageData {\n    content: PageContent;\n}\n\nexport interface Menu {\n    title: string;\n}\n\nexport type ConstructorBlock = ConstructorItem | CustomBlock;\n\nexport interface PageContent extends Animatable {\n    blocks: ConstructorBlock[];\n    menu?: Menu;\n    background?: ThemedMediaProps;\n}\n\nexport interface InitConstrucorState {\n    hasMenu: boolean;\n}\n\nexport interface CustomBlock {\n    type: string;\n\n    [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type LoadableData = any;\nexport type FetchLoadableDataParams = {\n    blockKey: string;\n    serviceId?: number;\n};\nexport type FetchLoadableData<TData = LoadableData> = (\n    params: FetchLoadableDataParams,\n) => Promise<TData>;\nexport type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;\nexport type OnInit = (data: InitConstrucorState) => void;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ComponentProps = React.ComponentProps<React.ComponentClass<any>>;\nexport type CustomItem =\n    | React.PropsWithChildren<ComponentProps>\n    | React.ComponentType<React.PropsWithChildren<ComponentProps>>;\nexport type CustomItems = Record<string, CustomItem>;\n\nexport interface LoadableConfigItem {\n    fetch: FetchLoadableData;\n    component: CustomItem;\n}\n\nexport type LoadableConfig = Record<string, LoadableConfigItem>;\n\nexport interface CustomConfig {\n    blocks?: CustomItems;\n    subBlocks?: CustomItems;\n    headers?: CustomItems;\n    navigation?: CustomItems;\n    loadable?: LoadableConfig;\n    decorators?: {\n        block?: ((props: BlockDecorationProps) => React.ReactElement)[];\n    };\n}\n"]}

package/build/esm/models/customization.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { BlockBaseProps, BlockType } from './constructor-items';
-export interface BlockDecorationProps extends PropsWithChildren, BlockBaseProps {
+import * as React from 'react';
+import { BlockBaseProps, BlockType } from "./constructor-items/index.js";
+export interface BlockDecorationProps extends React.PropsWithChildren, BlockBaseProps {
     type: BlockType | string;
     index?: number;
 }

package/build/esm/models/customization.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=customization.js.map

package/build/esm/models/customization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customization.js","sourceRoot":"../../../src","sources":["models/customization.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {BlockBaseProps, BlockType} from './constructor-items';\n\nexport interface BlockDecorationProps extends React.PropsWithChildren, BlockBaseProps {\n    type: BlockType | string;\n    index?: number;\n}\nexport type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;\n"]}

package/build/esm/models/guards.d.ts

@@ -1,4 +1,4 @@
-import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
+import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from "./index.js";
 export declare function isBlock(block: ConstructorItem): block is Block;
 export declare function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData;
 export declare function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData;

package/build/esm/models/guards.js

@@ -1,4 +1,4 @@
-import { BlockTypes, } from './';
+import { BlockTypes, } from "./index.js";
 export function isBlock(block) {
     return block.type in BlockTypes;
 }
@@ -8,3 +8,4 @@ export function isYandexDataForm(data) {
 export function isHubspotDataForm(data) {
     return Boolean(data.hubspot);
 }
+//# sourceMappingURL=guards.js.map

package/build/esm/models/guards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guards.js","sourceRoot":"../../../src","sources":["models/guards.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,UAAU,GAKb,mBAAW;AAEZ,MAAM,UAAU,OAAO,CAAC,KAAsB;IAC1C,OAAO,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAmB;IAChD,OAAO,OAAO,CAAE,IAA4B,CAAC,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAmB;IACjD,OAAO,OAAO,CAAE,IAA6B,CAAC,OAAO,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["import {\n    Block,\n    BlockTypes,\n    ConstructorItem,\n    FormBlockData,\n    FormBlockHubspotData,\n    FormBlockYandexData,\n} from './';\n\nexport function isBlock(block: ConstructorItem): block is Block {\n    return block.type in BlockTypes;\n}\n\nexport function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData {\n    return Boolean((data as FormBlockYandexData).yandex);\n}\n\nexport function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData {\n    return Boolean((data as FormBlockHubspotData).hubspot);\n}\n"]}

package/build/esm/models/index.d.ts

@@ -1,7 +1,7 @@
-export * from './constructor';
-export * from './constructor-items';
-export * from './common';
-export * from './components';
-export * from './guards';
-export * from './navigation';
-export * from './customization';
+export * from "./constructor.js";
+export * from "./constructor-items/index.js";
+export * from "./common.js";
+export * from "./components.js";
+export * from "./guards.js";
+export * from "./navigation.js";
+export * from "./customization.js";

package/build/esm/models/index.js

@@ -1,7 +1,8 @@
-export * from './constructor';
-export * from './constructor-items';
-export * from './common';
-export * from './components';
-export * from './guards';
-export * from './navigation';
-export * from './customization';
+export * from "./constructor.js";
+export * from "./constructor-items/index.js";
+export * from "./common.js";
+export * from "./components.js";
+export * from "./guards.js";
+export * from "./navigation.js";
+export * from "./customization.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["models/index.ts"],"names":[],"mappings":"AAAA,iCAA8B;AAC9B,6CAAoC;AACpC,4BAAyB;AACzB,gCAA6B;AAC7B,4BAAyB;AACzB,gCAA6B;AAC7B,mCAAgC","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/esm/models/navigation.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-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/esm/models/navigation.js

@@ -20,3 +20,4 @@ export var NavigationGithubButtonIcon;
     NavigationGithubButtonIcon["template"] = "octicon-repo-template";
     NavigationGithubButtonIcon["play"] = "octicon-play";
 })(NavigationGithubButtonIcon || (NavigationGithubButtonIcon = {}));
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,MAAM,CAAN,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,KAA1B,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/esm/navigation/components/DesktopNavigation/DesktopNavigation.d.ts

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

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

@@ -1,22 +1,12 @@
-import React from 'react';
-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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import OverflowScroller from "../../../components/OverflowScroller/OverflowScroller.js";
+import { block } from "../../../utils/index.js";
+import { ItemColumnName, NavigationLayout } from "../../models.js";
+import Logo from "../Logo/Logo.js";
+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, }) => (React.createElement("div", { className: b('wrapper') },
-    logo && (React.createElement("div", { className: b('left') },
-        React.createElement(Logo, Object.assign({}, logo, { className: b('logo') })))),
-    React.createElement("div", { className: b('navigation-container') },
-        React.createElement(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange },
-            React.createElement(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }))),
-    React.createElement("div", { className: b('right') },
-        customMobileHeaderItems && (React.createElement("div", { className: b('mobile-navigation-container') },
-            React.createElement(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18 },
-                React.createElement(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown })))),
-        React.createElement(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-        rightItemsWithIconSize && (React.createElement(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, 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;
+//# sourceMappingURL=DesktopNavigation.js.map

package/build/esm/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,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"]}

package/build/esm/navigation/components/Logo/Logo.d.ts

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

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

@@ -1,18 +1,19 @@
 import { __rest } from "tslib";
-import React, { Fragment, useContext } 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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Image } from "../../../components/index.js";
+import { getMediaImage } from "../../../components/Media/Image/utils.js";
+import RouterLink from "../../../components/RouterLink/RouterLink.js";
+import { LocationContext } from "../../../context/locationContext/index.js";
+import { useTheme } from "../../../context/theme/index.js";
+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 });
-    const { hostname, Link } = useContext(LocationContext);
+    const { hostname, Link } = React.useContext(LocationContext);
     const theme = useTheme();
     const themedLogoProps = getThemedValue(props, theme) || props;
     const imageData = getMediaImage(themedLogoProps.icon || props.icon);
@@ -21,9 +22,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 = (React.createElement(Fragment, null,
-        imageData && React.createElement(Image, Object.assign({ className: b('icon') }, imageData)),
-        React.createElement("span", { className: b('text') }, textData)));
-    return (React.createElement(RouterLink, { href: url, passHref: true }, Link ? (React.createElement("span", { className: b(null, props.className) }, content)) : (React.createElement("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps), content))));
+    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 }))) }));
 };
 export default Logo;
+//# sourceMappingURL=Logo.js.map

package/build/esm/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,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"]}

package/build/esm/navigation/components/Logo/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-Logo": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Logo`);
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,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/esm/navigation/components/MobileMenuButton/MobileMenuButton.d.ts

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

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

@@ -1,12 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Bars, Xmark } from '@gravity-ui/icons';
-import { Control } from '../../../components';
-import { block } from '../../../utils';
+import { Control } from "../../../components/index.js";
+import { block } from "../../../utils/index.js";
 import './MobileMenuButton.css';
 const b = block('mobile-menu-button');
 const ICON_SIZE = 24;
-export const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (React.createElement(Control, { className: b(), onClick: (e) => {
+export const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (_jsx(Control, { className: b(), onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
         onSidebarOpenedChange(!isSidebarOpened);
     }, size: "l", icon: isSidebarOpened ? Xmark : Bars, iconSize: ICON_SIZE }));
+//# sourceMappingURL=MobileMenuButton.js.map

package/build/esm/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,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,OAAO,EAAC,qCAA4B;AAC5C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,eAAe,EACf,qBAAqB,GACxB,EAAE,EAAE,CAAC,CACF,KAAC,OAAO,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,KAAK,CAAC,CAAC,CAAC,IAAI,EACpC,QAAQ,EAAE,SAAS,GACrB,CACL,CAAC","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/esm/navigation/components/MobileNavigation/MobileNavigation.d.ts

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

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

@@ -1,11 +1,12 @@
 import { __rest } from "tslib";
-import React from 'react';
+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';
+import Foldable from "../../../components/Foldable/Foldable.js";
+import { useMount } from "../../../hooks/index.js";
+import { block } from "../../../utils/index.js";
+import { ItemColumnName, NavigationLayout } from "../../models.js";
+import { NavigationList } from "../NavigationList/NavigationList.js";
 import './MobileNavigation.css';
 const b = block('mobile-navigation');
 export const MobileNavigation = (_a) => {
@@ -15,10 +16,7 @@ export const MobileNavigation = (_a) => {
     if (!isMounted) {
         return null;
     }
-    return (React.createElement(Portal, null,
-        React.createElement(Foldable, { key: topItems === null || topItems === void 0 ? void 0 : topItems.length, className: b(), isOpened: Boolean(isOpened) },
-            React.createElement("div", { className: b('wrapper') },
-                topItems && (React.createElement(NavigationList, Object.assign({ className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile }, props))),
-                bottomItems && (React.createElement(NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile }, props)))))));
+    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) }));
 };
 export default MobileNavigation;
+//# sourceMappingURL=MobileNavigation.js.map

package/build/esm/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,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"]}

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

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

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

@@ -1,24 +1,20 @@
-import React, { useState } 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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import OutsideClick from "../../../components/OutsideClick/OutsideClick.js";
+import { Col, Grid, Row } from "../../../grid/index.js";
+import { block } from "../../../utils/index.js";
+import { useActiveNavItem, useShowBorder } from "../../hooks/index.js";
+import DesktopNavigation from "../DesktopNavigation/DesktopNavigation.js";
+import MobileNavigation from "../MobileNavigation/MobileNavigation.js";
 import './Navigation.css';
 const b = block('navigation');
 export const Navigation = ({ data, logo, className }) => {
     const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
-    const [isSidebarOpened, setIsSidebarOpened] = useState(false);
+    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = useActiveNavItem(iconSize, leftItems, rightItems);
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
-    return (React.createElement(Grid, { className: b({ 'with-border': showBorder }, className) },
-        React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement("nav", null,
-                    React.createElement(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                    React.createElement(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false) },
-                        React.createElement(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })))))));
+    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 }) })] }) }) }) }));
 };
 export default Navigation;
+//# sourceMappingURL=Navigation.js.map

package/build/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,YAAY,yDAAsD;AACzE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,+BAAsB;AAE7C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,6BAAoB;AAC5D,OAAO,iBAAiB,kDAA+C;AACvE,OAAO,gBAAgB,gDAA6C;AAEpE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,CAAC,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,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,KAAC,GAAG,cACA,KAAC,GAAG,cACA,0BACI,KAAC,iBAAiB,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,KAAC,YAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,KAAC,gBAAgB,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;AAEF,eAAe,UAAU,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/esm/navigation/components/NavigationItem/NavigationItem.d.ts

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

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

@@ -1,10 +1,11 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+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';
+import { BlockIdContext } from "../../../context/blockIdContext/index.js";
+import { NavigationItemType, NavigationItemTypes } from "../../../models/index.js";
+import { block } from "../../../utils/index.js";
+import { useNavigationItemMap } from "./hooks/useNavigationItemMap.js";
 import './NavigationItem.css';
 const b = block('navigation-item');
 const ANALYTICS_ID = 'navigation';
@@ -14,7 +15,7 @@ export const NavigationItem = (_a) => {
     const { type = NavigationItemType.Link } = data;
     const navItemMap = useNavigationItemMap();
     const Component = navItemMap[type];
-    const componentProps = useMemo(() => {
+    const componentProps = React.useMemo(() => {
         const componentProperties = Object.assign(Object.assign({}, data), props);
         if (nonComplexNavigationItemTypes.includes(type)) {
             return omit(componentProperties, 'hidePopup', 'isActive');
@@ -23,8 +24,7 @@ export const NavigationItem = (_a) => {
             ? componentProperties
             : Object.assign(Object.assign({}, componentProperties), { menuLayout });
     }, [data, props, type, menuLayout]);
-    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID },
-        React.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
-            React.createElement(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, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
 };
 export default NavigationItem;
+//# sourceMappingURL=NavigationItem.js.map

package/build/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,aAAa,CAAC;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"]}

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

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

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

@@ -1,11 +1,11 @@
-import React, { Fragment, useMemo } from 'react';
-import { Image } from '../../../../../components';
-import { block } from '../../../../../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Image } from "../../../../../components/index.js";
+import { block } from "../../../../../utils/index.js";
 import './ContentWrapper.css';
 const b = block('content-wrapper');
 export const ContentWrapper = ({ text, icon, iconSize }) => {
-    const iconSizeStyle = useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return (React.createElement(Fragment, null,
-        icon && typeof icon !== 'string' && (React.createElement(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))),
-        React.createElement("span", { className: b('text') }, text)));
+    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 })] }));
 };
+//# sourceMappingURL=ContentWrapper.js.map

package/build/esm/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,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"]}

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

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

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

@@ -1,14 +1,15 @@
-import React, { useEffect, useRef } from 'react';
-import { NavigationGithubButtonIcon } from '../../../../../models';
-import { block } from '../../../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { NavigationGithubButtonIcon } from "../../../../../models/index.js";
+import { block } from "../../../../../utils/index.js";
 import './GithubButton.css';
 const b = 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 containerRef = useRef(null);
-    const linkRef = useRef(null);
-    useEffect(() => {
+    const containerRef = React.useRef(null);
+    const linkRef = React.useRef(null);
+    React.useEffect(() => {
         const paint = () => {
             if (containerRef.current) {
                 const githubButton = containerRef.current.appendChild(document.createElement('span'));
@@ -37,7 +38,6 @@ export const GithubButton = ({ text, url, className, label, size, icon, urlTitle
             reset();
         };
     }, []);
-    return (React.createElement("div", { className: b(null, className) },
-        React.createElement("span", { ref: containerRef },
-            React.createElement("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 })), text))));
+    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 })) }) }));
 };
+//# sourceMappingURL=GithubButton.js.map

package/build/esm/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,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"]}