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

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/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { Block, 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,4 +8,7 @@ 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/esm/utils/blocks.js

@@ -37,6 +37,12 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
+export const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
+    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
+};
+export const getHeaderBlock = (blocks, headerBlockTypes = []) => {
+    return blocks.find(({ type }) => headerBlockTypes.includes(type));
+};
 export const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -65,3 +71,4 @@ export const getShareLink = (url, type, title, text) => {
             return undefined;
     }
 };
+export 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()); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.22.0-alpha",
+  "version": "2.22.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -61,15 +61,16 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@doc-tools/transform": "^2.6.1",
     "@gravity-ui/uikit": "^4.1.0",
-    "@doc-tools/transform": "^2.6.1"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@doc-tools/transform": "2.12.0",
     "@gravity-ui/eslint-config": "^2.0.0",
+    "@gravity-ui/icons": "^2.1.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -138,8 +139,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

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

@@ -8,8 +8,6 @@ export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
-    CalculatorBlock = "calculator-block",
-    ServiceDemoBlock = "service-demo-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
@@ -52,7 +50,6 @@ export interface LoadableProps {
 export interface LoadableChildren {
     loadable?: LoadableProps;
 }
-export type ServiceDemoProps = Animatable;
 export declare enum SliderBreakpointNames {
     Sm = "sm",
     Md = "md",
@@ -114,7 +111,6 @@ export interface HeaderBlockProps {
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
 }
-export type CalculatorProps = Animatable;
 export interface SimpleBlockProps extends Animatable, Childable {
     title: TitleBaseProps;
     description: string;
@@ -317,15 +313,9 @@ export interface ShareBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type CalculatorBlockModel = {
-    type: BlockType.CalculatorBlock;
-} & CalculatorProps;
 export type SliderBlockModel = {
     type: BlockType.SliderBlock;
 } & SliderProps;
-export type ServiceDemoBlockModel = {
-    type: BlockType.ServiceDemoBlock;
-} & ServiceDemoProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -386,6 +376,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/server/models/constructor-items/blocks.js

@@ -6,8 +6,6 @@ var BlockType;
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";
-    BlockType["CalculatorBlock"] = "calculator-block";
-    BlockType["ServiceDemoBlock"] = "service-demo-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";

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

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

package/server/models/constructor.d.ts

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

package/server/models/customization.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface BlockDecorationProps extends PropsWithChildren {
+    id?: string;
+}
+export interface BlockDecoratorProps extends PropsWithChildren {
+    id: string | number;
+    isHeader?: boolean;
+}
+export type BlockDecorator = (props: BlockDecoratorProps) => React.ReactElement;

package/server/models/customization.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/server/models/index.d.ts

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

package/server/models/index.js

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

package/server/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { Block, 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,4 +8,7 @@ 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/server/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getBlockIndexFromId = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = 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,6 +46,14 @@ 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) {
@@ -75,3 +83,5 @@ 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/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.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 {};

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

@@ -1,44 +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 = require("../../../components/Anchor/Anchor");
-const grid_1 = require("../../../grid");
-const BlockBase_1 = tslib_1.__importDefault(require("../BlockBase"));
-const qaId = 'block-base-component';
-describe('BlockBase', () => {
-    test('render component by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(component).not.toBeDisabled();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, className: className }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('should reset paddings', () => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, resetPaddings: true }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass('pc-block-base_reset-paddings');
-    });
-    test.each(new Array(...Object.values(grid_1.GridColumnSize)))('render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { qa: qaId, visible: size }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(`d-${size}-block`);
-    });
-    test('should have anchor', () => {
-        const anchor = {
-            text: 'anchor',
-            url: 'https://github.com/gravity-ui/',
-        };
-        (0, react_2.render)(react_1.default.createElement(BlockBase_1.default, { anchor: anchor }));
-        const component = react_2.screen.getByTestId(Anchor_1.qaIdByDefault);
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('id', anchor.url);
-    });
-});

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

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

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

@@ -1,91 +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 Button_1 = tslib_1.__importDefault(require("../Button"));
-const utils_1 = require("../utils");
-const qaId = 'button-component';
-const buttonProps = {
-    text: 'Button Text',
-    url: 'https://github.com/gravity-ui/',
-    target: '_blank',
-    img: {
-        url: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg',
-        position: 'left',
-        alt: 'alt-text',
-    },
-};
-const buttonViews = [
-    'normal',
-    'action',
-    'outlined',
-    'outlined-info',
-    'outlined-danger',
-    'raised',
-    'flat',
-    'flat-info',
-    'flat-danger',
-    'flat-secondary',
-    'normal-contrast',
-    'outlined-contrast',
-    'flat-contrast',
-    'github',
-    'scale',
-    'monochrome',
-];
-describe('Button', () => {
-    test('render button by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text }));
-        const button = react_2.screen.getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-        expect(button).not.toBeDisabled();
-    });
-    test('should render <a /> tag', async () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, url: buttonProps.url, target: buttonProps.target }));
-        const button = react_2.screen.getByRole('link');
-        expect(button).toBeVisible();
-        expect(button).toHaveAttribute('href', buttonProps.url);
-        expect(button).toHaveAttribute('target', buttonProps.target);
-    });
-    test('call onClick', async () => {
-        const user = user_event_1.default.setup();
-        const handleOnClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, onClick: handleOnClick }));
-        const button = react_2.screen.getByRole('button');
-        await user.click(button);
-        expect(handleOnClick).toHaveBeenCalledTimes(1);
-    });
-    test.each(new Array('s', 'm', 'l', 'xl'))('render with given "%s" size', (size) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, size: size, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_size_${size}`);
-    });
-    test.each(new Array(...buttonViews))('render with given "%s" view', (theme) => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, theme: theme, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(`pc-button-block_theme_${theme}`);
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, className: className, qa: qaId }));
-        const button = react_2.screen.getByTestId(qaId);
-        expect(button).toHaveClass(className);
-    });
-    test('should render icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByRole('img');
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-    test('should render github icon', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.default, { text: buttonProps.text, img: buttonProps.img, theme: "github" }));
-        const button = react_2.screen.getByRole('button');
-        const iconComponent = react_2.screen.getByTestId(utils_1.ICON_QA);
-        expect(iconComponent).toBeVisible();
-        expect(button).toContainElement(iconComponent);
-    });
-});

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

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