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

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React, { CSSProperties, DetailedHTMLProps, HTMLProps, ImgHTMLAttributes, ReactNode } 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"
@@ -43,7 +43,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export declare enum QuoteType {
-    Chevron = "chevron",// « »
+    Chevron = "chevron",
     EnglishDouble = "english-double"
 }
 export type TextTheme = 'light' | 'dark';
@@ -97,7 +97,7 @@ interface LoopProps {
     start: number;
     end?: number;
 }
-export interface ImageInfoProps extends Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
+export interface ImageInfoProps extends Pick<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
     alt?: string;
     fetchPriority?: 'high' | 'low' | 'auto';
     disableCompress?: boolean;
@@ -113,7 +113,7 @@ export interface ImageDeviceProps extends ImageInfoProps {
 export type ImageProps = string | ImageObjectProps | ImageDeviceProps;
 export type ThemedImage = ThemeSupporting<ImageProps>;
 export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, Partial<ImageDeviceProps>, Partial<ImageObjectProps>, QAProps {
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
 }
@@ -139,17 +139,17 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     colorTheme?: TextTheme;
     arrow?: boolean;
     target?: string;
-    extraProps?: React.HTMLProps<HTMLAnchorElement>;
+    extraProps?: HTMLProps<HTMLAnchorElement>;
 }
 export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
-    text: React.ReactNode;
+    text: ReactNode;
     type?: FileLinkType;
     textSize?: TextSize;
     theme?: ContentTheme;
     urlTitle?: string;
     onClick?: () => void;
-    extraProps?: React.HTMLProps<HTMLAnchorElement>;
+    extraProps?: HTMLProps<HTMLAnchorElement>;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
 export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
@@ -268,7 +268,7 @@ export interface AuthorItem {
 export interface HeaderBreadCrumbsProps extends ClassNameProps {
     items: {
         url: string;
-        text: React.ReactNode;
+        text: ReactNode;
     }[];
     theme?: TextTheme;
     analyticsEvents?: AnalyticsEventsProp;
@@ -282,7 +282,7 @@ export interface TitleItemBaseProps {
     textSize?: TextSize;
     url?: string;
     urlTitle?: string;
-    custom?: string | React.ReactNode;
+    custom?: string | ReactNode;
     onClick?: () => void;
 }
 export type MediaView = 'fit' | 'full';

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

@@ -6,12 +6,12 @@ var AuthorType;
 (function (AuthorType) {
     AuthorType["Column"] = "column";
     AuthorType["Line"] = "line";
-})(AuthorType || (exports.AuthorType = AuthorType = {}));
+})(AuthorType = exports.AuthorType || (exports.AuthorType = {}));
 var PriceDetailsType;
 (function (PriceDetailsType) {
     PriceDetailsType["MARKED_LIST"] = "marked-list";
     PriceDetailsType["SETTINGS"] = "settings";
-})(PriceDetailsType || (exports.PriceDetailsType = PriceDetailsType = {}));
+})(PriceDetailsType = exports.PriceDetailsType || (exports.PriceDetailsType = {}));
 var PriceLabelColor;
 (function (PriceLabelColor) {
     PriceLabelColor["BLUE"] = "blue";
@@ -19,41 +19,40 @@ var PriceLabelColor;
     PriceLabelColor["YELLOW"] = "yellow";
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
-})(PriceLabelColor || (exports.PriceLabelColor = PriceLabelColor = {}));
+})(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";
     PlayButtonType["Text"] = "text";
-})(PlayButtonType || (exports.PlayButtonType = PlayButtonType = {}));
+})(PlayButtonType = exports.PlayButtonType || (exports.PlayButtonType = {}));
 var PlayButtonThemes;
 (function (PlayButtonThemes) {
     PlayButtonThemes["Blue"] = "blue";
     PlayButtonThemes["Grey"] = "grey";
-})(PlayButtonThemes || (exports.PlayButtonThemes = PlayButtonThemes = {}));
+})(PlayButtonThemes = exports.PlayButtonThemes || (exports.PlayButtonThemes = {}));
 var CustomControlsType;
 (function (CustomControlsType) {
     CustomControlsType["WithMuteButton"] = "with-mute-button";
     CustomControlsType["WithPlayPauseButton"] = "with-play-pause-button";
-})(CustomControlsType || (exports.CustomControlsType = CustomControlsType = {}));
+})(CustomControlsType = exports.CustomControlsType || (exports.CustomControlsType = {}));
 var CustomControlsButtonPositioning;
 (function (CustomControlsButtonPositioning) {
     CustomControlsButtonPositioning["Left"] = "left";
     CustomControlsButtonPositioning["Right"] = "right";
     CustomControlsButtonPositioning["Center"] = "center";
-})(CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = CustomControlsButtonPositioning = {}));
+})(CustomControlsButtonPositioning = exports.CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = {}));
 var MediaVideoType;
 (function (MediaVideoType) {
     MediaVideoType["Default"] = "default";
     MediaVideoType["Player"] = "player";
-})(MediaVideoType || (exports.MediaVideoType = MediaVideoType = {}));
+})(MediaVideoType = exports.MediaVideoType || (exports.MediaVideoType = {}));
 var MediaVideoControlsType;
 (function (MediaVideoControlsType) {
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
-})(MediaVideoControlsType || (exports.MediaVideoControlsType = MediaVideoControlsType = {}));
+})(MediaVideoControlsType = exports.MediaVideoControlsType || (exports.MediaVideoControlsType = {}));
 var QuoteType;
 (function (QuoteType) {
     QuoteType["Chevron"] = "chevron";
     QuoteType["EnglishDouble"] = "english-double";
-})(QuoteType || (exports.QuoteType = QuoteType = {}));
-//# sourceMappingURL=common.js.map
+})(QuoteType = exports.QuoteType || (exports.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,6 @@
 "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
+tslib_1.__exportStar(require("./sub-blocks"), exports);
+tslib_1.__exportStar(require("./blocks"), exports);
+tslib_1.__exportStar(require("./common"), exports);

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

@@ -22,16 +22,15 @@ var SubBlockType;
     SubBlockType["Card"] = "card";
     SubBlockType["PriceCard"] = "price-card";
     SubBlockType["ImageCard"] = "image-card";
-})(SubBlockType || (exports.SubBlockType = SubBlockType = {}));
+})(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
 var IconPosition;
 (function (IconPosition) {
     IconPosition["Top"] = "top";
     IconPosition["Left"] = "left";
-})(IconPosition || (exports.IconPosition = IconPosition = {}));
+})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
 var ImageCardDirection;
 (function (ImageCardDirection) {
     ImageCardDirection["Direct"] = "direct";
     ImageCardDirection["Reverse"] = "reverse";
-})(ImageCardDirection || (exports.ImageCardDirection = ImageCardDirection = {}));
+})(ImageCardDirection = exports.ImageCardDirection || (exports.ImageCardDirection = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);
-//# sourceMappingURL=sub-blocks.js.map

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 React, { PropsWithChildren } from 'react';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -28,7 +28,7 @@ export type FetchLoadableData<TData = LoadableData> = (params: FetchLoadableData
 export type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;
 export type OnInit = (data: InitConstrucorState) => void;
 type ComponentProps = React.ComponentProps<React.ComponentClass<any>>;
-export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<React.PropsWithChildren<ComponentProps>>;
+export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<PropsWithChildren<ComponentProps>>;
 export type CustomItems = Record<string, CustomItem>;
 export interface LoadableConfigItem {
     fetch: FetchLoadableData;

package/build/cjs/models/constructor.js

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

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

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

package/build/cjs/models/customization.js

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

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,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBlock = isBlock;
-exports.isYandexDataForm = isYandexDataForm;
-exports.isHubspotDataForm = isHubspotDataForm;
-const _1 = require("./index.js");
+exports.isHubspotDataForm = exports.isYandexDataForm = exports.isBlock = void 0;
+const _1 = require("./");
 function isBlock(block) {
     return block.type in _1.BlockTypes;
 }
+exports.isBlock = isBlock;
 function isYandexDataForm(data) {
     return Boolean(data.yandex);
 }
+exports.isYandexDataForm = isYandexDataForm;
 function isHubspotDataForm(data) {
     return Boolean(data.hubspot);
 }
-//# sourceMappingURL=guards.js.map
+exports.isHubspotDataForm = isHubspotDataForm;

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,10 @@
 "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
+tslib_1.__exportStar(require("./constructor"), exports);
+tslib_1.__exportStar(require("./constructor-items"), exports);
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./guards"), exports);
+tslib_1.__exportStar(require("./navigation"), exports);
+tslib_1.__exportStar(require("./customization"), exports);

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

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

package/build/cjs/models/navigation.js

@@ -8,7 +8,7 @@ var NavigationItemType;
     NavigationItemType["Button"] = "button";
     NavigationItemType["Social"] = "social";
     NavigationItemType["GithubButton"] = "github-button";
-})(NavigationItemType || (exports.NavigationItemType = NavigationItemType = {}));
+})(NavigationItemType = exports.NavigationItemType || (exports.NavigationItemType = {}));
 exports.NavigationItemTypes = Object.values(NavigationItemType);
 var NavigationGithubButtonIcon;
 (function (NavigationGithubButtonIcon) {
@@ -22,5 +22,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 = exports.NavigationGithubButtonIcon || (exports.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 React from 'react';
+import { DesktopNavigationProps } from '../../models';
 export declare const DesktopNavigation: React.FC<DesktopNavigationProps>;
 export default DesktopNavigation;

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

@@ -2,15 +2,25 @@
 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 react_1 = tslib_1.__importDefault(require("react"));
+const OverflowScroller_1 = tslib_1.__importDefault(require("../../../components/OverflowScroller/OverflowScroller"));
+const utils_1 = require("../../../utils");
+const models_1 = require("../../models");
+const Logo_1 = tslib_1.__importDefault(require("../Logo/Logo"));
+const MobileMenuButton_1 = require("../MobileMenuButton/MobileMenuButton");
+const NavigationList_1 = require("../NavigationList/NavigationList");
 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 }))] })] }));
+const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (react_1.default.createElement("div", { className: b('wrapper') },
+    logo && (react_1.default.createElement("div", { className: b('left') },
+        react_1.default.createElement(Logo_1.default, Object.assign({}, logo, { className: b('logo') })))),
+    react_1.default.createElement("div", { className: b('navigation-container') },
+        react_1.default.createElement(OverflowScroller_1.default, { className: b('navigation'), onScrollStart: onActiveItemChange },
+            react_1.default.createElement(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 }))),
+    react_1.default.createElement("div", { className: b('right') },
+        customMobileHeaderItems && (react_1.default.createElement("div", { className: b('mobile-navigation-container') },
+            react_1.default.createElement(OverflowScroller_1.default, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18 },
+                react_1.default.createElement(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 })))),
+        react_1.default.createElement(MobileMenuButton_1.MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
+        rightItemsWithIconSize && (react_1.default.createElement(NavigationList_1.NavigationList, { onActiveItemChange: onActiveItemChange, column: models_1.ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: models_1.NavigationLayout.Desktop })))));
 exports.DesktopNavigation = DesktopNavigation;
 exports.default = exports.DesktopNavigation;
-//# sourceMappingURL=DesktopNavigation.js.map

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

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

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

@@ -2,20 +2,19 @@
 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 react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../components/Media/Image/utils");
+const RouterLink_1 = tslib_1.__importDefault(require("../../../components/RouterLink/RouterLink"));
+const locationContext_1 = require("../../../context/locationContext");
+const theme_1 = require("../../../context/theme");
+const utils_2 = require("../../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_2.block)('logo');
 const Logo = (_a) => {
     var { alt = (0, i18n_1.i18n)('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
     const props = Object.assign(Object.assign({}, restProps), { alt });
-    const { hostname, Link } = React.useContext(locationContext_1.LocationContext);
+    const { hostname, Link } = (0, react_1.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);
@@ -24,9 +23,10 @@ const Logo = (_a) => {
     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 content = (react_1.default.createElement(react_1.Fragment, null,
+        imageData && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, imageData)),
+        react_1.default.createElement("span", { className: b('text') }, textData)));
+    return (react_1.default.createElement(RouterLink_1.default, { href: url, passHref: true }, Link ? (react_1.default.createElement("span", { className: b(null, props.className) }, content)) : (react_1.default.createElement("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps), content))));
 };
 exports.Logo = Logo;
 exports.default = exports.Logo;
-//# sourceMappingURL=Logo.js.map

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ 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 cn_1 = require("../../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Logo`);
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileMenuButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
-const components_1 = require("../../../components/index.js");
-const utils_1 = require("../../../utils/index.js");
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('mobile-menu-button');
 const ICON_SIZE = 24;
-const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => ((0, jsx_runtime_1.jsx)(components_1.Control, { className: b(), onClick: (e) => {
+const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (react_1.default.createElement(components_1.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

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

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

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

@@ -2,24 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileNavigation = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable.js"));
-const hooks_1 = require("../../../hooks/index.js");
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../../models.js");
-const NavigationList_1 = require("../NavigationList/NavigationList.js");
+const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable"));
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const models_1 = require("../../models");
+const NavigationList_1 = require("../NavigationList/NavigationList");
 const b = (0, utils_1.block)('mobile-navigation');
 const MobileNavigation = (_a) => {
     var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
-    const [isMounted, setIsMounted] = React.useState(false);
+    const [isMounted, setIsMounted] = react_1.default.useState(false);
     (0, hooks_1.useMount)(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
+    return (react_1.default.createElement(uikit_1.Portal, null,
+        react_1.default.createElement(Foldable_1.default, { key: topItems === null || topItems === void 0 ? void 0 : topItems.length, className: b(), isOpened: Boolean(isOpened) },
+            react_1.default.createElement("div", { className: b('wrapper') },
+                topItems && (react_1.default.createElement(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))),
+                bottomItems && (react_1.default.createElement(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))))));
 };
 exports.MobileNavigation = MobileNavigation;
 exports.default = exports.MobileNavigation;
-//# sourceMappingURL=MobileNavigation.js.map

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

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

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

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

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

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