@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabContent/TabContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenImage, YFMWrapper} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport Media from '../../../components/Media/Media';\nimport {getHeight} from '../../../components/VideoBlock/VideoBlock';\nimport {ProjectSettingsContext} from '../../../context/projectSettingsContext';\nimport {useTheme} from '../../../context/theme';\nimport {Col, GridColumnOrderClasses, Row} from '../../../grid';\nimport {ContentSize, TabsBlockItem} from '../../../models';\nimport {block, getThemedValue} from '../../../utils';\nimport {mergeVideoMicrodata} from '../../../utils/microdata';\nimport TabsTextContent from '../TabsTextContent/TabsTextContent';\n\nimport './TabContent.scss';\n\nconst b = block('tab-content');\n\nexport interface TabContentProps {\n    tabData: TabsBlockItem;\n    isActive: boolean;\n    isReverse: boolean;\n    contentSize: ContentSize;\n    centered?: boolean;\n    play: boolean;\n    getTabElementId?: (tabId: string) => string;\n    getTabContentElementId?: (tabId: string) => string;\n}\n\nexport const TabContent = ({\n    tabData,\n    isActive,\n    isReverse,\n    contentSize,\n    centered,\n    play,\n    getTabElementId,\n    getTabContentElementId,\n}: TabContentProps) => {\n    const {tabName} = tabData;\n\n    const mediaContainerRef = React.useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const {renderInvisibleBlocks} = React.useContext(ProjectSettingsContext);\n\n    const captionId = useUniqId();\n\n    const mediaWidth = mediaContainerRef?.current?.offsetWidth;\n    const [minImageHeight, setMinImageHeight] = React.useState(\n        mediaContainerRef?.current?.offsetHeight,\n    );\n\n    const shouldRender = renderInvisibleBlocks || isActive;\n\n    const themedImage = getThemedValue(tabData.image, theme);\n    const themedMedia = getThemedValue(tabData.media, theme);\n\n    const hasNoImage = !themedMedia?.image && !tabData.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    const imageProps = React.useMemo(() => {\n        const imagePropsResult = themedImage && getMediaImage(themedImage);\n\n        if (tabData.caption && imagePropsResult) {\n            Object.assign(imagePropsResult, {\n                'aria-describedby': captionId,\n            });\n        }\n\n        return imagePropsResult;\n    }, [captionId, tabData.caption, themedImage]);\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== mediaContainerRef?.current?.offsetHeight) {\n            setMinImageHeight(mediaContainerRef?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [isActive, handleImageHeight]);\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const showMedia = isActive && Boolean(tabData.media || imageProps);\n    const showText = Boolean(tabData.text);\n    const border = tabData.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={tabData}\n            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            {tabData.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={mediaContainerRef}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(tabData.media, theme), {\n                                name: tabData.tabName,\n                                description: tabData.caption ? tabData.caption : undefined,\n                            })}\n                            key={tabName}\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            {tabData.caption && (\n                <div className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={tabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </div>\n            )}\n        </Col>\n    );\n\n    return (\n        <Row\n            key={tabName}\n            className={b('row', {reverse: isReverse, hidden: !isActive})}\n            id={getTabContentElementId?.(tabName)}\n            role=\"tabpanel\"\n            ariaProps={{\n                'aria-labelledby': getTabElementId?.(tabName),\n            }}\n        >\n            {mediaContent}\n            {textContent}\n        </Row>\n    );\n};\n"]}
+{"version":3,"file":"TabContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabContent/TabContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenImage, YFMWrapper} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport Media from '../../../components/Media/Media';\nimport {getHeight} from '../../../components/VideoBlock/VideoBlock';\nimport {ProjectSettingsContext} from '../../../gravity-blocks/context/projectSettingsContext';\nimport {useTheme} from '../../../gravity-blocks/context/theme';\nimport {Col, GridColumnOrderClasses, Row} from '../../../gravity-blocks/grid';\nimport {ContentSize, TabsBlockItem} from '../../../models';\nimport {block, getThemedValue} from '../../../utils';\nimport {mergeVideoMicrodata} from '../../../utils/microdata';\nimport TabsTextContent from '../TabsTextContent/TabsTextContent';\n\nimport './TabContent.scss';\n\nconst b = block('tab-content');\n\nexport interface TabContentProps {\n    tabData: TabsBlockItem;\n    isActive: boolean;\n    isReverse: boolean;\n    contentSize: ContentSize;\n    centered?: boolean;\n    play: boolean;\n    getTabElementId?: (tabId: string) => string;\n    getTabContentElementId?: (tabId: string) => string;\n}\n\nexport const TabContent = ({\n    tabData,\n    isActive,\n    isReverse,\n    contentSize,\n    centered,\n    play,\n    getTabElementId,\n    getTabContentElementId,\n}: TabContentProps) => {\n    const {tabName} = tabData;\n\n    const mediaContainerRef = React.useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const {renderInvisibleBlocks} = React.useContext(ProjectSettingsContext);\n\n    const captionId = useUniqId();\n\n    const mediaWidth = mediaContainerRef?.current?.offsetWidth;\n    const [minImageHeight, setMinImageHeight] = React.useState(\n        mediaContainerRef?.current?.offsetHeight,\n    );\n\n    const shouldRender = renderInvisibleBlocks || isActive;\n\n    const themedImage = getThemedValue(tabData.image, theme);\n    const themedMedia = getThemedValue(tabData.media, theme);\n\n    const hasNoImage = !themedMedia?.image && !tabData.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    const imageProps = React.useMemo(() => {\n        const imagePropsResult = themedImage && getMediaImage(themedImage);\n\n        if (tabData.caption && imagePropsResult) {\n            Object.assign(imagePropsResult, {\n                'aria-describedby': captionId,\n            });\n        }\n\n        return imagePropsResult;\n    }, [captionId, tabData.caption, themedImage]);\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== mediaContainerRef?.current?.offsetHeight) {\n            setMinImageHeight(mediaContainerRef?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [isActive, handleImageHeight]);\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const showMedia = isActive && Boolean(tabData.media || imageProps);\n    const showText = Boolean(tabData.text);\n    const border = tabData.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={tabData}\n            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            {tabData.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={mediaContainerRef}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(tabData.media, theme), {\n                                name: tabData.tabName,\n                                description: tabData.caption ? tabData.caption : undefined,\n                            })}\n                            key={tabName}\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            {tabData.caption && (\n                <div className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={tabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </div>\n            )}\n        </Col>\n    );\n\n    return (\n        <Row\n            key={tabName}\n            className={b('row', {reverse: isReverse, hidden: !isActive})}\n            id={getTabContentElementId?.(tabName)}\n            role=\"tabpanel\"\n            ariaProps={{\n                'aria-labelledby': getTabElementId?.(tabName),\n            }}\n        >\n            {mediaContent}\n            {textContent}\n        </Row>\n    );\n};\n"]}

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

@@ -4,7 +4,7 @@ import { getUniqId } from '@gravity-ui/uikit';
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
 import ButtonTabs from "../../components/ButtonTabs/ButtonTabs.js";
 import Title from "../../components/Title/Title.js";
-import { Col, GridJustifyContent, Row } from "../../grid/index.js";
+import { Col, Grid, GridJustifyContent, Row } from "../../gravity-blocks/grid/index.js";
 import { block } from "../../utils/index.js";
 import { TabContent } from "./TabContent/TabContent.js";
 import './Tabs.css';
@@ -25,10 +25,10 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
             block: 'nearest',
         });
     }, []);
-    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 }), getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }) }) }), items.map((tabData) => {
-                const { tabName } = tabData;
-                return (_jsx(TabContent, { tabData: tabData, isActive: tabName === activeTab, isReverse: isReverse, contentSize: contentSize, centered: centered, play: play, getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }, tabName));
-            })] }));
+    return (_jsx(Grid, { children: _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 }), getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }) }) }), items.map((tabData) => {
+                    const { tabName } = tabData;
+                    return (_jsx(TabContent, { tabData: tabData, isActive: tabName === activeTab, isReverse: isReverse, contentSize: contentSize, centered: centered, play: play, getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }, tabName));
+                })] }) }));
 };
 export default TabsBlock;
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getUniqId} from '@gravity-ui/uikit';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TabContent} from './TabContent/TabContent';\n\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\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\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\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                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                </Col>\n            </Row>\n            {items.map((tabData) => {\n                const {tabName} = tabData;\n\n                return (\n                    <TabContent\n                        key={tabName}\n                        tabData={tabData}\n                        isActive={tabName === activeTab}\n                        isReverse={isReverse}\n                        contentSize={contentSize}\n                        centered={centered}\n                        play={play}\n                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                );\n            })}\n        </AnimateBlock>\n    );\n};\n\nexport default TabsBlock;\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {getUniqId} from '@gravity-ui/uikit';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, Grid, GridJustifyContent, Row} from '../../gravity-blocks/grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TabContent} from './TabContent/TabContent';\n\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\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\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    return (\n        <Grid>\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                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    </Col>\n                </Row>\n                {items.map((tabData) => {\n                    const {tabName} = tabData;\n\n                    return (\n                        <TabContent\n                            key={tabName}\n                            tabData={tabData}\n                            isActive={tabName === activeTab}\n                            isReverse={isReverse}\n                            contentSize={contentSize}\n                            centered={centered}\n                            play={play}\n                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    );\n                })}\n            </AnimateBlock>\n        </Grid>\n    );\n};\n\nexport default TabsBlock;\n"]}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Col } from "../../../grid/index.js";
+import { Col } from "../../../gravity-blocks/grid/index.js";
 import { Content } from "../../../sub-blocks/index.js";
 import { block } from "../../../utils/index.js";
 import './TabsTextContent.css';

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

@@ -1 +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"]}
+{"version":3,"file":"TabsTextContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabsTextContent/TabsTextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAC,8CAAqC;AAEjD,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 '../../../gravity-blocks/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/index.d.ts

@@ -0,0 +1,19 @@
+declare const TabsBlockConfig: {
+    type: string;
+    component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../../index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            title: string;
+            items: {
+                tabName: string;
+                text: string;
+                title: string;
+            }[];
+        };
+        previewImg: string;
+    };
+};
+export default TabsBlockConfig;

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

@@ -0,0 +1,31 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import TabsBlock from "./Tabs.js";
+import { TabsBlock as TabsBlockSchema } from "./schema.js";
+import icon from './icon.svg';
+const TabsBlockConfig = {
+    type: '@gravity-ui/page-constructor/tabs-block',
+    component: TabsBlock,
+    schema: {
+        name: 'Tabs Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        inputs: generateFormFieldsFromAjvSchema(TabsBlockSchema['tabs-block']),
+        default: {
+            title: 'Tabs Block',
+            items: [
+                {
+                    tabName: 'First Tab',
+                    text: 'First Tab Content',
+                    title: 'First Tab Title',
+                },
+                {
+                    text: 'Second Tab Content',
+                    title: 'Second Tab Title',
+                    tabName: 'Second Tab',
+                },
+            ],
+        },
+        previewImg: icon,
+    },
+};
+export default TabsBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,kBAAe;AAC/B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE;gBACH;oBACI,OAAO,EAAE,WAAW;oBACpB,IAAI,EAAE,mBAAmB;oBACzB,KAAK,EAAE,iBAAiB;iBAC3B;gBACD;oBACI,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,YAAY;iBACxB;aACJ;SACJ;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TabsBlock from './Tabs';\nimport {TabsBlock as TabsBlockSchema} from './schema';\n\nimport icon from './icon.svg';\n\nconst TabsBlockConfig = {\n    type: '@gravity-ui/page-constructor/tabs-block',\n    component: TabsBlock,\n    schema: {\n        name: 'Tabs Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFormFieldsFromAjvSchema(\n            TabsBlockSchema['tabs-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Tabs Block',\n            items: [\n                {\n                    tabName: 'First Tab',\n                    text: 'First Tab Content',\n                    title: 'First Tab Title',\n                },\n                {\n                    text: 'Second Tab Content',\n                    title: 'Second Tab Title',\n                    tabName: 'Second Tab',\n                },\n            ],\n        },\n        previewImg: icon,\n    },\n};\n\nexport default TabsBlockConfig;\n"]}

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

@@ -0,0 +1,19 @@
+declare const TabsBlockConfig: {
+    type: string;
+    component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../../index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        hidden: boolean;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            title: string;
+            items: {
+                tabName: string;
+                text: string;
+                title: string;
+            }[];
+        };
+    };
+};
+export default TabsBlockConfig;

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

@@ -0,0 +1,30 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import TabsBlock from "./Tabs.js";
+import { TabsBlock as TabsBlockSchema } from "./schema.js";
+const TabsBlockConfig = {
+    type: 'tabs-block',
+    component: TabsBlock,
+    schema: {
+        name: 'Tabs Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: generateFormFieldsFromAjvSchema(TabsBlockSchema['tabs-block']),
+        default: {
+            title: 'Tabs Block',
+            items: [
+                {
+                    tabName: 'First Tab',
+                    text: 'First Tab Content',
+                    title: 'First Tab Title',
+                },
+                {
+                    text: 'Second Tab Content',
+                    title: 'Second Tab Title',
+                    tabName: 'Second Tab',
+                },
+            ],
+        },
+    },
+};
+export default TabsBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/index_deprecated.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,kBAAe;AAC/B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE;gBACH;oBACI,OAAO,EAAE,WAAW;oBACpB,IAAI,EAAE,mBAAmB;oBACzB,KAAK,EAAE,iBAAiB;iBAC3B;gBACD;oBACI,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,YAAY;iBACxB;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TabsBlock from './Tabs';\nimport {TabsBlock as TabsBlockSchema} from './schema';\n\nconst TabsBlockConfig = {\n    type: 'tabs-block',\n    component: TabsBlock,\n    schema: {\n        name: 'Tabs Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(\n            TabsBlockSchema['tabs-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Tabs Block',\n            items: [\n                {\n                    tabName: 'First Tab',\n                    text: 'First Tab Content',\n                    title: 'First Tab Title',\n                },\n                {\n                    text: 'Second Tab Content',\n                    title: 'Second Tab Title',\n                    tabName: 'Second Tab',\n                },\n            ],\n        },\n    },\n};\n\nexport default TabsBlockConfig;\n"]}

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

@@ -1,7 +1,7 @@
 import omit from "lodash/omit.js";
 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 { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from "../../gravity-blocks/schema/validators/common.js";
+import { filteredArray } from "../../gravity-blocks/schema/validators/utils.js";
 import { ContentBase } from "../../sub-blocks/Content/schema.js";
 const TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 export const tabsItem = {

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;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,EAAE;QACR,GAAG,oBAAoB;QACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,UAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC;KACJ;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,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,gBAAgB;YACnB,YAAY,EAAE,mBAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAC,CAAC,EAC7C,EAAE,CACL;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,cAAc;aACvB;YACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;YAC3B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC;YAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,YAAY;aACrB;SACJ;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;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,yDAAsD;AACvD,OAAO,EAAC,aAAa,EAAC,wDAAqD;AAC3E,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,EAAE;QACR,GAAG,oBAAoB;QACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,UAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC;KACJ;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,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,gBAAgB;YACnB,YAAY,EAAE,mBAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAC,CAAC,EAC7C,EAAE,CACL;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,cAAc;aACvB;YACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;YAC3B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC;YAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,YAAY;aACrB;SACJ;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 '../../gravity-blocks/schema/validators/common';\nimport {filteredArray} from '../../gravity-blocks/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/extensions/GeneralExtension.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { PageConstructorWrapperProps } from "../../common/types/index.js";
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+interface GeneralExtensionWrapperProps {
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
+}
+interface GeneralExtensionGlobalConfig {
+    isBranded?: boolean;
+    animated?: boolean;
+}
+export interface GeneralPageContent extends GeneralExtensionGlobalConfig {
+}
+export declare const GeneralExtensionContentWrapper: React.FC<GeneralExtensionWrapperProps & PageConstructorWrapperProps>;
+export declare const GeneralExtension: ({ wrapperProps, globalDefaults, }: {
+    wrapperProps?: GeneralExtensionWrapperProps;
+    globalDefaults?: GeneralExtensionGlobalConfig;
+}) => PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps>;
+export {};

package/build/esm/blocks/extensions/GeneralExtension.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from '@gravity-ui/uikit';
+import BrandFooter from "../../components/BrandFooter/BrandFooter.js";
+import { AnimateContext } from "../../gravity-blocks/context/animateContext/index.js";
+import { useContent } from "../../gravity-blocks/hooks/index.js";
+import { block } from "../../utils/index.js";
+const b = block('page-constructor');
+export const GeneralExtensionContentWrapper = ({ children }) => {
+    const { content } = useContent();
+    const { isBranded, animated } = content;
+    return (_jsx("div", { className: b('wrapper'), children: _jsx(ThemeProvider, { children: _jsxs(AnimateContext.Provider, { value: { animated }, children: [children, isBranded && _jsx(BrandFooter, {})] }) }) }));
+};
+export const GeneralExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    return {
+        name: 'General Extension',
+        id: '@gravity-ui/page-constructor/general-extension',
+        settings: {
+            ContentWrapper: GeneralExtensionContentWrapper,
+            contentWrapperProps: wrapperProps,
+            globalInputs: [
+                {
+                    type: 'switch',
+                    title: 'Is branded',
+                    name: 'isBranded',
+                },
+                {
+                    type: 'switch',
+                    title: 'Animated',
+                    name: 'animated',
+                },
+            ],
+            globalDefaults,
+        },
+    };
+};
+//# sourceMappingURL=GeneralExtension.js.map

package/build/esm/blocks/extensions/GeneralExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralExtension.js","sourceRoot":"../../../../src","sources":["blocks/extensions/GeneralExtension.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,WAAW,oDAAiD;AAEnE,OAAO,EAAC,cAAc,EAAC,6DAAoD;AAC3E,OAAO,EAAC,UAAU,EAAC,4CAAmC;AACtD,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAepC,MAAM,CAAC,MAAM,8BAA8B,GAEvC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACf,MAAM,EAAC,OAAO,EAAC,GAAG,UAAU,EAAsB,CAAC;IACnD,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,OAAO,CAAC;IAEtC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,KAAC,aAAa,cACV,MAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,aACrC,QAAQ,EACR,SAAS,IAAI,KAAC,WAAW,KAAG,IACP,GACd,GACd,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAwF,EAAE;IACvF,OAAO;QACH,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,gDAAgD;QACpD,QAAQ,EAAE;YACN,cAAc,EAAE,8BAA8B;YAC9C,mBAAmB,EAAE,YAAY;YACjC,YAAY,EAAE;gBACV;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,WAAW;iBACpB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,UAAU;oBACjB,IAAI,EAAE,UAAU;iBACnB;aACJ;YACD,cAAc;SACjB;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ThemeProvider} from '@gravity-ui/uikit';\n\nimport type {PageConstructorWrapperProps} from '../../common/types';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {AnimateContext} from '../../gravity-blocks/context/animateContext';\nimport {useContent} from '../../gravity-blocks/hooks';\nimport {block} from '../../utils';\n\nconst b = block('page-constructor');\n\ninterface GeneralExtensionWrapperProps {\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\ninterface GeneralExtensionGlobalConfig {\n    isBranded?: boolean;\n    animated?: boolean;\n}\n\nexport interface GeneralPageContent extends GeneralExtensionGlobalConfig {}\n\nexport const GeneralExtensionContentWrapper: React.FC<\n    GeneralExtensionWrapperProps & PageConstructorWrapperProps\n> = ({children}) => {\n    const {content} = useContent<GeneralPageContent>();\n    const {isBranded, animated} = content;\n\n    return (\n        <div className={b('wrapper')}>\n            <ThemeProvider>\n                <AnimateContext.Provider value={{animated}}>\n                    {children}\n                    {isBranded && <BrandFooter />}\n                </AnimateContext.Provider>\n            </ThemeProvider>\n        </div>\n    );\n};\n\nexport const GeneralExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GeneralExtensionWrapperProps;\n    globalDefaults?: GeneralExtensionGlobalConfig;\n}): PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps> => {\n    return {\n        name: 'General Extension',\n        id: '@gravity-ui/page-constructor/general-extension',\n        settings: {\n            ContentWrapper: GeneralExtensionContentWrapper,\n            contentWrapperProps: wrapperProps,\n            globalInputs: [\n                {\n                    type: 'switch',\n                    title: 'Is branded',\n                    name: 'isBranded',\n                },\n                {\n                    type: 'switch',\n                    title: 'Animated',\n                    name: 'animated',\n                },\n            ],\n            globalDefaults,\n        },\n    };\n};\n"]}

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

@@ -1,23 +1,2 @@
-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 SliderOldBlock } from "./SliderOld/SliderOld.js";
-export { default as SliderBlock } from "./Slider/Slider.js";
-export type { Swiper, SwiperOptions } 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 FoldableListBlock } from "./FoldableList/FoldableList.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 HeroBlock } from "./Hero/Hero.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";
+import { BlockData } from "../constructor-items.js";
+export declare const blocks: Array<BlockData>;

package/build/esm/blocks/index.js

@@ -1,23 +1,129 @@
-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 SliderOldBlock } from "./SliderOld/SliderOld.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 FoldableListBlock } from "./FoldableList/FoldableList.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 HeroBlock } from "./Hero/Hero.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";
+import BackgroundCardConfigDeprecated from "../sub-blocks/BackgroundCard/index_deprecated.js";
+import BannerCardConfigDeprecated from "../sub-blocks/BannerCard/index_deprecated.js";
+import BasicCardConfigDeprecated from "../sub-blocks/BasicCard/index_deprecated.js";
+import ContentConfigDeprecated from "../sub-blocks/Content/index_deprecated.js";
+import DividerConfigDeprecated from "../sub-blocks/Divider/index_deprecated.js";
+import ImageCardConfigDeprecated from "../sub-blocks/ImageCard/index_deprecated.js";
+import LayoutItemConfig from "../sub-blocks/LayoutItem/index.js";
+import LayoutItemConfigDeprecated from "../sub-blocks/LayoutItem/index_deprecated.js";
+import MediaCardConfig from "../sub-blocks/MediaCard/index.js";
+import MediaCardConfigDeprecated from "../sub-blocks/MediaCard/index_deprecated.js";
+// import BackgroundCardConfig from '../sub-blocks/BackgroundCard';
+// import BasicCardConfig from '../sub-blocks/BasicCard';
+// import ContentConfig from '../sub-blocks/Content';
+// import DividerConfig from '../sub-blocks/Divider';
+// import ImageCardConfig from '../sub-blocks/ImageCard';
+// import PriceCardConfig from '../sub-blocks/PriceCard';
+import PriceCardConfigDeprecated from "../sub-blocks/PriceCard/index_deprecated.js";
+// import PriceDetailedConfig from '../sub-blocks/PriceDetailed';
+import PriceDetailedConfigDeprecated from "../sub-blocks/PriceDetailed/index_deprecated.js";
+// import QuoteConfig from '../sub-blocks/Quote';
+import QuoteConfigDeprecated from "../sub-blocks/Quote/index_deprecated.js";
+// import BannerCardConfig from '../sub-blocks/BannerCard';
+import BannerBlockConfig from "./Banner/index.js";
+import BannerBlockConfigDeprecated from "./Banner/index_deprecated.js";
+import CardLayoutBlockConfig from "./CardLayout/index.js";
+import CardLayoutBlockConfigDeprecated from "./CardLayout/index_deprecated.js";
+// import CompaniesBlockConfig from './Companies';
+import CompaniesBlockConfigDeprecated from "./Companies/index_deprecated.js";
+import ContentLayoutBlockConfig from "./ContentLayout/index.js";
+import ContentLayoutBlockConfigDeprecated from "./ContentLayout/index_deprecated.js";
+import ExtendedFeaturesBlockConfig from "./ExtendedFeatures/index.js";
+import ExtendedFeaturesBlockConfigDeprecated from "./ExtendedFeatures/index_deprecated.js";
+// import FilterBlockConfig from './FilterBlock';
+import FilterBlockConfigDeprecated from "./FilterBlock/index_deprecated.js";
+// import FoldableListBlockConfig from './FoldableList';
+// import FoldableListBlockConfigDeprecated from './FoldableList/index_deprecated';
+// import FormBlockConfig from './Form';
+import FormBlockConfigDeprecated from "./Form/index_deprecated.js";
+import HeaderBlockConfig from "./Header/index.js";
+import HeaderBlockConfigDeprecated from "./Header/index_deprecated.js";
+// import HeaderSliderBlockConfig from './HeaderSlider';
+import HeaderSliderBlockConfigDeprecated from "./HeaderSlider/index_deprecated.js";
+// import IconsBlockConfig from './Icons';
+import IconsBlockConfigDeprecated from "./Icons/index_deprecated.js";
+import InfoBlockConfig from "./Info/index.js";
+import InfoBlockConfigDeprecated from "./Info/index_deprecated.js";
+// import MapBlockConfig from './Map';
+import MapBlockConfigDeprecated from "./Map/index_deprecated.js";
+import MediaBlockConfig from "./Media/index.js";
+import MediaBlockConfigDeprecated from "./Media/index_deprecated.js";
+// import PromoFeaturesBlockConfig from './PromoFeaturesBlock';
+import PromoFeaturesBlockConfigDeprecated from "./PromoFeaturesBlock/index_deprecated.js";
+import QuestionsBlockConfig from "./Questions/index.js";
+import QuestionsBlockConfigDeprecated from "./Questions/index_deprecated.js";
+// import SecurityBlockConfig from './Security';
+// import SecurityBlockConfigDeprecated from './Security/index_deprecated';
+// import ShareBlockConfig from './Share';
+import ShareBlockConfigDeprecated from "./Share/index_deprecated.js";
+import SliderBlockConfig from "./Slider/index.js";
+import SliderBlockConfigDeprecated from "./Slider/index_deprecated.js";
+// import SliderOldBlockConfig from './SliderOld';
+// import SliderOldBlockConfigDeprecated from './SliderOld/index_deprecated';
+// import TableBlockConfig from './Table';
+import TableBlockConfigDeprecated from "./Table/index_deprecated.js";
+import TabsBlockConfig from "./Tabs/index.js";
+import TabsBlockConfigDeprecated from "./Tabs/index_deprecated.js";
+export const blocks = [
+    BannerBlockConfig,
+    BannerBlockConfigDeprecated,
+    CardLayoutBlockConfig,
+    CardLayoutBlockConfigDeprecated,
+    // CompaniesBlockConfig,
+    CompaniesBlockConfigDeprecated,
+    ContentLayoutBlockConfig,
+    ContentLayoutBlockConfigDeprecated,
+    ExtendedFeaturesBlockConfig,
+    ExtendedFeaturesBlockConfigDeprecated,
+    // PromoFeaturesBlockConfig,
+    PromoFeaturesBlockConfigDeprecated,
+    QuestionsBlockConfig,
+    QuestionsBlockConfigDeprecated,
+    MediaBlockConfig,
+    MediaBlockConfigDeprecated,
+    // MapBlockConfig,
+    MapBlockConfigDeprecated,
+    InfoBlockConfig,
+    InfoBlockConfigDeprecated,
+    HeaderBlockConfig,
+    HeaderBlockConfigDeprecated,
+    // FilterBlockConfig,
+    FilterBlockConfigDeprecated,
+    // FormBlockConfig,
+    FormBlockConfigDeprecated,
+    // HeaderSliderBlockConfig,
+    HeaderSliderBlockConfigDeprecated,
+    // IconsBlockConfig,
+    IconsBlockConfigDeprecated,
+    // ShareBlockConfig,
+    ShareBlockConfigDeprecated,
+    SliderBlockConfig,
+    SliderBlockConfigDeprecated,
+    // TableBlockConfig,
+    TableBlockConfigDeprecated,
+    TabsBlockConfig,
+    TabsBlockConfigDeprecated,
+    MediaCardConfig,
+    MediaCardConfigDeprecated,
+    LayoutItemConfig,
+    LayoutItemConfigDeprecated,
+    // BackgroundCardConfig,
+    BackgroundCardConfigDeprecated,
+    // BasicCardConfig,
+    BasicCardConfigDeprecated,
+    // ContentConfig,
+    ContentConfigDeprecated,
+    // DividerConfig,
+    DividerConfigDeprecated,
+    // ImageCardConfig,
+    ImageCardConfigDeprecated,
+    // PriceCardConfig,
+    PriceCardConfigDeprecated,
+    // PriceDetailedConfig,
+    PriceDetailedConfigDeprecated,
+    // QuoteConfig,
+    QuoteConfigDeprecated,
+    // BannerCardConfig,
+    BannerCardConfigDeprecated,
+];
 //# sourceMappingURL=index.js.map

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

@@ -1 +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,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AAEvD,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,iBAAiB,EAAC,uCAAoC;AACzE,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,SAAS,EAAC,uBAAoB;AACjD,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 SliderOldBlock} from './SliderOld/SliderOld';\nexport {default as SliderBlock} from './Slider/Slider';\nexport type {Swiper, SwiperOptions} 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 FoldableListBlock} from './FoldableList/FoldableList';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as HeroBlock} from './Hero/Hero';\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"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {BlockData} from '../constructor-items';\nimport BackgroundCardConfigDeprecated from '../sub-blocks/BackgroundCard/index_deprecated';\nimport BannerCardConfigDeprecated from '../sub-blocks/BannerCard/index_deprecated';\nimport BasicCardConfigDeprecated from '../sub-blocks/BasicCard/index_deprecated';\nimport ContentConfigDeprecated from '../sub-blocks/Content/index_deprecated';\nimport DividerConfigDeprecated from '../sub-blocks/Divider/index_deprecated';\nimport ImageCardConfigDeprecated from '../sub-blocks/ImageCard/index_deprecated';\nimport LayoutItemConfig from '../sub-blocks/LayoutItem';\nimport LayoutItemConfigDeprecated from '../sub-blocks/LayoutItem/index_deprecated';\nimport MediaCardConfig from '../sub-blocks/MediaCard';\nimport MediaCardConfigDeprecated from '../sub-blocks/MediaCard/index_deprecated';\n// import BackgroundCardConfig from '../sub-blocks/BackgroundCard';\n// import BasicCardConfig from '../sub-blocks/BasicCard';\n// import ContentConfig from '../sub-blocks/Content';\n// import DividerConfig from '../sub-blocks/Divider';\n// import ImageCardConfig from '../sub-blocks/ImageCard';\n// import PriceCardConfig from '../sub-blocks/PriceCard';\nimport PriceCardConfigDeprecated from '../sub-blocks/PriceCard/index_deprecated';\n// import PriceDetailedConfig from '../sub-blocks/PriceDetailed';\nimport PriceDetailedConfigDeprecated from '../sub-blocks/PriceDetailed/index_deprecated';\n// import QuoteConfig from '../sub-blocks/Quote';\nimport QuoteConfigDeprecated from '../sub-blocks/Quote/index_deprecated';\n// import BannerCardConfig from '../sub-blocks/BannerCard';\n\nimport BannerBlockConfig from './Banner';\nimport BannerBlockConfigDeprecated from './Banner/index_deprecated';\nimport CardLayoutBlockConfig from './CardLayout';\nimport CardLayoutBlockConfigDeprecated from './CardLayout/index_deprecated';\n// import CompaniesBlockConfig from './Companies';\nimport CompaniesBlockConfigDeprecated from './Companies/index_deprecated';\nimport ContentLayoutBlockConfig from './ContentLayout';\nimport ContentLayoutBlockConfigDeprecated from './ContentLayout/index_deprecated';\nimport ExtendedFeaturesBlockConfig from './ExtendedFeatures';\nimport ExtendedFeaturesBlockConfigDeprecated from './ExtendedFeatures/index_deprecated';\n// import FilterBlockConfig from './FilterBlock';\nimport FilterBlockConfigDeprecated from './FilterBlock/index_deprecated';\n// import FoldableListBlockConfig from './FoldableList';\n// import FoldableListBlockConfigDeprecated from './FoldableList/index_deprecated';\n// import FormBlockConfig from './Form';\nimport FormBlockConfigDeprecated from './Form/index_deprecated';\nimport HeaderBlockConfig from './Header';\nimport HeaderBlockConfigDeprecated from './Header/index_deprecated';\n// import HeaderSliderBlockConfig from './HeaderSlider';\nimport HeaderSliderBlockConfigDeprecated from './HeaderSlider/index_deprecated';\n// import IconsBlockConfig from './Icons';\nimport IconsBlockConfigDeprecated from './Icons/index_deprecated';\nimport InfoBlockConfig from './Info';\nimport InfoBlockConfigDeprecated from './Info/index_deprecated';\n// import MapBlockConfig from './Map';\nimport MapBlockConfigDeprecated from './Map/index_deprecated';\nimport MediaBlockConfig from './Media';\nimport MediaBlockConfigDeprecated from './Media/index_deprecated';\n// import PromoFeaturesBlockConfig from './PromoFeaturesBlock';\nimport PromoFeaturesBlockConfigDeprecated from './PromoFeaturesBlock/index_deprecated';\nimport QuestionsBlockConfig from './Questions';\nimport QuestionsBlockConfigDeprecated from './Questions/index_deprecated';\n// import SecurityBlockConfig from './Security';\n// import SecurityBlockConfigDeprecated from './Security/index_deprecated';\n// import ShareBlockConfig from './Share';\nimport ShareBlockConfigDeprecated from './Share/index_deprecated';\nimport SliderBlockConfig from './Slider';\nimport SliderBlockConfigDeprecated from './Slider/index_deprecated';\n// import SliderOldBlockConfig from './SliderOld';\n// import SliderOldBlockConfigDeprecated from './SliderOld/index_deprecated';\n// import TableBlockConfig from './Table';\nimport TableBlockConfigDeprecated from './Table/index_deprecated';\nimport TabsBlockConfig from './Tabs';\nimport TabsBlockConfigDeprecated from './Tabs/index_deprecated';\n\nexport const blocks: Array<BlockData> = [\n    BannerBlockConfig,\n    BannerBlockConfigDeprecated,\n    CardLayoutBlockConfig,\n    CardLayoutBlockConfigDeprecated,\n    // CompaniesBlockConfig,\n    CompaniesBlockConfigDeprecated,\n    ContentLayoutBlockConfig,\n    ContentLayoutBlockConfigDeprecated,\n    ExtendedFeaturesBlockConfig,\n    ExtendedFeaturesBlockConfigDeprecated,\n    // PromoFeaturesBlockConfig,\n    PromoFeaturesBlockConfigDeprecated,\n    QuestionsBlockConfig,\n    QuestionsBlockConfigDeprecated,\n    MediaBlockConfig,\n    MediaBlockConfigDeprecated,\n    // MapBlockConfig,\n    MapBlockConfigDeprecated,\n    InfoBlockConfig,\n    InfoBlockConfigDeprecated,\n    HeaderBlockConfig,\n    HeaderBlockConfigDeprecated,\n    // FilterBlockConfig,\n    FilterBlockConfigDeprecated,\n    // FormBlockConfig,\n    FormBlockConfigDeprecated,\n    // HeaderSliderBlockConfig,\n    HeaderSliderBlockConfigDeprecated,\n    // IconsBlockConfig,\n    IconsBlockConfigDeprecated,\n    // ShareBlockConfig,\n    ShareBlockConfigDeprecated,\n    SliderBlockConfig,\n    SliderBlockConfigDeprecated,\n    // TableBlockConfig,\n    TableBlockConfigDeprecated,\n    TabsBlockConfig,\n    TabsBlockConfigDeprecated,\n\n    MediaCardConfig,\n    MediaCardConfigDeprecated,\n    LayoutItemConfig,\n    LayoutItemConfigDeprecated,\n    // BackgroundCardConfig,\n    BackgroundCardConfigDeprecated,\n    // BasicCardConfig,\n    BasicCardConfigDeprecated,\n    // ContentConfig,\n    ContentConfigDeprecated,\n    // DividerConfig,\n    DividerConfigDeprecated,\n    // ImageCardConfig,\n    ImageCardConfigDeprecated,\n    // PriceCardConfig,\n    PriceCardConfigDeprecated,\n    // PriceDetailedConfig,\n    PriceDetailedConfigDeprecated,\n    // QuoteConfig,\n    QuoteConfigDeprecated,\n    // BannerCardConfig,\n    BannerCardConfigDeprecated,\n];\n"]}

package/build/esm/common/postMessage.d.ts

@@ -0,0 +1,4 @@
+import { ActionMessageTypes, EventMessageTypes } from "./types/index.js";
+export declare function requestActionPostMessage<K extends keyof ActionMessageTypes>(action: K, data: ActionMessageTypes[K], destinationElement: Window): void;
+export declare function listenPostMessageEvents<K extends keyof EventMessageTypes>(action: K, callback: (data: EventMessageTypes[K]) => void): () => void;
+export declare function usePostMessageAPIListener<K extends keyof EventMessageTypes>(action: K, callback: (data: EventMessageTypes[K]) => void, deps?: unknown[]): void;