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

package/build/esm/sub-blocks/HubspotForm/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/HubspotForm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,kCACH,SAAS,KACZ,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB,EACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB,EACD,cAAc,EAAE;YACZ,IAAI,EAAE,QAAQ;SACjB,GACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const HubspotFormProps = {\n    type: 'object',\n    required: ['portalId', 'formId'],\n    properties: {\n        ...BaseProps,\n        region: {\n            type: 'string',\n        },\n        portalId: {\n            type: 'string',\n        },\n        formId: {\n            type: 'string',\n        },\n        formInstanceId: {\n            type: 'string',\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/ImageCard/ImageCard.d.ts

@@ -1,4 +1,4 @@
-import { ImageCardProps } from '../../models';
+import { ImageCardProps } from "../../models/index.js";
 import './ImageCard.css';
-declare const ImageCard: (props: ImageCardProps) => JSX.Element;
+declare const ImageCard: (props: ImageCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageCard;

package/build/esm/sub-blocks/ImageCard/ImageCard.js

@@ -1,11 +1,12 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Link, useUniqId } from '@gravity-ui/uikit';
-import { Image } from '../../components';
-import { getMediaImage } from '../../components/Media/Image/utils';
-import { useTheme } from '../../context/theme';
-import { ImageCardDirection } from '../../models';
-import { block, getThemedValue } from '../../utils';
-import Content from '../Content/Content';
+import { Image } from "../../components/index.js";
+import { getMediaImage } from "../../components/Media/Image/utils.js";
+import { useTheme } from "../../context/theme/index.js";
+import { ImageCardDirection } from "../../models/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import Content from "../Content/Content.js";
 import './ImageCard.css';
 const b = block('image-card');
 const CONTENT_COL_SIZES = { all: 12, md: 12 };
@@ -17,14 +18,11 @@ const ImageCard = (props) => {
     const themedImage = getThemedValue(image, globalTheme);
     const imageProps = getMediaImage(themedImage);
     const titleId = useUniqId();
-    const cardContent = (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: b('image', { margins }) },
-            React.createElement(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
-        hasContent && (React.createElement("div", { className: b('content') },
-            React.createElement(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
-    return url ? (React.createElement(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
+    const cardContent = (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('image', { margins }), children: _jsx(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && (_jsx("div", { className: b('content'), children: _jsx(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
+    return url ? (_jsx(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),
-        } }, cardContent)) : (React.createElement("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor } }, cardContent));
+        }, children: cardContent })) : (_jsx("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
 };
 export default ImageCard;
+//# sourceMappingURL=ImageCard.js.map

package/build/esm/sub-blocks/ImageCard/ImageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/ImageCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Link, useUniqId} from '@gravity-ui/uikit';\n\nimport {Image} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {GridColumnSizesType} from '../../grid';\nimport {ImageCardDirection, ImageCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './ImageCard.scss';\n\nconst b = block('image-card');\nconst CONTENT_COL_SIZES: GridColumnSizesType = {all: 12, md: 12};\n\nconst ImageCard = (props: ImageCardProps) => {\n    const {\n        border = 'shadow',\n        title,\n        text,\n        image,\n        enableImageBorderRadius = false,\n        direction = ImageCardDirection.Direct,\n        margins,\n        backgroundColor,\n        url,\n        target,\n        urlTitle,\n        additionalInfo,\n        links,\n        buttons,\n        list,\n        theme: cardTheme = 'default',\n        size = 's',\n        controlPosition = 'content',\n    } = props;\n\n    const globalTheme = useTheme();\n    const areControlsInFooter = controlPosition === 'footer';\n    const hasContent = Boolean(text || title || buttons || links || list);\n    const themedImage = getThemedValue(image, globalTheme);\n    const imageProps = getMediaImage(themedImage);\n\n    const titleId = useUniqId();\n\n    const cardContent = (\n        <React.Fragment>\n            <div className={b('image', {margins})}>\n                <Image\n                    className={b('image_inner', {radius: enableImageBorderRadius})}\n                    {...imageProps}\n                />\n            </div>\n            {hasContent && (\n                <div className={b('content')}>\n                    <Content\n                        titleId={titleId}\n                        title={title}\n                        text={text}\n                        links={links}\n                        buttons={buttons}\n                        list={list}\n                        theme={cardTheme}\n                        additionalInfo={additionalInfo}\n                        size={size}\n                        colSizes={CONTENT_COL_SIZES}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return url ? (\n        <Link\n            href={url}\n            target={target}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            className={b({border, 'with-content': hasContent, direction})}\n            title={urlTitle}\n            style={{backgroundColor}}\n            extraProps={{\n                draggable: false,\n                onDragStart: (e: React.DragEvent<HTMLAnchorElement>) => e.preventDefault(),\n            }}\n        >\n            {cardContent}\n        </Link>\n    ) : (\n        <div\n            className={b({border, 'with-content': hasContent, direction})}\n            style={{backgroundColor}}\n        >\n            {cardContent}\n        </div>\n    );\n};\n\nexport default ImageCard;\n"]}

package/build/esm/sub-blocks/ImageCard/schema.js

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { BaseProps, CardBase, CardLayoutProps } from '../../schema/validators/common';
-import { ImageProps } from '../../schema/validators/components';
-import { ContentBase } from '../Content/schema';
+import { BaseProps, CardBase, CardLayoutProps } from "../../schema/validators/common.js";
+import { ImageProps } from "../../schema/validators/components.js";
+import { ContentBase } from "../Content/schema.js";
 const ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);
 export const ImageCard = {
     'image-card': {
@@ -22,3 +22,4 @@ export const ImageCard = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/ImageCard/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAC,0CAAuC;AACpF,OAAO,EAAC,UAAU,EAAC,8CAA2C;AAC9D,OAAO,EAAC,WAAW,EAAC,6BAA0B;AAE9C,MAAM,0BAA0B,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,4EACH,SAAS,GACT,QAAQ,GACR,eAAe,GACf,0BAA0B,KAC7B,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9B,EACD,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;aACnB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,EACD,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {ContentBase} from '../Content/schema';\n\nconst ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);\n\nexport const ImageCard = {\n    'image-card': {\n        additionalProperties: false,\n        required: ['image'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...ImageCardBlockContentProps,\n            image: ImageProps,\n            direction: {\n                type: 'string',\n                enum: ['direct', 'reverse'],\n            },\n            margins: {\n                type: 'string',\n                enum: ['s', 'm'],\n            },\n            backgroundColor: {\n                type: 'string',\n            },\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/LayoutItem/LayoutItem.css

@@ -19,11 +19,24 @@ unpredictable css rules order in build */
 .pc-layout-item__content {
   display: flex;
   flex: auto;
-  margin: 16px 16px 0 0;
+  margin-top: 16px;
+  margin-left: 0;
+  margin-bottom: 0;
 }
 .pc-layout-item__content_no-media {
-  margin: 0;
+  margin-top: 0;
+}
+.pc-layout-item__content_margin_m {
+  margin-right: 40px;
+}
+.pc-layout-item__content_margin_l {
+  margin-right: 80px;
 }
 .pc-layout-item__wrapper {
   flex: auto;
+}
+@media (max-width: 576px) {
+  .pc-layout-item__content {
+    margin-right: 0;
+  }
 }

package/build/esm/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,4 +1,4 @@
-import { LayoutItemProps } from '../../models';
+import { LayoutItemProps } from "../../models/index.js";
 import './LayoutItem.css';
-declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
 export default LayoutItem;

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js

@@ -1,17 +1,18 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { FullscreenMedia, IconWrapper, Media, MetaInfo } from '../../components';
-import { useTheme } from '../../context/theme';
-import { block, getThemedValue } from '../../utils';
-import { mergeVideoMicrodata } from '../../utils/microdata';
-import Content from '../Content/Content';
-import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
+import { FullscreenMedia, IconWrapper, Media, MetaInfo } from "../../components/index.js";
+import { useTheme } from "../../context/theme/index.js";
+import { block, getThemedValue } from "../../utils/index.js";
+import { mergeVideoMicrodata } from "../../utils/microdata.js";
+import Content from "../Content/Content.js";
+import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from "./utils.js";
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
-    const normalizedLinks = useMemo(() => getLayoutItemLinks(links), [links]);
+    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
+    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();
     const themedIcon = getThemedValue(icon, theme);
@@ -27,16 +28,12 @@ const LayoutItem = (_a) => {
             name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && hasFullscreen(themedMedia) ? (React.createElement(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(themedMedia) }, (_a = {}) => {
-            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullscreen"]);
-            return (React.createElement(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-        })) : (React.createElement(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+        return fullscreen && hasFullscreen(themedMedia) ? (_jsx(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(themedMedia), children: (_a = {}) => {
+                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullscreen"]);
+                return (_jsx(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+            } })) : (_jsx(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return (React.createElement("div", { className: b(null, className) },
-        renderMedia(),
-        metaInfo && React.createElement(MetaInfo, { items: metaInfo, className: b('meta-info') }),
-        React.createElement("div", { className: b('content', { 'no-media': !media }) },
-            React.createElement(IconWrapper, { icon: themedIcon, className: b('wrapper') },
-                React.createElement(Content, Object.assign({}, contentProps, { titleId: titleId }))))));
+    return (_jsxs("div", { className: b(null, className), children: [renderMedia(), metaInfo && _jsx(MetaInfo, { items: metaInfo, className: b('meta-info') }), _jsx("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: _jsx(IconWrapper, { icon: themedIcon, className: b('wrapper'), children: _jsx(Content, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
 };
 export default LayoutItem;
+//# sourceMappingURL=LayoutItem.js.map

package/build/esm/sub-blocks/LayoutItem/LayoutItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutItem.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/LayoutItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenMedia, IconWrapper, Media, MetaInfo} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {ContentBlockProps, LayoutItemProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\nimport Content from '../Content/Content';\n\nimport {getLayoutItemLinks, hasFullscreen, showFullscreenIcon} from './utils';\n\nimport './LayoutItem.scss';\n\nconst b = block('layout-item');\n\nconst LayoutItem = ({\n    content: {links, ...content},\n    contentMargin = 'm',\n    metaInfo,\n    media,\n    border,\n    fullscreen,\n    icon,\n    className,\n    analyticsEvents,\n    controlPosition = 'content',\n}: LayoutItemProps) => {\n    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    const contentProps: ContentBlockProps = {\n        controlPosition: areControlsInFooter ? 'bottom' : 'default',\n        ...content,\n        links: normalizedLinks,\n        size: 's',\n        colSizes: {all: 12, md: 12},\n    };\n    const titleId = useUniqId();\n    const renderMedia = () => {\n        if (!media) {\n            return null;\n        }\n        const themedMedia = getThemedValue(media, theme);\n        const {title} = content;\n        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {\n            name: typeof title === 'string' ? title : title?.text,\n            description: content.text,\n        });\n\n        return fullscreen && hasFullscreen(themedMedia) ? (\n            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(themedMedia)}>\n                {({\n                    className: mediaClassName,\n                    fullscreen: _fullscreen,\n                    ...fullscreenMediaProps\n                } = {}) => (\n                    <Media\n                        {...mediaWithMicrodata}\n                        {...fullscreenMediaProps}\n                        className={b('media', {border}, mediaClassName)}\n                        analyticsEvents={analyticsEvents}\n                    />\n                )}\n            </FullscreenMedia>\n        ) : (\n            <Media\n                {...themedMedia}\n                className={b('media', {border})}\n                analyticsEvents={analyticsEvents}\n            />\n        );\n    };\n    return (\n        <div className={b(null, className)}>\n            {renderMedia()}\n            {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}\n            <div className={b('content', {'no-media': !media, margin: contentMargin})}>\n                <IconWrapper icon={themedIcon} className={b('wrapper')}>\n                    <Content {...contentProps} titleId={titleId} />\n                </IconWrapper>\n            </div>\n        </div>\n    );\n};\n\nexport default LayoutItem;\n"]}

package/build/esm/sub-blocks/LayoutItem/schema.d.ts

@@ -135,7 +135,7 @@ export declare const LayoutItem: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../..").MediaVideoControlsType[];
+                        enum: import("../../index.js").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -143,14 +143,14 @@ export declare const LayoutItem: {
                         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[];
                             };
                         };
                     };
@@ -168,6 +168,9 @@ export declare const LayoutItem: {
             videoIframe: {
                 type: string;
             };
+            autoplay: {
+                type: string;
+            };
             parallax: {
                 type: string;
             };
@@ -396,6 +399,11 @@ export declare const LayoutItem: {
                 enum: string[];
             };
         }>;
+        contentMargin: {
+            type: string;
+            enum: string[];
+            default: string;
+        };
         metaInfo: {
             type: string;
             items: {

package/build/esm/sub-blocks/LayoutItem/schema.js

@@ -1,13 +1,17 @@
 import omit from 'lodash/omit';
-import metaInfo from '../../components/MetaInfo/schema';
-import { BaseProps, CardLayoutProps, MediaProps } from '../../schema/validators/common';
-import { AnalyticsEventSchema } from '../../schema/validators/event';
-import { ContentBase } from '../../sub-blocks/Content/schema';
+import metaInfo from "../../components/MetaInfo/schema.js";
+import { BaseProps, CardLayoutProps, MediaProps } from "../../schema/validators/common.js";
+import { AnalyticsEventSchema } from "../../schema/validators/event.js";
+import { ContentBase } from "../Content/schema.js";
 export const LayoutItem = {
     type: 'object',
     additionalProperties: false,
     required: ['content', 'media'],
-    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardLayoutProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), metaInfo: metaInfo, border: {
+    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardLayoutProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
+            type: 'string',
+            enum: ['m', 'l'],
+            default: 'm',
+        }, metaInfo: metaInfo, border: {
             type: 'boolean',
         }, fullscreen: {
             type: 'boolean',
@@ -22,3 +26,4 @@ export const LayoutItem = {
             ],
         } }),
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/LayoutItem/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,QAAQ,4CAAyC;AACxD,OAAO,EAAC,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,0CAAuC;AACtF,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AACnE,OAAO,EAAC,WAAW,EAAC,6BAAwC;AAE5D,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,gDACH,SAAS,GACT,eAAe,KAClB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,EAC3D,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf,EACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB,EACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB,EACD,eAAe,EAAE;YACb,KAAK,EAAE;gDAEI,oBAAoB,KACvB,UAAU,EAAE,QAAQ;gBAExB;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,oBAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ,GACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport metaInfo from '../../components/MetaInfo/schema';\nimport {BaseProps, CardLayoutProps, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const LayoutItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['content', 'media'],\n    properties: {\n        ...BaseProps,\n        ...CardLayoutProps,\n        media: MediaProps,\n        content: omit(ContentBase, ['colSize', 'size', 'centered']),\n        contentMargin: {\n            type: 'string',\n            enum: ['m', 'l'],\n            default: 'm',\n        },\n        metaInfo: metaInfo,\n        border: {\n            type: 'boolean',\n        },\n        fullscreen: {\n            type: 'boolean',\n        },\n        analyticsEvents: {\n            oneOf: [\n                {\n                    ...AnalyticsEventSchema,\n                    optionName: 'single',\n                },\n                {\n                    type: 'array',\n                    items: AnalyticsEventSchema,\n                    optionName: 'list',\n                },\n            ],\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/LayoutItem/utils.d.ts

@@ -1,17 +1,17 @@
-import { LayoutItemProps, LinkTheme, MediaProps } from '../../models';
-export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['links']) => {
+import { LayoutItemProps, LinkTheme, MediaProps } from "../../models/index.js";
+export declare const getLayoutItemLinks: (links: LayoutItemProps["content"]["links"]) => {
     url: string;
-    urlTitle?: string | undefined;
-    text?: string | undefined;
-    textSize?: import("../../models").TextSize | undefined;
+    urlTitle?: string;
+    text?: string;
+    textSize?: import("../../index.js").TextSize;
     theme: LinkTheme;
-    colorTheme?: import("../../models").TextTheme | undefined;
-    arrow?: boolean | undefined;
-    target?: string | undefined;
-    extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
-    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
-    className?: string | undefined;
-    tabIndex?: number | undefined;
+    colorTheme?: import("../../index.js").TextTheme;
+    arrow?: boolean;
+    target?: string;
+    extraProps?: React.HTMLProps<HTMLAnchorElement>;
+    analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
+    className?: string;
+    tabIndex?: number;
 }[] | undefined;
 export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
 export declare const showFullscreenIcon: ({ youtube, videoIframe }: MediaProps) => boolean;

package/build/esm/sub-blocks/LayoutItem/utils.js

@@ -4,3 +4,4 @@ export const hasFullscreen = ({ dataLens, image }) => {
     return !(dataLens || Array.isArray(image));
 };
 export const showFullscreenIcon = ({ youtube, videoIframe }) => !(youtube || videoIframe);
+//# sourceMappingURL=utils.js.map

package/build/esm/sub-blocks/LayoutItem/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE,CAC7E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iBACjB,KAAK,EAAE,QAAqB,IACzB,IAAI,EACT,CAAC,CAAC;AAER,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAa,EAAE,EAAE;IAC3D,+DAA+D;IAC/D,OAAO,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,OAAO,EAAE,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC","sourcesContent":["import {LayoutItemProps, LinkTheme, MediaProps} from '../../models';\n\nexport const getLayoutItemLinks = (links: LayoutItemProps['content']['links']) =>\n    links?.map((link) => ({\n        theme: 'normal' as LinkTheme,\n        ...link,\n    }));\n\nexport const hasFullscreen = ({dataLens, image}: MediaProps) => {\n    // datalens and slider media card don't support fullscreen mode\n    return !(dataLens || Array.isArray(image));\n};\n\nexport const showFullscreenIcon = ({youtube, videoIframe}: MediaProps) => !(youtube || videoIframe);\n"]}

package/build/esm/sub-blocks/MediaCard/MediaCard.d.ts

@@ -1,4 +1,4 @@
-import { MediaCardProps } from '../../models';
+import { MediaCardProps } from "../../models/index.js";
 import './MediaCard.css';
-declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => JSX.Element;
+declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => import("react/jsx-runtime").JSX.Element;
 export default MediaCard;

package/build/esm/sub-blocks/MediaCard/MediaCard.js

@@ -1,13 +1,12 @@
 import { __rest } from "tslib";
-import React from 'react';
-import { CardBase, Media } from '../../components';
-import { block } from '../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardBase, Media } from "../../components/index.js";
+import { block } from "../../utils/index.js";
 import './MediaCard.css';
 const b = block('MediaCard');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = __rest(_a, ["border", "analyticsEvents"]);
-    return (React.createElement(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
-        React.createElement(CardBase.Content, null,
-            React.createElement(Media, Object.assign({}, mediaProps)))));
+    return (_jsx(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Media, Object.assign({}, mediaProps)) }) }));
 };
 export default MediaCard;
+//# sourceMappingURL=MediaCard.js.map

package/build/esm/sub-blocks/MediaCard/MediaCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/MediaCard.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,kCAAyB;AAEjD,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAC,MAAM,EAAE,eAAe,OAAgC,EAA3B,UAAU,cAAvC,6BAAwC,CAAD;IAAsB,OAAA,CAC5E,KAAC,QAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,KAAC,QAAQ,CAAC,OAAO,cACb,KAAC,KAAK,oBAAK,UAAU,EAAI,GACV,GACZ,CACd,CAAA;CAAA,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {CardBase, Media} from '../../components';\nimport {MediaCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './MediaCard.scss';\n\nconst b = block('MediaCard');\n\nconst MediaCard = ({border, analyticsEvents, ...mediaProps}: MediaCardProps) => (\n    <CardBase\n        className={b()}\n        bodyClassName={b('body')}\n        border={border}\n        analyticsEvents={analyticsEvents}\n    >\n        <CardBase.Content>\n            <Media {...mediaProps} />\n        </CardBase.Content>\n    </CardBase>\n);\n\nexport default MediaCard;\n"]}

package/build/esm/sub-blocks/MediaCard/schema.d.ts

@@ -218,7 +218,7 @@ export declare const MediaCardBlock: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../..").MediaVideoControlsType[];
+                        enum: import("../../index.js").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -226,14 +226,14 @@ export declare const MediaCardBlock: {
                         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[];
                             };
                         };
                     };
@@ -251,6 +251,9 @@ export declare const MediaCardBlock: {
             videoIframe: {
                 type: string;
             };
+            autoplay: {
+                type: string;
+            };
             parallax: {
                 type: string;
             };

package/build/esm/sub-blocks/MediaCard/schema.js

@@ -1,5 +1,5 @@
-import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
-import { AnalyticsEventSchema } from '../../schema/validators/event';
+import { AnimatableProps, BaseProps, CardBase, MediaProps } from "../../schema/validators/common.js";
+import { AnalyticsEventSchema } from "../../schema/validators/event.js";
 export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
@@ -16,3 +16,4 @@ export const MediaCardBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/MediaCard/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAC,0CAAuC;AAChG,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,4EACH,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,KAClB,eAAe,EAAE;gBACb,KAAK,EAAE;oDAEI,oBAAoB,KACvB,UAAU,EAAE,QAAQ;oBAExB;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,oBAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, CardBase, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\n\nexport const MediaCardBlock = {\n    'media-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...MediaProps,\n            ...AnimatableProps,\n            analyticsEvents: {\n                oneOf: [\n                    {\n                        ...AnalyticsEventSchema,\n                        optionName: 'single',\n                    },\n                    {\n                        type: 'array',\n                        items: AnalyticsEventSchema,\n                        optionName: 'list',\n                    },\n                ],\n            },\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/PriceCard/PriceCard.css

@@ -47,12 +47,11 @@ unpredictable css rules order in build */
 .pc-price-card__content_theme_light .pc-price-card__info a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-price-card__title.pc-price-card__title {
+.pc-price-card__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
   margin-bottom: 24px;
 }
-
 .pc-price-card__price {
   margin-bottom: 24px;
 }

package/build/esm/sub-blocks/PriceCard/PriceCard.d.ts

@@ -1,4 +1,4 @@
-import { PriceCardProps } from '../../models';
+import { PriceCardProps } from "../../models/index.js";
 import './PriceCard.css';
-declare const PriceCard: (props: PriceCardProps) => JSX.Element;
+declare const PriceCard: (props: PriceCardProps) => import("react/jsx-runtime").JSX.Element;
 export default PriceCard;

package/build/esm/sub-blocks/PriceCard/PriceCard.js

@@ -1,31 +1,15 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Check from '@gravity-ui/icons/Check';
-import { BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper } from '../../components';
-import { block } from '../../utils';
+import { BackgroundImage, Buttons, CardBase, ContentList, HTML, Links } from "../../components/index.js";
+import { block } from "../../utils/index.js";
 import './PriceCard.css';
 const b = block('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return (React.createElement(CardBase, { className: b({ theme }), border: border },
-        React.createElement(CardBase.Content, { key: "content" },
-            React.createElement(BackgroundImage, { className: b('background'), style: { backgroundColor } }),
-            React.createElement("div", { className: b('content', { theme }) },
-                React.createElement("div", { className: b('info') },
-                    React.createElement(YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }),
-                    React.createElement("div", { className: b('price') },
-                        React.createElement("div", null,
-                            React.createElement("span", { className: b('price-value') }, price),
-                            pricePeriod && (React.createElement("span", { className: b('price-period') },
-                                "/ ",
-                                pricePeriod))),
-                        priceDetails && (React.createElement("div", { className: b('price-details') }, priceDetails))),
-                    description && React.createElement("div", { className: b('description') }, description),
-                    (list === null || list === void 0 ? void 0 : list.length) ? (React.createElement("div", { className: b('list') },
-                        React.createElement(ContentList, { list: list.map((item) => ({
-                                icon: Check,
-                                text: item,
-                            })), size: "s" }))) : null),
-                React.createElement(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }),
-                React.createElement(Links, { className: b('links'), links: links, size: "s" })))));
+    return (_jsx(CardBase, { className: b({ theme }), border: border, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, { className: b('background'), style: { backgroundColor } }), _jsxs("div", { className: b('content', { theme }), children: [_jsxs("div", { className: b('info'), children: [_jsx(HTML, { className: b('title'), children: title }), _jsxs("div", { className: b('price'), children: [_jsxs("div", { children: [_jsx("span", { className: b('price-value'), children: price }), pricePeriod && (_jsxs("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && (_jsx("div", { className: b('price-details'), children: priceDetails }))] }), description && _jsx("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list.map((item) => ({
+                                            icon: Check,
+                                            text: item,
+                                        })), size: "s" }) })) : null] }), _jsx(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), _jsx(Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
 };
 export default PriceCard;
+//# sourceMappingURL=PriceCard.js.map

package/build/esm/sub-blocks/PriceCard/PriceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAE5C,OAAO,EAAC,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAC,kCAAyB;AAE9F,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,MAAC,QAAQ,CAAC,OAAO,eACb,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC3C,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,0BACI,eAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,gBAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,KAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KA/BY,SAAS,CAgCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import Check from '@gravity-ui/icons/Check';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, HTML, Links} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n    const {\n        border,\n        title,\n        price,\n        pricePeriod,\n        priceDetails,\n        theme,\n        description,\n        list,\n        buttons,\n        links,\n        backgroundColor,\n    } = props;\n    return (\n        <CardBase className={b({theme})} border={border}>\n            <CardBase.Content key=\"content\">\n                <BackgroundImage className={b('background')} style={{backgroundColor}} />\n                <div className={b('content', {theme})}>\n                    <div className={b('info')}>\n                        <HTML className={b('title')}>{title}</HTML>\n                        <div className={b('price')}>\n                            <div>\n                                <span className={b('price-value')}>{price}</span>\n                                {pricePeriod && (\n                                    <span className={b('price-period')}>/ {pricePeriod}</span>\n                                )}\n                            </div>\n                            {priceDetails && (\n                                <div className={b('price-details')}>{priceDetails}</div>\n                            )}\n                        </div>\n                        {description && <div className={b('description')}>{description}</div>}\n                        {list?.length ? (\n                            <div className={b('list')}>\n                                <ContentList\n                                    list={list.map((item) => ({\n                                        icon: Check,\n                                        text: item,\n                                    }))}\n                                    size=\"s\"\n                                />\n                            </div>\n                        ) : null}\n                    </div>\n                    <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n                    <Links className={b('links')} links={links} size=\"s\" />\n                </div>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default PriceCard;\n"]}

package/build/esm/sub-blocks/PriceCard/schema.js

@@ -1,5 +1,5 @@
-import { BaseProps, ButtonBlock, CardBase, LinkProps } from '../../schema/validators/common';
-import { ContentBase } from '../Content/schema';
+import { BaseProps, ButtonBlock, CardBase, LinkProps } from "../../schema/validators/common.js";
+import { ContentBase } from "../Content/schema.js";
 export const PriceCardBlock = {
     'price-card': {
         additionalProperties: false,
@@ -33,3 +33,4 @@ export const PriceCardBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/PriceCard/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAC,0CAAuC;AAC3F,OAAO,EAAC,WAAW,EAAC,6BAA0B;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,SAAS,GACT,QAAQ,KACX,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB,EACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;aACjB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB,EACD,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,WAAW;aACrB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,SAAS;aACnB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,EACD,IAAI,EAAE;gBACF,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;iBACjB;aACJ,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, ButtonBlock, CardBase, LinkProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nexport const PriceCardBlock = {\n    'price-card': {\n        additionalProperties: false,\n        required: ['title', 'price'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            theme: ContentBase.theme,\n            title: {\n                type: 'string',\n            },\n            price: {\n                type: 'string',\n            },\n            pricePeriod: {\n                type: 'string',\n            },\n            priceDetails: {\n                type: 'string',\n            },\n            description: {\n                type: 'string',\n            },\n            buttons: {\n                type: 'array',\n                items: ButtonBlock,\n            },\n            links: {\n                type: 'array',\n                items: LinkProps,\n            },\n            backgroundColor: {\n                type: 'string',\n            },\n            list: {\n                type: 'array',\n                items: {\n                    type: 'string',\n                },\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from "../../../models/index.js";
 import './CombinedPriceDetailed.css';
 interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
@@ -9,5 +8,5 @@ interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     getDetailsComponent: (priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[]) => JSX.Element;
     border?: CardBorder;
 }
-declare const CombinedPriceDetailed: (props: CombinedPriceDetailedProps) => JSX.Element;
+declare const CombinedPriceDetailed: (props: CombinedPriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
 export default CombinedPriceDetailed;

package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,9 +1,10 @@
-import React, { Fragment, useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import chunk from 'lodash/chunk';
-import { CardBase } from '../../../components';
-import { BREAKPOINTS } from '../../../constants';
-import { Col, Grid, GridColumnSize, Row } from '../../../grid';
-import { block } from '../../../utils';
+import { CardBase } from "../../../components/index.js";
+import { BREAKPOINTS } from "../../../constants.js";
+import { Col, Grid, GridColumnSize, Row } from "../../../grid/index.js";
+import { block } from "../../../utils/index.js";
 import './CombinedPriceDetailed.css';
 const b = block('combined-price-detailed-block');
 const CombinedPricesGroupSize = {
@@ -13,8 +14,8 @@ const CombinedPricesGroupSize = {
 };
 const CombinedPriceDetailed = (props) => {
     const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
-    const [groupItemsSize, setGroupItemsSize] = useState(numberGroupItems);
-    const updateGroupItemsSize = useCallback((windowWidth) => {
+    const [groupItemsSize, setGroupItemsSize] = React.useState(numberGroupItems);
+    const updateGroupItemsSize = React.useCallback((windowWidth) => {
         if (windowWidth >= BREAKPOINTS.lg) {
             setGroupItemsSize(numberGroupItems);
         }
@@ -28,7 +29,7 @@ const CombinedPriceDetailed = (props) => {
             setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);
         }
     }, [numberGroupItems]);
-    useEffect(() => {
+    React.useEffect(() => {
         function handleResize() {
             updateGroupItemsSize(window.innerWidth);
         }
@@ -41,18 +42,15 @@ const CombinedPriceDetailed = (props) => {
         const detailsComponents = Array(groupItemsSize);
         for (let id = 0; id < groupItemsSize; id++) {
             const price = groupPrices[id];
-            descriptionComponents[id] = (React.createElement(Col, { key: `card_${id}` }, price && getDescriptionComponent(price)));
-            detailsComponents[id] = (React.createElement(Col, { key: `details_${id}`, className: price ? '' : b('empty-column') }, price && getDetailsComponent(price.items)));
+            descriptionComponents[id] = (_jsx(Col, { children: price && getDescriptionComponent(price) }, `card_${id}`));
+            detailsComponents[id] = (_jsx(Col, { className: price ? '' : b('empty-column'), children: price && getDetailsComponent(price.items) }, `details_${id}`));
         }
-        return (React.createElement(Fragment, null,
-            React.createElement("div", null, descriptionComponents),
-            React.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
+        return (_jsxs(React.Fragment, { children: [_jsx("div", { children: descriptionComponents }), _jsx("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
     };
     const chunkedItems = chunk(items, groupItemsSize);
-    return (React.createElement(CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents },
-        React.createElement(CardBase.Content, null,
-            React.createElement(Grid, null, chunkedItems.map((item, id) => {
-                return (React.createElement(Row, { key: id, className: b('row') }, getPrice(item)));
-            })))));
+    return (_jsx(CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Grid, { children: chunkedItems.map((item, id) => {
+                    return (_jsx(Row, { className: b('row'), children: getPrice(item) }, id));
+                }) }) }) }));
 };
 export default CombinedPriceDetailed;
+//# sourceMappingURL=CombinedPriceDetailed.js.map