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

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

@@ -3,25 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.CardWithImage = exports.TutorialCard = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Partner = exports.NewsCard = exports.Quote = exports.Divider = void 0;
+exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.NewsCard = exports.Quote = exports.Divider = void 0;
 var Divider_1 = require("./Divider/Divider");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
 var Quote_1 = require("./Quote/Quote");
 Object.defineProperty(exports, "Quote", { enumerable: true, get: function () { return __importDefault(Quote_1).default; } });
 var NewsCard_1 = require("./NewsCard/NewsCard");
 Object.defineProperty(exports, "NewsCard", { enumerable: true, get: function () { return __importDefault(NewsCard_1).default; } });
-var Partner_1 = require("./Partner/Partner");
-Object.defineProperty(exports, "Partner", { enumerable: true, get: function () { return __importDefault(Partner_1).default; } });
 var PriceDetailed_1 = require("./PriceDetailed/PriceDetailed");
 Object.defineProperty(exports, "PriceDetailed", { enumerable: true, get: function () { return __importDefault(PriceDetailed_1).default; } });
 var MediaCard_1 = require("./MediaCard/MediaCard");
 Object.defineProperty(exports, "MediaCard", { enumerable: true, get: function () { return __importDefault(MediaCard_1).default; } });
 var BannerCard_1 = require("./BannerCard/BannerCard");
 Object.defineProperty(exports, "BannerCard", { enumerable: true, get: function () { return __importDefault(BannerCard_1).default; } });
-var TutorialCard_1 = require("./TutorialCard/TutorialCard");
-Object.defineProperty(exports, "TutorialCard", { enumerable: true, get: function () { return __importDefault(TutorialCard_1).default; } });
-var CardWithImage_1 = require("./CardWithImage/CardWithImage");
-Object.defineProperty(exports, "CardWithImage", { enumerable: true, get: function () { return __importDefault(CardWithImage_1).default; } });
 var LayoutItem_1 = require("./LayoutItem/LayoutItem");
 Object.defineProperty(exports, "LayoutItem", { enumerable: true, get: function () { return __importDefault(LayoutItem_1).default; } });
 var BackgroundCard_1 = require("./BackgroundCard/BackgroundCard");

package/build/cjs/text-transform/{blocks.d.ts → common.d.ts}

@@ -1,16 +1,13 @@
-import { ConstructorBlock } from '../models/constructor';
 import { Lang } from '../utils/configure';
 export type ComplexItem = {
     [key: string]: string;
 };
 export type Item = string | null | ComplexItem;
-export type TransformerRaw = (lang: Lang, content: string) => string;
 export type Transformer = (text: string) => string;
+export type TransformerRaw = (lang: Lang, content: string) => string;
 export type Parser<T = any> = (transformer: Transformer, block: T) => T;
 export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
     [x: string]: string;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string): string;
 export declare function typografTransformer(lang: Lang, content: string): string;
-export declare function transformBlocks(blocks: ConstructorBlock[], lang: Lang, customConfig?: {}): void;
-export declare function transformFootnotes(footnotes: string[], lang: Lang): string[];

package/build/cjs/text-transform/common.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
+const utils_1 = require("./utils");
+const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
+    if (!item) {
+        return item;
+    }
+    else if (typeof item === 'string') {
+        return transformer(item);
+    }
+    else {
+        return Object.assign(Object.assign({}, item), fields.reduce((acc, fieldName) => {
+            if (item[fieldName]) {
+                // eslint-disable-next-line no-param-reassign
+                acc[fieldName] = transformer(item[fieldName]);
+            }
+            return acc;
+        }, {}));
+    }
+});
+exports.createItemsParser = createItemsParser;
+function yfmTransformer(lang, content) {
+    const { html } = (0, utils_1.fullTransform)(content, { lang });
+    return html;
+}
+exports.yfmTransformer = yfmTransformer;
+function typografTransformer(lang, content) {
+    return (0, utils_1.typografToHTML)(content, lang);
+}
+exports.typografTransformer = typografTransformer;

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

@@ -0,0 +1,28 @@
+import { TitleProps } 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 | {
+        text: string;
+        navTitle?: string | undefined;
+        anchor?: string | undefined;
+        justify?: import("../models").Justify | undefined;
+        textSize?: import("../models").TextSize | undefined;
+        url?: string | undefined;
+        custom?: import("react").ReactNode;
+        onClick?: (() => void) | undefined;
+    };
+} | {
+    fields: string[];
+    transformer: typeof yfmTransformer;
+    parser?: undefined;
+})[];
+interface BlockConfig {
+    transformer: TransformerRaw;
+    fields?: string[];
+    parser?: Parser;
+}
+export type BlocksConfig = Record<string, BlockConfig | BlockConfig[]>;
+export declare const config: BlocksConfig;
+export {};

package/build/cjs/text-transform/config.js

@@ -0,0 +1,291 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = exports.blockHeaderTransformer = void 0;
+const tslib_1 = require("tslib");
+const models_1 = require("../models");
+const common_1 = require("./common");
+function parseTableBlock(transformer, content) {
+    const legend = content === null || content === void 0 ? void 0 : content.legend;
+    return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
+}
+function parseFeatures(transformer, items) {
+    return items.map((_a) => {
+        var { title, text } = _a, rest = tslib_1.__rest(_a, ["title", "text"]);
+        return (Object.assign({ title: title && transformer(title), text: text && transformer(text) }, rest));
+    });
+}
+function parsePromoFeatures(transformer, items) {
+    return items.map((_a) => {
+        var { text } = _a, rest = tslib_1.__rest(_a, ["text"]);
+        return (Object.assign({ text: transformer(text) }, rest));
+    });
+}
+const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
+    ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
+const parseItemsTitle = (transformer, items) => items.map((_a) => {
+    var { title } = _a, rest = tslib_1.__rest(_a, ["title"]);
+    return (Object.assign({ title: title && parseTitle(transformer, title) }, rest));
+});
+function parsePriceDetailedBlock(transformer, block) {
+    const { priceType } = block;
+    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
+    block.items = block.items.map((item) => {
+        const { description, items: details = [] } = item;
+        if (priceType === 'marked-list') {
+            item.items = details.map((detail) => {
+                detail.text = detail.text && transformer(detail.text);
+                return detail;
+            });
+        }
+        else {
+            item.items = details.map((detail) => {
+                detail.description = detail.description && transformer(detail.description);
+                return detail;
+            });
+        }
+        item.description = transformer(description);
+        return item;
+    });
+    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
+    return block;
+}
+const parseContentLayout = (transformer, content) => {
+    if (content) {
+        const { text, additionalInfo } = content;
+        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
+        if (text) {
+            content.text = transformer(text);
+        }
+        if (additionalInfo) {
+            content.additionalInfo = transformer(additionalInfo);
+        }
+        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
+    }
+    return content;
+};
+function parseContentLayoutTitle(transformer, content) {
+    if (content === null || content === void 0 ? void 0 : content.title) {
+        const { title } = content;
+        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+        content.title = title && parseTitle(transformer, title);
+    }
+    return content;
+}
+exports.blockHeaderTransformer = [
+    {
+        fields: ['title'],
+        transformer: common_1.typografTransformer,
+        parser: parseTitle,
+    },
+    {
+        fields: ['description'],
+        transformer: common_1.yfmTransformer,
+    },
+];
+exports.config = {
+    [models_1.SubBlockType.BasicCard]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['text', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.SubBlockType.BackgroundCard]: [
+        {
+            fields: ['text', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+    ],
+    [models_1.SubBlockType.LayoutItem]: [
+        {
+            fields: ['content'],
+            parser: parseContentLayout,
+            transformer: common_1.yfmTransformer,
+        },
+        {
+            fields: ['content'],
+            parser: parseContentLayoutTitle,
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['metaInfo'],
+            parser: (0, common_1.createItemsParser)([]),
+            transformer: common_1.typografTransformer,
+        },
+    ],
+    [models_1.SubBlockType.Quote]: {
+        fields: ['text'],
+        transformer: common_1.typografTransformer,
+    },
+    [models_1.BlockType.ExtendedFeaturesBlock]: [
+        ...exports.blockHeaderTransformer,
+        {
+            fields: ['items'],
+            transformer: common_1.typografTransformer,
+            parser: (0, common_1.createItemsParser)(['title']),
+        },
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['text', 'additionalInfo']),
+        },
+    ],
+    [models_1.BlockType.PromoFeaturesBlock]: [
+        ...exports.blockHeaderTransformer,
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: parsePromoFeatures,
+        },
+    ],
+    [models_1.BlockType.SliderBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.QuestionsBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['text', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: parseFeatures,
+        },
+    ],
+    [models_1.BlockType.BannerBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['subtitle'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.SubBlockType.BannerCard]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['subtitle'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.BlockType.MediaBlock]: [
+        ...exports.blockHeaderTransformer,
+        {
+            fields: ['title', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.BlockType.MapBlock]: [
+        ...exports.blockHeaderTransformer,
+        {
+            fields: ['title', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.BlockType.TabsBlock]: [
+        ...exports.blockHeaderTransformer,
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['text', 'additionalInfo']),
+        },
+        {
+            fields: ['items'],
+            transformer: common_1.typografTransformer,
+            parser: parseItemsTitle,
+        },
+    ],
+    [models_1.BlockType.TableBlock]: [
+        {
+            fields: ['table'],
+            transformer: common_1.yfmTransformer,
+            parser: parseTableBlock,
+        },
+    ],
+    [models_1.BlockType.HeaderSliderBlock]: [
+        {
+            fields: ['items'],
+            transformer: common_1.typografTransformer,
+            parser: (0, common_1.createItemsParser)(['title', 'overtitle']),
+        },
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['description']),
+        },
+    ],
+    [models_1.SubBlockType.PriceDetailed]: [
+        {
+            transformer: common_1.yfmTransformer,
+            parser: parsePriceDetailedBlock,
+        },
+    ],
+    [models_1.BlockType.HeaderBlock]: [
+        {
+            fields: ['description'],
+            transformer: common_1.yfmTransformer,
+        },
+    ],
+    [models_1.BlockType.ContentLayoutBlock]: [
+        {
+            fields: ['textContent'],
+            transformer: common_1.yfmTransformer,
+            parser: parseContentLayout,
+        },
+        {
+            fields: ['textContent'],
+            transformer: common_1.typografTransformer,
+            parser: parseContentLayoutTitle,
+        },
+    ],
+    [models_1.SubBlockType.Content]: [
+        {
+            fields: ['text', 'additionalInfo'],
+            transformer: common_1.yfmTransformer,
+        },
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+            parser: parseTitle,
+        },
+    ],
+    [models_1.BlockType.InfoBlock]: [
+        {
+            fields: ['rightContent', 'leftContent'],
+            transformer: common_1.yfmTransformer,
+            parser: parseContentLayout,
+        },
+        {
+            fields: ['rightContent', 'leftContent'],
+            transformer: common_1.typografTransformer,
+            parser: parseContentLayoutTitle,
+        },
+    ],
+    [models_1.BlockType.ShareBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+        },
+    ],
+    [models_1.BlockType.CardLayoutBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.IconsBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.typografTransformer,
+            parser: parseTitle,
+        },
+    ],
+};

package/build/cjs/text-transform/index.d.ts

@@ -1,2 +1,4 @@
 export * from './utils';
-export * from './blocks';
+export * from './config';
+export * from './common';
+export * from './transformers';

package/build/cjs/text-transform/index.js

@@ -2,4 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./utils"), exports);
-tslib_1.__exportStar(require("./blocks"), exports);
+tslib_1.__exportStar(require("./config"), exports);
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./transformers"), exports);

package/build/cjs/text-transform/transformers.d.ts

@@ -0,0 +1,16 @@
+import { ConstructorBlock } from '../models/constructor';
+import { Lang } from '../utils/configure';
+export type ContentTransformerProps = {
+    content: {
+        blocks?: ConstructorBlock[];
+        footnotes?: string[];
+    };
+    options: {
+        lang: Lang;
+        customConfig?: {};
+    };
+};
+export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {
+    blocks: ConstructorBlock[];
+    footnotes: string[];
+};

package/build/cjs/text-transform/transformers.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contentTransformer = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const config_1 = require("./config");
+const utils_1 = require("./utils");
+function transformBlocks(blocks, lang, customConfig = {}) {
+    const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
+    const clonedBlocks = lodash_1.default.cloneDeep(blocks);
+    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block));
+}
+function transformBlock(lang, blocksConfig, block) {
+    const blockConfig = blocksConfig[block.type];
+    if (block) {
+        if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+            block.children = lodash_1.default.shuffle(block.children);
+        }
+    }
+    if (blockConfig) {
+        const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
+        configs.forEach((transformConfig) => {
+            const { fields, transformer: transformerRaw, parser } = transformConfig;
+            const transformer = transformerRaw.bind(null, lang);
+            if (fields) {
+                fields.forEach((field) => {
+                    if (block[field]) {
+                        if (parser) {
+                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+                            block[field] = parser(transformer, block[field]);
+                        }
+                        else if (typeof block[field] === 'string') {
+                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+                            block[field] = transformer(block[field]);
+                        }
+                    }
+                });
+            }
+            else if (parser) {
+                parser(transformer, block);
+            }
+        });
+    }
+    if ('children' in block && block.children) {
+        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+        block.children = transformBlocks(block.children, lang, blocksConfig);
+    }
+    return block;
+}
+const contentTransformer = ({ content, options }) => {
+    const { lang, customConfig = {} } = options;
+    const { blocks = [], footnotes = [] } = content;
+    const transformedBlocks = transformBlocks(blocks, lang, customConfig);
+    const transformedFootnotes = (footnotes === null || footnotes === void 0 ? void 0 : footnotes.map((footnote) => (0, utils_1.fullTransform)(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
+    return {
+        blocks: transformedBlocks,
+        footnotes: transformedFootnotes,
+    };
+};
+exports.contentTransformer = contentTransformer;

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

@@ -1,7 +1,6 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
-export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/build/cjs/utils/index.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./analytics"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);
-tslib_1.__exportStar(require("./scroll"), exports);
 tslib_1.__exportStar(require("./url"), exports);
 tslib_1.__exportStar(require("./cn"), exports);
 tslib_1.__exportStar(require("./url"), exports);

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

@@ -1,18 +1,14 @@
 export { default as BannerBlock } from './Banner/Banner';
 export { default as CompaniesBlock } from './Companies/Companies';
-export { default as SimpleBlock } from './Simple/Simple';
 export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
-export { default as PreviewBlock } from './Preview/Preview';
-export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';
-export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as HeaderBlock } from './Header/Header';
 export { default as IconsBlock } from './Icons/Icons';
 export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';

package/build/esm/blocks/index.js

@@ -1,18 +1,14 @@
 export { default as BannerBlock } from './Banner/Banner';
 export { default as CompaniesBlock } from './Companies/Companies';
-export { default as SimpleBlock } from './Simple/Simple';
 export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
-export { default as PreviewBlock } from './Preview/Preview';
-export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';
-export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as HeaderBlock } from './Header/Header';
 export { default as IconsBlock } from './Icons/Icons';
 export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';

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

@@ -7,13 +7,9 @@ export * from './Header/schema';
 export * from './HeaderSlider/schema';
 export * from './Icons/schema';
 export * from './Info/schema';
-export * from './LinkTable/schema';
 export * from './Media/schema';
-export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
-export * from './Security/schema';
-export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';

package/build/esm/blocks/validators.js

@@ -7,13 +7,9 @@ export * from './Header/schema';
 export * from './HeaderSlider/schema';
 export * from './Icons/schema';
 export * from './Info/schema';
-export * from './LinkTable/schema';
 export * from './Media/schema';
-export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
-export * from './Security/schema';
-export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';

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 {};