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

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

@@ -499,53 +499,6 @@ export declare const ButtonProps: {
             };
         };
     };
-    gaEvents: {
-        type: string;
-        items: {
-            type: string;
-            required: string[];
-            additionalProperties: boolean;
-            properties: {
-                eventName: {
-                    type: string;
-                };
-                eventCategory: {
-                    type: string;
-                };
-                eventLabel: {
-                    type: string;
-                };
-                value: {
-                    type: string;
-                };
-                groups: {
-                    oneOf: ({
-                        type: string;
-                        items?: undefined;
-                    } | {
-                        type: string;
-                        items: {
-                            type: string;
-                        };
-                    })[];
-                };
-                sendTo: {
-                    oneOf: ({
-                        type: string;
-                        items?: undefined;
-                    } | {
-                        type: string;
-                        items: {
-                            type: string;
-                        };
-                    })[];
-                };
-                eventTimeout: {
-                    type: string;
-                };
-            };
-        };
-    };
     target: {
         type: string;
         enum: string[];
@@ -761,53 +714,6 @@ export declare const ButtonBlock: {
                 };
             };
         };
-        gaEvents: {
-            type: string;
-            items: {
-                type: string;
-                required: string[];
-                additionalProperties: boolean;
-                properties: {
-                    eventName: {
-                        type: string;
-                    };
-                    eventCategory: {
-                        type: string;
-                    };
-                    eventLabel: {
-                        type: string;
-                    };
-                    value: {
-                        type: string;
-                    };
-                    groups: {
-                        oneOf: ({
-                            type: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                            };
-                        })[];
-                    };
-                    sendTo: {
-                        oneOf: ({
-                            type: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
-                                type: string;
-                            };
-                        })[];
-                    };
-                    eventTimeout: {
-                        type: string;
-                    };
-                };
-            };
-        };
         target: {
             type: string;
             enum: string[];

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockHeaderProps = exports.CardBase = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
-const ga_events_1 = require("./ga-events");
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
@@ -333,7 +332,6 @@ exports.ButtonProps = {
         ],
     },
     pixelEvents: pixel_1.pixelEvents,
-    gaEvents: ga_events_1.gaEvents,
     target: {
         type: 'string',
         enum: ['_self', '_blank', '_parent', '_top'],

package/build/esm/blocks/Banner/schema.d.ts

@@ -173,53 +173,6 @@ export declare const BannerCardProps: {
                         };
                     };
                 };
-                gaEvents: {
-                    type: string;
-                    items: {
-                        type: string;
-                        required: string[];
-                        additionalProperties: boolean;
-                        properties: {
-                            eventName: {
-                                type: string;
-                            };
-                            eventCategory: {
-                                type: string;
-                            };
-                            eventLabel: {
-                                type: string;
-                            };
-                            value: {
-                                type: string;
-                            };
-                            groups: {
-                                oneOf: ({
-                                    type: string;
-                                    items?: undefined;
-                                } | {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                })[];
-                            };
-                            sendTo: {
-                                oneOf: ({
-                                    type: string;
-                                    items?: undefined;
-                                } | {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                })[];
-                            };
-                            eventTimeout: {
-                                type: string;
-                            };
-                        };
-                    };
-                };
                 target: {
                     type: string;
                     enum: string[];
@@ -422,53 +375,6 @@ export declare const BannerBlock: {
                             };
                         };
                     };
-                    gaEvents: {
-                        type: string;
-                        items: {
-                            type: string;
-                            required: string[];
-                            additionalProperties: boolean;
-                            properties: {
-                                eventName: {
-                                    type: string;
-                                };
-                                eventCategory: {
-                                    type: string;
-                                };
-                                eventLabel: {
-                                    type: string;
-                                };
-                                value: {
-                                    type: string;
-                                };
-                                groups: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                sendTo: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                eventTimeout: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    };
                     target: {
                         type: string;
                         enum: string[];
@@ -672,53 +578,6 @@ export declare const BannerCard: {
                             };
                         };
                     };
-                    gaEvents: {
-                        type: string;
-                        items: {
-                            type: string;
-                            required: string[];
-                            additionalProperties: boolean;
-                            properties: {
-                                eventName: {
-                                    type: string;
-                                };
-                                eventCategory: {
-                                    type: string;
-                                };
-                                eventLabel: {
-                                    type: string;
-                                };
-                                value: {
-                                    type: string;
-                                };
-                                groups: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                sendTo: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                eventTimeout: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    };
                     target: {
                         type: string;
                         enum: string[];

package/build/esm/blocks/Media/schema.d.ts

@@ -426,53 +426,6 @@ export declare const MediaBlock: {
                             };
                         };
                     };
-                    gaEvents: {
-                        type: string;
-                        items: {
-                            type: string;
-                            required: string[];
-                            additionalProperties: boolean;
-                            properties: {
-                                eventName: {
-                                    type: string;
-                                };
-                                eventCategory: {
-                                    type: string;
-                                };
-                                eventLabel: {
-                                    type: string;
-                                };
-                                value: {
-                                    type: string;
-                                };
-                                groups: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                sendTo: {
-                                    oneOf: ({
-                                        type: string;
-                                        items?: undefined;
-                                    } | {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    })[];
-                                };
-                                eventTimeout: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    };
                     target: {
                         type: string;
                         enum: string[];

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,12 +1,7 @@
-import SlickSlider, { Settings } from 'react-slick';
+import { Settings } from 'react-slick';
 import { Refable, SliderProps as SliderParams, ClassNameProps, WithChildren } from '../../models';
 import './slick.css';
 import './Slider.css';
-export interface SlickSliderFull extends SlickSlider {
-    innerSlider?: {
-        list: HTMLElement;
-    };
-}
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;

package/build/esm/components/Author/Author.js

@@ -5,10 +5,10 @@ import { block } from '../../utils';
 import './Author.css';
 const b = block('author');
 const Author = (props) => {
-    const { author, className, authorContainerClassName, type = AuthorType.Column } = props;
+    const { author, className, authorContainerClassName, type = AuthorType.Column, dataQa } = props;
     const { firstName, secondName, description, avatar } = author;
     const name = secondName ? `${firstName} ${secondName}` : firstName;
-    return (React.createElement("div", { className: b({ type }, className) },
+    return (React.createElement("div", { className: b({ type }, className), "data-qa": dataQa },
         avatar && (React.createElement("div", { className: b('avatar', authorContainerClassName) }, typeof avatar === 'string' ? React.createElement(Image, { src: avatar }) : avatar)),
         React.createElement("div", { className: b('label') },
             React.createElement("div", { className: b('name') }, name),

package/build/esm/components/Author/__tests__/Author.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { AuthorType } from '../../../models';
+import Author from '../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 () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByTestId(testId);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has full name', async () => {
+        const name = `${author.firstName} ${author.secondName}`;
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has first name only', async () => {
+        const name = author.firstName;
+        render(React.createElement(Author, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
+        const object = screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has avatar', async () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const avatar = screen.getByRole('img');
+        expect(avatar).toBeInTheDocument();
+        expect(avatar).toHaveAttribute('src', author.avatar);
+    });
+    test('Has description', async () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByText(author.description);
+        expect(object).toBeInTheDocument();
+    });
+    test.each(new Array(AuthorType.Column, AuthorType.Line))('Render with given "%s" type', (type) => {
+        render(React.createElement(Author, { author: author, dataQa: testId, type: type }));
+        const object = screen.getByTestId(testId);
+        expect(object).toHaveClass(`pc-author_type_${type}`);
+    });
+});

package/build/esm/components/Button/Button.js

@@ -11,14 +11,14 @@ const b = block('button-block');
 const Button = (props) => {
     const handleMetrika = useMetrika();
     const { lang, tld } = useContext(LocaleContext);
-    const { className, metrikaGoals, pixelEvents, gaEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "gaEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = useCallback(() => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
         if (onClickOrigin) {
             onClickOrigin();
         }
-    }, [handleMetrika, metrikaGoals, pixelEvents, gaEvents, onClickOrigin]);
+    }, [handleMetrika, metrikaGoals, pixelEvents, onClickOrigin]);
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };

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

@@ -1,5 +1,5 @@
 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 './CardBase.css';
 export interface CardBaseProps extends CardBaseParams {
     className?: string;
@@ -10,7 +10,6 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/esm/components/CardBase/CardBase.js

@@ -9,7 +9,7 @@ const Header = () => null;
 const Content = () => null;
 const Footer = () => null;
 export const Layout = (props) => {
-    const { className, bodyClassName, metrikaGoals, pixelEvents, gaEvents, contentClassName, children, url, target, border = 'shadow', } = props;
+    const { className, bodyClassName, metrikaGoals, pixelEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = useMetrika();
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
@@ -42,7 +42,7 @@ export const Layout = (props) => {
             footer && React.createElement("div", { className: b('footer', footerClass) }, footer))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
     };
     return url ? (React.createElement(RouterLink, { href: url },
         React.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (React.createElement("div", { className: fullClassName }, cardContent));

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -4,10 +4,10 @@ import { useMetrika } from '../../hooks/useMetrika';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, gaEvents, theme = 'light', className } = props;
+    const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = useMetrika();
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
     };
     return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
         React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));

package/build/esm/components/Link/Link.js

@@ -23,14 +23,14 @@ 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, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
     const handleMetrika = useMetrika();
     const { hostname } = useContext(LocationContext);
     const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
     };
     const getLinkByType = () => {
         switch (theme) {

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

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

package/build/esm/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/esm/hooks/useMetrika.d.ts

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

package/build/esm/hooks/useMetrika.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { useContext } from 'react';
 import { MetrikaContext } from '../context/metrikaContext';
 import { PixelEventType } from '../models';
@@ -10,8 +9,8 @@ function isButtonPixel(pixelEvents) {
     return false;
 }
 export const useMetrika = () => {
-    const { metrika, pixel, gaInline } = useContext(MetrikaContext);
-    return ({ metrikaGoals, pixelEvents, gaEvents }) => {
+    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));
@@ -34,12 +33,5 @@ export const useMetrika = () => {
                 pixel.track(pixelEvents);
             }
         }
-        if (gaInline && gaEvents) {
-            const gaEventsArray = Array.isArray(gaEvents) ? gaEvents : [gaEvents];
-            gaEventsArray.forEach((_a) => {
-                var { eventName } = _a, rest = __rest(_a, ["eventName"]);
-                gaInline.event(eventName, rest);
-            });
-        }
     };
 };

package/build/esm/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>;
 }
@@ -45,9 +45,6 @@ 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;
 }