@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

package/build/cjs/models/common.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEventNames = exports.PredefinedEventTypes = exports.themeNames = exports.Theme = void 0;
-var Theme;
+export var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
     Theme["Dark"] = "dark";
-})(Theme || (exports.Theme = Theme = {}));
-exports.themeNames = {
+})(Theme || (Theme = {}));
+export const themeNames = {
     [Theme.Light]: 'Light',
     [Theme.Dark]: 'Dark',
 };
-var PredefinedEventTypes;
+export var PredefinedEventTypes;
 (function (PredefinedEventTypes) {
     PredefinedEventTypes["Default"] = "default-event";
     PredefinedEventTypes["Play"] = "play";
     PredefinedEventTypes["Stop"] = "stop";
-})(PredefinedEventTypes || (exports.PredefinedEventTypes = PredefinedEventTypes = {}));
-var DefaultEventNames;
+})(PredefinedEventTypes || (PredefinedEventTypes = {}));
+export var DefaultEventNames;
 (function (DefaultEventNames) {
     DefaultEventNames["ShareButton"] = "share-button-click";
     DefaultEventNames["Button"] = "button-click";
@@ -29,5 +26,4 @@ var DefaultEventNames;
     DefaultEventNames["BackLink"] = "back-link-click";
     DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
     DefaultEventNames["VideoPreview"] = "video-preview-click";
-})(DefaultEventNames || (exports.DefaultEventNames = DefaultEventNames = {}));
-//# sourceMappingURL=common.js.map
+})(DefaultEventNames || (DefaultEventNames = {}));

package/build/cjs/models/components.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=components.js.map
+export {};

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-import { GridColumnSize, GridColumnSizesType, IndentValue } from "../../grid/types.js";
-import { ThemeSupporting } from "../../utils/index.js";
-import { AnalyticsEventsBase } from "../common.js";
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from "./common.js";
-import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from "./sub-blocks.js";
+import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
+import { ThemeSupporting } from '../../utils';
+import { AnalyticsEventsBase } from '../common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
@@ -109,7 +109,7 @@ export interface HeaderBlockBackground extends Partial<HeaderBackgroundProps>, P
 export type ThemedHeaderBlockBackground = ThemeSupporting<HeaderBlockBackground>;
 export interface HeaderBlockProps {
     title: string;
-    overtitle?: string;
+    overtitle?: string | JSX.Element;
     description?: string;
     buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
     width?: HeaderWidth;
@@ -123,6 +123,7 @@ export interface HeaderBlockProps {
     image?: ThemedImage;
     video?: ThemedMediaVideoProps;
     mediaView?: MediaView;
+    centered?: boolean;
     background?: ThemedHeaderBlockBackground;
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';

package/build/cjs/models/constructor-items/blocks.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
-var BlockType;
+export var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
@@ -24,38 +21,37 @@ var BlockType;
     BlockType["FormBlock"] = "form-block";
     // unstable
     BlockType["SliderNewBlock"] = "slider-new-block";
-})(BlockType || (exports.BlockType = BlockType = {}));
-exports.BlockTypes = Object.values(BlockType);
-exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
-var SliderBreakpointNames;
+})(BlockType || (BlockType = {}));
+export const BlockTypes = Object.values(BlockType);
+export const HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
+export var SliderBreakpointNames;
 (function (SliderBreakpointNames) {
     SliderBreakpointNames["Sm"] = "sm";
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
     SliderBreakpointNames["Xl"] = "xl";
-})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
-var SliderType;
+})(SliderBreakpointNames || (SliderBreakpointNames = {}));
+export var SliderType;
 (function (SliderType) {
     SliderType["MediaCard"] = "media-card";
     SliderType["HeaderCard"] = "header-card";
-})(SliderType || (exports.SliderType = SliderType = {}));
-var PCShareSocialNetwork;
+})(SliderType || (SliderType = {}));
+export var PCShareSocialNetwork;
 (function (PCShareSocialNetwork) {
     PCShareSocialNetwork["Vk"] = "vk";
     PCShareSocialNetwork["Telegram"] = "telegram";
     PCShareSocialNetwork["Twitter"] = "twitter";
     PCShareSocialNetwork["Facebook"] = "facebook";
     PCShareSocialNetwork["LinkedIn"] = "linkedin";
-})(PCShareSocialNetwork || (exports.PCShareSocialNetwork = PCShareSocialNetwork = {}));
-var FormBlockDataTypes;
+})(PCShareSocialNetwork || (PCShareSocialNetwork = {}));
+export var FormBlockDataTypes;
 (function (FormBlockDataTypes) {
     FormBlockDataTypes["YANDEX"] = "yandex";
     FormBlockDataTypes["HUBSPOT"] = "hubspot";
-})(FormBlockDataTypes || (exports.FormBlockDataTypes = FormBlockDataTypes = {}));
-var FormBlockDirection;
+})(FormBlockDataTypes || (FormBlockDataTypes = {}));
+export var FormBlockDirection;
 (function (FormBlockDirection) {
     FormBlockDirection["FormContent"] = "form-content";
     FormBlockDirection["ContentForm"] = "content-form";
     FormBlockDirection["Center"] = "center";
-})(FormBlockDirection || (exports.FormBlockDirection = FormBlockDirection = {}));
-//# sourceMappingURL=blocks.js.map
+})(FormBlockDirection || (FormBlockDirection = {}));

package/build/cjs/models/constructor-items/common.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
-import { ThemeSupporting } from "../../utils/index.js";
-import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from "../common.js";
+import { ThemeSupporting } from '../../utils';
+import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"

package/build/cjs/models/constructor-items/common.js

@@ -1,59 +1,55 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuoteType = exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
-var AuthorType;
+export var AuthorType;
 (function (AuthorType) {
     AuthorType["Column"] = "column";
     AuthorType["Line"] = "line";
-})(AuthorType || (exports.AuthorType = AuthorType = {}));
-var PriceDetailsType;
+})(AuthorType || (AuthorType = {}));
+export var PriceDetailsType;
 (function (PriceDetailsType) {
     PriceDetailsType["MARKED_LIST"] = "marked-list";
     PriceDetailsType["SETTINGS"] = "settings";
-})(PriceDetailsType || (exports.PriceDetailsType = PriceDetailsType = {}));
-var PriceLabelColor;
+})(PriceDetailsType || (PriceDetailsType = {}));
+export var PriceLabelColor;
 (function (PriceLabelColor) {
     PriceLabelColor["BLUE"] = "blue";
     PriceLabelColor["GREEN"] = "green";
     PriceLabelColor["YELLOW"] = "yellow";
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
-})(PriceLabelColor || (exports.PriceLabelColor = PriceLabelColor = {}));
-var PlayButtonType;
+})(PriceLabelColor || (PriceLabelColor = {}));
+export var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";
     PlayButtonType["Text"] = "text";
-})(PlayButtonType || (exports.PlayButtonType = PlayButtonType = {}));
-var PlayButtonThemes;
+})(PlayButtonType || (PlayButtonType = {}));
+export var PlayButtonThemes;
 (function (PlayButtonThemes) {
     PlayButtonThemes["Blue"] = "blue";
     PlayButtonThemes["Grey"] = "grey";
-})(PlayButtonThemes || (exports.PlayButtonThemes = PlayButtonThemes = {}));
-var CustomControlsType;
+})(PlayButtonThemes || (PlayButtonThemes = {}));
+export var CustomControlsType;
 (function (CustomControlsType) {
     CustomControlsType["WithMuteButton"] = "with-mute-button";
     CustomControlsType["WithPlayPauseButton"] = "with-play-pause-button";
-})(CustomControlsType || (exports.CustomControlsType = CustomControlsType = {}));
-var CustomControlsButtonPositioning;
+})(CustomControlsType || (CustomControlsType = {}));
+export var CustomControlsButtonPositioning;
 (function (CustomControlsButtonPositioning) {
     CustomControlsButtonPositioning["Left"] = "left";
     CustomControlsButtonPositioning["Right"] = "right";
     CustomControlsButtonPositioning["Center"] = "center";
-})(CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = CustomControlsButtonPositioning = {}));
-var MediaVideoType;
+})(CustomControlsButtonPositioning || (CustomControlsButtonPositioning = {}));
+export var MediaVideoType;
 (function (MediaVideoType) {
     MediaVideoType["Default"] = "default";
     MediaVideoType["Player"] = "player";
-})(MediaVideoType || (exports.MediaVideoType = MediaVideoType = {}));
-var MediaVideoControlsType;
+})(MediaVideoType || (MediaVideoType = {}));
+export var MediaVideoControlsType;
 (function (MediaVideoControlsType) {
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
-})(MediaVideoControlsType || (exports.MediaVideoControlsType = MediaVideoControlsType = {}));
-var QuoteType;
+})(MediaVideoControlsType || (MediaVideoControlsType = {}));
+export var QuoteType;
 (function (QuoteType) {
     QuoteType["Chevron"] = "chevron";
     QuoteType["EnglishDouble"] = "english-double";
-})(QuoteType || (exports.QuoteType = QuoteType = {}));
-//# sourceMappingURL=common.js.map
+})(QuoteType || (QuoteType = {}));

package/build/cjs/models/constructor-items/index.d.ts

@@ -1,6 +1,6 @@
-import { Block } from "./blocks.js";
-import { SubBlock } from "./sub-blocks.js";
-export * from "./sub-blocks.js";
-export * from "./blocks.js";
-export * from "./common.js";
+import { Block } from './blocks';
+import { SubBlock } from './sub-blocks';
+export * from './sub-blocks';
+export * from './blocks';
+export * from './common';
 export type ConstructorItem = Block | SubBlock;

package/build/cjs/models/constructor-items/index.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./sub-blocks.js"), exports);
-tslib_1.__exportStar(require("./blocks.js"), exports);
-tslib_1.__exportStar(require("./common.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './sub-blocks';
+export * from './blocks';
+export * from './common';

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -1,9 +1,9 @@
-import { ClassNameProps, QuoteType } from "../index.js";
-import { ThemeSupporting } from "../../utils/index.js";
-import { HubspotEventData, HubspotEventHandlers } from "../../utils/hubspot.js";
-import { AnalyticsEventsBase } from "../common.js";
-import { ContentBlockProps } from "./blocks.js";
-import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from "./common.js";
+import { ClassNameProps, QuoteType } from '../../models';
+import { ThemeSupporting } from '../../utils';
+import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
+import { AnalyticsEventsBase } from '../common';
+import { ContentBlockProps } from './blocks';
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",

package/build/cjs/models/constructor-items/sub-blocks.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubBlockTypes = exports.ImageCardDirection = exports.IconPosition = exports.SubBlockType = void 0;
-var SubBlockType;
+export var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
     SubBlockType["Quote"] = "quote";
@@ -22,16 +19,15 @@ var SubBlockType;
     SubBlockType["Card"] = "card";
     SubBlockType["PriceCard"] = "price-card";
     SubBlockType["ImageCard"] = "image-card";
-})(SubBlockType || (exports.SubBlockType = SubBlockType = {}));
-var IconPosition;
+})(SubBlockType || (SubBlockType = {}));
+export var IconPosition;
 (function (IconPosition) {
     IconPosition["Top"] = "top";
     IconPosition["Left"] = "left";
-})(IconPosition || (exports.IconPosition = IconPosition = {}));
-var ImageCardDirection;
+})(IconPosition || (IconPosition = {}));
+export var ImageCardDirection;
 (function (ImageCardDirection) {
     ImageCardDirection["Direct"] = "direct";
     ImageCardDirection["Reverse"] = "reverse";
-})(ImageCardDirection || (exports.ImageCardDirection = ImageCardDirection = {}));
-exports.SubBlockTypes = Object.values(SubBlockType);
-//# sourceMappingURL=sub-blocks.js.map
+})(ImageCardDirection || (ImageCardDirection = {}));
+export const SubBlockTypes = Object.values(SubBlockType);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from "./index.js";
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
 export interface PageData {
     content: PageContent;
 }

package/build/cjs/models/constructor.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=constructor.js.map
+export {};

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

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

package/build/cjs/models/customization.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=customization.js.map
+export {};

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

@@ -1,4 +1,4 @@
-import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from "./index.js";
+import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
 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/cjs/models/guards.js

@@ -1,16 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBlock = isBlock;
-exports.isYandexDataForm = isYandexDataForm;
-exports.isHubspotDataForm = isHubspotDataForm;
-const _1 = require("./index.js");
-function isBlock(block) {
-    return block.type in _1.BlockTypes;
+import { BlockTypes, } from './';
+export function isBlock(block) {
+    return block.type in BlockTypes;
 }
-function isYandexDataForm(data) {
+export function isYandexDataForm(data) {
     return Boolean(data.yandex);
 }
-function isHubspotDataForm(data) {
+export function isHubspotDataForm(data) {
     return Boolean(data.hubspot);
 }
-//# sourceMappingURL=guards.js.map

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

@@ -1,7 +1,7 @@
-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";
+export * from './constructor';
+export * from './constructor-items';
+export * from './common';
+export * from './components';
+export * from './guards';
+export * from './navigation';
+export * from './customization';

package/build/cjs/models/index.js

@@ -1,11 +1,7 @@
-"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
+export * from './constructor';
+export * from './constructor-items';
+export * from './common';
+export * from './components';
+export * from './guards';
+export * from './navigation';
+export * from './customization';

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

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

package/build/cjs/models/navigation.js

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

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

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

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

@@ -1,16 +1,10 @@
-"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
+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;

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

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

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

@@ -1,32 +1,29 @@
-"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"]);
+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"]);
     const props = Object.assign(Object.assign({}, restProps), { alt });
-    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);
+    const { hostname, Link } = React.useContext(LocationContext);
+    const theme = useTheme();
+    const themedLogoProps = getThemedValue(props, theme) || props;
+    const imageData = 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 = (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 }))) }));
+    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 }))) }));
 };
-exports.Logo = Logo;
-exports.default = exports.Logo;
-//# sourceMappingURL=Logo.js.map
+export default Logo;

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

@@ -1,10 +1,5 @@
-"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
+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`);

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

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

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

@@ -1,16 +1,11 @@
-"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');
+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');
 const ICON_SIZE = 24;
-const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => ((0, jsx_runtime_1.jsx)(components_1.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 ? icons_1.Xmark : icons_1.Bars, iconSize: ICON_SIZE }));
-exports.MobileMenuButton = MobileMenuButton;
-//# sourceMappingURL=MobileMenuButton.js.map
+    }, size: "l", icon: isSidebarOpened ? Xmark : Bars, iconSize: ICON_SIZE }));

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

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