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

package/build/cjs/sub-blocks/HubspotForm/schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HubspotFormProps = void 0;
-const common_1 = require("../../schema/validators/common");
+const common_1 = require("../../schema/validators/common.js");
 exports.HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
@@ -15,3 +15,4 @@ exports.HubspotFormProps = {
             type: 'string',
         } }),
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/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,8DAAyD;AAE5C,QAAA,gBAAgB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAChC,UAAU,kCACH,kBAAS,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/cjs/sub-blocks/ImageCard/ImageCard.d.ts

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

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

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components");
-const utils_1 = require("../../components/Media/Image/utils");
-const theme_1 = require("../../context/theme");
-const models_1 = require("../../models");
-const utils_2 = require("../../utils");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
+const components_1 = require("../../components/index.js");
+const utils_1 = require("../../components/Media/Image/utils.js");
+const theme_1 = require("../../context/theme/index.js");
+const models_1 = require("../../models/index.js");
+const utils_2 = require("../../utils/index.js");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const b = (0, utils_2.block)('image-card');
 const CONTENT_COL_SIZES = { all: 12, md: 12 };
 const ImageCard = (props) => {
@@ -19,14 +20,11 @@ const ImageCard = (props) => {
     const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
     const imageProps = (0, utils_1.getMediaImage)(themedImage);
     const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: b('image', { margins }) },
-            react_1.default.createElement(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
-        hasContent && (react_1.default.createElement("div", { className: b('content') },
-            react_1.default.createElement(Content_1.default, { 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_1.default.createElement(uikit_1.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 = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { 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 ? ((0, jsx_runtime_1.jsx)(uikit_1.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_1.default.createElement("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor } }, cardContent));
+        }, children: cardContent })) : ((0, jsx_runtime_1.jsx)("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
 };
 exports.default = ImageCard;
+//# sourceMappingURL=ImageCard.js.map

package/build/cjs/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/cjs/sub-blocks/ImageCard/schema.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageCard = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common");
-const components_1 = require("../../schema/validators/components");
-const schema_1 = require("../Content/schema");
+const common_1 = require("../../schema/validators/common.js");
+const components_1 = require("../../schema/validators/components.js");
+const schema_1 = require("../Content/schema.js");
 const ImageCardBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['centered', 'colSizes', 'controlPosition']);
 exports.ImageCard = {
     'image-card': {
@@ -26,3 +26,4 @@ exports.ImageCard = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/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,+DAA+B;AAE/B,8DAAoF;AACpF,sEAA8D;AAC9D,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErF,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,wBAAe,GACf,0BAA0B,KAC7B,KAAK,EAAE,uBAAU,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/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
-import { LayoutItemProps } from '../../models';
-declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
+import { LayoutItemProps } from "../../models/index.js";
+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/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components");
-const theme_1 = require("../../context/theme");
-const utils_1 = require("../../utils");
-const microdata_1 = require("../../utils/microdata");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
-const utils_2 = require("./utils");
+const components_1 = require("../../components/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const utils_1 = require("../../utils/index.js");
+const microdata_1 = require("../../utils/microdata.js");
+const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
+const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
     var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
-    const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
+    const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
@@ -28,16 +29,12 @@ const LayoutItem = (_a) => {
             name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? (react_1.default.createElement(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia) }, (_a = {}) => {
-            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
-            return (react_1.default.createElement(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-        })) : (react_1.default.createElement(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: (_a = {}) => {
+                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
+                return ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+            } })) : ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return (react_1.default.createElement("div", { className: b(null, className) },
-        renderMedia(),
-        metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
-        react_1.default.createElement("div", { className: b('content', { 'no-media': !media, margin: contentMargin }) },
-            react_1.default.createElement(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper') },
-                react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
 };
 exports.default = LayoutItem;
+//# sourceMappingURL=LayoutItem.js.map

package/build/cjs/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/cjs/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[];
                             };
                         };
                     };

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutItem = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema"));
-const common_1 = require("../../schema/validators/common");
-const event_1 = require("../../schema/validators/event");
-const schema_2 = require("../../sub-blocks/Content/schema");
+const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema.js"));
+const common_1 = require("../../schema/validators/common.js");
+const event_1 = require("../../schema/validators/event.js");
+const schema_2 = require("../Content/schema.js");
 exports.LayoutItem = {
     type: 'object',
     additionalProperties: false,
@@ -30,3 +30,4 @@ exports.LayoutItem = {
             ],
         } }),
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/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,+DAA+B;AAE/B,yFAAwD;AACxD,8DAAsF;AACtF,4DAAmE;AACnE,iDAA4D;AAE/C,QAAA,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,gDACH,kBAAS,GACT,wBAAe,KAClB,KAAK,EAAE,mBAAU,EACjB,OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,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,gBAAQ,EAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB,EACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB,EACD,eAAe,EAAE;YACb,KAAK,EAAE;gDAEI,4BAAoB,KACvB,UAAU,EAAE,QAAQ;gBAExB;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;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/cjs/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("../../models/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("../../models/index.js").TextTheme;
+    arrow?: boolean;
+    target?: string;
+    extraProps?: React.HTMLProps<HTMLAnchorElement>;
+    analyticsEvents?: import("../../models/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/cjs/sub-blocks/LayoutItem/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/utils.ts"],"names":[],"mappings":";;;AAEO,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;AAJK,QAAA,kBAAkB,sBAIvB;AAED,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;AAHW,QAAA,aAAa,iBAGxB;AAEK,MAAM,kBAAkB,GAAG,CAAC,EAAC,OAAO,EAAE,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC;AAAvF,QAAA,kBAAkB,sBAAqE","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/cjs/sub-blocks/MediaCard/MediaCard.d.ts

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

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

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../components/index.js");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('MediaCard');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            react_1.default.createElement(components_1.Media, Object.assign({}, mediaProps)))));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaProps)) }) }));
 };
 exports.default = MediaCard;
+//# sourceMappingURL=MediaCard.js.map

package/build/cjs/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,0DAAiD;AAEjD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAC,MAAM,EAAE,eAAe,OAAgC,EAA3B,UAAU,sBAAvC,6BAAwC,CAAD;IAAsB,OAAA,CAC5E,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,kBAAK,oBAAK,UAAU,EAAI,GACV,GACZ,CACd,CAAA;CAAA,CAAC;AAEF,kBAAe,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/cjs/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[];
                             };
                         };
                     };

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaCardBlock = void 0;
-const common_1 = require("../../schema/validators/common");
-const event_1 = require("../../schema/validators/event");
+const common_1 = require("../../schema/validators/common.js");
+const event_1 = require("../../schema/validators/event.js");
 exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
@@ -19,3 +19,4 @@ exports.MediaCardBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/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,8DAAgG;AAChG,4DAAmE;AAEtD,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,mBAAU,GACV,wBAAe,KAClB,eAAe,EAAE;gBACb,KAAK,EAAE;oDAEI,4BAAoB,KACvB,UAAU,EAAE,QAAQ;oBAExB;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;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/cjs/sub-blocks/PriceCard/PriceCard.d.ts

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

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

@@ -1,33 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Check_1 = tslib_1.__importDefault(require("@gravity-ui/icons/Check"));
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
+const components_1 = require("../../components/index.js");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return (react_1.default.createElement(components_1.CardBase, { className: b({ theme }), border: border },
-        react_1.default.createElement(components_1.CardBase.Content, { key: "content" },
-            react_1.default.createElement(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }),
-            react_1.default.createElement("div", { className: b('content', { theme }) },
-                react_1.default.createElement("div", { className: b('info') },
-                    react_1.default.createElement(components_1.HTML, { className: b('title') }, title),
-                    react_1.default.createElement("div", { className: b('price') },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", { className: b('price-value') }, price),
-                            pricePeriod && (react_1.default.createElement("span", { className: b('price-period') },
-                                "/ ",
-                                pricePeriod))),
-                        priceDetails && (react_1.default.createElement("div", { className: b('price-details') }, priceDetails))),
-                    description && react_1.default.createElement("div", { className: b('description') }, description),
-                    (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
-                        react_1.default.createElement(components_1.ContentList, { list: list.map((item) => ({
-                                icon: Check_1.default,
-                                text: item,
-                            })), size: "s" }))) : null),
-                react_1.default.createElement(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }),
-                react_1.default.createElement(components_1.Links, { className: b('links'), links: links, size: "s" })))));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
+                                            icon: Check_1.default,
+                                            text: item,
+                                        })), size: "s" }) })) : null] }), (0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), (0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
 };
 exports.default = PriceCard;
+//# sourceMappingURL=PriceCard.js.map

package/build/cjs/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,4EAA4C;AAE5C,0DAA8F;AAE9F,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,iBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC3C,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,eAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,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,kBAAe,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/cjs/sub-blocks/PriceCard/schema.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceCardBlock = void 0;
-const common_1 = require("../../schema/validators/common");
-const schema_1 = require("../Content/schema");
+const common_1 = require("../../schema/validators/common.js");
+const schema_1 = require("../Content/schema.js");
 exports.PriceCardBlock = {
     'price-card': {
         additionalProperties: false,
@@ -36,3 +36,4 @@ exports.PriceCardBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/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,8DAA2F;AAC3F,iDAA8C;AAEjC,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,kBAAS,GACT,iBAAQ,KACX,KAAK,EAAE,oBAAW,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,oBAAW;aACrB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,kBAAS;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/cjs/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";
 interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;
@@ -8,5 +7,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/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const chunk_1 = tslib_1.__importDefault(require("lodash/chunk"));
-const components_1 = require("../../../components");
-const constants_1 = require("../../../constants");
-const grid_1 = require("../../../grid");
-const utils_1 = require("../../../utils");
+const components_1 = require("../../../components/index.js");
+const constants_1 = require("../../../constants.js");
+const grid_1 = require("../../../grid/index.js");
+const utils_1 = require("../../../utils/index.js");
 const b = (0, utils_1.block)('combined-price-detailed-block');
 const CombinedPricesGroupSize = {
     [grid_1.GridColumnSize.Sm]: 1,
@@ -15,8 +16,8 @@ const CombinedPricesGroupSize = {
 };
 const CombinedPriceDetailed = (props) => {
     const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
-    const [groupItemsSize, setGroupItemsSize] = (0, react_1.useState)(numberGroupItems);
-    const updateGroupItemsSize = (0, react_1.useCallback)((windowWidth) => {
+    const [groupItemsSize, setGroupItemsSize] = React.useState(numberGroupItems);
+    const updateGroupItemsSize = React.useCallback((windowWidth) => {
         if (windowWidth >= constants_1.BREAKPOINTS.lg) {
             setGroupItemsSize(numberGroupItems);
         }
@@ -30,7 +31,7 @@ const CombinedPriceDetailed = (props) => {
             setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Sm]);
         }
     }, [numberGroupItems]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         function handleResize() {
             updateGroupItemsSize(window.innerWidth);
         }
@@ -43,18 +44,15 @@ const CombinedPriceDetailed = (props) => {
         const detailsComponents = Array(groupItemsSize);
         for (let id = 0; id < groupItemsSize; id++) {
             const price = groupPrices[id];
-            descriptionComponents[id] = (react_1.default.createElement(grid_1.Col, { key: `card_${id}` }, price && getDescriptionComponent(price)));
-            detailsComponents[id] = (react_1.default.createElement(grid_1.Col, { key: `details_${id}`, className: price ? '' : b('empty-column') }, price && getDetailsComponent(price.items)));
+            descriptionComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { children: price && getDescriptionComponent(price) }, `card_${id}`));
+            detailsComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: price ? '' : b('empty-column'), children: price && getDetailsComponent(price.items) }, `details_${id}`));
         }
-        return (react_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement("div", null, descriptionComponents),
-            react_1.default.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
+        return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: descriptionComponents }), (0, jsx_runtime_1.jsx)("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
     };
     const chunkedItems = (0, chunk_1.default)(items, groupItemsSize);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            react_1.default.createElement(grid_1.Grid, null, chunkedItems.map((item, id) => {
-                return (react_1.default.createElement(grid_1.Row, { key: id, className: b('row') }, getPrice(item)));
-            })))));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: chunkedItems.map((item, id) => {
+                    return ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('row'), children: getPrice(item) }, id));
+                }) }) }) }));
 };
 exports.default = CombinedPriceDetailed;
+//# sourceMappingURL=CombinedPriceDetailed.js.map

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CombinedPriceDetailed.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport chunk from 'lodash/chunk';\n\nimport {CardBase} from '../../../components';\nimport {BREAKPOINTS} from '../../../constants';\nimport {Col, Grid, GridColumnSize, Row} from '../../../grid';\nimport {\n    AnalyticsEventsBase,\n    CardBorder,\n    PriceDescriptionProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceItemProps,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './CombinedPriceDetailed.scss';\n\nconst b = block('combined-price-detailed-block');\n\nconst CombinedPricesGroupSize = {\n    [GridColumnSize.Sm]: 1,\n    [GridColumnSize.Md]: 2,\n    [GridColumnSize.Lg]: 3,\n};\n\ninterface CombinedPriceDetailedProps extends AnalyticsEventsBase {\n    items: PriceItemProps[];\n    numberGroupItems: number;\n    useMixedView?: boolean;\n    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;\n    getDetailsComponent: (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => JSX.Element;\n    border?: CardBorder;\n}\n\nconst CombinedPriceDetailed = (props: CombinedPriceDetailedProps) => {\n    const {\n        items,\n        numberGroupItems,\n        border,\n        useMixedView,\n        getDescriptionComponent,\n        getDetailsComponent,\n        analyticsEvents,\n    } = props;\n\n    const [groupItemsSize, setGroupItemsSize] = React.useState<number>(numberGroupItems);\n\n    const updateGroupItemsSize = React.useCallback(\n        (windowWidth: number) => {\n            if (windowWidth >= BREAKPOINTS.lg) {\n                setGroupItemsSize(numberGroupItems);\n            } else if (BREAKPOINTS.lg > windowWidth && windowWidth >= BREAKPOINTS.md) {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Lg]);\n            } else if (BREAKPOINTS.md > windowWidth && windowWidth >= BREAKPOINTS.sm) {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Md]);\n            } else {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);\n            }\n        },\n        [numberGroupItems],\n    );\n\n    React.useEffect(() => {\n        function handleResize() {\n            updateGroupItemsSize(window.innerWidth);\n        }\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n        return () => window.removeEventListener('resize', handleResize);\n    }, [updateGroupItemsSize]);\n\n    const getPrice = (groupPrices: PriceItemProps[]) => {\n        const descriptionComponents: JSX.Element[] = Array(groupItemsSize);\n        const detailsComponents: JSX.Element[] = Array(groupItemsSize);\n\n        for (let id = 0; id < groupItemsSize; id++) {\n            const price = groupPrices[id];\n\n            descriptionComponents[id] = (\n                <Col key={`card_${id}`}>{price && getDescriptionComponent(price)}</Col>\n            );\n            detailsComponents[id] = (\n                <Col key={`details_${id}`} className={price ? '' : b('empty-column')}>\n                    {price && getDetailsComponent(price.items)}\n                </Col>\n            );\n        }\n\n        return (\n            <React.Fragment>\n                <div>{descriptionComponents}</div>\n                <div className={b('description', {delimiter: useMixedView})}>\n                    {detailsComponents}\n                </div>\n            </React.Fragment>\n        );\n    };\n\n    const chunkedItems = chunk(items, groupItemsSize);\n\n    return (\n        <CardBase className={b()} border={border} analyticsEvents={analyticsEvents}>\n            <CardBase.Content>\n                <Grid>\n                    {chunkedItems.map((item: PriceItemProps[], id) => {\n                        return (\n                            <Row key={id} className={b('row')}>\n                                {getPrice(item)}\n                            </Row>\n                        );\n                    })}\n                </Grid>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default CombinedPriceDetailed;\n"]}

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.d.ts

@@ -1,4 +1,4 @@
-import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from '../../../models';
+import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from "../../../models/index.js";
 interface PriceDescriptionExtendProps extends PriceDescriptionProps {
     titleSize?: TextSize;
     descriptionSize?: TextSize;
@@ -6,5 +6,5 @@ interface PriceDescriptionExtendProps extends PriceDescriptionProps {
     labelsDefaultText?: Record<PriceLabelColor, string>;
     className?: string;
 }
-declare const PriceDescription: (props: PriceDescriptionExtendProps) => JSX.Element;
+declare const PriceDescription: (props: PriceDescriptionExtendProps) => import("react/jsx-runtime").JSX.Element;
 export default PriceDescription;