@gravity-ui/page-constructor 6.0.0-alpha.6 → 6.0.0-beta.0

package/build/cjs/blocks/Tabs/Tabs.js

@@ -2,46 +2,49 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
-const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs"));
-const FullscreenImage_1 = tslib_1.__importDefault(require("../../components/FullscreenImage/FullscreenImage"));
-const utils_1 = require("../../components/Media/Image/utils");
-const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
-const VideoBlock_1 = require("../../components/VideoBlock/VideoBlock");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
-const theme_1 = require("../../context/theme");
-const grid_1 = require("../../grid");
-const utils_2 = require("../../utils");
-const microdata_1 = require("../../utils/microdata");
-const TabsTextContent_1 = tslib_1.__importDefault(require("./TabsTextContent/TabsTextContent"));
+const React = tslib_1.__importStar(require("react"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
+const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs.js"));
+const FullscreenImage_1 = tslib_1.__importDefault(require("../../components/FullscreenImage/FullscreenImage.js"));
+const utils_1 = require("../../components/Media/Image/utils.js");
+const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media.js"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
+const VideoBlock_1 = require("../../components/VideoBlock/VideoBlock.js");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
+const theme_1 = require("../../context/theme/index.js");
+const grid_1 = require("../../grid/index.js");
+const utils_2 = require("../../utils/index.js");
+const microdata_1 = require("../../utils/microdata.js");
+const TabsTextContent_1 = tslib_1.__importDefault(require("./TabsTextContent/TabsTextContent.js"));
 const b = (0, utils_2.block)('tabs-block');
+// eslint-disable-next-line complexity
 const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a, _b;
-    const [activeTab, setActiveTab] = (0, react_1.useState)(items[0].tabName);
-    const [play, setPlay] = (0, react_1.useState)(false);
+    const [activeTab, setActiveTab] = React.useState(items[0].tabName);
+    const [play, setPlay] = React.useState(false);
     const theme = (0, theme_1.useTheme)();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
-    const ref = (0, react_1.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 = (0, uikit_1.useUniqId)();
     const themedMedia = (0, utils_2.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 && (0, VideoBlock_1.getHeight)(mediaWidth);
-    const [minImageHeight, setMinImageHeight] = (0, react_1.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 = (0, react_1.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 = (0, react_1.useCallback)((id, e) => {
+    const onSelectTab = React.useCallback((id, e) => {
         setActiveTab(id);
         e.currentTarget.scrollIntoView({
             inline: 'center',
@@ -49,7 +52,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
             block: 'nearest',
         });
     }, []);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
@@ -64,31 +67,18 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
     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_1.default.createElement(TabsTextContent_1.default, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
+    const textContent = showText && ((0, jsx_runtime_1.jsx)(TabsTextContent_1.default, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
+    const mediaContent = showMedia && ((0, jsx_runtime_1.jsxs)(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
             all: grid_1.GridColumnOrderClasses.Last,
             md: grid_1.GridColumnOrderClasses.First,
-        }, className: b('col', { centered: centered }) },
-        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (react_1.default.createElement("div", { style: { minHeight: mediaVideoHeight || minImageHeight } },
-            react_1.default.createElement("div", { ref: ref },
-                react_1.default.createElement(Media_1.default, Object.assign({}, (0, microdata_1.mergeVideoMicrodata)((0, utils_2.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_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement(FullscreenImage_1.default, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })))),
-        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (react_1.default.createElement("p", { className: b('caption'), id: captionId },
-            react_1.default.createElement(YFMWrapper_1.default, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId })))));
-    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated },
-        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('title', { centered: centered }) }),
-        react_1.default.createElement(grid_1.Row, null,
-            react_1.default.createElement(grid_1.Col, { sizes: tabsColSizes },
-                react_1.default.createElement(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),
-        activeTabData && (react_1.default.createElement(grid_1.Row, { className: b('row', { reverse: isReverse }) },
-            mediaContent,
-            textContent))));
+        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, react_1.createElement)(Media_1.default, Object.assign({}, (0, microdata_1.mergeVideoMicrodata)((0, utils_2.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 && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)(FullscreenImage_1.default, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && ((0, jsx_runtime_1.jsx)("p", { className: b('caption'), id: captionId, children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [(0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('title', { centered: centered }) }), (0, jsx_runtime_1.jsx)(grid_1.Row, { justifyContent: centered ? grid_1.GridJustifyContent.Center : undefined, children: (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: tabsColSizes, children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && ((0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
 };
 exports.TabsBlock = TabsBlock;
 exports.default = exports.TabsBlock;
+//# sourceMappingURL=Tabs.js.map

package/build/cjs/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/cjs/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";
 interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {
     showMedia: boolean;
     isReverse: boolean;
@@ -6,5 +6,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/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.js

@@ -1,23 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsTextContent = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const grid_1 = require("../../../grid");
-const sub_blocks_1 = require("../../../sub-blocks");
-const utils_1 = require("../../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const grid_1 = require("../../../grid/index.js");
+const sub_blocks_1 = require("../../../sub-blocks/index.js");
+const utils_1 = require("../../../utils/index.js");
 const b = (0, utils_1.block)('tabs-block-text-content');
 const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
     if (!data) {
         return null;
     }
     const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
-        react_1.default.createElement("div", { className: b('wrapper', {
+    return ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),
-            }) },
-            react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
+            }), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }) }) }));
 };
 exports.TabsTextContent = TabsTextContent;
 exports.default = exports.TabsTextContent;
+//# sourceMappingURL=TabsTextContent.js.map

package/build/cjs/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,iDAAkC;AAElC,6DAA4C;AAC5C,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,yBAAyB,CAAC,CAAC;AAUpC,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,uBAAC,UAAG,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,gCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;gBACpB,OAAO,EAAE,SAAS;gBAClB,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC;aACrC,CAAC,YAEF,uBAAC,oBAAO,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;AAnCW,QAAA,eAAe,mBAmC1B;AAEF,kBAAe,uBAAe,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/cjs/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[];
                                     };
                                 };
                             };
@@ -178,6 +178,9 @@ export declare const tabsItem: {
                     videoIframe: {
                         type: string;
                     };
+                    autoplay: {
+                        type: string;
+                    };
                     parallax: {
                         type: string;
                     };
@@ -323,7 +326,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../..").Theme[];
+                required: import("../../index.js").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -477,7 +480,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../..").Theme[];
+                required: import("../../index.js").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = exports.tabsItem = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-const utils_1 = require("../../schema/validators/utils");
-const schema_2 = require("../../sub-blocks/Content/schema");
+const schema_1 = require("../../components/Image/schema.js");
+const common_1 = require("../../schema/validators/common.js");
+const utils_1 = require("../../schema/validators/utils.js");
+const schema_2 = require("../../sub-blocks/Content/schema.js");
 const TabsItemContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 exports.tabsItem = {
     type: 'object',
@@ -40,3 +40,4 @@ exports.TabsBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":";;;;AAAA,+DAA+B;AAE/B,6DAAyD;AACzD,8DAUwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7E,QAAA,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,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,mBAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,kBAAS,EACf,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC,EAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC,GACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,uBAAc,GACd,yBAAgB,KACnB,YAAY,EAAE,4BAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,IAAE,EAC7C,EAAE,CACL,EACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAc;aACvB,EACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAC3B,KAAK,EAAE,IAAA,qBAAa,EAAC,gBAAQ,CAAC,EAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,qBAAY;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/cjs/blocks/index.d.ts

@@ -1,21 +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 SliderOldBlock } from './SliderOld/SliderOld';
-export { default as SliderBlock } from './Slider/Slider';
-export type { Swiper, SwiperOptions } 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/cjs/blocks/index.js

@@ -1,46 +1,43 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SliderOldBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
-var Banner_1 = require("./Banner/Banner");
-Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
-var Companies_1 = require("./Companies/Companies");
-Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return __importDefault(Companies_1).default; } });
-var Info_1 = require("./Info/Info");
-Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
-var Media_1 = require("./Media/Media");
-Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
-var Map_1 = require("./Map/Map");
-Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return __importDefault(Map_1).default; } });
-var SliderOld_1 = require("./SliderOld/SliderOld");
-Object.defineProperty(exports, "SliderOldBlock", { enumerable: true, get: function () { return __importDefault(SliderOld_1).default; } });
-var Slider_1 = require("./Slider/Slider");
-Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });
-var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures");
-Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return __importDefault(ExtendedFeatures_1).default; } });
-var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock");
-Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return __importDefault(PromoFeaturesBlock_1).default; } });
-var Questions_1 = require("./Questions/Questions");
-Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return __importDefault(Questions_1).default; } });
-var Table_1 = require("./Table/Table");
-Object.defineProperty(exports, "TableBlock", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
-var Tabs_1 = require("./Tabs/Tabs");
-Object.defineProperty(exports, "TabsBlock", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
-var Header_1 = require("./Header/Header");
-Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
-var Icons_1 = require("./Icons/Icons");
-Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return __importDefault(Icons_1).default; } });
-var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider");
-Object.defineProperty(exports, "HeaderSliderBlock", { enumerable: true, get: function () { return __importDefault(HeaderSlider_1).default; } });
-var CardLayout_1 = require("./CardLayout/CardLayout");
-Object.defineProperty(exports, "CardLayoutBlock", { enumerable: true, get: function () { return __importDefault(CardLayout_1).default; } });
-var ContentLayout_1 = require("./ContentLayout/ContentLayout");
-Object.defineProperty(exports, "ContentLayoutBlock", { enumerable: true, get: function () { return __importDefault(ContentLayout_1).default; } });
-var Share_1 = require("./Share/Share");
-Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return __importDefault(Share_1).default; } });
-var FilterBlock_1 = require("./FilterBlock/FilterBlock");
-Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return __importDefault(FilterBlock_1).default; } });
-var Form_1 = require("./Form/Form");
-Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
+exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+const tslib_1 = require("tslib");
+var Banner_1 = require("./Banner/Banner.js");
+Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Banner_1).default; } });
+var Companies_1 = require("./Companies/Companies.js");
+Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Companies_1).default; } });
+var Info_1 = require("./Info/Info.js");
+Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Info_1).default; } });
+var Media_1 = require("./Media/Media.js");
+Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Media_1).default; } });
+var Map_1 = require("./Map/Map.js");
+Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Map_1).default; } });
+var Slider_1 = require("./Slider/Slider.js");
+Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
+var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures.js");
+Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ExtendedFeatures_1).default; } });
+var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock.js");
+Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(PromoFeaturesBlock_1).default; } });
+var Questions_1 = require("./Questions/Questions.js");
+Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Questions_1).default; } });
+var Table_1 = require("./Table/Table.js");
+Object.defineProperty(exports, "TableBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Table_1).default; } });
+var Tabs_1 = require("./Tabs/Tabs.js");
+Object.defineProperty(exports, "TabsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Tabs_1).default; } });
+var Header_1 = require("./Header/Header.js");
+Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Header_1).default; } });
+var Icons_1 = require("./Icons/Icons.js");
+Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Icons_1).default; } });
+var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider.js");
+Object.defineProperty(exports, "HeaderSliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(HeaderSlider_1).default; } });
+var CardLayout_1 = require("./CardLayout/CardLayout.js");
+Object.defineProperty(exports, "CardLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(CardLayout_1).default; } });
+var ContentLayout_1 = require("./ContentLayout/ContentLayout.js");
+Object.defineProperty(exports, "ContentLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ContentLayout_1).default; } });
+var Share_1 = require("./Share/Share.js");
+Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Share_1).default; } });
+var FilterBlock_1 = require("./FilterBlock/FilterBlock.js");
+Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(FilterBlock_1).default; } });
+var Form_1 = require("./Form/Form.js");
+Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Form_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":";;;;AAAA,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,oCAA8C;AAAtC,wHAAA,OAAO,OAAY;AAC3B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,2EAAqF;AAA7E,kJAAA,OAAO,OAAyB;AACxC,iFAAsF;AAA9E,iJAAA,OAAO,OAAsB;AACrC,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,yDAAmE;AAA3D,sIAAA,OAAO,OAAmB;AAClC,kEAA4E;AAApE,4IAAA,OAAO,OAAsB;AACrC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,4DAAiE;AAAzD,mIAAA,OAAO,OAAe;AAC9B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa","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/cjs/blocks/unstable.d.ts

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

package/build/cjs/blocks/unstable.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderNewBlock = void 0;
+const tslib_1 = require("tslib");
+var Slider_1 = require("./SliderNew/Slider.js");
+Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
+//# sourceMappingURL=unstable.js.map

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

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

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

@@ -1,16 +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 './SliderOld/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/cjs/blocks/validators.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Banner/schema"), exports);
-tslib_1.__exportStar(require("./CardLayout/schema"), exports);
-tslib_1.__exportStar(require("./Companies/schema"), exports);
-tslib_1.__exportStar(require("./ContentLayout/schema"), exports);
-tslib_1.__exportStar(require("./ExtendedFeatures/schema"), exports);
-tslib_1.__exportStar(require("./Header/schema"), exports);
-tslib_1.__exportStar(require("./HeaderSlider/schema"), exports);
-tslib_1.__exportStar(require("./Icons/schema"), exports);
-tslib_1.__exportStar(require("./Info/schema"), exports);
-tslib_1.__exportStar(require("./Media/schema"), exports);
-tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
-tslib_1.__exportStar(require("./Questions/schema"), exports);
-tslib_1.__exportStar(require("./SliderOld/schema"), exports);
-tslib_1.__exportStar(require("./Slider/schema"), exports);
-tslib_1.__exportStar(require("./Table/schema"), exports);
-tslib_1.__exportStar(require("./Share/schema"), exports);
+tslib_1.__exportStar(require("./Banner/schema.js"), exports);
+tslib_1.__exportStar(require("./CardLayout/schema.js"), exports);
+tslib_1.__exportStar(require("./Companies/schema.js"), exports);
+tslib_1.__exportStar(require("./ContentLayout/schema.js"), exports);
+tslib_1.__exportStar(require("./ExtendedFeatures/schema.js"), exports);
+tslib_1.__exportStar(require("./Header/schema.js"), exports);
+tslib_1.__exportStar(require("./HeaderSlider/schema.js"), exports);
+tslib_1.__exportStar(require("./Icons/schema.js"), exports);
+tslib_1.__exportStar(require("./Info/schema.js"), exports);
+tslib_1.__exportStar(require("./Media/schema.js"), exports);
+tslib_1.__exportStar(require("./PromoFeaturesBlock/schema.js"), exports);
+tslib_1.__exportStar(require("./Questions/schema.js"), exports);
+tslib_1.__exportStar(require("./Slider/schema.js"), exports);
+tslib_1.__exportStar(require("./Table/schema.js"), exports);
+tslib_1.__exportStar(require("./Share/schema.js"), exports);
+//# sourceMappingURL=validators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+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/cjs/components/Anchor/Anchor.d.ts

@@ -1,7 +1,7 @@
-import { ClassNameProps, QAProps } from '../../models';
+import { ClassNameProps, QAProps } from "../../models/index.js";
 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/cjs/components/Anchor/Anchor.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.qaIdByDefault = void 0;
-const tslib_1 = require("tslib");
-//TODO move to cloud components
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('Anchor');
 exports.qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, qa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => ((0, jsx_runtime_1.jsx)("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
 exports.default = Anchor;
+//# sourceMappingURL=Anchor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sourceRoot":"../../../../src","sources":["components/Anchor/Anchor.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAEb,QAAA,aAAa,GAAG,WAAW,CAAC;AAMzC,MAAM,MAAM,GAAG,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAc,EAAE,EAAE,CAAC,CACjD,gCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,IAAI,qBAAa,GAAQ,CACnF,CAAC;AAEF,kBAAe,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"]}