@gravity-ui/page-constructor 4.55.0 → 5.0.0

package/build/esm/components/YandexForm/YandexForm.js

@@ -2,7 +2,6 @@ import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
 import { useAnalytics } from '../../hooks';
-import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils';
 import { HEADER_HEIGHT } from '../constants';
@@ -11,12 +10,11 @@ export const YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = useRef(null);
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
-    const handleMetrika = useMetrika();
     const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
     const isMobile = useContext(MobileContext);
     const locale = useContext(LocaleContext);
@@ -58,20 +56,11 @@ const YandexForm = (props) => {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
         }
-        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }
-    }, [
-        handleMetrika,
-        metrikaGoals,
-        pixelEvents,
-        handleAnalytics,
-        analyticsEvents,
-        onSubmit,
-        headerHeight,
-    ]);
+    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
     const handleMessage = useCallback(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;

package/build/esm/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
 export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as FileLink } from './FileLink/FileLink';
@@ -16,7 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as Image } from './Image/Image';
 export { default as ImageBase } from './ImageBase/ImageBase';
 export { default as Link } from './Link/Link';
-export { default as Links } from './Link/Links';
+export { default as Links } from './Links/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';
 export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';

package/build/esm/components/index.js

@@ -6,6 +6,7 @@ export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
 export { default as Button } from './Button/Button';
+export { default as Buttons } from './Buttons/Buttons';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as FileLink } from './FileLink/FileLink';
@@ -16,7 +17,7 @@ export { default as HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcru
 export { default as Image } from './Image/Image';
 export { default as ImageBase } from './ImageBase/ImageBase';
 export { default as Link } from './Link/Link';
-export { default as Links } from './Link/Links';
+export { default as Links } from './Links/Links';
 export { default as Media } from './Media/Media';
 export { default as OutsideClick } from './OutsideClick/OutsideClick';
 export { default as ReactPlayer } from './ReactPlayer/ReactPlayer';

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

@@ -24,7 +24,7 @@ export declare const subBlockMap: {
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ content: { links, buttons, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;

package/build/esm/containers/Loadable/Loadable.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { Spin } from '@gravity-ui/uikit';
 import ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';
 import { block as blockCn } from '../../utils/cn';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './Loadable.css';
 const b = blockCn('loadable-block');
 const initData = {

package/build/esm/containers/Loadable/i18n/index.d.ts

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

package/build/esm/containers/Loadable/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'Loadable';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Loadable`);

package/build/esm/containers/PageConstructor/PageConstructor.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 :root {

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '@doc-tools/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/yfm';
 import { blockMap, navItemMap, subBlockMap } from '../../constructor-items';
 import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from '../../models';
 import './PageConstructor.css';

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
-import '@doc-tools/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/yfm';
 import BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';
 import RootCn from '../../components/RootCn';
 import { blockMap, navItemMap, subBlockMap } from '../../constructor-items';

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

@@ -3,7 +3,6 @@ import { ImageContextProps } from '../../context/imageContext';
 import { LocaleContextProps } from '../../context/localeContext';
 import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
-import { MetrikaContextProps } from '../../context/metrikaContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
 import { Theme, WithChildren } from '../../models';
@@ -11,7 +10,6 @@ export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
     location?: LocationContextProps;
-    metrika?: MetrikaContextProps;
     ssrConfig?: SSRContextProps;
     theme?: Theme;
     mapsContext?: MapsContextType;

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

@@ -5,13 +5,12 @@ import { ImageContext } from '../../context/imageContext';
 import { LocaleContext } from '../../context/localeContext';
 import { LocationContext } from '../../context/locationContext';
 import { MapsContext, initialMapValue } from '../../context/mapsContext/mapsContext';
-import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { ProjectSettingsContext, } from '../../context/projectSettingsContext';
 import { SSRContext } from '../../context/ssrContext';
 import { ThemeContext } from '../../context/theme';
 export const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, metrika = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         React.createElement(ThemeContext.Provider, { value: { theme } }),
@@ -21,7 +20,6 @@ export const PageConstructorProvider = (props) => {
         React.createElement(LocationContext.Provider, { value: location }),
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile) }),
         React.createElement(MapsContext.Provider, { value: mapsContext }),
-        React.createElement(MetrikaContext.Provider, { value: metrika }),
         React.createElement(AnalyticsContext.Provider, { value: analytics }),
         React.createElement(SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);

package/build/esm/context/localeContext/localeContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Lang } from '../../utils/configure';
+import { Lang } from '@gravity-ui/uikit';
 export type LocaleContextProps = {
-    lang?: Lang;
+    lang?: `${Lang}`;
     tld?: string;
 };
 export declare const LocaleContext: React.Context<LocaleContextProps>;

package/build/esm/context/localeContext/localeContext.js

@@ -1,3 +1,3 @@
 import React from 'react';
-import { Lang } from '../../utils/configure';
+import { Lang } from '@gravity-ui/uikit';
 export const LocaleContext = React.createContext({ lang: Lang.Ru, tld: '.ru' });

package/build/esm/editor/components/ControlPanel/ControlPanel.js

@@ -5,7 +5,7 @@ import { Theme, themeNames } from '../../../models';
 import { block } from '../../../utils';
 import { Tablet } from '../../icons/Tablet';
 import { ViewModeItem } from '../../types';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './ControlPanel.css';
 const ICON_SIZE = 14;
 const b = block('control-panel');
@@ -27,7 +27,7 @@ const ControlPanel = ({ viewMode = ViewModeItem.Edititng, onViewModeChange, clas
                         React.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
             }))),
         React.createElement("div", { className: b('theme-switch') },
-            React.createElement("span", null, i18n('Theme')),
+            React.createElement("span", null, i18n('theme')),
             React.createElement(Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]) }, Object.values(Theme).map((item) => (React.createElement(Select.Option, { key: item, value: item }, themeNames[item])))))));
 };
 export default ControlPanel;

package/build/esm/editor/components/ControlPanel/i18n/en.json

@@ -1,3 +1,4 @@
 {
-  "mode": "Mode"
+  "mode": "Mode",
+  "theme": "Theme"
 }

package/build/esm/editor/components/ControlPanel/i18n/index.d.ts

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

package/build/esm/editor/components/ControlPanel/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'ControlPanel';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ControlPanel`);

package/build/esm/editor/components/ControlPanel/i18n/ru.json

@@ -1,3 +1,4 @@
 {
-  "mode": "Режим"
+  "mode": "Режим",
+  "theme": "Тема"
 }

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { block } from '../../../utils';
 import { getBlockId } from '../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './ErrorBoundary.css';
 const b = block('error-boundary');
 export class ErrorBoundary extends React.Component {

package/build/esm/editor/components/ErrorBoundary/i18n/index.d.ts

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

package/build/esm/editor/components/ErrorBoundary/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'ErrorBoundary';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ErrorBoundary`);

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 import { BlockBase } from '../../../components';
 import { block } from '../../../utils';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import './NotFoundBlock.css';
 const b = block('not-found-block');
 export const NotFoundBlock = ({ type, children }) => children ? (React.createElement(Fragment, null, children)) : (React.createElement(BlockBase, null,

package/build/esm/editor/components/NotFoundBlock/i18n/index.d.ts

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

package/build/esm/editor/components/NotFoundBlock/i18n/index.js

@@ -1,5 +1,5 @@
-import { registerKeyset } from '../../../../utils/registerKeyset';
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'NotFoundBlock';
-export default registerKeyset({ en, ru }, COMPONENT);
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}NotFoundBlock`);

package/build/esm/editor/containers/Form/Form.css

@@ -42,7 +42,7 @@ unpredictable css rules order in build */
   line-height: var(--header-line-height);
 }
 .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
-  --yc-button-height: var(--button-height);
+  --g-button-height: var(--button-height);
   display: flex;
   justify-content: center;
   align-items: center;

package/build/esm/editor/dynamic-forms-custom/hooks/useOneOf.d.ts

@@ -6,7 +6,7 @@ export interface UseOneOfParams {
 export declare const getSpecTypeDefaultValue: (type: SpecTypes) => {} | undefined;
 export declare const useOneOf: ({ props, onTogglerChange }: UseOneOfParams) => {
     oneOfValue: string;
-    specProperties: Record<string, Spec>;
+    specProperties: Record<string, Spec<any, undefined, undefined>>;
     toggler: JSX.Element;
     togglerInput: JSX.Element;
 };

package/build/esm/hooks/useAnalytics.d.ts

@@ -1,2 +1,2 @@
-import { AnalyticsEvent } from '../models';
-export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEvent | AnalyticsEvent[] | null, additionalContext?: Record<string, string>) => void;
+import { AnalyticsEventsProp } from '../models';
+export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => void;

package/build/esm/hooks/useMetrika.d.ts

@@ -1,13 +1 @@
-import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
-/**
- * @deprecated Metrika will be deleted
- */
-type UseMetrikaProps = {
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
-};
-/**
- * @deprecated useMetrika will be deleted
- */
-export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
-export {};
+

package/build/esm/hooks/useMetrika.js

@@ -1,38 +1 @@
-import { useContext } from 'react';
-import { MetrikaContext } from '../context/metrikaContext';
-import { isNewMetrikaFormat } from '../models/guards';
-// eslint-disable-next-line valid-jsdoc
-/**
- * @deprecated Metrika will be deleted, which uses this logic
- */
-function isButtonPixel(pixelEvents) {
-    if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
-        return true;
-    }
-    return false;
-}
-// eslint-disable-next-line valid-jsdoc
-/**
- * @deprecated useMetrika will be deleted
- */
-export const useMetrika = () => {
-    const { metrika, pixel } = useContext(MetrikaContext);
-    return ({ metrikaGoals, pixelEvents }) => {
-        if (metrika && metrikaGoals) {
-            if (isNewMetrikaFormat(metrikaGoals)) {
-                metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
-            }
-            else {
-                metrika.reachGoals(metrikaGoals);
-            }
-        }
-        if (pixel && pixelEvents) {
-            if (isButtonPixel(pixelEvents)) {
-                pixelEvents.forEach(({ name, data }) => pixel.trackStandard(name, data));
-            }
-            else {
-                pixel.track(pixelEvents);
-            }
-        }
-    };
-};
+"use strict";

package/build/esm/icons/index.d.ts

@@ -1,13 +1,4 @@
-export * from './ArrowConstructor';
-export * from './ArrowSidebar';
 export * from './Chevron';
-export * from './Fullscreen';
 export * from './Github';
 export * from './NavigationChevron';
-export * from './PlayVideo';
-export * from './PreviewClose';
-export * from './NavigationClose';
-export * from './NavigationOpen';
 export * from './NavigationArrow';
-export * from './Tick';
-export * from './Minus';

package/build/esm/icons/index.js

@@ -1,13 +1,4 @@
-export * from './ArrowConstructor';
-export * from './ArrowSidebar';
 export * from './Chevron';
-export * from './Fullscreen';
 export * from './Github';
 export * from './NavigationChevron';
-export * from './PlayVideo';
-export * from './PreviewClose';
-export * from './NavigationClose';
-export * from './NavigationOpen';
 export * from './NavigationArrow';
-export * from './Tick';
-export * from './Minus';

package/build/esm/index.d.ts

@@ -9,6 +9,5 @@ export * from './models';
 export * from './utils';
 export * from './schema';
 export * from './hooks';
-export * from './icons';
 export * from './navigation';
 export { BREAKPOINTS } from './constants';

package/build/esm/index.js

@@ -10,6 +10,5 @@ export * from './models';
 export * from './utils';
 export * from './schema';
 export * from './hooks';
-export * from './icons';
 export * from './navigation';
 export { BREAKPOINTS } from './constants';

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;
@@ -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;