@gravity-ui/page-constructor 1.18.0 → 1.19.0

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

@@ -863,6 +863,97 @@ export declare const MediaProps: {
         })[];
     };
 };
+export declare const YMapMarkerLabel: {
+    required: never[];
+    iconCaption: {
+        type: string;
+    };
+    iconContent: {
+        type: string;
+    };
+    iconColor: {
+        type: string;
+    };
+    preset: {
+        type: string;
+    };
+};
+export declare const YMapMarker: {
+    required: never[];
+    coordinate: {
+        type: string;
+        items: {
+            type: string;
+        };
+    };
+    address: {
+        type: string;
+    };
+    label: {
+        required: never[];
+        iconCaption: {
+            type: string;
+        };
+        iconContent: {
+            type: string;
+        };
+        iconColor: {
+            type: string;
+        };
+        preset: {
+            type: string;
+        };
+    };
+};
+export declare const MapProps: {
+    zoom: {
+        type: string;
+    };
+    center: {
+        type: string;
+        items: {
+            type: string;
+        };
+    };
+    address: {
+        type: string;
+    };
+    id: {
+        type: string;
+    };
+    markers: {
+        type: string;
+        items: {
+            type: {
+                required: never[];
+                coordinate: {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                };
+                address: {
+                    type: string;
+                };
+                label: {
+                    required: never[];
+                    iconCaption: {
+                        type: string;
+                    };
+                    iconContent: {
+                        type: string;
+                    };
+                    iconColor: {
+                        type: string;
+                    };
+                    preset: {
+                        type: string;
+                    };
+                };
+            };
+        };
+    };
+};
 export declare const CardBase: {
     border: {
         type: string;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockHeaderProps = exports.CardBase = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
@@ -442,6 +442,51 @@ exports.MediaProps = {
     },
     dataLens: exports.DataLensProps,
 };
+exports.YMapMarkerLabel = {
+    required: [],
+    iconCaption: {
+        type: 'string',
+    },
+    iconContent: {
+        type: 'string',
+    },
+    iconColor: {
+        type: 'string',
+    },
+    preset: {
+        type: 'string',
+    },
+};
+exports.YMapMarker = {
+    required: [],
+    coordinate: {
+        type: 'array',
+        items: { type: 'number' },
+    },
+    address: {
+        type: 'string',
+    },
+    label: exports.YMapMarkerLabel,
+};
+exports.MapProps = {
+    zoom: {
+        type: 'number',
+    },
+    center: {
+        type: 'array',
+        items: { type: 'number' },
+    },
+    address: {
+        type: 'string',
+    },
+    id: {
+        type: 'string',
+    },
+    markers: {
+        type: 'array',
+        items: { type: exports.YMapMarker },
+    },
+};
 exports.CardBase = {
     border: {
         type: 'string',

package/build/cjs/utils/blocks.d.ts

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h4" | "h2";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/build/cjs/utils/common.d.ts

@@ -0,0 +1,6 @@
+export interface ScriptOptions {
+    id: string;
+    defer?: boolean;
+    async?: boolean;
+}
+export declare function loadScript(src: string, { id, defer, async }: ScriptOptions): Promise<unknown>;

package/build/cjs/utils/common.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadScript = void 0;
+async function loadScript(src, { id, defer = false, async = true }) {
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        script.id = id;
+        script.defer = defer;
+        script.async = async;
+        script.onload = (event) => {
+            resolve(event);
+        };
+        script.onerror = (event) => {
+            var _a;
+            const element = document.getElementById(id);
+            (_a = element === null || element === void 0 ? void 0 : element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(element);
+            reject(event);
+        };
+        document.head.appendChild(script);
+    });
+}
+exports.loadScript = loadScript;

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

@@ -1,3 +1,4 @@
+export * from './common';
 export * from './blocks';
 export * from './scroll';
 export * from './url';

package/build/cjs/utils/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);
 tslib_1.__exportStar(require("./scroll"), exports);
 tslib_1.__exportStar(require("./url"), exports);

package/build/esm/blocks/Map/Map.d.ts

@@ -0,0 +1,3 @@
+import { MapBlockProps } from '../../models';
+export declare const MapBlock: ({ map, ...props }: MapBlockProps) => JSX.Element;
+export default MapBlock;

package/build/esm/blocks/Map/Map.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import React from 'react';
+import Map from '../../components/Map/Map';
+import MediaBase from '../../components/MediaBase/MediaBase';
+export const MapBlock = (_a) => {
+    var { map } = _a, props = __rest(_a, ["map"]);
+    return (React.createElement(MediaBase, Object.assign({}, props),
+        React.createElement(MediaBase.Card, null,
+            React.createElement(Map, Object.assign({}, map)))));
+};
+export default MapBlock;

package/build/esm/blocks/Map/schema.d.ts

@@ -0,0 +1,370 @@
+export declare const Map: {
+    type: string;
+    additionalProperties: boolean;
+    required: never[];
+    properties: {
+        zoom: {
+            type: string;
+        };
+        center: {
+            type: string;
+            items: {
+                type: string;
+            };
+        };
+        address: {
+            type: string;
+        };
+        id: {
+            type: string;
+        };
+        markers: {
+            type: string;
+            items: {
+                type: {
+                    required: never[];
+                    coordinate: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    address: {
+                        type: string;
+                    };
+                    label: {
+                        required: never[];
+                        iconCaption: {
+                            type: string;
+                        };
+                        iconContent: {
+                            type: string;
+                        };
+                        iconColor: {
+                            type: string;
+                        };
+                        preset: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const MapBlock: {
+    'map-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            map: {
+                type: string;
+                additionalProperties: boolean;
+                required: never[];
+                properties: {
+                    zoom: {
+                        type: string;
+                    };
+                    center: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
+                    address: {
+                        type: string;
+                    };
+                    id: {
+                        type: string;
+                    };
+                    markers: {
+                        type: string;
+                        items: {
+                            type: {
+                                required: never[];
+                                coordinate: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                address: {
+                                    type: string;
+                                };
+                                label: {
+                                    required: never[];
+                                    iconCaption: {
+                                        type: string;
+                                    };
+                                    iconContent: {
+                                        type: string;
+                                    };
+                                    iconColor: {
+                                        type: string;
+                                    };
+                                    preset: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
+            direction: {
+                type: string;
+                enum: string[];
+            };
+            mobileDirection: {
+                type: string;
+                enum: string[];
+            };
+            largeMedia: {
+                type: string;
+            };
+            mediaOnly: {
+                type: string;
+            };
+            disableShadow: {
+                type: string;
+            };
+            button: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    primary: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    theme: {
+                        type: string;
+                        enum: string[];
+                    };
+                    img: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties?: undefined;
+                            required?: undefined;
+                            properties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                data: {
+                                    type: string;
+                                };
+                                position: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                alt: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                            };
+                        })[];
+                    };
+                    metrikaGoals: {
+                        anyOf: ({
+                            type: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties?: undefined;
+                                required?: undefined;
+                                properties?: undefined;
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    isCrossSite: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
+                    pixelEvents: {
+                        type: string;
+                        items: {
+                            type: string;
+                            required: string[];
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {
+                                    type: string;
+                                    enum: import("../..").PixelEventType[];
+                                };
+                                data: {};
+                            };
+                            select: {
+                                $data: string;
+                            };
+                            selectCases: {
+                                SubmitApplication: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Contact: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                    };
+                                };
+                                Lead: {
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        name: {};
+                                        data: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                content_category: {
+                                                    type: string;
+                                                };
+                                                content_name: {
+                                                    type: string;
+                                                };
+                                                currency: {
+                                                    type: string;
+                                                };
+                                                value: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    target: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+                if: {
+                    properties: {
+                        theme: {
+                            enum: string[];
+                        };
+                    };
+                };
+                then: {
+                    required: string[];
+                };
+                else: {
+                    required: string[];
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    contentType: string;
+                })[];
+            };
+            size: {
+                type: string;
+                enum: string[];
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            animated: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

package/build/esm/blocks/Map/schema.js

@@ -0,0 +1,15 @@
+import { MapProps } from '../../schema/validators/common';
+import { MediaBlockBaseProps } from '../Media/schema';
+export const Map = {
+    type: 'object',
+    additionalProperties: false,
+    required: [],
+    properties: MapProps,
+};
+export const MapBlock = {
+    'map-block': {
+        additionalProperties: false,
+        required: ['title', 'map'],
+        properties: Object.assign(Object.assign({}, MediaBlockBaseProps), { map: Map }),
+    },
+};

package/build/esm/blocks/Media/Media.d.ts

@@ -1,4 +1,3 @@
 import { MediaBlockProps } from '../../models';
-import './Media.css';
 export declare const MediaBlock: (props: MediaBlockProps) => JSX.Element;
 export default MediaBlock;

package/build/esm/blocks/Media/Media.js

@@ -1,39 +1,15 @@
-import { __rest } from "tslib";
-import React, { useContext, useMemo, useState } from 'react';
-import { block, getThemedValue } from '../../utils';
-import { Grid, Row, Col, GridColumnSize } from '../../grid';
+import React, { useContext, useState } from 'react';
+import { getThemedValue } from '../../utils';
 import Media from '../../components/Media/Media';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import BlockHeader from '../../components/BlockHeader/BlockHeader';
-import MediaContent from './MediaContent';
+import MediaBase from '../../components/MediaBase/MediaBase';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
-import './Media.css';
-const b = block('media-block');
 export const MediaBlock = (props) => {
-    const { media, largeMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, disableShadow = false } = props, mediaContentProps = __rest(props, ["media", "largeMedia", "direction", "mobileDirection", "animated", "mediaOnly", "disableShadow"]);
-    const { title, description } = mediaContentProps;
+    const { media } = props;
     const [play, setPlay] = useState(false);
     const { themeValue: theme } = useContext(ThemeValueContext);
     const mediaThemed = getThemedValue(media, theme);
-    const mediaSizes = useMemo(() => {
-        return mediaOnly
-            ? { [GridColumnSize.All]: 12 }
-            : { [GridColumnSize.Md]: largeMedia ? 8 : 6, [GridColumnSize.All]: 12 };
-    }, [mediaOnly, largeMedia]);
-    const contentSizes = useMemo(() => {
-        return { [GridColumnSize.Md]: largeMedia ? 4 : 6, [GridColumnSize.All]: 12 };
-    }, [largeMedia]);
-    const mediaContent = !mediaOnly && React.createElement(MediaContent, Object.assign({}, mediaContentProps));
-    return (React.createElement(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated },
-        mediaOnly && (React.createElement(BlockHeader, { className: b('header'), title: title, description: description })),
-        React.createElement(Grid, null,
-            React.createElement(Row, { className: b('row', {
-                    reverse: direction === 'media-content',
-                    'mobile-reverse': mobileDirection === 'media-content',
-                }) },
-                React.createElement(Col, { className: b('content'), sizes: contentSizes }, mediaContent),
-                React.createElement(Col, { sizes: mediaSizes },
-                    React.createElement("div", { className: b('card', { shadow: !disableShadow }) },
-                        React.createElement(Media, Object.assign({}, mediaThemed, { playVideo: play }))))))));
+    return (React.createElement(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true) }),
+        React.createElement(MediaBase.Card, null,
+            React.createElement(Media, Object.assign({}, mediaThemed, { playVideo: play })))));
 };
 export default MediaBlock;