@gravity-ui/page-constructor 1.18.0 → 1.19.0

package/build/cjs/components/Map/YMap/YandexMapApiLoader.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YMapsApiLoader = exports.MapApiStatus = void 0;
+const utils_1 = require("../../../utils");
+const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+var MapApiStatus;
+(function (MapApiStatus) {
+    MapApiStatus["NotStarted"] = "not_started";
+    MapApiStatus["Loading"] = "loading";
+    MapApiStatus["Loaded"] = "loaded";
+    MapApiStatus["Error"] = "error";
+})(MapApiStatus = exports.MapApiStatus || (exports.MapApiStatus = {}));
+const SCRIPT_ID = 'ymaps-script';
+class YMapsApiLoader {
+    static async loadApi(apiKey, scriptSrc, lang, nonce) {
+        if (YMapsApiLoader.status === MapApiStatus.Loaded) {
+            return Promise.resolve();
+        }
+        if (YMapsApiLoader.status === MapApiStatus.Loading) {
+            await YMapsApiLoader.loader;
+            return Promise.resolve();
+        }
+        YMapsApiLoader.status = MapApiStatus.Loading;
+        const csp = nonce ? `csp[style_nonce]=${nonce}` : 'csp=true';
+        const src = `${scriptSrc}?apikey=${apiKey}&lang=${mapsContext_1.Maplangs[lang]}&${csp}`;
+        YMapsApiLoader.loader = (0, utils_1.loadScript)(src, { id: SCRIPT_ID })
+            .then(() => {
+            YMapsApiLoader.status = MapApiStatus.Loaded;
+        })
+            .catch(() => {
+            YMapsApiLoader.status = MapApiStatus.Error;
+        });
+        return this.loader;
+    }
+}
+exports.YMapsApiLoader = YMapsApiLoader;
+YMapsApiLoader.status = MapApiStatus.NotStarted;

package/build/cjs/components/Map/YMap/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "map-load-error": "Error occured while loading the map",
+  "map-try-again": "Try again"
+}

package/build/cjs/components/Map/YMap/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Map/YMap/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'Map';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/Map/YMap/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "map-load-error": "При загрузке карты произошла ошибка",
+  "map-try-again": "Повторить"
+}

package/build/cjs/components/Map/helpers.d.ts

@@ -0,0 +1 @@
+export declare function getMapHeight(width: number, isMobile: boolean): number;

package/build/cjs/components/Map/helpers.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMapHeight = void 0;
+function getMapHeight(width, isMobile) {
+    return isMobile ? (width / 4) * 3 : (width / 16) * 9;
+}
+exports.getMapHeight = getMapHeight;

package/build/cjs/{blocks/Media/Media.css → components/MediaBase/MediaBase.css}

@@ -1,50 +1,51 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-media-block__card img {
+.pc-media-base__card img {
   width: 100%;
 }
-.pc-media-block__card img,
-.pc-media-block__card video,
-.pc-media-block__card iframe {
+.pc-media-base__card img,
+.pc-media-base__card video,
+.pc-media-base__card iframe,
+.pc-media-base__card .pc-map {
   border-radius: var(--pc-border-radius);
 }
-.pc-media-block__card_shadow {
+.pc-media-base__card_shadow {
   box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
 }
-.pc-media-block__row_reverse {
+.pc-media-base__row_reverse {
   flex-direction: row-reverse;
 }
-.pc-media-block__row_reverse .pc-media-block__content > * {
+.pc-media-base__row_reverse .pc-media-base__content > * {
   margin-right: 0;
   margin-left: 64px;
 }
-.pc-media-block__header {
+.pc-media-base__header {
   margin-bottom: 24px;
 }
 @media (max-width: 769px) {
-  .pc-media-block__row_reverse {
+  .pc-media-base__row_reverse {
     flex-direction: row;
   }
-  .pc-media-block__row_reverse .pc-media-block__content > * {
+  .pc-media-base__row_reverse .pc-media-base__content > * {
     margin-left: 0;
   }
-  .pc-media-block__row_mobile-reverse {
+  .pc-media-base__row_mobile-reverse {
     flex-direction: column-reverse;
   }
-  .pc-media-block__row_mobile-reverse .pc-media-block__content > * {
+  .pc-media-base__row_mobile-reverse .pc-media-base__content > * {
     margin-top: 32px;
     padding-bottom: 0;
   }
 }
 @media (min-width: 769px) {
-  .pc-media-block.pc-AnimateBlock .pc-media-block__card, .pc-AnimateBlock .pc-media-block .pc-media-block__card {
+  .pc-media-base.pc-AnimateBlock .pc-media-base__card, .pc-AnimateBlock .pc-media-base .pc-media-base__card {
     position: relative;
     top: 100px;
     opacity: 0;
   }
-  .pc-media-block.pc-AnimateBlock.animate .pc-media-block__card, .pc-AnimateBlock .pc-media-block.animate .pc-media-block__card {
+  .pc-media-base.pc-AnimateBlock.animate .pc-media-base__card, .pc-AnimateBlock .pc-media-base.animate .pc-media-base__card {
     top: 0;
     opacity: 1;
     transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);

package/build/cjs/components/MediaBase/MediaBase.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { MediaBaseBlockProps } from '../../models';
+interface MediaBaseProps extends MediaBaseBlockProps {
+    children: ReactElement;
+    onScroll?: () => void;
+}
+export declare const MediaBase: {
+    (props: MediaBaseProps): JSX.Element;
+    Card: React.FC<{
+        children?: React.ReactNode;
+    }>;
+};
+export default MediaBase;

package/build/cjs/components/MediaBase/MediaBase.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const grid_1 = require("../../grid");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const BlockHeader_1 = tslib_1.__importDefault(require("../../components/BlockHeader/BlockHeader"));
+const MediaBaseContent_1 = tslib_1.__importDefault(require("./MediaBaseContent"));
+const b = (0, utils_1.block)('media-base');
+const Card = () => null;
+const MediaBase = (props) => {
+    const { children, largeMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, disableShadow = false, onScroll } = props, mediaContentProps = tslib_1.__rest(props, ["children", "largeMedia", "direction", "mobileDirection", "animated", "mediaOnly", "disableShadow", "onScroll"]);
+    const { title, description } = mediaContentProps;
+    const mediaSizes = (0, react_1.useMemo)(() => {
+        return mediaOnly
+            ? { [grid_1.GridColumnSize.All]: 12 }
+            : { [grid_1.GridColumnSize.Md]: largeMedia ? 8 : 6, [grid_1.GridColumnSize.All]: 12 };
+    }, [mediaOnly, largeMedia]);
+    const contentSizes = (0, react_1.useMemo)(() => {
+        return { [grid_1.GridColumnSize.Md]: largeMedia ? 4 : 6, [grid_1.GridColumnSize.All]: 12 };
+    }, [largeMedia]);
+    const mediaContent = !mediaOnly && react_1.default.createElement(MediaBaseContent_1.default, Object.assign({}, mediaContentProps));
+    const card = children.type === Card ? children === null || children === void 0 ? void 0 : children.props.children : null;
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: onScroll, animate: animated },
+        mediaOnly && (react_1.default.createElement(BlockHeader_1.default, { className: b('header'), title: title, description: description })),
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, { className: b('row', {
+                    reverse: direction === 'media-content',
+                    'mobile-reverse': mobileDirection === 'media-content',
+                }) },
+                react_1.default.createElement(grid_1.Col, { className: b('content'), sizes: contentSizes }, mediaContent),
+                card ? (react_1.default.createElement(grid_1.Col, { sizes: mediaSizes },
+                    react_1.default.createElement("div", { className: b('card', { shadow: !disableShadow }) }, card))) : null))));
+};
+exports.MediaBase = MediaBase;
+exports.MediaBase.Card = Card;
+exports.default = exports.MediaBase;

package/build/cjs/{blocks/Media/MediaContent.css → components/MediaBase/MediaBaseContent.css}

@@ -1,11 +1,11 @@
-.pc-media-content {
+.pc-media-base-content {
   margin-right: 64px;
   height: 100%;
   align-items: center;
   display: flex;
 }
 @media (max-width: 769px) {
-  .pc-media-content {
+  .pc-media-base-content {
     margin-right: 0;
     padding-bottom: 32px;
   }

package/build/cjs/{blocks/Media/MediaContent.js → components/MediaBase/MediaBaseContent.js}

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const sub_blocks_1 = require("../../sub-blocks");
-const b = (0, utils_1.block)('media-content');
+const b = (0, utils_1.block)('media-base-content');
 const MediaContent = (props) => {
     const { title, description, button, links, buttons = [], additionalInfo, size = 'l' } = props;
     const allButtons = button ? [Object.assign(Object.assign({}, button), { size: 'xl' }), ...buttons] : buttons;

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

@@ -19,6 +19,7 @@ export declare const blockMap: {
     "card-layout-block": ({ title, description, animated, colSizes, children, }: import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps) => JSX.Element;
     "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
     "share-block": ({ items, title }: import("./models").ShareBlockProps) => JSX.Element;
+    "map-block": ({ map, ...props }: import("./models").MapBlockProps) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -25,6 +25,7 @@ exports.blockMap = {
     [models_1.BlockType.CardLayoutBlock]: blocks_1.CardLayoutBlock,
     [models_1.BlockType.ContentLayoutBlock]: blocks_1.ContentLayoutBlock,
     [models_1.BlockType.ShareBlock]: blocks_1.ShareBlock,
+    [models_1.BlockType.MapBlock]: blocks_1.MapBlock,
 };
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,

package/build/cjs/containers/PageConstructor/Provider.d.ts

@@ -1,4 +1,5 @@
 import { MetrikaContextProps } from '../../context/metrikaContext';
+import { MapsContextType } from '../../context/mapsContext/mapsContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
 import { LocaleContextProps } from '../../context/localeContext';
@@ -12,6 +13,7 @@ export interface PageConstructorProviderProps {
     metrika?: MetrikaContextProps;
     ssrConfig?: SSRContextProps;
     theme?: ConstructorTheme;
+    mapsContext?: MapsContextType;
     projectSettings?: ProjectSettingsContextProps;
 }
 export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;

package/build/cjs/containers/PageConstructor/Provider.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const ssrContext_1 = require("../../context/ssrContext");
 const localeContext_1 = require("../../context/localeContext");
@@ -12,7 +13,7 @@ const locationContext_1 = require("../../context/locationContext");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const constants_1 = require("../../components/constants");
 const PageConstructorProvider = (props) => {
-    const { isMobile, locale = {}, location = {}, metrika = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, } = props;
+    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, metrika = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme } }),
@@ -20,6 +21,7 @@ const PageConstructorProvider = (props) => {
         react_1.default.createElement(localeContext_1.LocaleContext.Provider, { value: locale }),
         react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: location }),
         react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
+        react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
         react_1.default.createElement(metrikaContext_1.MetrikaContext.Provider, { value: metrika }),
         react_1.default.createElement(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);

package/build/cjs/context/mapsContext/mapsContext.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare enum MapType {
+    Yandex = "yandex",
+    Google = "google"
+}
+export declare const Maplangs: {
+    ru: string;
+    en: string;
+};
+export interface MapsContextType {
+    apiKey: string;
+    type: MapType;
+    scriptSrc: string;
+    nonce?: string;
+    setKey?: (newKey: string) => void;
+}
+export declare const initialMapValue: {
+    apiKey: string;
+    scriptSrc: string;
+    type: MapType;
+};
+export declare const MapsContext: React.Context<MapsContextType>;

package/build/cjs/context/mapsContext/mapsContext.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapsContext = exports.initialMapValue = exports.Maplangs = exports.MapType = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+var MapType;
+(function (MapType) {
+    MapType["Yandex"] = "yandex";
+    MapType["Google"] = "google";
+})(MapType = exports.MapType || (exports.MapType = {}));
+exports.Maplangs = {
+    ru: 'ru_RU',
+    en: 'en_US',
+};
+exports.initialMapValue = {
+    apiKey: '',
+    scriptSrc: '',
+    type: MapType.Yandex,
+};
+exports.MapsContext = react_1.default.createContext(exports.initialMapValue);

package/build/cjs/context/mapsContext/mapsProvider.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import { MapType } from './mapsContext';
+interface MapProviderProps {
+    type: MapType;
+    scriptSrc: string;
+    apiKey?: string;
+}
+export declare const gmapApiKeyIdInLS = "gmap-api-key";
+export declare const MapProvider: React.FC<PropsWithChildren<MapProviderProps>>;
+export {};

package/build/cjs/context/mapsContext/mapsProvider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapProvider = exports.gmapApiKeyIdInLS = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const mapsContext_1 = require("./mapsContext");
+exports.gmapApiKeyIdInLS = 'gmap-api-key';
+const MapProvider = ({ type = mapsContext_1.MapType.Yandex, scriptSrc, apiKey, children, }) => {
+    const initialKeyValue = type === mapsContext_1.MapType.Google
+        ? apiKey || localStorage.getItem(exports.gmapApiKeyIdInLS) || ''
+        : apiKey || '';
+    const [currentApiKey, setKey] = (0, react_1.useState)(initialKeyValue);
+    return (react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: { apiKey: currentApiKey, setKey, scriptSrc, type } }, children));
+};
+exports.MapProvider = MapProvider;

package/build/cjs/context/mapsContext/useMap.d.ts

@@ -0,0 +1,2 @@
+import { MapsContextType } from './mapsContext';
+export declare function useMapApiKey(): [MapsContextType['apiKey'], MapsContextType['setKey']];

package/build/cjs/context/mapsContext/useMap.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMapApiKey = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const mapsContext_1 = require("./mapsContext");
+function useMapApiKey() {
+    const { apiKey, setKey } = react_1.default.useContext(mapsContext_1.MapsContext);
+    return [apiKey, setKey];
+}
+exports.useMapApiKey = useMapApiKey;

package/build/cjs/internal-typings/global.d.ts

@@ -25,6 +25,42 @@ interface Window {
             create: (args: CreateFormProps) => unknown;
         };
     };
+    ymaps: Ymaps;
+}
+
+declare namespace Ymaps {
+    export function ready(): Promise;
+
+    class Promise {
+        then(onFulfilled?: Function, onRejected?: Function, onProgress?: Function): Promise;
+    }
+
+    export class Map {
+        setCenter: (center: number[]) => void;
+        setZoom: (zoom: number) => void;
+        geoObjects: {
+            add: (object) => void;
+            removeAll: () => void;
+            get: () => void;
+        };
+        constructor(element: string, state: MapState);
+        destroy(): Promise;
+    }
+
+    export class GeoObject {
+        properties: {
+            set: (objectName: string, value: string) => void;
+        };
+        options: {
+            set: (objectName: string, value: string) => void;
+        };
+    }
+
+    export class MapState {
+        center: number[];
+        controls: string[];
+        zoom: number;
+    }
 }
 
 declare module '*.md';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
+import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
 import { ThemeSupporting } from '../../utils';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { BannerCardProps, SubBlock } from './sub-blocks';
@@ -25,7 +25,8 @@ export declare enum BlockType {
     IconsBlock = "icons-block",
     CardLayoutBlock = "card-layout-block",
     ContentLayoutBlock = "content-layout-block",
-    ShareBlock = "share-block"
+    ShareBlock = "share-block",
+    MapBlock = "map-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -155,6 +156,13 @@ export interface CompaniesBlockProps extends Animatable {
     title: string;
     images: ThemeSupporting<ImageDeviceProps>;
 }
+export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
+    direction?: MediaDirection;
+    mobileDirection?: MediaDirection;
+    largeMedia?: boolean;
+    mediaOnly?: boolean;
+    disableShadow?: boolean;
+}
 export interface MediaContentProps {
     title: string;
     description?: string;
@@ -164,13 +172,11 @@ export interface MediaContentProps {
     buttons?: ButtonProps[];
     size?: ContentSize;
 }
-export interface MediaBlockProps extends Animatable, MediaContentProps {
+export interface MediaBlockProps extends MediaBaseBlockProps {
     media: ThemeSupporting<MediaProps>;
-    direction?: MediaDirection;
-    mobileDirection?: MediaDirection;
-    largeMedia?: boolean;
-    mediaOnly?: boolean;
-    disableShadow?: boolean;
+}
+export interface MapBlockProps extends MediaBaseBlockProps {
+    map: MapProps;
 }
 export interface PreviewBlockProps extends Animatable {
     title: string;
@@ -317,6 +323,9 @@ export type CompaniesBlockModel = {
 export type MediaBlockModel = {
     type: BlockType.MediaBlock;
 } & MediaBlockProps;
+export type MapBlockModel = {
+    type: BlockType.MapBlock;
+} & MapBlockProps;
 export type PreviewBlockModel = {
     type: BlockType.PreviewBlock;
 } & PreviewBlockProps;
@@ -353,6 +362,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -25,6 +25,7 @@ var BlockType;
     BlockType["CardLayoutBlock"] = "card-layout-block";
     BlockType["ContentLayoutBlock"] = "content-layout-block";
     BlockType["ShareBlock"] = "share-block";
+    BlockType["MapBlock"] = "map-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

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

@@ -186,6 +186,31 @@ export interface MediaComponentDataLensProps {
 export interface MediaProps extends Animatable, Partial<MediaComponentDataLensProps>, Partial<MediaComponentYoutubeProps>, Partial<MediaComponentImageProps>, Partial<MediaComponentVideoProps> {
     color?: string;
 }
+export type Coordinate = number[];
+export interface MapBaseProps {
+    zoom?: number;
+    center?: Coordinate;
+}
+export interface GMapProps extends MapBaseProps {
+    address: string;
+}
+export interface YMapProps extends MapBaseProps {
+    markers: YMapMarker[];
+    id: string;
+    center: Coordinate;
+}
+export interface YMapMarker {
+    address?: string;
+    coordinate?: Coordinate;
+    label?: YMapMarkerLabel;
+}
+export interface YMapMarkerLabel {
+    iconCaption?: string;
+    iconContent?: string;
+    iconColor?: string;
+    preset?: string;
+}
+export type MapProps = GMapProps | YMapProps;
 export type ThemedMediaProps = ThemeSupporting<MediaProps>;
 export interface NewMetrikaGoal {
     name: string;

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

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../utils");
 const models_1 = require("../../../models");
 const SocialIcon_1 = tslib_1.__importDefault(require("../SocialIcon/SocialIcon"));
 const NavigationButton_1 = require("./components/NavigationButton/NavigationButton");
 const NavigationDropdown_1 = require("./components/NavigationDropdown/NavigationDropdown");
 const NavigationLink_1 = require("./components/NavigationLink/NavigationLink");
 const GithubStars_1 = require("./components/GithubStars/GithubStars");
-const b = (0, utils_1.block)('navigation-item');
 //todo: add types support form component in map
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const NavigationItemsMap = {
@@ -23,7 +21,7 @@ const NavigationItem = (_a) => {
     var { data, className } = _a, props = tslib_1.__rest(_a, ["data", "className"]);
     const { type = models_1.NavigationItemType.Link } = data;
     const Component = NavigationItemsMap[type];
-    const componentProps = (0, react_1.useMemo)(() => (Object.assign(Object.assign({ className: b(null, className) }, data), props)), [className, data, props]);
+    const componentProps = (0, react_1.useMemo)(() => (Object.assign(Object.assign({ className }, data), props)), [className, data, props]);
     return react_1.default.createElement(Component, Object.assign({}, componentProps));
 };
 exports.default = NavigationItem;

package/build/cjs/navigation/components/NavigationItem/components/GithubStars/GithubStars.css

@@ -1,4 +1,8 @@
 .pc-github-stars {
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
   display: flex;
   align-items: center;
   height: 100%;

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -1,4 +1,10 @@
 .pc-navigation-dropdown {
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.pc-navigation-dropdown__arrow {
   margin-left: 7px;
   color: var(--yc-color-text-secondary);
 }

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

@@ -10,10 +10,10 @@ const utils_2 = require("../../../../../components/Media/Image/utils");
 const b = (0, utils_1.block)('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
 const NavigationDropdown = (_a) => {
-    var { text, icon, isOpened } = _a, props = tslib_1.__rest(_a, ["text", "icon", "isOpened"]);
+    var { text, icon, isOpened, className } = _a, props = tslib_1.__rest(_a, ["text", "icon", "isOpened", "className"]);
     const iconData = icon && (0, utils_2.getMediaImage)(icon);
-    return (react_1.default.createElement("span", Object.assign({}, props),
+    return (react_1.default.createElement("span", Object.assign({}, props, { className: b(null, className) }),
         react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData }),
-        react_1.default.createElement(components_1.ToggleArrow, { className: b(), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isOpened })));
+        react_1.default.createElement(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isOpened })));
 };
 exports.NavigationDropdown = NavigationDropdown;

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -5,6 +5,10 @@ unpredictable css rules order in build */
   color: inherit;
   text-decoration: none;
   outline: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
 }
 .utilityfocus .pc-navigation-link:focus {
   outline: 2px solid #ffdb4d;

package/build/cjs/schema/index.js

@@ -14,7 +14,7 @@ const getBlocksCases = (blocks) => {
 exports.getBlocksCases = getBlocksCases;
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
-    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock);
+    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock);
     const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.PartnerBlock), sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.TutorialCard), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.CardWithImage), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
     const constructorBlockSchemaNames = [
         'divider',

package/build/cjs/schema/validators/blocks.d.ts

@@ -6,6 +6,7 @@ export * from '../../blocks/Simple/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
+export * from '../../blocks/Map/schema';
 export * from '../../blocks/Questions/schema';
 export * from '../../blocks/Security/schema';
 export * from '../../blocks/Slider/schema';

package/build/cjs/schema/validators/blocks.js

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("../../blocks/Simple/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Header/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/Map/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Questions/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Security/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Slider/schema"), exports);