@gravity-ui/page-constructor 4.56.0 → 5.0.1

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { MetrikaGoal } from './';
 export interface Refable<T> {
     ref?: React.Ref<T>;
 }
@@ -8,59 +7,9 @@ export declare enum Theme {
     Dark = "dark"
 }
 export declare const themeNames: Record<Theme, string>;
-/**
- * @deprecated Pixel will be deleted
- */
-type PixelCommand = 'track' | 'trackCustom';
-/**
- * @deprecated Pixel will be deleted
- */
-export interface PixelEvent {
-    command: PixelCommand;
-    event: PixelEventType | string;
-    data?: Object;
-}
-/**
- * @deprecated Pixel will be deleted from package
- */
-export declare enum PixelEventType {
-    AddPaymentInfo = "AddPaymentInfo",
-    AddToCart = "AddToCart",
-    AddToWishlist = "AddToWishlist",
-    CompleteRegistration = "CompleteRegistration",
-    Contact = "Contact",
-    CustomizeProduct = "CustomizeProduct",
-    Donate = "Donate",
-    FindLocation = "FindLocation",
-    InitiateCheckout = "InitiateCheckout",
-    Lead = "Lead",
-    PageView = "PageView",
-    Purchase = "Purchase",
-    Schedule = "Schedule",
-    Search = "Search",
-    StartTrial = "StartTrial",
-    SubmitApplication = "SubmitApplication",
-    Subscribe = "Subscribe",
-    ViewContent = "ViewContent"
-}
 export type Modifiers = {
     [name: string]: string | boolean | undefined;
 };
-/**
- * @deprecated Pixel will be deleted
- */
-export interface Pixel<TEvent = string> {
-    trackStandard: (event: TEvent, data?: Object) => void;
-    trackCustom: (event: string, data?: Object) => void;
-    track: (trackEvents: string | string[] | PixelEvent[] | PixelEvent) => void;
-}
-/**
- * @deprecated Metrika will be deleted
- */
-export interface Metrika {
-    reachGoal: (counterName: string, ...args: any) => void;
-    reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
-}
 export interface ClassNameProps {
     className?: string;
 }
@@ -97,7 +46,7 @@ export type AnalyticsEvent<T = {}> = T & {
     context?: string;
     target?: string;
 };
+export type AnalyticsEventsProp = AnalyticsEvent | AnalyticsEvent[];
 export interface AnalyticsEventsBase {
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEventsProp;
 }
-export {};

package/build/esm/models/common.js

@@ -7,30 +7,6 @@ export const themeNames = {
     [Theme.Light]: 'Light',
     [Theme.Dark]: 'Dark',
 };
-/**
- * @deprecated Pixel will be deleted from package
- */
-export var PixelEventType;
-(function (PixelEventType) {
-    PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";
-    PixelEventType["AddToCart"] = "AddToCart";
-    PixelEventType["AddToWishlist"] = "AddToWishlist";
-    PixelEventType["CompleteRegistration"] = "CompleteRegistration";
-    PixelEventType["Contact"] = "Contact";
-    PixelEventType["CustomizeProduct"] = "CustomizeProduct";
-    PixelEventType["Donate"] = "Donate";
-    PixelEventType["FindLocation"] = "FindLocation";
-    PixelEventType["InitiateCheckout"] = "InitiateCheckout";
-    PixelEventType["Lead"] = "Lead";
-    PixelEventType["PageView"] = "PageView";
-    PixelEventType["Purchase"] = "Purchase";
-    PixelEventType["Schedule"] = "Schedule";
-    PixelEventType["Search"] = "Search";
-    PixelEventType["StartTrial"] = "StartTrial";
-    PixelEventType["SubmitApplication"] = "SubmitApplication";
-    PixelEventType["Subscribe"] = "Subscribe";
-    PixelEventType["ViewContent"] = "ViewContent";
-})(PixelEventType || (PixelEventType = {}));
 export var PredefinedEventTypes;
 (function (PredefinedEventTypes) {
     PredefinedEventTypes["Default"] = "default-event";

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"
@@ -125,7 +125,6 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     customControlsOptions?: CustomControlsOptions;
-    metrika?: MetrikaVideo;
     ariaLabel?: string;
 }
 export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
@@ -137,8 +136,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 {
@@ -159,8 +156,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';
@@ -184,7 +179,6 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
     video: MediaVideoProps;
     height?: number;
     ratio?: number;
-    metrika?: MetrikaVideo;
     previewImg?: string;
 }
 export interface MediaComponentYoutubeProps {
@@ -238,23 +232,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';
@@ -279,8 +256,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
         text: ReactNode;
     }[];
     theme?: TextTheme;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEventsProp;
 }
 export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
@@ -331,6 +307,7 @@ export interface PriceFoldableDetailsProps {
     size?: TextSize;
     titleColor?: PriceDescriptionColor;
 }
+/** @deprecated */
 export interface PriceDetailedProps extends CardBaseProps {
     items: PriceItemProps[];
     description?: {
@@ -373,8 +350,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, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -70,7 +70,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;
 }
@@ -161,6 +160,7 @@ export type LayoutItemModel = {
 export type BackgroundCardModel = {
     type: SubBlockType.BackgroundCard;
 } & BackgroundCardProps;
+/** @deprecated */
 export type PriceDetailedModel = {
     type: SubBlockType.PriceDetailed;
 } & PriceDetailedProps;

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/navigation/components/MobileMenuButton/MobileMenuButton.js

@@ -1,12 +1,12 @@
 import React from 'react';
+import { Bars, Xmark } from '@gravity-ui/icons';
 import { Control } from '../../../components';
-import { NavigationClose, NavigationOpen } from '../../../icons';
 import { block } from '../../../utils';
 import './MobileMenuButton.css';
 const b = block('mobile-menu-button');
-const ICON_SIZE = 36;
+const ICON_SIZE = 24;
 export const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (React.createElement(Control, { className: b(), onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
         onSidebarOpenedChange(!isSidebarOpened);
-    }, size: "l", icon: isSidebarOpened ? NavigationClose : NavigationOpen, iconSize: ICON_SIZE }));
+    }, size: "l", icon: isSidebarOpened ? Xmark : Bars, iconSize: ICON_SIZE }));

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

@@ -154,94 +154,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;
@@ -1154,94 +1066,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/constants.js

@@ -19,6 +19,7 @@ export const constructorBlockSchemaNames = [
     'info-block',
     'table-block',
     'tabs-block',
+    /** @deprecated */
     'price-detailed',
     'header-slider-block',
     'cards-with-image-block',
@@ -32,6 +33,7 @@ export const constructorBlockSchemaNames = [
 export const constructorCardSchemaNames = [
     'media-card',
     'banner-card',
+    /** @deprecated */
     'price-detailed',
     'background-card',
     'quote',

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

@@ -590,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;
@@ -933,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;