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

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [1.13.0](https://github.com/gravity-ui/page-constructor/compare/v1.12.1...v1.13.0) (2023-01-18)
+
+
+### Features
+
+* remove matchMedia artefact ([#114](https://github.com/gravity-ui/page-constructor/issues/114)) ([8ff3117](https://github.com/gravity-ui/page-constructor/commit/8ff3117261f9681f0dbb452c3c722ee80845da80))
+
+
+### Bug Fixes
+
+* delete unused dependency ([#112](https://github.com/gravity-ui/page-constructor/issues/112)) ([300085c](https://github.com/gravity-ui/page-constructor/commit/300085c456877ef617f4225a603fcc3d52393848))
+
+## [1.12.1](https://github.com/gravity-ui/page-constructor/compare/v1.12.0...v1.12.1) (2023-01-11)
+
+
+### Bug Fixes
+
+* **BlockHeader:** add yfm to description, change styles ([#105](https://github.com/gravity-ui/page-constructor/issues/105)) ([f77fc5e](https://github.com/gravity-ui/page-constructor/commit/f77fc5e82f7aaf33dda8f56a9f17a87d61cc5cdd))
+* contentBase import ([#109](https://github.com/gravity-ui/page-constructor/issues/109)) ([2136f7b](https://github.com/gravity-ui/page-constructor/commit/2136f7bbe340c6035c655ff5139ae69ee1b50d3e))
+
 ## [1.12.0](https://github.com/gravity-ui/page-constructor/compare/v1.11.1...v1.12.0) (2023-01-10)
 
 
@@ -534,7 +554,7 @@ In the `Content`, if the `text` block has no `title`, the `margin-top` property
 ### Breaking changes
 
 - `PageConstructorProvider` is now a separate component. For the `PageConstructor` to run properly, wrap it in this provider.
-  For details, see the [readme](https://github.yandex-team.ru/data-ui/page-constructor/blob/master/README.md#начало-работы) file.
+  For details, see the [readme](https://github.com/gravity-ui/page-constructor#getting-started) file.
 
 - Deleted the `system` theme (the `light` theme is used instead by default).
 

package/build/cjs/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/cjs/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/cjs/blocks/Slider/Slider.d.ts

@@ -1,10 +1,5 @@
-import SlickSlider, { Settings } from 'react-slick';
+import { Settings } from 'react-slick';
 import { Refable, SliderProps as SliderParams, ClassNameProps, WithChildren } from '../../models';
-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/cjs/components/Author/Author.js

@@ -7,10 +7,10 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('author');
 const Author = (props) => {
-    const { author, className, authorContainerClassName, type = models_1.AuthorType.Column } = props;
+    const { author, className, authorContainerClassName, type = models_1.AuthorType.Column, dataQa } = props;
     const { firstName, secondName, description, avatar } = author;
     const name = secondName ? `${firstName} ${secondName}` : firstName;
-    return (react_1.default.createElement("div", { className: b({ type }, className) },
+    return (react_1.default.createElement("div", { className: b({ type }, className), "data-qa": dataQa },
         avatar && (react_1.default.createElement("div", { className: b('avatar', authorContainerClassName) }, typeof avatar === 'string' ? react_1.default.createElement(index_1.Image, { src: avatar }) : avatar)),
         react_1.default.createElement("div", { className: b('label') },
             react_1.default.createElement("div", { className: b('name') }, name),

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

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

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

@@ -12,14 +12,14 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     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, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = (0, react_1.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/cjs/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';
 export interface CardBaseProps extends CardBaseParams {
     className?: string;
     bodyClassName?: string;
@@ -9,7 +9,6 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
 }
 export interface CardHeaderBaseProps {
     className?: string;

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

@@ -12,7 +12,7 @@ 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, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
@@ -45,7 +45,7 @@ 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 });
     };
     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

@@ -6,10 +6,10 @@ const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, gaEvents, theme = 'light', className } = props;
+    const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents, gaEvents });
+        handleMetrika({ metrikaGoals, pixelEvents });
     };
     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

@@ -25,14 +25,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 = (0, useMetrika_1.useMetrika)();
     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 });
     };
     const getLinkByType = () => {
         switch (theme) {

package/build/cjs/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/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/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/cjs/hooks/useMetrika.js

@@ -1,7 +1,6 @@
 "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");
@@ -13,8 +12,8 @@ function isButtonPixel(pixelEvents) {
     return false;
 }
 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 +36,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>;
 }
@@ -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;
 }

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

@@ -121,7 +121,6 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -140,7 +139,6 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
     target?: string;
 }
 export interface ButtonImageProps {
@@ -224,7 +222,6 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    gaEvents?: GAEvents;
 }
 export interface PreviewContentItemProps {
     title: string;
@@ -335,27 +332,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 {};