@gravity-ui/page-constructor 3.0.0-alpha.0 → 3.0.0-alpha.2

package/build/esm/components/Title/TitleItem.js

@@ -0,0 +1,53 @@
+import React, { Fragment, useContext } from 'react';
+import { HTML, ToggleArrow } from '../';
+import { LocationContext } from '../../context/locationContext';
+import { MobileContext } from '../../context/mobileContext';
+import { block, getHeaderTag, getLinkProps } from '../../utils';
+import Anchor from '../Anchor/Anchor';
+import './TitleItem.css';
+const b = block('title-item');
+export function getArrowSize(size, isMobile) {
+    switch (size) {
+        case 'xs':
+            return 13;
+        case 's':
+            return 16;
+        case 'm':
+            return isMobile ? 22 : 24;
+        case 'l':
+            return isMobile ? 26 : 38;
+        default:
+            return 20;
+    }
+}
+const Title = (props) => {
+    const isMobile = useContext(MobileContext);
+    const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, dataQa, resetMargin = true, } = props;
+    const { hostname } = useContext(LocationContext);
+    const textMarkup = (React.createElement(React.Fragment, null,
+        React.createElement(HTML, { className: b('text') }, text),
+        custom && (React.createElement(React.Fragment, null,
+            "\u00A0",
+            React.createElement("span", { className: b('custom') }, custom)))));
+    let content;
+    const insideClickableContent = (React.createElement("span", { className: b('wrapper') },
+        textMarkup,
+        "\u00A0",
+        React.createElement(ToggleArrow, { className: b('arrow', { size: textSize }), size: getArrowSize(textSize, isMobile), type: 'horizontal', iconType: "navigation", open: false })));
+    if (!url && !onClick) {
+        content = textMarkup;
+    }
+    else if (url) {
+        content = (React.createElement("a", Object.assign({ className: b('link'), href: url }, getLinkProps(url, hostname), { onClick: onClick }), insideClickableContent));
+    }
+    else if (onClick) {
+        content = (React.createElement("span", { className: b('link'), onClick: onClick }, insideClickableContent));
+    }
+    return (React.createElement(Fragment, null,
+        anchor && React.createElement(Anchor, { id: anchor, className: b('anchor') }),
+        React.createElement(getHeaderTag(textSize), {
+            className: b({ size: textSize, justify, 'reset-margin': resetMargin }, className),
+            'data-qa': `${dataQa}-header`,
+        }, content)));
+};
+export default Title;

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

@@ -5,7 +5,7 @@ export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
 export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
-export { default as BlockHeader } from './BlockHeader/BlockHeader';
+export { default as BlockHeader } from './Title/Title';
 export { default as Button } from './Button/Button';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';

package/build/esm/components/index.js

@@ -5,7 +5,7 @@ export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
 export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
-export { default as BlockHeader } from './BlockHeader/BlockHeader';
+export { default as BlockHeader } from './Title/Title';
 export { default as Button } from './Button/Button';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';

package/build/esm/grid/Col/Col.d.ts

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/internal-typings/global.d.ts

@@ -10,22 +10,17 @@ declare module '*.svg' {
     export default path;
 }
 
-interface CreateFormProps {
-    portalId: string;
-    formId: string;
-    region?: string;
-    target?: string;
-    cssClass?: string;
-    formInstanceId?: string;
-}
+declare module '*.md';
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
+declare namespace Hbspt {
+    interface CreateFormProps {
+        portalId: string;
+        formId: string;
+        region?: string;
+        target?: string;
+        cssClass?: string;
+        formInstanceId?: string;
+    }
 }
 
 declare namespace Ymaps {
@@ -63,4 +58,11 @@ declare namespace Ymaps {
     }
 }
 
-declare module '*.md';
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: Hbspt.CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
+}

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -69,7 +69,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
         text: string;
         size?: TextSize;
     };
-    title?: TitleBaseProps;
+    title?: TitleItemBaseProps;
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
@@ -120,7 +120,7 @@ export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' |
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -132,7 +132,7 @@ export interface PromoFeaturesItem {
 }
 export interface PromoFeaturesProps extends Animatable {
     items: PromoFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     theme?: 'grey' | 'default';
 }
@@ -207,14 +207,14 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends BlockHeaderProps, Animatable {
+export interface TabsBlockProps extends TitleProps, Animatable {
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
-    title: TitleProps | string;
+    title: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -227,7 +227,7 @@ export type FilterItem = {
     card: SubBlockModels;
 };
 export interface FilterBlockProps extends Animatable, LoadableChildren {
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     tags: FilterTag[];
     items: FilterItem[];
@@ -257,7 +257,7 @@ export interface ContentLayoutBlockProps {
     fileContent?: FileLinkProps[];
 }
 export interface ContentBlockProps {
-    title?: TitleBaseProps | string;
+    title?: TitleItemBaseProps | string;
     text?: string;
     additionalInfo?: string;
     links?: LinkProps[];

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

@@ -249,11 +249,11 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface TitleProps extends Justifyable, TitleBaseProps {
+export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
     anchor?: string;
 }
-export interface TitleBaseProps {
+export interface TitleItemBaseProps {
     text: string;
     textSize?: TextSize;
     url?: string;
@@ -334,8 +334,8 @@ export interface AuthorProps {
     type?: AuthorType;
     dataQa?: string;
 }
-export interface BlockHeaderProps {
-    title?: TitleProps | string;
+export interface TitleProps {
+    title?: TitleItemProps | string;
     description?: string;
 }
 export {};

package/build/esm/sub-blocks/Content/Content.js

@@ -36,11 +36,11 @@ function getButtonSize(size) {
 const Content = (props) => {
     const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
     const titleProps = __rest(!title || typeof title === 'string'
-        ? { text: title, textSize: getTextSize(size) }
-        : title, []);
+        ? { text: title, textSize: getTextSize(size), resetMargin: true }
+        : Object.assign(Object.assign({}, title), { resetMargin: true }), []);
     const hasTitle = Boolean(title);
     return (React.createElement(Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
-        title && React.createElement(Title, Object.assign({ className: b('title') }, titleProps, { resetMargin: true })),
+        title && React.createElement(Title, { title: titleProps }),
         text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
         additionalInfo && (React.createElement("div", { className: b('notice') },

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

@@ -1,5 +1,6 @@
+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: (props: HubspotFormContainerProps) => JSX.Element;
+declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotFormContainer;

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

@@ -1,10 +1,12 @@
-import React, { useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useMount } from '../../hooks';
 import loadHubspotScript from './loadHubspotScript';
-const HubspotFormContainer = (props) => {
+const HubspotFormContainer = forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = useRef(null);
     const hsContainerRef = useRef();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -42,5 +44,6 @@ const HubspotFormContainer = (props) => {
         };
     });
     return React.createElement("div", { className: className, id: containerId, ref: containerRef });
-};
+});
+HubspotFormContainer.displayName = 'HubspotFormContainer';
 export default HubspotFormContainer;

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

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

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

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { forwardRef, useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
@@ -8,7 +8,7 @@ import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
-const HubspotForm = (props) => {
+const HubspotForm = forwardRef((props, ref) => {
     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;
@@ -23,10 +23,10 @@ const HubspotForm = (props) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (e) => {
+        onSubmit: (event) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,
@@ -40,6 +40,7 @@ const HubspotForm = (props) => {
         onSubmitError,
     ]);
     useHandleHubspotEvents(handlers, formId);
-    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
-};
+    return (React.createElement(HubspotFormContainer, { 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';
 export default HubspotForm;

package/build/esm/text-transform/config.d.ts

@@ -1,9 +1,9 @@
-import { TitleProps } from '../models';
+import { TitleItemProps } from '../models';
 import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
     transformer: typeof typografTransformer;
-    parser: (transformer: Transformer, title: TitleProps | string) => string | {
+    parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
         anchor?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/constructor-items/blocks.d.ts

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -69,7 +69,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
         text: string;
         size?: TextSize;
     };
-    title?: TitleBaseProps;
+    title?: TitleItemBaseProps;
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
@@ -120,7 +120,7 @@ export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' |
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -132,7 +132,7 @@ export interface PromoFeaturesItem {
 }
 export interface PromoFeaturesProps extends Animatable {
     items: PromoFeaturesItem[];
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     theme?: 'grey' | 'default';
 }
@@ -207,14 +207,14 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends BlockHeaderProps, Animatable {
+export interface TabsBlockProps extends TitleProps, Animatable {
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
-    title: TitleProps | string;
+    title: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -227,7 +227,7 @@ export type FilterItem = {
     card: SubBlockModels;
 };
 export interface FilterBlockProps extends Animatable, LoadableChildren {
-    title?: TitleProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     tags: FilterTag[];
     items: FilterItem[];
@@ -257,7 +257,7 @@ export interface ContentLayoutBlockProps {
     fileContent?: FileLinkProps[];
 }
 export interface ContentBlockProps {
-    title?: TitleBaseProps | string;
+    title?: TitleItemBaseProps | string;
     text?: string;
     additionalInfo?: string;
     links?: LinkProps[];

package/server/models/constructor-items/common.d.ts

@@ -249,11 +249,11 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface TitleProps extends Justifyable, TitleBaseProps {
+export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
     anchor?: string;
 }
-export interface TitleBaseProps {
+export interface TitleItemBaseProps {
     text: string;
     textSize?: TextSize;
     url?: string;
@@ -334,8 +334,8 @@ export interface AuthorProps {
     type?: AuthorType;
     dataQa?: string;
 }
-export interface BlockHeaderProps {
-    title?: TitleProps | string;
+export interface TitleProps {
+    title?: TitleItemProps | string;
     description?: string;
 }
 export {};

package/server/text-transform/config.d.ts

@@ -1,9 +1,9 @@
-import { TitleProps } from '../models';
+import { TitleItemProps } from '../models';
 import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
     transformer: typeof typografTransformer;
-    parser: (transformer: Transformer, title: TitleProps | string) => string | {
+    parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
         anchor?: string | undefined;

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

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

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

@@ -1,21 +0,0 @@
-"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 Anchor_1 = tslib_1.__importDefault(require("../Anchor"));
-const testId = 'anchor';
-const anchorId = 'anchorId';
-describe('Anchor', () => {
-    test('Has id', async () => {
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveAttribute('id', anchorId);
-    });
-    test('Has custom class', async () => {
-        const className = 'custom-anchor-class';
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, className: className, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveClass(className);
-    });
-});

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

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

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

@@ -1,36 +0,0 @@
-"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 user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock"));
-const qaId = 'animate-block';
-describe('AnimateBlock', () => {
-    test('render AnimateBlock by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId, className: className }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('use passed style', () => {
-        const style = { color: 'red' };
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { style: style, qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveStyle(style);
-    });
-    test('call onScroll', async () => {
-        const onScroll = jest.fn();
-        const user = user_event_1.default.setup();
-        (0, react_2.render)(react_1.default.createElement("div", { style: { paddingTop: 100000 } },
-            react_1.default.createElement(AnimateBlock_1.default, { onScroll: onScroll, qa: qaId })));
-        const component = react_2.screen.getByTestId(qaId);
-        await user.hover(component);
-        expect(onScroll).toHaveBeenCalledTimes(1);
-    });
-});

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

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

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

@@ -1,49 +0,0 @@
-"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/BackLink/__tests__/BackLink.test.d.ts

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

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

@@ -1,63 +0,0 @@
-"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 user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
-const locationContext_1 = require("../../../context/locationContext");
-const BackLink_1 = tslib_1.__importDefault(require("../BackLink"));
-const backLinkProps = {
-    url: '#',
-    title: 'Button Title',
-    theme: 'default',
-    size: 's',
-    className: 'customClassName',
-    shouldHandleBackAction: true,
-    onClick: () => { },
-};
-describe('BackLink', () => {
-    test('Default render', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Has custom class', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(backLinkProps.className);
-    });
-    test('Should render <a /> tag', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { shouldHandleBackAction: false })));
-        const backLink = react_2.screen.getByRole('link');
-        expect(backLink).toBeVisible();
-        expect(backLink).toHaveAttribute('href', backLinkProps.url);
-    });
-    test('Should render title', async () => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps)));
-        const backLink = react_2.screen.getByText(backLinkProps.title);
-        expect(backLink).toBeInTheDocument();
-    });
-    test('Call onClick', async () => {
-        const user = user_event_1.default.setup();
-        const handleClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: { history: { push: jest.fn() } } },
-            react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { onClick: handleClick }))));
-        const backLink = react_2.screen.getByRole('button');
-        await user.click(backLink);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('Render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { size: size })));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_size_${size}`);
-    });
-    test.each(new Array('default', 'special'))('Render with given "%s" theme', (theme) => {
-        const matchView = {
-            default: 'flat-secondary',
-            special: 'flat-contrast',
-        };
-        (0, react_2.render)(react_1.default.createElement(BackLink_1.default, Object.assign({}, backLinkProps, { theme: theme })));
-        const backLink = react_2.screen.getByRole('button');
-        expect(backLink).toHaveClass(`yc-button_view_${matchView[theme]}`);
-    });
-});

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

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