@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -1,45 +1,47 @@
-import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useUniqId } from '@gravity-ui/uikit';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
-import FullscreenImage from '../../components/FullscreenImage/FullscreenImage';
-import { getMediaImage } from '../../components/Media/Image/utils';
-import Media from '../../components/Media/Media';
-import Title from '../../components/Title/Title';
-import { getHeight } from '../../components/VideoBlock/VideoBlock';
-import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
-import { useTheme } from '../../context/theme';
-import { Col, GridColumnOrderClasses, GridJustifyContent, Row } from '../../grid';
-import { block, getThemedValue } from '../../utils';
-import { mergeVideoMicrodata } from '../../utils/microdata';
-import TabsTextContent from './TabsTextContent/TabsTextContent';
+import * as React from 'react';
+import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
+import ButtonTabs from "../../components/ButtonTabs/ButtonTabs.js";
+import FullscreenImage from "../../components/FullscreenImage/FullscreenImage.js";
+import { getMediaImage } from "../../components/Media/Image/utils.js";
+import Media from "../../components/Media/Media.js";
+import Title from "../../components/Title/Title.js";
+import { getHeight } from "../../components/VideoBlock/VideoBlock.js";
+import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
+import { useTheme } from "../../context/theme/index.js";
+import { Col, GridColumnOrderClasses, GridJustifyContent, Row } from "../../grid/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import { mergeVideoMicrodata } from "../../utils/microdata.js";
+import TabsTextContent from "./TabsTextContent/TabsTextContent.js";
 import './Tabs.css';
 const b = block('tabs-block');
 // eslint-disable-next-line complexity
 export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a, _b;
-    const [activeTab, setActiveTab] = useState(items[0].tabName);
-    const [play, setPlay] = useState(false);
+    const [activeTab, setActiveTab] = React.useState(items[0].tabName);
+    const [play, setPlay] = React.useState(false);
     const theme = useTheme();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
-    const ref = useRef(null);
+    const ref = React.useRef(null);
     const mediaWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     const captionId = useUniqId();
     const themedMedia = getThemedValue(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media, theme);
     const hasNoImage = !(themedMedia === null || themedMedia === void 0 ? void 0 : themedMedia.image) && !(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image);
     const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);
-    const [minImageHeight, setMinImageHeight] = useState((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
+    const [minImageHeight, setMinImageHeight] = React.useState((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
     // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image
     let imageProps;
-    const handleImageHeight = useCallback(() => {
+    const handleImageHeight = React.useCallback(() => {
         var _a, _b;
         if (minImageHeight !== ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight)) {
             setMinImageHeight((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
         }
     }, [minImageHeight]);
-    const onSelectTab = useCallback((id, e) => {
+    const onSelectTab = React.useCallback((id, e) => {
         setActiveTab(id);
         e.currentTarget.scrollIntoView({
             inline: 'center',
@@ -47,7 +49,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
             block: 'nearest',
         });
     }, []);
-    useEffect(() => {
+    React.useEffect(() => {
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
@@ -62,30 +64,17 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
     const showMedia = Boolean((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps);
     const showText = Boolean(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.text);
     const border = (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.border) || 'shadow';
-    const textContent = showText && (React.createElement(TabsTextContent, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && (React.createElement(Col, { sizes: { all: 12, md: 8 }, orders: {
+    const textContent = showText && (_jsx(TabsTextContent, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
+    const mediaContent = showMedia && (_jsxs(Col, { sizes: { all: 12, md: 8 }, orders: {
             all: GridColumnOrderClasses.Last,
             md: GridColumnOrderClasses.First,
-        }, className: b('col', { centered: centered }) },
-        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (React.createElement("div", { style: { minHeight: mediaVideoHeight || minImageHeight } },
-            React.createElement("div", { ref: ref },
-                React.createElement(Media, Object.assign({}, mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {
-                    name: activeTabData.tabName,
-                    description: activeTabData.caption
-                        ? activeTabData.caption
-                        : undefined,
-                }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight }))))),
-        imageProps && (React.createElement(Fragment, null,
-            React.createElement(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })))),
-        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (React.createElement("p", { className: b('caption'), id: captionId },
-            React.createElement(YFMWrapper, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId })))));
-    return (React.createElement(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated },
-        React.createElement(Title, { title: title, subtitle: description, className: b('title', { centered: centered }) }),
-        React.createElement(Row, { justifyContent: centered ? GridJustifyContent.Center : undefined },
-            React.createElement(Col, { sizes: tabsColSizes },
-                React.createElement(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),
-        activeTabData && (React.createElement(Row, { className: b('row', { reverse: isReverse }) },
-            mediaContent,
-            textContent))));
+        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (_jsx("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: _jsx("div", { ref: ref, children: _createElement(Media, Object.assign({}, mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {
+                        name: activeTabData.tabName,
+                        description: activeTabData.caption
+                            ? activeTabData.caption
+                            : undefined,
+                    }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight })) }) })), imageProps && (_jsx(React.Fragment, { children: _jsx(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (_jsx("p", { className: b('caption'), id: captionId, children: _jsx(YFMWrapper, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
+    return (_jsxs(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('title', { centered: centered }) }), _jsx(Row, { justifyContent: centered ? GridJustifyContent.Center : undefined, children: _jsx(Col, { sizes: tabsColSizes, children: _jsx(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && (_jsxs(Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
 };
 export default TabsBlock;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport FullscreenImage from '../../components/FullscreenImage/FullscreenImage';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport {getHeight} from '../../components/VideoBlock/VideoBlock';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnOrderClasses, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport TabsTextContent from './TabsTextContent/TabsTextContent';\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\n// eslint-disable-next-line complexity\nexport const TabsBlock = ({\n    items,\n    title,\n    description,\n    animated,\n    tabsColSizes,\n    centered,\n    direction = 'media-content',\n    contentSize = 's',\n}: TabsBlockProps) => {\n    const [activeTab, setActiveTab] = React.useState<string | null>(items[0].tabName);\n    const [play, setPlay] = React.useState<boolean>(false);\n    const theme = useTheme();\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const activeTabData = items.find(({tabName}) => tabName === activeTab);\n    const isReverse = direction === 'content-media';\n    const ref = React.useRef<HTMLDivElement>(null);\n    const mediaWidth = ref?.current?.offsetWidth;\n    const captionId = useUniqId();\n    const themedMedia = getThemedValue(activeTabData?.media, theme);\n    const hasNoImage = !themedMedia?.image && !activeTabData?.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n    const [minImageHeight, setMinImageHeight] = React.useState(ref?.current?.offsetHeight);\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    let imageProps;\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== ref?.current?.offsetHeight) {\n            setMinImageHeight(ref?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    const onSelectTab = React.useCallback(\n        (id: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(id);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [activeTab, handleImageHeight]);\n\n    if (activeTabData) {\n        const themedImage = getThemedValue(activeTabData?.image, theme);\n\n        imageProps = themedImage && getMediaImage(themedImage);\n\n        if (activeTabData.caption && imageProps) {\n            Object.assign(imageProps, {\n                'aria-describedby': captionId,\n            });\n        }\n    }\n\n    const showMedia = Boolean(activeTabData?.media || imageProps);\n    const showText = Boolean(activeTabData?.text);\n    const border = activeTabData?.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={activeTabData}\n            imageProps={imageProps ? imageProps : undefined}\n            isReverse={isReverse}\n            contentSize={contentSize}\n            centered={centered}\n        />\n    );\n\n    const mediaContent = showMedia && (\n        <Col\n            sizes={{all: 12, md: 8}}\n            orders={{\n                all: GridColumnOrderClasses.Last,\n                md: GridColumnOrderClasses.First,\n            }}\n            className={b('col', {centered: centered})}\n        >\n            {activeTabData?.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={ref}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {\n                                name: activeTabData.tabName,\n                                description: activeTabData.caption\n                                    ? activeTabData.caption\n                                    : undefined,\n                            })}\n                            key={activeTab}\n                            className={b('media', {border})}\n                            playVideo={play}\n                            height={mediaVideoHeight || undefined}\n                            onImageLoad={handleImageHeight}\n                        />\n                    </div>\n                </div>\n            )}\n            {imageProps && (\n                <React.Fragment>\n                    <FullscreenImage {...imageProps} imageClassName={b('image', {border})} />\n                </React.Fragment>\n            )}\n            {activeTabData?.caption && (\n                <p className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={activeTabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </p>\n            )}\n        </Col>\n    );\n\n    return (\n        <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n            <Title\n                title={title}\n                subtitle={description}\n                className={b('title', {centered: centered})}\n            />\n            <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n                <Col sizes={tabsColSizes}>\n                    <ButtonTabs\n                        items={tabs}\n                        onSelectTab={onSelectTab}\n                        activeTab={activeTab}\n                        className={b('tabs', {centered: centered})}\n                    />\n                </Col>\n            </Row>\n            {activeTabData && (\n                <Row className={b('row', {reverse: isReverse})}>\n                    {mediaContent}\n                    {textContent}\n                </Row>\n            )}\n        </AnimateBlock>\n    );\n};\n\nexport default TabsBlock;\n"]}

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

@@ -1,4 +1,4 @@
-import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from '../../../models';
+import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from "../../../models/index.js";
 import './TabsTextContent.css';
 interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {
     showMedia: boolean;
@@ -7,5 +7,5 @@ interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSiz
     centered?: boolean;
     imageProps?: ImageObjectProps | ImageDeviceProps;
 }
-export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => JSX.Element | null;
+export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TabsTextContent;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Col } from '../../../grid';
-import { Content } from '../../../sub-blocks';
-import { block } from '../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Col } from "../../../grid/index.js";
+import { Content } from "../../../sub-blocks/index.js";
+import { block } from "../../../utils/index.js";
 import './TabsTextContent.css';
 const b = block('tabs-block-text-content');
 export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
@@ -9,11 +9,10 @@ export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data,
         return null;
     }
     const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (React.createElement(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
-        React.createElement("div", { className: b('wrapper', {
+    return (_jsx(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: _jsx("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),
-            }) },
-            React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
+            }), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }) }) }));
 };
 export default TabsTextContent;
+//# sourceMappingURL=TabsTextContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTextContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabsTextContent/TabsTextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAC,+BAAsB;AAElC,OAAO,EAAC,OAAO,EAAC,qCAA4B;AAC5C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;AAU3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EACR,WAAW,GAAG,GAAG,EACjB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,SAAS,GACM,EAAE,EAAE;IACnB,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;IAE9E,OAAO,CACH,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,YAC5E,cACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;gBACpB,OAAO,EAAE,SAAS;gBAClB,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC;aACrC,CAAC,YAEF,KAAC,OAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,GACrB,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {Col} from '../../../grid';\nimport {ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps} from '../../../models';\nimport {Content} from '../../../sub-blocks';\nimport {block} from '../../../utils';\n\nimport './TabsTextContent.scss';\n\nconst b = block('tabs-block-text-content');\n\ninterface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {\n    showMedia: boolean;\n    isReverse: boolean;\n    data?: TabsBlockItem;\n    centered?: boolean;\n    imageProps?: ImageObjectProps | ImageDeviceProps;\n}\n\nexport const TabsTextContent = ({\n    centered,\n    contentSize = 's',\n    showMedia,\n    data,\n    imageProps,\n    isReverse,\n}: TextContentProps) => {\n    if (!data) {\n        return null;\n    }\n\n    const {media, title, text, additionalInfo, link, links, buttons, list} = data;\n\n    return (\n        <Col sizes={{all: 12, md: showMedia ? 4 : 8}} className={b({centered: centered})}>\n            <div\n                className={b('wrapper', {\n                    reverse: isReverse,\n                    'no-image': !(media || imageProps),\n                })}\n            >\n                <Content\n                    title={title}\n                    text={text}\n                    additionalInfo={additionalInfo}\n                    size={contentSize}\n                    list={list}\n                    links={[...(link ? [link] : []), ...(links || [])]}\n                    buttons={buttons}\n                    colSizes={{all: 12}}\n                />\n            </div>\n        </Col>\n    );\n};\n\nexport default TabsTextContent;\n"]}

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

@@ -145,7 +145,7 @@ export declare const tabsItem: {
                             };
                             controls: {
                                 type: string;
-                                enum: import("../..").MediaVideoControlsType[];
+                                enum: import("../../index.js").MediaVideoControlsType[];
                             };
                             customControlsOptions: {
                                 type: string;
@@ -153,14 +153,14 @@ export declare const tabsItem: {
                                 properties: {
                                     type: {
                                         type: string;
-                                        enum: import("../..").CustomControlsType[];
+                                        enum: import("../../index.js").CustomControlsType[];
                                     };
                                     muteButtonShown: {
                                         type: string;
                                     };
                                     positioning: {
                                         type: string;
-                                        enum: import("../..").CustomControlsButtonPositioning[];
+                                        enum: import("../../index.js").CustomControlsButtonPositioning[];
                                     };
                                 };
                             };
@@ -326,7 +326,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../..").Theme[];
+                required: import("../../index.js").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -480,7 +480,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../..").Theme[];
+                required: import("../../index.js").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -1,8 +1,8 @@
 import omit from 'lodash/omit';
-import { ImageProps } from '../../components/Image/schema';
-import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
-import { filteredArray } from '../../schema/validators/utils';
-import { ContentBase } from '../../sub-blocks/Content/schema';
+import { ImageProps } from "../../components/Image/schema.js";
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
 const TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 export const tabsItem = {
     type: 'object',
@@ -36,3 +36,4 @@ export const TabsBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,yCAAsC;AACzD,OAAO,EACH,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,UAAU,kCACH,oBAAoB,KACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB,EACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,UAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,EAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC,GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,cAAc,GACd,gBAAgB,KACnB,YAAY,EAAE,mBAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,IAAI,CAAC,EAAE,UAAU,IAAE,EAC7C,EAAE,CACL,EACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,cAAc;aACvB,EACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAC3B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,YAAY;aACrB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    MediaProps,\n    containerSizesArray,\n    contentSizes,\n    mediaDirection,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);\n\nexport const tabsItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['tabName'],\n    properties: {\n        ...TabsItemContentProps,\n        tabName: {\n            type: 'string',\n        },\n        caption: {\n            type: 'string',\n            contentType: 'text',\n        },\n        media: withTheme({\n            type: 'object',\n            properties: MediaProps,\n        }),\n        //TODO deprecated\n        link: LinkProps,\n        image: withTheme(ImageProps),\n        border: {\n            type: 'string',\n            enum: ['shadow', 'line', 'none'],\n        },\n    },\n};\n\nexport const TabsBlock = {\n    'tabs-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlockHeaderProps,\n            tabsColSizes: containerSizesArray.reduce(\n                (acc, size) => ({...acc, [size]: sizeNumber}),\n                {},\n            ),\n            direction: {\n                type: 'string',\n                enum: mediaDirection,\n            },\n            centered: {type: 'boolean'},\n            items: filteredArray(tabsItem),\n            contentSize: {\n                type: 'string',\n                enum: contentSizes,\n            },\n        },\n    },\n};\n"]}

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

@@ -1,19 +1,19 @@
-export { default as BannerBlock } from './Banner/Banner';
-export { default as CompaniesBlock } from './Companies/Companies';
-export { default as InfoBlock } from './Info/Info';
-export { default as MediaBlock } from './Media/Media';
-export { default as MapBlock } from './Map/Map';
-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 HeaderBlock } from './Header/Header';
-export { default as IconsBlock } from './Icons/Icons';
-export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
-export { default as CardLayoutBlock } from './CardLayout/CardLayout';
-export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
-export { default as ShareBlock } from './Share/Share';
-export { default as FilterBlock } from './FilterBlock/FilterBlock';
-export { default as FormBlock } from './Form/Form';
+export { default as BannerBlock } from "./Banner/Banner.js";
+export { default as CompaniesBlock } from "./Companies/Companies.js";
+export { default as InfoBlock } from "./Info/Info.js";
+export { default as MediaBlock } from "./Media/Media.js";
+export { default as MapBlock } from "./Map/Map.js";
+export { default as SliderBlock } from "./Slider/Slider.js";
+export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
+export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
+export { default as QuestionsBlock } from "./Questions/Questions.js";
+export { default as TableBlock } from "./Table/Table.js";
+export { default as TabsBlock } from "./Tabs/Tabs.js";
+export { default as HeaderBlock } from "./Header/Header.js";
+export { default as IconsBlock } from "./Icons/Icons.js";
+export { default as HeaderSliderBlock } from "./HeaderSlider/HeaderSlider.js";
+export { default as CardLayoutBlock } from "./CardLayout/CardLayout.js";
+export { default as ContentLayoutBlock } from "./ContentLayout/ContentLayout.js";
+export { default as ShareBlock } from "./Share/Share.js";
+export { default as FilterBlock } from "./FilterBlock/FilterBlock.js";
+export { default as FormBlock } from "./Form/Form.js";

package/build/esm/blocks/index.js

@@ -1,19 +1,20 @@
-export { default as BannerBlock } from './Banner/Banner';
-export { default as CompaniesBlock } from './Companies/Companies';
-export { default as InfoBlock } from './Info/Info';
-export { default as MediaBlock } from './Media/Media';
-export { default as MapBlock } from './Map/Map';
-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 HeaderBlock } from './Header/Header';
-export { default as IconsBlock } from './Icons/Icons';
-export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
-export { default as CardLayoutBlock } from './CardLayout/CardLayout';
-export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
-export { default as ShareBlock } from './Share/Share';
-export { default as FilterBlock } from './FilterBlock/FilterBlock';
-export { default as FormBlock } from './Form/Form';
+export { default as BannerBlock } from "./Banner/Banner.js";
+export { default as CompaniesBlock } from "./Companies/Companies.js";
+export { default as InfoBlock } from "./Info/Info.js";
+export { default as MediaBlock } from "./Media/Media.js";
+export { default as MapBlock } from "./Map/Map.js";
+export { default as SliderBlock } from "./Slider/Slider.js";
+export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
+export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
+export { default as QuestionsBlock } from "./Questions/Questions.js";
+export { default as TableBlock } from "./Table/Table.js";
+export { default as TabsBlock } from "./Tabs/Tabs.js";
+export { default as HeaderBlock } from "./Header/Header.js";
+export { default as IconsBlock } from "./Icons/Icons.js";
+export { default as HeaderSliderBlock } from "./HeaderSlider/HeaderSlider.js";
+export { default as CardLayoutBlock } from "./CardLayout/CardLayout.js";
+export { default as ContentLayoutBlock } from "./ContentLayout/ContentLayout.js";
+export { default as ShareBlock } from "./Share/Share.js";
+export { default as FilterBlock } from "./FilterBlock/FilterBlock.js";
+export { default as FormBlock } from "./Form/Form.js";
+//# sourceMappingURL=index.js.map

package/build/esm/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,qBAAkB;AAC9C,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,+CAA4C;AACrF,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,mDAAgD;AACtF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,uCAAoC;AACzE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,mCAAgC;AACnE,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,yCAAsC;AAC5E,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,qCAAkC;AACjE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderBlock} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}

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

@@ -1 +1 @@
-export { default as SliderNewBlock } from './SliderNew/Slider';
+export { default as SliderNewBlock } from "./SliderNew/Slider.js";

package/build/esm/blocks/unstable.js

@@ -1 +1,2 @@
-export { default as SliderNewBlock } from './SliderNew/Slider';
+export { default as SliderNewBlock } from "./SliderNew/Slider.js";
+//# sourceMappingURL=unstable.js.map

package/build/esm/blocks/unstable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable.js","sourceRoot":"../../../src","sources":["blocks/unstable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,8BAA2B","sourcesContent":["export {default as SliderNewBlock} from './SliderNew/Slider';\n"]}

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

@@ -1,15 +1,15 @@
-export * from './Banner/schema';
-export * from './CardLayout/schema';
-export * from './Companies/schema';
-export * from './ContentLayout/schema';
-export * from './ExtendedFeatures/schema';
-export * from './Header/schema';
-export * from './HeaderSlider/schema';
-export * from './Icons/schema';
-export * from './Info/schema';
-export * from './Media/schema';
-export * from './PromoFeaturesBlock/schema';
-export * from './Questions/schema';
-export * from './Slider/schema';
-export * from './Table/schema';
-export * from './Share/schema';
+export * from "./Banner/schema.js";
+export * from "./CardLayout/schema.js";
+export * from "./Companies/schema.js";
+export * from "./ContentLayout/schema.js";
+export * from "./ExtendedFeatures/schema.js";
+export * from "./Header/schema.js";
+export * from "./HeaderSlider/schema.js";
+export * from "./Icons/schema.js";
+export * from "./Info/schema.js";
+export * from "./Media/schema.js";
+export * from "./PromoFeaturesBlock/schema.js";
+export * from "./Questions/schema.js";
+export * from "./Slider/schema.js";
+export * from "./Table/schema.js";
+export * from "./Share/schema.js";

package/build/esm/blocks/validators.js

@@ -1,15 +1,16 @@
-export * from './Banner/schema';
-export * from './CardLayout/schema';
-export * from './Companies/schema';
-export * from './ContentLayout/schema';
-export * from './ExtendedFeatures/schema';
-export * from './Header/schema';
-export * from './HeaderSlider/schema';
-export * from './Icons/schema';
-export * from './Info/schema';
-export * from './Media/schema';
-export * from './PromoFeaturesBlock/schema';
-export * from './Questions/schema';
-export * from './Slider/schema';
-export * from './Table/schema';
-export * from './Share/schema';
+export * from "./Banner/schema.js";
+export * from "./CardLayout/schema.js";
+export * from "./Companies/schema.js";
+export * from "./ContentLayout/schema.js";
+export * from "./ExtendedFeatures/schema.js";
+export * from "./Header/schema.js";
+export * from "./HeaderSlider/schema.js";
+export * from "./Icons/schema.js";
+export * from "./Info/schema.js";
+export * from "./Media/schema.js";
+export * from "./PromoFeaturesBlock/schema.js";
+export * from "./Questions/schema.js";
+export * from "./Slider/schema.js";
+export * from "./Table/schema.js";
+export * from "./Share/schema.js";
+//# sourceMappingURL=validators.js.map

package/build/esm/blocks/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,uCAAoC;AACpC,sCAAmC;AACnC,0CAAuC;AACvC,6CAA0C;AAC1C,mCAAgC;AAChC,yCAAsC;AACtC,kCAA+B;AAC/B,iCAA8B;AAC9B,kCAA+B;AAC/B,+CAA4C;AAC5C,sCAAmC;AACnC,mCAAgC;AAChC,kCAA+B;AAC/B,kCAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}

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

@@ -1,8 +1,8 @@
-import { ClassNameProps, QAProps } from '../../models';
+import { ClassNameProps, QAProps } from "../../models/index.js";
 import './Anchor.css';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps, QAProps {
     id: string;
 }
-declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
 export default Anchor;

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

@@ -1,8 +1,8 @@
-//TODO move to cloud components
-import React from 'react';
-import { block } from '../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from "../../utils/index.js";
 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, qa }) => (_jsx("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
 export default Anchor;
+//# sourceMappingURL=Anchor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sourceRoot":"../../../../src","sources":["components/Anchor/Anchor.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAMzC,MAAM,MAAM,GAAG,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAc,EAAE,EAAE,CAAC,CACjD,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,IAAI,aAAa,GAAQ,CACnF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["//TODO move to cloud components\nimport {ClassNameProps, QAProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Anchor.scss';\n\nconst b = block('Anchor');\n\nexport const qaIdByDefault = 'qa-anchor';\n\nexport interface AnchorProps extends ClassNameProps, QAProps {\n    id: string;\n}\n\nconst Anchor = ({id, className, qa}: AnchorProps) => (\n    <div id={id} className={b(null, className)} data-qa={qa || qaIdByDefault}></div>\n);\n\nexport default Anchor;\n"]}

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

@@ -1,12 +1,12 @@
-import React, { CSSProperties } from 'react';
-import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
-import { QAProps } from '../../models';
+import * as React from 'react';
+import { AnimateContextProps } from "../../context/animateContext/AnimateContext.js";
+import { QAProps } from "../../models/index.js";
 export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     animate?: boolean;
     offset?: number;
     className?: string;
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     onScroll?: () => void;
 }
-declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => JSX.Element;
+declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => import("react/jsx-runtime").JSX.Element;
 export default AnimateBlock;

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

@@ -1,26 +1,26 @@
-import React, { useContext, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Waypoint } from 'react-waypoint';
-import { AnimateContext } from '../../context/animateContext/AnimateContext';
-import { block } from '../../utils';
+import { AnimateContext } from "../../context/animateContext/AnimateContext.js";
+import { block } from "../../utils/index.js";
 const b = block('AnimateBlock');
 const AnimateBlock = (props) => {
-    const { animated } = useContext(AnimateContext);
+    const { animated } = React.useContext(AnimateContext);
     const { children, className, offset = 100, onScroll, style, animate = animated, qa } = props;
-    const [playAnimation, setPlayAnimation] = useState(false);
+    const [playAnimation, setPlayAnimation] = React.useState(false);
     const divClassName = animate
         ? b(null, `${playAnimation && 'animate'} ${className}`)
         : className;
-    return (React.createElement("div", { className: divClassName, style: style, "data-qa": qa },
-        React.createElement(Waypoint
-        // trigger animation if element is above screen
-        , { 
+    return (_jsxs("div", { className: divClassName, style: style, "data-qa": qa, children: [_jsx(Waypoint
             // trigger animation if element is above screen
-            topOffset: '-100000%', bottomOffset: offset, onEnter: async () => {
-                setPlayAnimation(true);
-                if (onScroll) {
-                    onScroll();
-                }
-            } }),
-        children));
+            , { 
+                // trigger animation if element is above screen
+                topOffset: '-100000%', bottomOffset: offset, onEnter: async () => {
+                    setPlayAnimation(true);
+                    if (onScroll) {
+                        onScroll();
+                    }
+                } }), children] }));
 };
 export default AnimateBlock;
+//# sourceMappingURL=AnimateBlock.js.map

package/build/esm/components/AnimateBlock/AnimateBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimateBlock.js","sourceRoot":"../../../../src","sources":["components/AnimateBlock/AnimateBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAC,cAAc,EAAsB,uDAAoD;AAEhG,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAUhC,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;IACvE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC3F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,OAAO;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,aAAa,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;QACvD,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACH,eAAK,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,aACnD,KAAC,QAAQ;YACL,+CAA+C;;gBAA/C,+CAA+C;gBAC/C,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBACvB,IAAI,QAAQ,EAAE,CAAC;wBACX,QAAQ,EAAE,CAAC;oBACf,CAAC;gBACL,CAAC,GACH,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Waypoint} from 'react-waypoint';\n\nimport {AnimateContext, AnimateContextProps} from '../../context/animateContext/AnimateContext';\nimport {QAProps} from '../../models';\nimport {block} from '../../utils';\n\nconst b = block('AnimateBlock');\n\nexport interface AnimateBlockProps extends AnimateContextProps, QAProps {\n    animate?: boolean;\n    offset?: number;\n    className?: string;\n    style?: React.CSSProperties;\n    onScroll?: () => void;\n}\n\nconst AnimateBlock = (props: React.PropsWithChildren<AnimateBlockProps>) => {\n    const {animated} = React.useContext(AnimateContext);\n    const {children, className, offset = 100, onScroll, style, animate = animated, qa} = props;\n    const [playAnimation, setPlayAnimation] = React.useState<boolean>(false);\n\n    const divClassName = animate\n        ? b(null, `${playAnimation && 'animate'} ${className}`)\n        : className;\n    return (\n        <div className={divClassName} style={style} data-qa={qa}>\n            <Waypoint\n                // trigger animation if element is above screen\n                topOffset={'-100000%'}\n                bottomOffset={offset}\n                onEnter={async () => {\n                    setPlayAnimation(true);\n                    if (onScroll) {\n                        onScroll();\n                    }\n                }}\n            />\n            {children}\n        </div>\n    );\n};\n\nexport default AnimateBlock;\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AuthorProps } from '../../models';
+import * as React from 'react';
+import { AuthorProps } from "../../models/index.js";
 import './Author.css';
-declare const Author: (props: React.PropsWithChildren<AuthorProps>) => JSX.Element;
+declare const Author: (props: React.PropsWithChildren<AuthorProps>) => import("react/jsx-runtime").JSX.Element;
 export default Author;