@gravity-ui/page-constructor 4.51.0 → 4.51.2-alpha.0

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, HTMLProps, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils';
-import { AnalyticsEventsBase, ClassNameProps, PixelEvent, PixelEventType, QAProps } from '../common';
+import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -124,7 +124,6 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     customControlsOptions?: CustomControlsOptions;
-    metrika?: MetrikaVideo;
     ariaLabel?: string;
 }
 export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
@@ -136,8 +135,6 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     colorTheme?: TextTheme;
     arrow?: boolean;
     target?: string;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
     extraProps?: HTMLProps<HTMLAnchorElement>;
 }
 export interface FileLinkProps extends ClassNameProps, Tabbable {
@@ -158,8 +155,6 @@ export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps,
     primary?: boolean;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
     target?: string;
 }
 export type ButtonImagePosition = 'left' | 'right';
@@ -183,7 +178,6 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
     video: MediaVideoProps;
     height?: number;
     ratio?: number;
-    metrika?: MetrikaVideo;
     previewImg?: string;
 }
 export interface MediaComponentYoutubeProps {
@@ -237,23 +231,6 @@ export interface YMapMarkerLabel {
 }
 export type MapProps = GMapProps | YMapProps;
 export type ThemedMediaProps = ThemeSupporting<MediaProps>;
-export interface NewMetrikaGoal {
-    name: string;
-    isCrossSite?: boolean;
-    counterName?: string;
-    params?: Record<string, string>;
-}
-export type MetrikaGoal = string | string[] | NewMetrikaGoal[];
-export interface MetrikaVideo {
-    counterName?: string;
-    play?: MetrikaGoal;
-    stop?: MetrikaGoal;
-}
-export interface ButtonPixelEvent {
-    name: PixelEventType;
-    data?: Object;
-}
-export type ButtonPixel = ButtonPixelEvent[];
 export interface DataLensObjectProps {
     id: string;
     theme: 'dark' | 'light';
@@ -278,8 +255,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
         text: ReactNode;
     }[];
     theme?: TextTheme;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEventsProp;
 }
 export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
@@ -368,8 +344,6 @@ export interface YandexFormProps extends AnalyticsEventsBase {
     };
     onSubmit?: () => void;
     onLoad?: () => void;
-    metrikaGoals?: string | string[];
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
 }
 export interface WithBorder {
     border?: MediaBorder;

package/build/esm/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, PixelEvent } from '../common';
+import { AnalyticsEventsBase } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -65,7 +65,6 @@ export interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsB
      * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
      */
     onLoad?: (arg: HubspotEventData) => void;
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
     createDOMElement?: boolean;
 }

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

@@ -1,6 +1,4 @@
 import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
-import { MetrikaGoal, NewMetrikaGoal } from './index';
 export declare function isBlock(block: ConstructorItem): block is Block;
-export declare function isNewMetrikaFormat(metrika: MetrikaGoal): metrika is NewMetrikaGoal[];
 export declare function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData;
 export declare function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData;

package/build/esm/models/guards.js

@@ -2,9 +2,6 @@ import { BlockTypes, } from './';
 export function isBlock(block) {
     return block.type in BlockTypes;
 }
-export function isNewMetrikaFormat(metrika) {
-    return Boolean(Array.isArray(metrika) && metrika.length && typeof metrika[0] === 'object');
-}
 export function isYandexDataForm(data) {
     return Boolean(data.yandex);
 }

package/build/esm/schema/constants.d.ts

@@ -78,94 +78,6 @@ export declare const cardSchemas: {
                                 optionName: string;
                             })[];
                         };
-                        metrikaGoals: {
-                            oneOf: ({
-                                type: string;
-                                optionName: string;
-                                items?: undefined;
-                            } | {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    additionalProperties?: undefined;
-                                    required?: undefined;
-                                    properties?: undefined;
-                                };
-                                optionName: string;
-                            } | {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        name: {
-                                            type: string;
-                                        };
-                                        isCrossSite: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                                optionName: string;
-                            })[];
-                        };
-                        pixelEvents: {
-                            type: string;
-                            items: {
-                                type: string;
-                                required: string[];
-                                additionalProperties: boolean;
-                                properties: {
-                                    name: {
-                                        type: string;
-                                        enum: import("../models").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;
-                                                    };
-                                                };
-                                            };
-                                        };
-                                    };
-                                };
-                            };
-                        };
                         analyticsEvents: {
                             oneOf: ({
                                 optionName: string;
@@ -986,6 +898,10 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };
@@ -1062,94 +978,6 @@ export declare const cardSchemas: {
                             optionName: string;
                         })[];
                     };
-                    metrikaGoals: {
-                        oneOf: ({
-                            type: string;
-                            optionName: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                additionalProperties?: undefined;
-                                required?: undefined;
-                                properties?: undefined;
-                            };
-                            optionName: string;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                                additionalProperties: boolean;
-                                required: string[];
-                                properties: {
-                                    name: {
-                                        type: string;
-                                    };
-                                    isCrossSite: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                            optionName: string;
-                        })[];
-                    };
-                    pixelEvents: {
-                        type: string;
-                        items: {
-                            type: string;
-                            required: string[];
-                            additionalProperties: boolean;
-                            properties: {
-                                name: {
-                                    type: string;
-                                    enum: import("../models").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;
-                                                };
-                                            };
-                                        };
-                                    };
-                                };
-                            };
-                        };
-                    };
                     analyticsEvents: {
                         oneOf: ({
                             optionName: string;

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

@@ -20,6 +20,7 @@ export declare const sizeNumber: {
 };
 export declare const contentThemes: string[];
 export declare const quoteTypes: QuoteType[];
+export declare const mediaView: string[];
 export declare const customControlsType: CustomControlsType[];
 export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {
@@ -589,100 +590,6 @@ export declare const ButtonProps: {
             optionName: string;
         })[];
     };
-    /**
-     * @deprecated Metrika will be deleted
-     */
-    metrikaGoals: {
-        oneOf: ({
-            type: string;
-            optionName: string;
-            items?: undefined;
-        } | {
-            type: string;
-            items: {
-                type: string;
-                additionalProperties?: undefined;
-                required?: undefined;
-                properties?: undefined;
-            };
-            optionName: string;
-        } | {
-            type: string;
-            items: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    name: {
-                        type: string;
-                    };
-                    isCrossSite: {
-                        type: string;
-                    };
-                };
-            };
-            optionName: string;
-        })[];
-    };
-    /**
-     * @deprecated Pixel will be deleted
-     */
-    pixelEvents: {
-        type: string;
-        items: {
-            type: string;
-            required: string[];
-            additionalProperties: boolean;
-            properties: {
-                name: {
-                    type: string;
-                    enum: import("../../models").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;
-                                };
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
     analyticsEvents: {
         oneOf: ({
             optionName: string;
@@ -932,100 +839,6 @@ export declare const ButtonBlock: {
                 optionName: string;
             })[];
         };
-        /**
-         * @deprecated Metrika will be deleted
-         */
-        metrikaGoals: {
-            oneOf: ({
-                type: string;
-                optionName: string;
-                items?: undefined;
-            } | {
-                type: string;
-                items: {
-                    type: string;
-                    additionalProperties?: undefined;
-                    required?: undefined;
-                    properties?: undefined;
-                };
-                optionName: string;
-            } | {
-                type: string;
-                items: {
-                    type: string;
-                    additionalProperties: boolean;
-                    required: string[];
-                    properties: {
-                        name: {
-                            type: string;
-                        };
-                        isCrossSite: {
-                            type: string;
-                        };
-                    };
-                };
-                optionName: string;
-            })[];
-        };
-        /**
-         * @deprecated Pixel will be deleted
-         */
-        pixelEvents: {
-            type: string;
-            items: {
-                type: string;
-                required: string[];
-                additionalProperties: boolean;
-                properties: {
-                    name: {
-                        type: string;
-                        enum: import("../../models").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;
-                                    };
-                                };
-                            };
-                        };
-                    };
-                };
-            };
-        };
         analyticsEvents: {
             oneOf: ({
                 optionName: string;

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

@@ -1,7 +1,6 @@
 import { ImageProps } from '../../components/Image/schema';
 import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme, } from '../../models';
 import { AnalyticsEventSchema } from './event';
-import { pixelEvents } from './pixel';
 export const mediaDirection = ['media-content', 'content-media'];
 export const textSize = ['s', 'm', 'l'];
 export const containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -17,6 +16,7 @@ export const dividerEnum = { enum: ['0', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'
 export const sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 export const contentThemes = ['default', 'dark', 'light'];
 export const quoteTypes = Object.values(QuoteType);
+export const mediaView = ['fit', 'full'];
 export const customControlsType = [
     CustomControlsType.WithMuteButton,
     CustomControlsType.WithPlayPauseButton,
@@ -364,36 +364,6 @@ export const ButtonProps = {
             },
         ],
     },
-    /**
-     * @deprecated Metrika will be deleted
-     */
-    metrikaGoals: {
-        oneOf: [
-            { type: 'string', optionName: 'single' },
-            { type: 'array', items: { type: 'string' }, optionName: 'list' },
-            {
-                type: 'array',
-                items: {
-                    type: 'object',
-                    additionalProperties: false,
-                    required: ['name'],
-                    properties: {
-                        name: {
-                            type: 'string',
-                        },
-                        isCrossSite: {
-                            type: 'boolean',
-                        },
-                    },
-                },
-                optionName: 'list-extended',
-            },
-        ],
-    },
-    /**
-     * @deprecated Pixel will be deleted
-     */
-    pixelEvents,
     analyticsEvents: {
         oneOf: [
             Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),

package/build/esm/schema/validators/index.d.ts

@@ -2,7 +2,6 @@ import * as blocks from './blocks';
 import * as common from './common';
 import * as components from './components';
 import * as navigation from './navigation';
-import * as pixel from './pixel';
 import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
 export declare const validators: {
@@ -10,7 +9,6 @@ export declare const validators: {
     common: typeof common;
     components: typeof components;
     subBlocks: typeof subBlocks;
-    pixel: typeof pixel;
     utils: typeof utils;
     navigation: typeof navigation;
 };

package/build/esm/schema/validators/index.js

@@ -2,7 +2,6 @@ import * as blocks from './blocks';
 import * as common from './common';
 import * as components from './components';
 import * as navigation from './navigation';
-import * as pixel from './pixel';
 import * as subBlocks from './sub-blocks';
 import * as utils from './utils';
 export const validators = {
@@ -10,7 +9,6 @@ export const validators = {
     common,
     components,
     subBlocks,
-    pixel,
     utils,
     navigation,
 };

package/build/esm/sub-blocks/HubspotForm/index.js

@@ -2,17 +2,15 @@ import React, { forwardRef, useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { useTheme } from '../../context/theme';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models';
 import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
 const HubspotForm = forwardRef((props, ref) => {
-    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
+    const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
-    const handleMetrika = useMetrika();
     const themeValue = useTheme();
     const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);
     const isMobileValue = useContext(MobileContext);
@@ -24,7 +22,6 @@ const HubspotForm = forwardRef((props, ref) => {
         onLoad,
         onSubmitError,
         onSubmit: (event) => {
-            handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
@@ -32,8 +29,6 @@ const HubspotForm = forwardRef((props, ref) => {
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
-        handleMetrika,
-        pixelEvents,
         handleAnalytics,
         analyticsEvents,
         onSubmit,

package/build/esm/sub-blocks/LayoutItem/utils.d.ts

@@ -8,22 +8,8 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     colorTheme?: import("../../models").TextTheme | undefined;
     arrow?: boolean | undefined;
     target?: string | undefined;
-    metrikaGoals?: import("../../models").MetrikaGoal | undefined;
-    pixelEvents?: import("../../models").ButtonPixel | undefined;
     extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
-    analyticsEvents?: {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    } | {
-        name: string;
-        type?: string | undefined;
-        counters?: import("../../models").AnalyticsCounters | undefined;
-        context?: string | undefined;
-        target?: string | undefined;
-    }[] | undefined;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
     className?: string | undefined;
     tabIndex?: number | undefined;
 }[] | undefined;