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

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

@@ -1,7 +1,7 @@
-import React, { CSSProperties, DetailedHTMLProps, HTMLProps, ImgHTMLAttributes, ReactNode } from 'react';
+import * as React from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
-import { ThemeSupporting } from '../../utils';
-import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
+import { ThemeSupporting } from "../../utils/index.js";
+import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from "../common.js";
 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<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
+export interface ImageInfoProps extends Pick<React.DetailedHTMLProps<React.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?: CSSProperties;
+    style?: React.CSSProperties;
     imageClassName?: string;
     hide?: boolean;
 }
@@ -139,17 +139,17 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     colorTheme?: TextTheme;
     arrow?: boolean;
     target?: string;
-    extraProps?: HTMLProps<HTMLAnchorElement>;
+    extraProps?: React.HTMLProps<HTMLAnchorElement>;
 }
 export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
-    text: ReactNode;
+    text: React.ReactNode;
     type?: FileLinkType;
     textSize?: TextSize;
     theme?: ContentTheme;
     urlTitle?: string;
     onClick?: () => void;
-    extraProps?: HTMLProps<HTMLAnchorElement>;
+    extraProps?: React.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: ReactNode;
+        text: React.ReactNode;
     }[];
     theme?: TextTheme;
     analyticsEvents?: AnalyticsEventsProp;
@@ -282,7 +282,7 @@ export interface TitleItemBaseProps {
     textSize?: TextSize;
     url?: string;
     urlTitle?: string;
-    custom?: string | ReactNode;
+    custom?: string | React.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 || (exports.AuthorType = {}));
+})(AuthorType || (exports.AuthorType = AuthorType = {}));
 var PriceDetailsType;
 (function (PriceDetailsType) {
     PriceDetailsType["MARKED_LIST"] = "marked-list";
     PriceDetailsType["SETTINGS"] = "settings";
-})(PriceDetailsType = exports.PriceDetailsType || (exports.PriceDetailsType = {}));
+})(PriceDetailsType || (exports.PriceDetailsType = PriceDetailsType = {}));
 var PriceLabelColor;
 (function (PriceLabelColor) {
     PriceLabelColor["BLUE"] = "blue";
@@ -19,40 +19,41 @@ var PriceLabelColor;
     PriceLabelColor["YELLOW"] = "yellow";
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
-})(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
+})(PriceLabelColor || (exports.PriceLabelColor = PriceLabelColor = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";
     PlayButtonType["Text"] = "text";
-})(PlayButtonType = exports.PlayButtonType || (exports.PlayButtonType = {}));
+})(PlayButtonType || (exports.PlayButtonType = PlayButtonType = {}));
 var PlayButtonThemes;
 (function (PlayButtonThemes) {
     PlayButtonThemes["Blue"] = "blue";
     PlayButtonThemes["Grey"] = "grey";
-})(PlayButtonThemes = exports.PlayButtonThemes || (exports.PlayButtonThemes = {}));
+})(PlayButtonThemes || (exports.PlayButtonThemes = PlayButtonThemes = {}));
 var CustomControlsType;
 (function (CustomControlsType) {
     CustomControlsType["WithMuteButton"] = "with-mute-button";
     CustomControlsType["WithPlayPauseButton"] = "with-play-pause-button";
-})(CustomControlsType = exports.CustomControlsType || (exports.CustomControlsType = {}));
+})(CustomControlsType || (exports.CustomControlsType = CustomControlsType = {}));
 var CustomControlsButtonPositioning;
 (function (CustomControlsButtonPositioning) {
     CustomControlsButtonPositioning["Left"] = "left";
     CustomControlsButtonPositioning["Right"] = "right";
     CustomControlsButtonPositioning["Center"] = "center";
-})(CustomControlsButtonPositioning = exports.CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = {}));
+})(CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = CustomControlsButtonPositioning = {}));
 var MediaVideoType;
 (function (MediaVideoType) {
     MediaVideoType["Default"] = "default";
     MediaVideoType["Player"] = "player";
-})(MediaVideoType = exports.MediaVideoType || (exports.MediaVideoType = {}));
+})(MediaVideoType || (exports.MediaVideoType = MediaVideoType = {}));
 var MediaVideoControlsType;
 (function (MediaVideoControlsType) {
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
-})(MediaVideoControlsType = exports.MediaVideoControlsType || (exports.MediaVideoControlsType = {}));
+})(MediaVideoControlsType || (exports.MediaVideoControlsType = MediaVideoControlsType = {}));
 var QuoteType;
 (function (QuoteType) {
     QuoteType["Chevron"] = "chevron";
     QuoteType["EnglishDouble"] = "english-double";
-})(QuoteType = exports.QuoteType || (exports.QuoteType = {}));
+})(QuoteType || (exports.QuoteType = QuoteType = {}));
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"../../../../src","sources":["models/constructor-items/common.ts"],"names":[],"mappings":";;;AAOA,QAAQ;AACR,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,2BAAa,CAAA;AACjB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,+CAA2B,CAAA;IAC3B,yCAAqB,CAAA;AACzB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,eAMX;AAND,WAAY,eAAe;IACvB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;AACf,CAAC,EANW,eAAe,+BAAf,eAAe,QAM1B;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;AACjB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,iCAAa,CAAA;IACb,iCAAa,CAAA;AACjB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAED,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,yDAAmC,CAAA;IACnC,oEAA8C,CAAA;AAClD,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,+BAIX;AAJD,WAAY,+BAA+B;IACvC,gDAAa,CAAA;IACb,kDAAe,CAAA;IACf,oDAAiB,CAAA;AACrB,CAAC,EAJW,+BAA+B,+CAA/B,+BAA+B,QAI1C;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;AACrB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,6CAAmB,CAAA;IACnB,2CAAiB,CAAA;AACrB,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,6CAAgC,CAAA;AACpC,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["import * as React from 'react';\n\nimport {ButtonView, ButtonProps as UikitButtonProps} from '@gravity-ui/uikit';\n\nimport {ThemeSupporting} from '../../utils';\nimport {AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps} from '../common';\n\n// enums\nexport enum AuthorType {\n    Column = 'column',\n    Line = 'line',\n}\n\nexport enum PriceDetailsType {\n    MARKED_LIST = 'marked-list',\n    SETTINGS = 'settings',\n}\n\nexport enum PriceLabelColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n    RED = 'red',\n}\n\nexport enum PlayButtonType {\n    Default = 'default',\n    Text = 'text',\n}\n\nexport enum PlayButtonThemes {\n    Blue = 'blue',\n    Grey = 'grey',\n}\n\nexport enum CustomControlsType {\n    WithMuteButton = 'with-mute-button',\n    WithPlayPauseButton = 'with-play-pause-button',\n}\n\nexport enum CustomControlsButtonPositioning {\n    Left = 'left',\n    Right = 'right',\n    Center = 'center',\n}\n\nexport enum MediaVideoType {\n    Default = 'default',\n    Player = 'player',\n}\n\nexport enum MediaVideoControlsType {\n    Default = 'default',\n    Custom = 'custom',\n}\n\nexport enum QuoteType {\n    Chevron = 'chevron', // « »\n    EnglishDouble = 'english-double', // “ ”\n}\n\n// types\nexport type TextTheme = 'light' | 'dark';\nexport type TextSize = 'xs' | 's' | 'm' | 'l';\nexport type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';\nexport type HeaderWidth = 's' | 'm' | 'l';\nexport type HeaderImageSize = 's' | 'm';\nexport type HeaderOffset = 'default' | 'large';\nexport type Justify = 'start' | 'center' | 'end';\nexport type ColumnsCount = 1 | 2 | 3 | 4;\nexport type LegendTableMarkerType = 'disk' | 'tick';\nexport type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';\nexport type MediaDirection = 'media-content' | 'content-media';\nexport type PriceDescriptionColor = 'cornflower' | 'black';\nexport type ContentSize = 's' | 'l';\nexport type ContentTextSize = 's' | 'm' | 'l';\nexport type ContentTheme = 'default' | 'dark' | 'light';\nexport type FileLinkType = 'vertical' | 'horizontal';\nexport type ImageCardMargins = 's' | 'm';\nexport type LayoutItemContentMargin = 'm' | 'l';\n\n// modifiers\nexport interface Themable {\n    theme?: TextTheme;\n}\n\nexport interface Justifyable {\n    justify?: Justify;\n}\n\nexport interface Stylable {\n    className?: string;\n}\n\nexport interface Animatable {\n    animated?: boolean;\n}\n\nexport interface Tabbable {\n    tabIndex?: number;\n}\n\nexport interface Roleable {\n    role?: React.AriaRole;\n}\n\n//common props\nexport interface Background {\n    image?: string;\n    color?: string;\n}\n\nexport interface AnchorProps {\n    text: string;\n    url: string;\n}\n\n/**\n * @deprecated Component VideoBlock will be deleted, which uses this logic\n */\ninterface LoopProps {\n    start: number;\n    end?: number;\n}\n\n// images\n\nexport interface ImageInfoProps\n    extends Pick<\n        React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,\n        'aria-describedby' | 'loading'\n    > {\n    alt?: string;\n    fetchPriority?: 'high' | 'low' | 'auto';\n    disableCompress?: boolean;\n}\n\nexport interface ImageObjectProps extends ImageInfoProps {\n    src: string;\n}\n\nexport interface ImageDeviceProps extends ImageInfoProps {\n    desktop: string;\n    mobile: string;\n    tablet?: string;\n}\n\nexport type ImageProps = string | ImageObjectProps | ImageDeviceProps;\nexport type ThemedImage = ThemeSupporting<ImageProps>;\n\nexport interface BackgroundImageProps\n    extends React.HTMLProps<HTMLDivElement>,\n        Partial<ImageDeviceProps>,\n        Partial<ImageObjectProps>,\n        QAProps {\n    style?: React.CSSProperties;\n    imageClassName?: string;\n    hide?: boolean;\n}\n\n//components props\nexport interface MediaVideoProps extends AnalyticsEventsBase {\n    src: string[];\n    type?: MediaVideoType;\n    loop?: LoopProps | boolean;\n    muted?: boolean;\n    autoplay?: boolean;\n    elapsedTime?: number;\n    playButton?: PlayButtonProps;\n    controls?: MediaVideoControlsType;\n    customControlsOptions?: CustomControlsOptions;\n    ariaLabel?: string;\n    contain?: boolean;\n}\n\n// links\nexport interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {\n    url: string;\n    urlTitle?: string;\n    text?: string;\n    textSize?: TextSize;\n    theme?: LinkTheme;\n    colorTheme?: TextTheme;\n    arrow?: boolean;\n    target?: string;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\nexport interface FileLinkProps extends ClassNameProps, Tabbable {\n    href: string;\n    text: React.ReactNode;\n    type?: FileLinkType;\n    textSize?: TextSize;\n    theme?: ContentTheme;\n    urlTitle?: string;\n    onClick?: () => void;\n    extraProps?: React.HTMLProps<HTMLAnchorElement>;\n}\n\n// buttons\nexport type ButtonTheme =\n    | ButtonView\n    | 'github'\n    | 'app-store'\n    | 'google-play'\n    | 'scale'\n    | 'monochrome';\n\nexport interface ButtonProps\n    extends AnalyticsEventsBase,\n        Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {\n    text: string;\n    url: string;\n    urlTitle?: string;\n    primary?: boolean;\n    theme?: ButtonTheme;\n    img?: ButtonImageProps | string;\n    target?: string;\n}\n\nexport type ButtonImagePosition = 'left' | 'right';\n\nexport interface ButtonImageProps {\n    url: string;\n    position?: ButtonImagePosition;\n    alt?: string;\n}\n\nexport interface CustomControlsOptions {\n    type?: CustomControlsType;\n    muteButtonShown?: boolean;\n    positioning?: CustomControlsButtonPositioning;\n}\n\nexport interface PlayButtonProps extends ClassNameProps {\n    type?: PlayButtonType;\n    theme?: PlayButtonThemes;\n    text?: string;\n}\n\nexport type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;\n\nexport interface MediaComponentVideoProps extends AnalyticsEventsBase {\n    video: MediaVideoProps;\n    height?: number;\n    ratio?: number | 'auto';\n    previewImg?: string;\n}\n\nexport interface MediaComponentVideoIframeProps {\n    videoIframe: string;\n}\n\nexport interface MediaComponentYoutubeProps {\n    youtube: string;\n    previewImg?: string;\n    fullscreen?: boolean;\n}\n\nexport interface MediaComponentImageProps {\n    image: ImageProps | ImageProps[] | ImageDeviceProps;\n    video?: MediaVideoProps;\n    parallax?: boolean;\n    height?: number;\n    disableImageSliderForArrayInput?: boolean;\n}\n\nexport interface MediaComponentDataLensProps {\n    dataLens: DataLensProps;\n}\n\nexport interface MediaComponentIframeProps {\n    iframe: IframeProps;\n    margins?: boolean;\n}\n\nexport interface MediaProps\n    extends Animatable,\n        Partial<MediaComponentDataLensProps>,\n        Partial<MediaComponentYoutubeProps>,\n        Partial<MediaComponentVideoIframeProps>,\n        Partial<MediaComponentImageProps>,\n        Partial<MediaComponentIframeProps>,\n        Partial<MediaComponentVideoProps> {\n    color?: string;\n    videoMicrodata?: {\n        name?: string;\n        description?: string;\n        duration?: string;\n        uploadDate?: string;\n        contentUrl?: string;\n        thumbnailUrl?: string;\n    };\n}\n\nexport interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {\n    fullWidthMedia?: boolean;\n    className?: string;\n    mediaClassName?: string;\n}\n\nexport type Coordinate = number[];\n\nexport interface MapBaseProps {\n    zoom?: number;\n    className?: string;\n}\n\nexport interface GMapProps extends MapBaseProps {\n    address: string;\n}\n\nexport interface YMapProps extends MapBaseProps {\n    markers: YMapMarker[];\n    id: string;\n}\n\nexport interface YMapMarker {\n    address?: string;\n    coordinate?: Coordinate;\n    label?: YMapMarkerLabel;\n}\n\nexport interface YMapMarkerLabel {\n    iconCaption?: string;\n    iconContent?: string;\n    iconColor?: string;\n    preset?: string;\n}\n\nexport type MapProps = GMapProps | YMapProps;\n\nexport type ThemedMediaProps = ThemeSupporting<MediaProps>;\n\nexport interface DataLensObjectProps {\n    id: string;\n    theme: 'dark' | 'light';\n}\n\nexport interface IframeProps {\n    src: string;\n    width?: number;\n    height?: number;\n    title?: string;\n    name?: string;\n}\n\nexport type DataLensProps = string | DataLensObjectProps;\n\nexport interface AuthorItem {\n    firstName: string;\n    secondName: string;\n    description?: string;\n    avatar?: ThemeSupporting<ImageProps> | JSX.Element;\n}\n\nexport interface HeaderBreadCrumbsProps extends ClassNameProps {\n    items: {\n        url: string;\n        text: React.ReactNode;\n    }[];\n    theme?: TextTheme;\n    analyticsEvents?: AnalyticsEventsProp;\n}\n\nexport interface TitleItemProps extends Justifyable, TitleItemBaseProps {\n    navTitle?: string;\n    anchor?: string;\n}\n\nexport interface TitleItemBaseProps {\n    text: string;\n    textSize?: TextSize;\n    url?: string;\n    urlTitle?: string;\n    custom?: string | React.ReactNode;\n    onClick?: () => void;\n}\n\nexport type MediaView = 'fit' | 'full';\n\n// card\nexport type MediaBorder = 'shadow' | 'line' | 'none';\nexport type CardBorder = MediaBorder;\nexport type ControlPosition = 'content' | 'footer';\n\nexport interface CardBaseProps {\n    border?: CardBorder;\n}\n\nexport type CardLayoutProps = {\n    controlPosition?: ControlPosition;\n};\n\n//price\nexport interface PriceDescriptionProps {\n    title: string;\n    detailedTitle?: string;\n    description: string;\n    label?: {\n        color: PriceLabelColor;\n        text?: string;\n        size?: TextSize;\n    };\n}\n\nexport interface PriceDetailsSettingsProps {\n    title: string;\n    description: string;\n}\n\nexport interface PriceDetailsListProps {\n    text: string;\n}\n\nexport interface PriceDetailsProps {\n    items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];\n}\n\nexport interface PriceItemProps\n    extends PriceDetailsProps,\n        PriceDescriptionProps,\n        AnalyticsEventsBase {}\n\nexport interface PriceFoldableDetailsProps {\n    title: string;\n    size?: TextSize;\n    titleColor?: PriceDescriptionColor;\n}\n\n/** @deprecated */\nexport interface PriceDetailedProps extends CardBaseProps {\n    items: PriceItemProps[];\n    description?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n        titleColor?: PriceDescriptionColor;\n    };\n    details?: {\n        titleSize?: TextSize;\n        descriptionSize?: TextSize;\n    };\n    priceType?: PriceDetailsType;\n    numberGroupItems?: 3 | 4 | 5;\n    isCombined?: boolean;\n    useMixedView?: boolean;\n    foldable?: PriceFoldableDetailsProps;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n}\n\nexport interface AuthorProps extends QAProps {\n    author: AuthorItem;\n    className?: string;\n    authorContainerClassName?: string;\n    type?: AuthorType;\n    theme?: ContentTheme;\n}\n\nexport interface TitleProps {\n    title?: TitleItemProps | string;\n    subtitle?: string;\n}\n\nexport interface YandexFormProps extends AnalyticsEventsBase {\n    id: number | string;\n    containerId?: string;\n    theme?: string;\n    className?: string;\n    headerHeight?: number;\n    customFormOrigin?: string;\n    customFormSection?: string;\n    params?: {[key: string]: string};\n\n    onSubmit?: () => void;\n    onLoad?: () => void;\n}\n\nexport interface WithBorder {\n    border?: MediaBorder;\n    /**\n     * @deprecated use custom class for media-component\n     */\n    disableShadow?: boolean;\n}\n"]}

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

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

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./sub-blocks"), exports);
-tslib_1.__exportStar(require("./blocks"), exports);
-tslib_1.__exportStar(require("./common"), exports);
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["models/constructor-items/index.ts"],"names":[],"mappings":";;;AAGA,0DAA6B;AAC7B,sDAAyB;AACzB,sDAAyB","sourcesContent":["import {Block} from './blocks';\nimport {SubBlock} from './sub-blocks';\n\nexport * from './sub-blocks';\nexport * from './blocks';\nexport * from './common';\n\nexport type ConstructorItem = Block | SubBlock;\n"]}

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

@@ -1,9 +1,9 @@
-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';
+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";
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sub-blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/sub-blocks.ts"],"names":[],"mappings":";;;AA0BA,IAAY,YAoBX;AApBD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf;;OAEG;IACH,gDAAgC,CAAA;IAChC,wCAAwB,CAAA;IACxB,0CAA0B,CAAA;IAC1B,0CAA0B,CAAA;IAC1B,kDAAkC,CAAA;IAClC,wCAAwB,CAAA;IACxB,mCAAmB,CAAA;IACnB,4CAA4B,CAAA;IAC5B;;OAEG;IACH,6BAAa,CAAA;IACb,wCAAwB,CAAA;IACxB,wCAAwB,CAAA;AAC5B,CAAC,EApBW,YAAY,4BAAZ,YAAY,QAoBvB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACjB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAWD,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAEY,QAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import {ClassNameProps, QuoteType} from '../../models';\nimport {ThemeSupporting} from '../../utils';\nimport {HubspotEventData, HubspotEventHandlers} from '../../utils/hubspot';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {ContentBlockProps} from './blocks';\nimport {\n    AuthorItem,\n    ButtonProps,\n    CardBaseProps,\n    CardLayoutProps,\n    ContentTheme,\n    DividerSize,\n    ImageCardMargins,\n    ImageObjectProps,\n    ImageProps,\n    LayoutItemContentMargin,\n    LinkProps,\n    MediaProps,\n    MediaView,\n    PriceDetailedProps,\n    TextTheme,\n    Themable,\n    ThemedImage,\n} from './common';\n\nexport enum SubBlockType {\n    Divider = 'divider',\n    Quote = 'quote',\n    /**\n     * @deprecated Will be removed\n     */\n    PriceDetailed = 'price-detailed',\n    MediaCard = 'media-card',\n    BannerCard = 'banner-card',\n    LayoutItem = 'layout-item',\n    BackgroundCard = 'background-card',\n    BasicCard = 'basic-card',\n    Content = 'content',\n    HubspotForm = 'hubspot-form',\n    /**\n     * @deprecated Will be removed, use BasicCard instead\n     */\n    Card = 'card',\n    PriceCard = 'price-card',\n    ImageCard = 'image-card',\n}\n\nexport enum IconPosition {\n    Top = 'top',\n    Left = 'left',\n}\n\nexport interface PositionedIcon {\n    value: ImageProps;\n    position?: IconPosition;\n}\n\nexport interface IconWrapperProps {\n    icon?: PositionedIcon;\n}\n\nexport enum ImageCardDirection {\n    Direct = 'direct',\n    Reverse = 'reverse',\n}\n\nexport const SubBlockTypes = Object.values(SubBlockType);\n\nexport interface DividerProps {\n    size?: DividerSize;\n    border?: boolean;\n}\n\nexport interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {\n    className?: string;\n    theme?: ContentTheme;\n    isMobile?: boolean;\n    region?: string;\n    portalId: string;\n    formId: string;\n    formInstanceId?: string;\n    formClassName?: string;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeLoad?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onLoad?: (arg: HubspotEventData) => void;\n    hubspotEvents?: string[];\n    createDOMElement?: boolean;\n}\n\n//cards\nexport interface QuoteProps extends Themable, CardBaseProps {\n    text?: string;\n    // for backward compatibility, yfmText will become property 'text' in major\n    yfmText?: string;\n    image: ThemedImage;\n    logo: ThemeSupporting<ImageProps>;\n    color?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    url?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    urlTitle?: string;\n    author?: AuthorItem;\n    /**\n     * @deprecated use property button instead\n     */\n    buttonText?: string;\n    theme?: TextTheme;\n    quoteType?: QuoteType;\n    button?: ButtonProps;\n}\n\nexport interface BackgroundCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    url?: string;\n    urlTitle?: string;\n    background?: ThemeSupporting<ImageObjectProps>;\n    paddingBottom?: 's' | 'm' | 'l' | 'xl';\n    backgroundColor?: string;\n}\n\nexport interface BasicCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme' | 'controlPosition'> {\n    url: string;\n    urlTitle?: string;\n    icon?: ThemeSupporting<ImageProps>;\n    target?: string;\n    iconPosition?: IconPosition;\n}\n\nexport interface BannerCardProps {\n    title: string;\n    subtitle?: string;\n    className?: string;\n    image?: ThemeSupporting<string>;\n    disableCompress?: boolean;\n    color?: ThemeSupporting<string>;\n    theme?: TextTheme;\n    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;\n    mediaView?: MediaView;\n}\n\nexport interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {}\n\nexport interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {\n    title: string;\n    price: string;\n    pricePeriod?: string;\n    priceDetails?: string;\n    description?: string;\n    buttons?: ButtonProps[];\n    links?: LinkProps[];\n    backgroundColor?: string;\n    list?: string[];\n}\n\nexport interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {\n    content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;\n    contentMargin?: LayoutItemContentMargin;\n    media?: ThemeSupporting<MediaProps>;\n    metaInfo?: string[];\n    border?: boolean;\n    fullscreen?: boolean;\n    icon?: ThemeSupporting<PositionedIcon>;\n}\n\nexport interface ImageCardProps\n    extends CardBaseProps,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    image: ThemeSupporting<ImageProps>;\n    enableImageBorderRadius?: boolean;\n    margins?: ImageCardMargins;\n    direction?: ImageCardDirection;\n    backgroundColor?: string;\n    url?: string;\n    urlTitle?: string;\n    target?: string;\n}\n\n// sub-block models\nexport type DividerModel = {\n    type: SubBlockType.Divider;\n} & DividerProps;\n\nexport type QuoteModel = {\n    type: SubBlockType.Quote;\n} & QuoteProps;\n\nexport type LayoutItemModel = {\n    type: SubBlockType.LayoutItem;\n} & LayoutItemProps;\n\nexport type BackgroundCardModel = {\n    type: SubBlockType.BackgroundCard;\n} & BackgroundCardProps;\n\n/** @deprecated */\nexport type PriceDetailedModel = {\n    type: SubBlockType.PriceDetailed;\n} & PriceDetailedProps;\n\nexport type MediaCardModel = {\n    type: SubBlockType.MediaCard;\n} & MediaCardProps;\n\nexport type HubspotFormModel = {\n    type: SubBlockType.HubspotForm;\n} & HubspotFormProps;\n\nexport type BannerCardModel = {\n    type: SubBlockType.BannerCard;\n} & BannerCardProps;\n\nexport type BasicCardModel = {\n    type: SubBlockType.BasicCard;\n} & BasicCardProps;\n\nexport type PriceCardModel = {\n    type: SubBlockType.PriceCard;\n} & PriceCardProps;\n\nexport type ImageCardModel = {\n    type: SubBlockType.ImageCard;\n} & ImageCardProps;\n\nexport type SubBlockModels =\n    | DividerModel\n    | QuoteModel\n    | PriceDetailedModel\n    | MediaCardModel\n    | BackgroundCardModel\n    | HubspotFormModel\n    | BannerCardModel\n    | BasicCardModel\n    | PriceCardModel\n    | LayoutItemModel\n    | ImageCardModel;\n\nexport type SubBlock = SubBlockModels;\n"]}

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

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
-import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
+import * as React from 'react';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from "./index.js";
 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<PropsWithChildren<ComponentProps>>;
+export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<React.PropsWithChildren<ComponentProps>>;
 export type CustomItems = Record<string, CustomItem>;
 export interface LoadableConfigItem {
     fetch: FetchLoadableData;

package/build/cjs/models/constructor.js

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

package/build/cjs/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/cjs/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/cjs/models/customization.js

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

package/build/cjs/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/cjs/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/cjs/models/guards.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"guards.js","sourceRoot":"../../../src","sources":["models/guards.ts"],"names":[],"mappings":";;AASA,0BAEC;AAED,4CAEC;AAED,8CAEC;AAnBD,iCAOY;AAEZ,SAAgB,OAAO,CAAC,KAAsB;IAC1C,OAAO,KAAK,CAAC,IAAI,IAAI,aAAU,CAAC;AACpC,CAAC;AAED,SAAgB,gBAAgB,CAAC,IAAmB;IAChD,OAAO,OAAO,CAAE,IAA4B,CAAC,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,SAAgB,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/cjs/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/cjs/models/index.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-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);
+tslib_1.__exportStar(require("./constructor.js"), exports);
+tslib_1.__exportStar(require("./constructor-items/index.js"), exports);
+tslib_1.__exportStar(require("./common.js"), exports);
+tslib_1.__exportStar(require("./components.js"), exports);
+tslib_1.__exportStar(require("./guards.js"), exports);
+tslib_1.__exportStar(require("./navigation.js"), exports);
+tslib_1.__exportStar(require("./customization.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,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/cjs/models/navigation.js

@@ -8,7 +8,7 @@ var NavigationItemType;
     NavigationItemType["Button"] = "button";
     NavigationItemType["Social"] = "social";
     NavigationItemType["GithubButton"] = "github-button";
-})(NavigationItemType = exports.NavigationItemType || (exports.NavigationItemType = {}));
+})(NavigationItemType || (exports.NavigationItemType = NavigationItemType = {}));
 exports.NavigationItemTypes = Object.values(NavigationItemType);
 var NavigationGithubButtonIcon;
 (function (NavigationGithubButtonIcon) {
@@ -22,4 +22,5 @@ var NavigationGithubButtonIcon;
     NavigationGithubButtonIcon["package"] = "octicon-package";
     NavigationGithubButtonIcon["template"] = "octicon-repo-template";
     NavigationGithubButtonIcon["play"] = "octicon-play";
-})(NavigationGithubButtonIcon = exports.NavigationGithubButtonIcon || (exports.NavigationGithubButtonIcon = {}));
+})(NavigationGithubButtonIcon || (exports.NavigationGithubButtonIcon = NavigationGithubButtonIcon = {}));
+//# sourceMappingURL=navigation.js.map

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

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

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

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

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

@@ -2,25 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesktopNavigation = void 0;
 const tslib_1 = require("tslib");
-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 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, }) => (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 })))));
+const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [logo && ((0, jsx_runtime_1.jsx)("div", { className: b('left'), children: (0, jsx_runtime_1.jsx)(Logo_1.default, Object.assign({}, logo, { className: b('logo') })) })), (0, jsx_runtime_1.jsx)("div", { className: b('navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('navigation'), onScrollStart: onActiveItemChange, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Desktop }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('right'), children: [customMobileHeaderItems && ((0, jsx_runtime_1.jsx)("div", { className: b('mobile-navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Dropdown }) }) })), (0, jsx_runtime_1.jsx)(MobileMenuButton_1.MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { onActiveItemChange: onActiveItemChange, column: models_1.ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: models_1.NavigationLayout.Desktop }))] })] }));
 exports.DesktopNavigation = DesktopNavigation;
 exports.default = exports.DesktopNavigation;
+//# sourceMappingURL=DesktopNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";;;;;AAEA,wHAAqF;AACrF,mDAAqC;AACrC,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {logo && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}

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

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

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

@@ -2,19 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logo = void 0;
 const tslib_1 = require("tslib");
-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 jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../../components/Media/Image/utils.js");
+const RouterLink_1 = tslib_1.__importDefault(require("../../../components/RouterLink/RouterLink.js"));
+const locationContext_1 = require("../../../context/locationContext/index.js");
+const theme_1 = require("../../../context/theme/index.js");
+const utils_2 = require("../../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_2.block)('logo');
 const Logo = (_a) => {
     var { alt = (0, i18n_1.i18n)('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
     const props = Object.assign(Object.assign({}, restProps), { alt });
-    const { hostname, Link } = (0, react_1.useContext)(locationContext_1.LocationContext);
+    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);
@@ -23,10 +24,9 @@ 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 = (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))));
+    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 }))) }));
 };
 exports.Logo = Logo;
 exports.default = exports.Logo;
+//# sourceMappingURL=Logo.js.map

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

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

package/build/cjs/navigation/components/Logo/i18n/index.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/cjs/navigation/components/Logo/i18n/index.js

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

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

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

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

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