@gravity-ui/page-constructor 4.55.0 → 5.0.0

package/build/cjs/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;
@@ -297,9 +273,13 @@ export interface TitleItemBaseProps {
 export type MediaView = 'fit' | 'full';
 export type MediaBorder = 'shadow' | 'line' | 'none';
 export type CardBorder = MediaBorder;
+export type ControlPosition = 'content' | 'footer';
 export interface CardBaseProps {
     border?: CardBorder;
 }
+export type CardLayoutProps = {
+    controlPosition?: ControlPosition;
+};
 export interface PriceDescriptionProps {
     title: string;
     detailedTitle?: string;
@@ -327,6 +307,7 @@ export interface PriceFoldableDetailsProps {
     size?: TextSize;
     titleColor?: PriceDescriptionColor;
 }
+/** @deprecated */
 export interface PriceDetailedProps extends CardBaseProps {
     items: PriceItemProps[];
     description?: {
@@ -369,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/cjs/models/constructor-items/sub-blocks.d.ts

@@ -1,9 +1,9 @@
 import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AnalyticsEventsBase, PixelEvent } from '../common';
+import { AnalyticsEventsBase } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, 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;
 }
@@ -97,14 +96,14 @@ export interface QuoteProps extends Themable, CardBaseProps {
     quoteType?: QuoteType;
     button?: ButtonProps;
 }
-export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
+export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     urlTitle?: string;
     background?: ThemeSupporting<ImageObjectProps>;
     paddingBottom?: 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;
 }
-export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
+export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     url: string;
     urlTitle?: string;
     icon?: ImageProps;
@@ -134,7 +133,7 @@ export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, '
     backgroundColor?: string;
     list?: string[];
 }
-export interface LayoutItemProps extends ClassNameProps, AnalyticsEventsBase {
+export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media?: MediaProps;
     metaInfo?: string[];
@@ -161,6 +160,7 @@ export type LayoutItemModel = {
 export type BackgroundCardModel = {
     type: SubBlockType.BackgroundCard;
 } & BackgroundCardProps;
+/** @deprecated */
 export type PriceDetailedModel = {
     type: SubBlockType.PriceDetailed;
 } & PriceDetailedProps;

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

@@ -1,15 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHubspotDataForm = exports.isYandexDataForm = exports.isNewMetrikaFormat = exports.isBlock = void 0;
+exports.isHubspotDataForm = exports.isYandexDataForm = exports.isBlock = void 0;
 const _1 = require("./");
 function isBlock(block) {
     return block.type in _1.BlockTypes;
 }
 exports.isBlock = isBlock;
-function isNewMetrikaFormat(metrika) {
-    return Boolean(Array.isArray(metrika) && metrika.length && typeof metrika[0] === 'object');
-}
-exports.isNewMetrikaFormat = isNewMetrikaFormat;
 function isYandexDataForm(data) {
     return Boolean(data.yandex);
 }

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

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileMenuButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
 const components_1 = require("../../../components");
-const icons_1 = require("../../../icons");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('mobile-menu-button');
-const ICON_SIZE = 36;
+const ICON_SIZE = 24;
 const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => (react_1.default.createElement(components_1.Control, { className: b(), onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
         onSidebarOpenedChange(!isSidebarOpened);
-    }, size: "l", icon: isSidebarOpened ? icons_1.NavigationClose : icons_1.NavigationOpen, iconSize: ICON_SIZE }));
+    }, size: "l", icon: isSidebarOpened ? icons_1.Xmark : icons_1.Bars, iconSize: ICON_SIZE }));
 exports.MobileMenuButton = MobileMenuButton;

package/build/cjs/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;
@@ -476,6 +388,10 @@ export declare const cardSchemas: {
                     type: string;
                 };
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             border: {
                 type: string;
                 enum: string[];
@@ -518,6 +434,10 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -855,6 +775,10 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -1142,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/cjs/schema/constants.js

@@ -22,6 +22,7 @@ exports.constructorBlockSchemaNames = [
     'info-block',
     'table-block',
     'tabs-block',
+    /** @deprecated */
     'price-detailed',
     'header-slider-block',
     'cards-with-image-block',
@@ -35,6 +36,7 @@ exports.constructorBlockSchemaNames = [
 exports.constructorCardSchemaNames = [
     'media-card',
     'banner-card',
+    /** @deprecated */
     'price-detailed',
     'background-card',
     'quote',

package/build/cjs/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;

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

@@ -4,7 +4,6 @@ exports.BlockHeaderProps = exports.CardBase = exports.BorderProps = exports.MapP
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
-const pixel_1 = require("./pixel");
 exports.mediaDirection = ['media-content', 'content-media'];
 exports.textSize = ['s', 'm', 'l'];
 exports.containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -368,36 +367,6 @@ exports.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: pixel_1.pixelEvents,
     analyticsEvents: {
         oneOf: [
             Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),