@gravity-ui/page-constructor 1.13.0-alpha.0 → 1.14.0-alpha.0

package/build/cjs/components/Author/__tests__/Author.test.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const models_1 = require("../../../models");
+const Author_1 = tslib_1.__importDefault(require("../Author"));
+const testId = 'author';
+const author = {
+    firstName: 'John',
+    secondName: 'Doe',
+    description: 'Web designer',
+    avatar: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png',
+};
+describe('Author', () => {
+    test('Render author by default', async () => {
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
+        const object = react_2.screen.getByTestId(testId);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has full name', async () => {
+        const name = `${author.firstName} ${author.secondName}`;
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
+        const object = react_2.screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has first name only', async () => {
+        const name = author.firstName;
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
+        const object = react_2.screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has avatar', async () => {
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
+        const avatar = react_2.screen.getByRole('img');
+        expect(avatar).toBeInTheDocument();
+        expect(avatar).toHaveAttribute('src', author.avatar);
+    });
+    test('Has description', async () => {
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
+        const object = react_2.screen.getByText(author.description);
+        expect(object).toBeInTheDocument();
+    });
+    test.each(new Array(models_1.AuthorType.Column, models_1.AuthorType.Line))('Render with given "%s" type', (type) => {
+        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId, type: type }));
+        const object = react_2.screen.getByTestId(testId);
+        expect(object).toHaveClass(`pc-author_type_${type}`);
+    });
+});

package/build/cjs/components/Button/Button.js

@@ -7,19 +7,22 @@ const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, gaEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "gaEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = (0, react_1.useCallback)(() => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin();
         }
-    }, [handleMetrika, metrikaGoals, pixelEvents, gaEvents, onClickOrigin]);
+    }, [handleMetrika, metrikaGoals, pixelEvents, handleAnalytics, analyticsEvents, onClickOrigin]);
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };

package/build/cjs/components/CardBase/CardBase.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactElement, HTMLAttributeAnchorTarget } from 'react';
-import { ButtonPixel, CardBaseProps as CardBaseParams, GAEvents, ImageProps, MetrikaGoal, WithChildren } from '../../models';
+import { ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
+import { AnalyticsEvent } from '../../models/common';
 export interface CardBaseProps extends CardBaseParams {
     className?: string;
     bodyClassName?: string;
@@ -9,7 +10,7 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/cjs/components/CardBase/CardBase.js

@@ -7,13 +7,15 @@ const utils_1 = require("../../utils");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
 const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
 const useMetrika_1 = require("../../hooks/useMetrika");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const b = (0, utils_1.block)('card-base-block');
 const Header = () => null;
 const Content = () => null;
 const Footer = () => null;
 const Layout = (props) => {
-    const { className, bodyClassName, metrikaGoals, pixelEvents, gaEvents, contentClassName, children, url, target, border = 'shadow', } = props;
+    const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {
@@ -45,7 +47,8 @@ const Layout = (props) => {
             footer && react_1.default.createElement("div", { className: b('footer', footerClass) }, footer))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
     };
     return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
         react_1.default.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (react_1.default.createElement("div", { className: fullClassName }, cardContent));

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -4,12 +4,15 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, gaEvents, theme = 'light', className } = props;
+    const { items, metrikaGoals, pixelEvents, analyticsEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
     };
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));

package/build/cjs/components/Link/Link.js

@@ -10,6 +10,7 @@ const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const locationContext_1 = require("../../context/locationContext/locationContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const b = (0, utils_1.block)('link-block');
 const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {
@@ -25,14 +26,16 @@ function getArrowSize(size) {
     }
 }
 const LinkBlock = (props) => {
-    const { text, url, arrow, metrikaGoals, pixelEvents, gaEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
+    const { text, url, arrow, metrikaGoals, pixelEvents, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const href = (0, utils_1.setUrlTld)(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
         switch (theme) {

package/build/cjs/components/YandexForm/YandexForm.d.ts

@@ -1,4 +1,5 @@
 import { PixelEvent } from '../../models';
+import { AnalyticsEvent } from '../../models/common';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
 export interface YandexFormProps {
     id: number | string;
@@ -14,6 +15,7 @@ export interface YandexFormProps {
     onLoad?: () => void;
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/cjs/components/YandexForm/YandexForm.js

@@ -8,15 +8,17 @@ const localeContext_1 = require("../../context/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const useAnalytics_1 = require("../..//hooks/useAnalytics");
 exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, customFormOrigin, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, } = props;
     const formContainerRef = (0, react_1.useRef)(null);
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const updateFormIframe = (0, react_1.useCallback)((container) => {
@@ -57,10 +59,19 @@ const YandexForm = (props) => {
             window.scrollBy(0, top - headerHeight);
         }
         handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }
-    }, [handleMetrika, metrikaGoals, pixelEvents, onSubmit, headerHeight]);
+    }, [
+        handleMetrika,
+        metrikaGoals,
+        pixelEvents,
+        handleAnalytics,
+        analyticsEvents,
+        onSubmit,
+        headerHeight,
+    ]);
     const handleMessage = (0, react_1.useCallback)(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;

package/build/cjs/context/analyticsContext/analyticsContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AnalyticsEvent } from '../../models';
+export interface AnalyticsContextProps {
+    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[]) => void;
+}
+export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

package/build/cjs/context/analyticsContext/analyticsContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticsContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.AnalyticsContext = react_1.default.createContext({});

package/build/cjs/context/analyticsContext/index.d.ts

@@ -0,0 +1 @@
+export * from './analyticsContext';

package/build/cjs/context/analyticsContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./analyticsContext"), exports);

package/build/cjs/context/metrikaContext/metrikaContext.d.ts

@@ -1,8 +1,13 @@
 import React from 'react';
-import { GaInline, Metrika, Pixel } from '../../models';
+import { Metrika, Pixel } from '../../models';
 export interface MetrikaContextProps {
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrika?: Metrika;
+    /**
+     * @deprecated Metrika will be deleted
+     */
     pixel?: Pixel;
-    gaInline?: GaInline;
 }
 export declare const MetrikaContext: React.Context<MetrikaContextProps>;

package/build/cjs/grid/Grid/Grid.css

@@ -21,64 +21,64 @@
 }
 @media only screen and (max-width: 577px) {
   .pc-Grid .container,
-.pc-Grid .container-fluid {
+  .pc-Grid .container-fluid {
     padding: 0 16px;
   }
   .pc-Grid .col,
-.pc-Grid .col-sm-auto,
-.pc-Grid .col-auto {
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-0,
-.pc-Grid .col-0 {
+  .pc-Grid .col-0 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-1,
-.pc-Grid .col-1 {
+  .pc-Grid .col-1 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-2,
-.pc-Grid .col-2 {
+  .pc-Grid .col-2 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-3,
-.pc-Grid .col-3 {
+  .pc-Grid .col-3 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-4,
-.pc-Grid .col-4 {
+  .pc-Grid .col-4 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-5,
-.pc-Grid .col-5 {
+  .pc-Grid .col-5 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-6,
-.pc-Grid .col-6 {
+  .pc-Grid .col-6 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-7,
-.pc-Grid .col-7 {
+  .pc-Grid .col-7 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-8,
-.pc-Grid .col-8 {
+  .pc-Grid .col-8 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-9,
-.pc-Grid .col-9 {
+  .pc-Grid .col-9 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-10,
-.pc-Grid .col-10 {
+  .pc-Grid .col-10 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-11,
-.pc-Grid .col-11 {
+  .pc-Grid .col-11 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-12,
-.pc-Grid .col-12 {
+  .pc-Grid .col-12 {
     padding: 0 8px;
   }
   .pc-Grid .row .row {

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

@@ -0,0 +1,2 @@
+import { AnalyticsEvent } from '../models';
+export declare const useAnalytics: () => (e?: AnalyticsEvent | AnalyticsEvent[]) => void;

package/build/cjs/hooks/useAnalytics.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalytics = void 0;
+const react_1 = require("react");
+const analyticsContext_1 = require("../context/analyticsContext");
+const useAnalytics = () => {
+    const { sendEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+    return (e) => {
+        if (!e) {
+            return;
+        }
+        sendEvents === null || sendEvents === void 0 ? void 0 : sendEvents(e);
+    };
+};
+exports.useAnalytics = useAnalytics;

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

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

package/build/cjs/hooks/useMetrika.js

@@ -1,20 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMetrika = void 0;
-const tslib_1 = require("tslib");
 const react_1 = require("react");
 const metrikaContext_1 = require("../context/metrikaContext");
 const models_1 = require("../models");
 const guards_1 = require("../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
+ */
 const useMetrika = () => {
-    const { metrika, pixel, gaInline } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
-    return ({ metrikaGoals, pixelEvents, gaEvents }) => {
+    const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
+    return ({ metrikaGoals, pixelEvents }) => {
         if (metrika && metrikaGoals) {
             if ((0, guards_1.isNewMetrikaFormat)(metrikaGoals)) {
                 metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
@@ -37,13 +44,6 @@ const useMetrika = () => {
                 pixel.track(pixelEvents);
             }
         }
-        if (gaInline && gaEvents) {
-            const gaEventsArray = Array.isArray(gaEvents) ? gaEvents : [gaEvents];
-            gaEventsArray.forEach((_a) => {
-                var { eventName } = _a, rest = tslib_1.__rest(_a, ["eventName"]);
-                gaInline.event(eventName, rest);
-            });
-        }
     };
 };
 exports.useMetrika = useMetrika;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GAEventParams, MetrikaGoal } from './';
+import { MetrikaGoal } from './';
 export interface Refable<T> {
     ref?: React.Ref<T>;
 }
@@ -7,12 +7,21 @@ export declare enum Theme {
     Light = "light",
     Dark = "dark"
 }
+/**
+ * @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",
@@ -36,20 +45,38 @@ export declare enum PixelEventType {
 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 GaInline {
-    event: (eventName: string, params?: GAEventParams) => void;
-}
 export interface ClassNameProps {
     className?: string;
 }
 export type Timeout = ReturnType<typeof setTimeout> | undefined;
+export type AnalyticsParameter = {
+    key: string;
+    value: string;
+};
+export type AnalyticsEvent = {
+    name: string;
+    type?: string;
+    counters?: {
+        include?: string[];
+        exclude?: string[];
+    };
+    category?: string;
+    label?: string;
+    params?: AnalyticsParameter[];
+};
 export {};

package/build/cjs/models/common.js

@@ -6,6 +6,9 @@ var Theme;
     Theme["Light"] = "light";
     Theme["Dark"] = "dark";
 })(Theme = exports.Theme || (exports.Theme = {}));
+/**
+ * @deprecated Pixel will be deleted from package
+ */
 var PixelEventType;
 (function (PixelEventType) {
     PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
-import { ClassNameProps, PixelEventType } from '../common';
+import { AnalyticsEvent, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -121,7 +121,7 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -140,7 +140,7 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
+    analyticsEvents?: AnalyticsEvent[];
     target?: string;
 }
 export interface ButtonImageProps {
@@ -224,7 +224,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PreviewContentItemProps {
     title: string;
@@ -335,27 +335,10 @@ export interface AuthorProps {
     className?: string;
     authorContainerClassName?: string;
     type?: AuthorType;
+    dataQa?: string;
 }
 export interface BlockHeaderProps {
     title?: TitleProps | string;
     description?: string;
 }
-export declare type GaParameterValue = string | number | boolean;
-declare type GACommandConfig<T> = T & {
-    [key: string]: GaParameterValue;
-};
-declare type GACommonParams = {
-    groups?: string | string[];
-    sendTo?: string | string[];
-    eventTimeout?: number;
-};
-export declare type GAEventParams = GACommandConfig<GACommonParams & {
-    eventCategory?: string;
-    eventLabel?: string;
-    value?: number;
-}>;
-export type GAEvent = GAEventParams & {
-    eventName: string;
-};
-export type GAEvents = GAEvent | GAEvent[];
 export {};

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
-import { PixelEvent } from '../common';
+import { AnalyticsEvent, PixelEvent } from '../common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -61,6 +61,7 @@ export interface HubspotFormProps extends HubspotEventHandlers {
     onLoad?: (arg: HubspotEventData) => void;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PartnerProps extends CardBaseProps {
     text: string;