@gravity-ui/page-constructor 2.21.0 → 2.22.0-alpha

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
+import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -99,7 +99,6 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
-    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];
@@ -132,10 +131,11 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
+export interface ButtonProps extends AnalyticsEventsBase {
     text: string;
     url: string;
     primary?: boolean;
+    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -174,7 +174,11 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
+    /**
+     * @deprecated use fullscreen
+     */
     fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;

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

@@ -136,7 +136,11 @@ export interface LayoutItemProps extends ClassNameProps {
     media: MediaProps;
     metaInfo?: string[];
     border?: boolean;
+    /**
+     * @deprecated use fullscreen
+     */
     fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export type DividerModel = {
     type: SubBlockType.Divider;

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, BlockDecoratorProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -41,8 +41,5 @@ export interface CustomConfig {
     subBlocks?: CustomItems;
     headers?: CustomItems;
     loadable?: LoadableConfig;
-    decorators?: {
-        block?: ((props: BlockDecoratorProps) => React.ReactElement)[];
-    };
 }
 export {};

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

@@ -5,4 +5,3 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
-export * from './customization';

package/build/cjs/models/index.js

@@ -8,4 +8,3 @@ tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./guards"), exports);
 tslib_1.__exportStar(require("./react"), exports);
 tslib_1.__exportStar(require("./navigation"), exports);
-tslib_1.__exportStar(require("./customization"), exports);

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

@@ -1114,6 +1114,12 @@ export declare const MediaProps: {
             type: string;
         })[];
     };
+    fullScreen: {
+        type: string;
+    };
+    fullscreen: {
+        type: string;
+    };
 };
 export declare const YMapMarkerLabel: {
     type: string;

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

@@ -457,6 +457,12 @@ exports.MediaProps = {
         type: 'string',
     },
     dataLens: exports.DataLensProps,
+    fullScreen: {
+        type: 'boolean',
+    },
+    fullscreen: {
+        type: 'boolean',
+    },
 };
 exports.YMapMarkerLabel = {
     type: 'object',

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
 export default HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -4,12 +4,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript"));
-const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
+const HubspotFormContainer = (props) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = (0, react_1.useRef)(null);
     const hsContainerRef = (0, react_1.useRef)();
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    (0, react_1.useImperativeHandle)(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -47,6 +45,5 @@ const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
         };
     });
     return react_1.default.createElement("div", { className: className, id: containerId, ref: containerRef });
-});
-HubspotFormContainer.displayName = 'HubspotFormContainer';
+};
 exports.default = HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
-declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
+declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
 export default HubspotForm;

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -10,7 +10,7 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
-const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
+const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -25,10 +25,10 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (event) => {
+        onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
     }), [
         onBeforeLoad,
@@ -42,7 +42,6 @@ const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
-});
-HubspotForm.displayName = 'HubspotForm';
+    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
+};
 exports.default = HubspotForm;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
 import { LayoutItemProps } from '../../models';
-declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullScreen, fullscreen, className, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -8,11 +8,11 @@ const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullScreen, className } = _a;
+    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullScreen, fullscreen, className } = _a;
     return (react_1.default.createElement("div", { className: b(null, className) },
-        fullScreen && (0, utils_2.hasFullScreen)(media) ? (react_1.default.createElement(components_1.FullScreenMedia, { showFullScreenIcon: (0, utils_2.showFullScreenIcon)(media) }, (_a = {}) => {
-            var { className: mediaClassName } = _a, fullScreenMediaProps = tslib_1.__rest(_a, ["className"]);
-            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullScreenMediaProps, { className: b('media', { border }, mediaClassName) })));
+        (fullScreen || fullscreen) && (0, utils_2.hasFullscreen)(media) ? (react_1.default.createElement(components_1.FullScreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(media) }, (_a = {}) => {
+            var { className: mediaClassName, fullScreen: _fullScreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullScreen"]);
+            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName) })));
         })) : (react_1.default.createElement(components_1.Media, Object.assign({}, media, { className: b('media', { border }) }))),
         metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
         react_1.default.createElement("div", { className: b('content') },

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -132,6 +132,12 @@ export declare const LayoutItem: {
                     type: string;
                 })[];
             };
+            fullScreen: {
+                type: string;
+            };
+            fullscreen: {
+                type: string;
+            };
         };
         content: Partial<{
             title: {
@@ -212,6 +218,9 @@ export declare const LayoutItem: {
         fullScreen: {
             type: string;
         };
+        fullscreen: {
+            type: string;
+        };
         type: {};
         when: {};
     };

package/build/cjs/sub-blocks/LayoutItem/schema.js

@@ -14,5 +14,7 @@ exports.LayoutItem = {
             type: 'boolean',
         }, fullScreen: {
             type: 'boolean',
+        }, fullscreen: {
+            type: 'boolean',
         } }),
 };

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -24,5 +24,5 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     }[] | undefined;
     className?: string | undefined;
 }[] | undefined;
-export declare const hasFullScreen: ({ dataLens, image }: MediaProps) => boolean;
-export declare const showFullScreenIcon: ({ youtube }: MediaProps) => boolean;
+export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
+export declare const showFullscreenIcon: ({ youtube }: MediaProps) => boolean;

package/build/cjs/sub-blocks/LayoutItem/utils.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.showFullScreenIcon = exports.hasFullScreen = exports.getLayoutItemLinks = void 0;
+exports.showFullscreenIcon = exports.hasFullscreen = exports.getLayoutItemLinks = void 0;
 const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
 exports.getLayoutItemLinks = getLayoutItemLinks;
-const hasFullScreen = ({ dataLens, image }) => {
+const hasFullscreen = ({ dataLens, image }) => {
     // datalens and slider media card don't support fullScreen mode
     return !(dataLens || Array.isArray(image));
 };
-exports.hasFullScreen = hasFullScreen;
-const showFullScreenIcon = ({ youtube }) => !youtube;
-exports.showFullScreenIcon = showFullScreenIcon;
+exports.hasFullscreen = hasFullscreen;
+const showFullscreenIcon = ({ youtube }) => !youtube;
+exports.showFullscreenIcon = showFullscreenIcon;

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -134,6 +134,12 @@ export declare const MediaCardBlock: {
                     type: string;
                 })[];
             };
+            fullScreen: {
+                type: string;
+            };
+            fullscreen: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/cjs/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -8,7 +8,4 @@ export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomCon
 };
 export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
-export declare const getOrderedBlocks: (blocks: Block[], headerBlockTypes?: string[]) => Block[];
-export declare const getHeaderBlock: (blocks: Block[], headerBlockTypes?: string[]) => Block | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
-export declare const getBlockIndexFromId: (blockId?: string) => number;

package/build/cjs/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBlockIndexFromId = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
 const models_1 = require("../models");
 function getHeaderTag(size) {
     switch (size) {
@@ -46,14 +46,6 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
-const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
-    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
-};
-exports.getOrderedBlocks = getOrderedBlocks;
-const getHeaderBlock = (blocks, headerBlockTypes = []) => {
-    return blocks.find(({ type }) => headerBlockTypes.includes(type));
-};
-exports.getHeaderBlock = getHeaderBlock;
 const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -83,5 +75,3 @@ const getShareLink = (url, type, title, text) => {
     }
 };
 exports.getShareLink = getShareLink;
-const getBlockIndexFromId = (blockId) => { var _a; return Number((_a = blockId === null || blockId === void 0 ? void 0 : blockId.split('-')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()); };
-exports.getBlockIndexFromId = getBlockIndexFromId;

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

@@ -137,6 +137,12 @@ export declare const HeaderBackgroundProps: {
                 type: string;
             })[];
         };
+        fullScreen: {
+            type: string;
+        };
+        fullscreen: {
+            type: string;
+        };
     };
 };
 export declare const HeaderProperties: {
@@ -424,6 +430,12 @@ export declare const HeaderProperties: {
                         type: string;
                     })[];
                 };
+                fullScreen: {
+                    type: string;
+                };
+                fullscreen: {
+                    type: string;
+                };
             };
         } | {
             type: string;
@@ -757,6 +769,12 @@ export declare const HeaderBlock: {
                                 type: string;
                             })[];
                         };
+                        fullScreen: {
+                            type: string;
+                        };
+                        fullscreen: {
+                            type: string;
+                        };
                     };
                 } | {
                     type: string;

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

@@ -294,6 +294,12 @@ export declare const HeaderSliderBlock: {
                                             type: string;
                                         })[];
                                     };
+                                    fullScreen: {
+                                        type: string;
+                                    };
+                                    fullscreen: {
+                                        type: string;
+                                    };
                                 };
                             } | {
                                 type: string;

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

@@ -131,6 +131,12 @@ export declare const Media: {
                 type: string;
             })[];
         };
+        fullScreen: {
+            type: string;
+        };
+        fullscreen: {
+            type: string;
+        };
     };
 };
 export declare const MediaBlockBaseProps: {
@@ -608,6 +614,12 @@ export declare const MediaBlock: {
                             type: string;
                         })[];
                     };
+                    fullScreen: {
+                        type: string;
+                    };
+                    fullscreen: {
+                        type: string;
+                    };
                 };
             };
             description: {

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

@@ -146,6 +146,12 @@ export declare const PromoFeaturesItem: {
                         type: string;
                     })[];
                 };
+                fullScreen: {
+                    type: string;
+                };
+                fullscreen: {
+                    type: string;
+                };
             };
         };
     };

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

@@ -147,6 +147,12 @@ export declare const SecurityBlock: {
                             type: string;
                         })[];
                     };
+                    fullScreen: {
+                        type: string;
+                    };
+                    fullscreen: {
+                        type: string;
+                    };
                 };
             };
             points: {

package/build/esm/blocks/Tabs/Tabs.js

@@ -2,7 +2,7 @@ import React, { Fragment, useContext, useRef, useState } from 'react';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import BlockHeader from '../../components/BlockHeader/BlockHeader';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
-import FullScreenImage from '../../components/FullscreenImage/FullscreenImage';
+import FullscreenImage from '../../components/FullscreenImage/FullscreenImage';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import Media from '../../components/Media/Media';
 import { getHeight } from '../../components/VideoBlock/VideoBlock';
@@ -44,7 +44,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
         }, className: b('col', { centered: centered }) },
         React.createElement("div", { ref: ref }, (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (React.createElement(Media, Object.assign({}, getThemedValue(activeTabData.media, theme), { key: activeTab, className: b('media'), playVideo: play, height: mediaHeight })))),
         imageProps && (React.createElement(Fragment, null,
-            React.createElement(FullScreenImage, Object.assign({}, imageProps, { imageClassName: b('image') })))),
+            React.createElement(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image') })))),
         (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && React.createElement("p", { className: b('caption') }, activeTabData.caption)));
     const onSelectTab = (id, e) => {
         setActiveTab(id);

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

@@ -142,6 +142,12 @@ export declare const tabsItem: {
                             type: string;
                         })[];
                     };
+                    fullScreen: {
+                        type: string;
+                    };
+                    fullscreen: {
+                        type: string;
+                    };
                 };
             } | {
                 type: string;

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

@@ -3,7 +3,7 @@ import './Anchor.css';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps {
     id: string;
-    qa?: string;
+    dataQa?: string;
 }
-declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, dataQa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/esm/components/Anchor/Anchor.js

@@ -4,5 +4,5 @@ import { block } from '../../utils';
 import './Anchor.css';
 const b = block('Anchor');
 export const qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, qa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
+const Anchor = ({ id, className, dataQa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": dataQa || qaIdByDefault }));
 export default Anchor;

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Anchor from '../Anchor';
+const testId = 'anchor';
+const anchorId = 'anchorId';
+describe('Anchor', () => {
+    test('Has id', async () => {
+        render(React.createElement(Anchor, { id: anchorId, dataQa: testId }));
+        const anchor = screen.getByTestId(testId);
+        expect(anchor).toHaveAttribute('id', anchorId);
+    });
+    test('Has custom class', async () => {
+        const className = 'custom-anchor-class';
+        render(React.createElement(Anchor, { id: anchorId, className: className, dataQa: testId }));
+        const anchor = screen.getByTestId(testId);
+        expect(anchor).toHaveClass(className);
+    });
+});

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

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

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import AnimateBlock from '../AnimateBlock';
+const qaId = 'animate-block';
+describe('AnimateBlock', () => {
+    test('render AnimateBlock by default', async () => {
+        render(React.createElement(AnimateBlock, { qa: qaId }));
+        const component = screen.getByTestId(qaId);
+        expect(component).toBeInTheDocument();
+    });
+    test('add className', () => {
+        const className = 'my-class';
+        render(React.createElement(AnimateBlock, { qa: qaId, className: className }));
+        const component = screen.getByTestId(qaId);
+        expect(component).toHaveClass(className);
+    });
+    test('use passed style', () => {
+        const style = { color: 'red' };
+        render(React.createElement(AnimateBlock, { style: style, qa: qaId }));
+        const component = screen.getByTestId(qaId);
+        expect(component).toHaveStyle(style);
+    });
+    test('call onScroll', async () => {
+        const onScroll = jest.fn();
+        const user = userEvent.setup();
+        render(React.createElement("div", { style: { paddingTop: 100000 } },
+            React.createElement(AnimateBlock, { onScroll: onScroll, qa: qaId })));
+        const component = screen.getByTestId(qaId);
+        await user.hover(component);
+        expect(onScroll).toHaveBeenCalledTimes(1);
+    });
+});

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/BackLink/__tests__/BackLink.test.d.ts

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