@gravity-ui/page-constructor 7.0.0-beta.1 → 7.0.0-beta.3

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

@@ -11,13 +11,18 @@ 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 LayoutItem = ({ content: { links, ...content }, contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content', }) => {
     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);
-    const contentProps = Object.assign(Object.assign({ controlPosition: areControlsInFooter ? 'bottom' : 'default' }, content), { links: normalizedLinks, size: 's', colSizes: { all: 12, md: 12 } });
+    const contentProps = {
+        controlPosition: areControlsInFooter ? 'bottom' : 'default',
+        ...content,
+        links: normalizedLinks,
+        size: 's',
+        colSizes: { all: 12, md: 12 },
+    };
     const titleId = (0, uikit_1.useUniqId)();
     const renderMedia = () => {
         if (!media) {
@@ -26,15 +31,12 @@ const LayoutItem = (_a) => {
         const themedMedia = (0, utils_1.getThemedValue)(media, theme);
         const { title } = content;
         const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-            name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
+            name: typeof title === 'string' ? title : title?.text,
             description: content.text,
         });
-        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 fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: ({ className: mediaClassName, fullscreen: _fullscreen, ...fullscreenMediaProps } = {}) => ((0, jsx_runtime_1.jsx)(components_1.Media, { ...mediaWithMicrodata, ...fullscreenMediaProps, className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })) })) : ((0, jsx_runtime_1.jsx)(components_1.Media, { ...themedMedia, className: b('media', { border }), analyticsEvents: analyticsEvents }));
     };
-    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 })) }) })] }));
+    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, { ...contentProps, titleId: titleId }) }) })] }));
 };
 exports.default = LayoutItem;
 //# sourceMappingURL=LayoutItem.js.map

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

@@ -1 +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"]}
+{"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.js

@@ -11,23 +11,36 @@ exports.LayoutItem = {
     type: 'object',
     additionalProperties: false,
     required: ['content', 'media'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardLayoutProps), { media: common_1.MediaProps, content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
+    properties: {
+        ...common_1.BaseProps,
+        ...common_1.CardLayoutProps,
+        media: common_1.MediaProps,
+        content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']),
+        contentMargin: {
             type: 'string',
             enum: ['m', 'l'],
             default: 'm',
-        }, metaInfo: schema_1.default, border: {
+        },
+        metaInfo: schema_1.default,
+        border: {
             type: 'boolean',
-        }, fullscreen: {
+        },
+        fullscreen: {
             type: 'boolean',
-        }, analyticsEvents: {
+        },
+        analyticsEvents: {
             oneOf: [
-                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    ...event_1.AnalyticsEventSchema,
+                    optionName: 'single',
+                },
                 {
                     type: 'array',
                     items: event_1.AnalyticsEventSchema,
                     optionName: 'list',
                 },
             ],
-        } }),
+        },
+    },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+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,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;QAClB,KAAK,EAAE,mBAAU;QACjB,OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf;QACD,QAAQ,EAAE,gBAAQ;QAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,KAAK,EAAE;gBACH;oBACI,GAAG,4BAAoB;oBACvB,UAAU,EAAE,QAAQ;iBACvB;gBACD;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ;KACJ;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.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.showFullscreenIcon = exports.hasFullscreen = exports.getLayoutItemLinks = void 0;
-const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
+const getLayoutItemLinks = (links) => links?.map((link) => ({
+    theme: 'normal',
+    ...link,
+}));
 exports.getLayoutItemLinks = getLayoutItemLinks;
 const hasFullscreen = ({ dataLens, image }) => {
     // datalens and slider media card don't support fullscreen mode

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

@@ -1 +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"]}
+{"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,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClB,KAAK,EAAE,QAAqB;IAC5B,GAAG,IAAI;CACV,CAAC,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.js

@@ -1,13 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 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 ((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)) }) }));
-};
+const MediaCard = ({ border, analyticsEvents, ...mediaProps }) => ((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, { ...mediaProps }) }) }));
 exports.default = MediaCard;
 //# sourceMappingURL=MediaCard.js.map

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

@@ -1 +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"]}
+{"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,EAAC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,EAAiB,EAAE,EAAE,CAAC,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,OAAK,UAAU,GAAI,GACV,GACZ,CACd,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.js

@@ -7,16 +7,25 @@ exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.CardBase,
+            ...common_1.MediaProps,
+            ...common_1.AnimatableProps,
+            analyticsEvents: {
                 oneOf: [
-                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        ...event_1.AnalyticsEventSchema,
+                        optionName: 'single',
+                    },
                     {
                         type: 'array',
                         items: event_1.AnalyticsEventSchema,
                         optionName: 'list',
                     },
                 ],
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +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"]}
+{"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,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,mBAAU;YACb,GAAG,wBAAe;YAClB,eAAe,EAAE;gBACb,KAAK,EAAE;oBACH;wBACI,GAAG,4BAAoB;wBACvB,UAAU,EAAE,QAAQ;qBACvB;oBACD;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ;SACJ;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.js

@@ -7,7 +7,7 @@ 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 ((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.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), (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) => ({
+    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.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }), (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?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
                                             icon: icons_1.Check,
                                             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") }));

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

@@ -1 +1 @@
-{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAAoG;AAEpG,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,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,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,aAAK;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,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} 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                        <YFMWrapper\n                            content={title}\n                            contentClassName={b('title')}\n                            onlyContent\n                            modifiers={{constructor: true}}\n                        />\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"]}
+{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAAoG;AAEpG,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,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,WAAW,QACX,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,EACF,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,IAAI,EAAE,MAAM,CAAC,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,aAAK;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,KApCY,SAAS,CAqCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} 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                        <YFMWrapper\n                            content={title}\n                            contentClassName={b('title')}\n                            onlyContent\n                            modifiers={{constructor: true}}\n                        />\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

@@ -7,33 +7,47 @@ exports.PriceCardBlock = {
     'price-card': {
         additionalProperties: false,
         required: ['title', 'price'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), { theme: schema_1.ContentBase.theme, title: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.CardBase,
+            theme: schema_1.ContentBase.theme,
+            title: {
                 type: 'string',
-            }, price: {
+            },
+            price: {
                 type: 'string',
-            }, pricePeriod: {
+            },
+            pricePeriod: {
                 type: 'string',
-            }, priceDetails: {
+            },
+            priceDetails: {
                 type: 'string',
-            }, description: {
+            },
+            description: {
                 type: 'string',
-            }, buttons: {
+            },
+            buttons: {
                 type: 'array',
                 items: common_1.ButtonBlock,
-            }, links: {
+            },
+            links: {
                 type: 'array',
                 items: common_1.LinkProps,
-            }, backgroundColor: {
+            },
+            backgroundColor: {
                 type: 'string',
-            }, list: {
+            },
+            list: {
                 type: 'array',
                 items: {
                     type: 'string',
                 },
-            }, controlPosition: {
+            },
+            controlPosition: {
                 type: 'string',
                 enum: ['content', 'footer'],
-            } }),
+            },
+        },
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +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"]}
+{"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,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,KAAK,EAAE,oBAAW,CAAC,KAAK;YACxB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;aACjB;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,oBAAW;aACrB;YACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,kBAAS;aACnB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;YACD,IAAI,EAAE;gBACF,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;iBACjB;aACJ;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;SACJ;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/PriceDescription/PriceDescription.js

@@ -28,11 +28,10 @@ const PriceDescription = (props) => {
     const descriptionRef = React.useRef(null);
     const { pricesDetailedDescriptionHeight, setStyles } = React.useContext(stylesContext_1.StylesContext);
     const setDescriptionHeight = React.useCallback(() => {
-        var _a;
         if (!descriptionRef || !descriptionRef.current) {
             return;
         }
-        const descriptionChildren = (_a = descriptionRef.current) === null || _a === void 0 ? void 0 : _a.children;
+        const descriptionChildren = descriptionRef.current?.children;
         if (!descriptionChildren) {
             return;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"PriceDescription.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../../components';\nimport {StylesContext} from '../../../context/stylesContext';\nimport {\n    PriceDescriptionColor,\n    PriceDescriptionProps,\n    PriceLabelColor,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './PriceDescription.scss';\n\nconst b = block('price-description');\n\ninterface PriceDescriptionExtendProps extends PriceDescriptionProps {\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    colorTitle?: PriceDescriptionColor;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n    className?: string;\n}\n\nconst LabelColorsMapping = {\n    [PriceLabelColor.BLUE]: 'info',\n    [PriceLabelColor.GREEN]: 'success',\n    [PriceLabelColor.YELLOW]: 'warning',\n    [PriceLabelColor.PURPLE]: 'normal',\n    [PriceLabelColor.RED]: 'dnager',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    sm: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst PriceDescription = (props: PriceDescriptionExtendProps) => {\n    const {\n        title,\n        detailedTitle = '',\n        description,\n        titleSize = 'l',\n        descriptionSize = 'm',\n        colorTitle = 'cornflower',\n        label,\n        labelsDefaultText,\n        className,\n    } = props;\n\n    const descriptionRef = React.useRef<HTMLDivElement>(null);\n    const {pricesDetailedDescriptionHeight, setStyles} = React.useContext(StylesContext);\n\n    const setDescriptionHeight = React.useCallback(() => {\n        if (!descriptionRef || !descriptionRef.current) {\n            return;\n        }\n\n        const descriptionChildren = descriptionRef.current?.children;\n\n        if (!descriptionChildren) {\n            return;\n        }\n\n        const childrenHeight = [...descriptionChildren].reduce(\n            (result: number, element: Element) => result + element.clientHeight,\n            0,\n        );\n\n        if (\n            pricesDetailedDescriptionHeight === undefined ||\n            Number(pricesDetailedDescriptionHeight) < childrenHeight\n        ) {\n            setStyles({pricesDetailedDescriptionHeight: childrenHeight.toString()});\n        } else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {\n            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;\n        }\n    }, [pricesDetailedDescriptionHeight, setStyles]);\n\n    React.useEffect(() => {\n        setDescriptionHeight();\n\n        window.addEventListener('resize', setDescriptionHeight, {passive: true});\n        return () => window.removeEventListener('resize', setDescriptionHeight);\n    }, [setDescriptionHeight]);\n\n    const labelElement = React.useMemo(() => {\n        if (!label) {\n            return null;\n        }\n\n        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);\n        const labelColor = (LabelColorsMapping[label.color] || 'unknown') as LabelProps['theme'];\n        const labelSize = LabelSizeMap[label.size || descriptionSize];\n\n        return (\n            <Label className={b('label', {size: labelSize})} theme={labelColor} size={labelSize}>\n                {labelTitle}\n            </Label>\n        );\n    }, [descriptionSize, label, labelsDefaultText]);\n\n    const titleElement = React.useMemo(() => {\n        return (\n            <div className={b('title', {size: titleSize})}>\n                <div className={b('main-title', {color: colorTitle})}>{title}</div>\n                <div className={b('detailed-title', {size: descriptionSize})}>{detailedTitle}</div>\n            </div>\n        );\n    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);\n\n    return (\n        <div className={b(null, className)} ref={descriptionRef}>\n            {labelElement}\n            {titleElement}\n            <div className={b('description', {size: descriptionSize})}>\n                <YFMWrapper content={description} modifiers={{constructor: true}} />\n            </div>\n        </div>\n    );\n};\n\nexport default PriceDescription;\n"]}
+{"version":3,"file":"PriceDescription.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAoD;AAEpD,6DAA+C;AAC/C,2EAA6D;AAC7D,qDAKyB;AACzB,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAUrC,MAAM,kBAAkB,GAAG;IACvB,CAAC,wBAAe,CAAC,IAAI,CAAC,EAAE,MAAM;IAC9B,CAAC,wBAAe,CAAC,KAAK,CAAC,EAAE,SAAS;IAClC,CAAC,wBAAe,CAAC,MAAM,CAAC,EAAE,SAAS;IACnC,CAAC,wBAAe,CAAC,MAAM,CAAC,EAAE,QAAQ;IAClC,CAAC,wBAAe,CAAC,GAAG,CAAC,EAAE,QAAQ;CAClC,CAAC;AAEF,MAAM,YAAY,GAAyC;IACvD,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5D,MAAM,EACF,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,EACX,SAAS,GAAG,GAAG,EACf,eAAe,GAAG,GAAG,EACrB,UAAU,GAAG,YAAY,EACzB,KAAK,EACL,iBAAiB,EACjB,SAAS,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAC,+BAA+B,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAErF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACX,CAAC;QAED,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC;QAE7D,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,CAAC,GAAG,mBAAmB,CAAC,CAAC,MAAM,CAClD,CAAC,MAAc,EAAE,OAAgB,EAAE,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,EACnE,CAAC,CACJ,CAAC;QAEF,IACI,+BAA+B,KAAK,SAAS;YAC7C,MAAM,CAAC,+BAA+B,CAAC,GAAG,cAAc,EAC1D,CAAC;YACC,SAAS,CAAC,EAAC,+BAA+B,EAAE,cAAc,CAAC,QAAQ,EAAE,EAAC,CAAC,CAAC;QAC5E,CAAC;aAAM,IAAI,cAAc,GAAG,MAAM,CAAC,+BAA+B,CAAC,EAAE,CAAC;YAClE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,+BAA+B,IAAI,CAAC;QACjF,CAAC;IACL,CAAC,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,oBAAoB,EAAE,CAAC;QAEvB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACzE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACvF,MAAM,UAAU,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,SAAS,CAAwB,CAAC;QACzF,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,IAAI,eAAe,CAAC,CAAC;QAE9D,OAAO,CACH,uBAAC,aAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,YAC9E,UAAU,GACP,CACX,CAAC;IACN,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,aACzC,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC,YAAG,KAAK,GAAO,EACnE,gCAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC,YAAG,aAAa,GAAO,IACjF,CACT,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,cAAc,aAClD,YAAY,EACZ,YAAY,EACb,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC,YACrD,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAClE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../../components';\nimport {StylesContext} from '../../../context/stylesContext';\nimport {\n    PriceDescriptionColor,\n    PriceDescriptionProps,\n    PriceLabelColor,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './PriceDescription.scss';\n\nconst b = block('price-description');\n\ninterface PriceDescriptionExtendProps extends PriceDescriptionProps {\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    colorTitle?: PriceDescriptionColor;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n    className?: string;\n}\n\nconst LabelColorsMapping = {\n    [PriceLabelColor.BLUE]: 'info',\n    [PriceLabelColor.GREEN]: 'success',\n    [PriceLabelColor.YELLOW]: 'warning',\n    [PriceLabelColor.PURPLE]: 'normal',\n    [PriceLabelColor.RED]: 'dnager',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    sm: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst PriceDescription = (props: PriceDescriptionExtendProps) => {\n    const {\n        title,\n        detailedTitle = '',\n        description,\n        titleSize = 'l',\n        descriptionSize = 'm',\n        colorTitle = 'cornflower',\n        label,\n        labelsDefaultText,\n        className,\n    } = props;\n\n    const descriptionRef = React.useRef<HTMLDivElement>(null);\n    const {pricesDetailedDescriptionHeight, setStyles} = React.useContext(StylesContext);\n\n    const setDescriptionHeight = React.useCallback(() => {\n        if (!descriptionRef || !descriptionRef.current) {\n            return;\n        }\n\n        const descriptionChildren = descriptionRef.current?.children;\n\n        if (!descriptionChildren) {\n            return;\n        }\n\n        const childrenHeight = [...descriptionChildren].reduce(\n            (result: number, element: Element) => result + element.clientHeight,\n            0,\n        );\n\n        if (\n            pricesDetailedDescriptionHeight === undefined ||\n            Number(pricesDetailedDescriptionHeight) < childrenHeight\n        ) {\n            setStyles({pricesDetailedDescriptionHeight: childrenHeight.toString()});\n        } else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {\n            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;\n        }\n    }, [pricesDetailedDescriptionHeight, setStyles]);\n\n    React.useEffect(() => {\n        setDescriptionHeight();\n\n        window.addEventListener('resize', setDescriptionHeight, {passive: true});\n        return () => window.removeEventListener('resize', setDescriptionHeight);\n    }, [setDescriptionHeight]);\n\n    const labelElement = React.useMemo(() => {\n        if (!label) {\n            return null;\n        }\n\n        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);\n        const labelColor = (LabelColorsMapping[label.color] || 'unknown') as LabelProps['theme'];\n        const labelSize = LabelSizeMap[label.size || descriptionSize];\n\n        return (\n            <Label className={b('label', {size: labelSize})} theme={labelColor} size={labelSize}>\n                {labelTitle}\n            </Label>\n        );\n    }, [descriptionSize, label, labelsDefaultText]);\n\n    const titleElement = React.useMemo(() => {\n        return (\n            <div className={b('title', {size: titleSize})}>\n                <div className={b('main-title', {color: colorTitle})}>{title}</div>\n                <div className={b('detailed-title', {size: descriptionSize})}>{detailedTitle}</div>\n            </div>\n        );\n    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);\n\n    return (\n        <div className={b(null, className)} ref={descriptionRef}>\n            {labelElement}\n            {titleElement}\n            <div className={b('description', {size: descriptionSize})}>\n                <YFMWrapper content={description} modifiers={{constructor: true}} />\n            </div>\n        </div>\n    );\n};\n\nexport default PriceDescription;\n"]}

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

@@ -15,7 +15,7 @@ const PriceDetailed = (props) => {
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};
     const { titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm' } = details || {};
     const getDescriptionComponent = (priceDescription) => {
-        return ((0, jsx_runtime_1.jsx)(PriceDescription_1.default, Object.assign({}, priceDescription, { titleSize: descriptionTitleSize, descriptionSize: descriptionSize, colorTitle: descriptionTitleColor, labelsDefaultText: labelsDefaultText })));
+        return ((0, jsx_runtime_1.jsx)(PriceDescription_1.default, { ...priceDescription, titleSize: descriptionTitleSize, descriptionSize: descriptionSize, colorTitle: descriptionTitleColor, labelsDefaultText: labelsDefaultText }));
     };
     const getDetailsComponent = (priceDetails) => {
         return ((0, jsx_runtime_1.jsx)(PriceDetails_1.default, { items: priceDetails, type: priceType, foldable: foldable, titleSize: detailsTitleSize, descriptionSize: detailsDescriptionSize, useMixedView: useMixedView }));

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

@@ -1 +1 @@
-{"version":3,"file":"PriceDetailed.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAMsB;AAEtB,qHAAkF;AAClF,sGAAmE;AACnE,0FAAuD;AACvD,qHAAkF;AAElF,uCAAuC;AACvC,kBAAkB;AAClB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,MAAM,EACF,SAAS,GAAG,yBAAgB,CAAC,QAAQ,EACrC,KAAK,EACL,gBAAgB,GAAG,CAAC,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,MAAM,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,SAAS,EAAE,oBAAoB,GAAG,GAAG,EACrC,eAAe,GAAG,GAAG,EACrB,UAAU,EAAE,qBAAqB,GAAG,YAAY,GACnD,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,EAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,EAAE,eAAe,EAAE,sBAAsB,GAAG,GAAG,EAAC,GACpF,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,OAAO,CACH,uBAAC,0BAAgB,oBACT,gBAAgB,IACpB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,qBAAqB,EACjC,iBAAiB,EAAE,iBAAiB,IACtC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CACxB,YAAoE,EACtE,EAAE;QACA,OAAO,CACH,uBAAC,sBAAY,IACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,EAC3B,eAAe,EAAE,sBAAsB,EACvC,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    PriceDescriptionProps,\n    PriceDetailedProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n} from '../../models';\n\nimport CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';\nimport PriceDescription from './PriceDescription/PriceDescription';\nimport PriceDetails from './PriceDetails/PriceDetails';\nimport SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';\n\n// eslint-disable-next-line valid-jsdoc\n/** @deprecated */\nconst PriceDetailed = (props: PriceDetailedProps) => {\n    const {\n        priceType = PriceDetailsType.SETTINGS,\n        items,\n        numberGroupItems = 1,\n        description,\n        details,\n        foldable,\n        labelsDefaultText,\n        isCombined = false,\n        useMixedView = false,\n        border,\n    } = props;\n\n    const {\n        titleSize: descriptionTitleSize = 'l',\n        descriptionSize = 'm',\n        titleColor: descriptionTitleColor = 'cornflower',\n    } = description || {};\n\n    const {titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm'} =\n        details || {};\n\n    const getDescriptionComponent = (priceDescription: PriceDescriptionProps) => {\n        return (\n            <PriceDescription\n                {...priceDescription}\n                titleSize={descriptionTitleSize}\n                descriptionSize={descriptionSize}\n                colorTitle={descriptionTitleColor}\n                labelsDefaultText={labelsDefaultText}\n            />\n        );\n    };\n\n    const getDetailsComponent = (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => {\n        return (\n            <PriceDetails\n                items={priceDetails}\n                type={priceType}\n                foldable={foldable}\n                titleSize={detailsTitleSize}\n                descriptionSize={detailsDescriptionSize}\n                useMixedView={useMixedView}\n            />\n        );\n    };\n\n    return (\n        <React.Fragment>\n            {isCombined ? (\n                <CombinedPriceDetailed\n                    items={items}\n                    numberGroupItems={numberGroupItems}\n                    border={border}\n                    useMixedView={useMixedView}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            ) : (\n                <SeparatePriceDetailed\n                    items={items}\n                    border={border}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default PriceDetailed;\n"]}
+{"version":3,"file":"PriceDetailed.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAMsB;AAEtB,qHAAkF;AAClF,sGAAmE;AACnE,0FAAuD;AACvD,qHAAkF;AAElF,uCAAuC;AACvC,kBAAkB;AAClB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,MAAM,EACF,SAAS,GAAG,yBAAgB,CAAC,QAAQ,EACrC,KAAK,EACL,gBAAgB,GAAG,CAAC,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,MAAM,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,SAAS,EAAE,oBAAoB,GAAG,GAAG,EACrC,eAAe,GAAG,GAAG,EACrB,UAAU,EAAE,qBAAqB,GAAG,YAAY,GACnD,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,EAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,EAAE,eAAe,EAAE,sBAAsB,GAAG,GAAG,EAAC,GACpF,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,OAAO,CACH,uBAAC,0BAAgB,OACT,gBAAgB,EACpB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,qBAAqB,EACjC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CACxB,YAAoE,EACtE,EAAE;QACA,OAAO,CACH,uBAAC,sBAAY,IACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,EAC3B,eAAe,EAAE,sBAAsB,EACvC,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    PriceDescriptionProps,\n    PriceDetailedProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n} from '../../models';\n\nimport CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';\nimport PriceDescription from './PriceDescription/PriceDescription';\nimport PriceDetails from './PriceDetails/PriceDetails';\nimport SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';\n\n// eslint-disable-next-line valid-jsdoc\n/** @deprecated */\nconst PriceDetailed = (props: PriceDetailedProps) => {\n    const {\n        priceType = PriceDetailsType.SETTINGS,\n        items,\n        numberGroupItems = 1,\n        description,\n        details,\n        foldable,\n        labelsDefaultText,\n        isCombined = false,\n        useMixedView = false,\n        border,\n    } = props;\n\n    const {\n        titleSize: descriptionTitleSize = 'l',\n        descriptionSize = 'm',\n        titleColor: descriptionTitleColor = 'cornflower',\n    } = description || {};\n\n    const {titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm'} =\n        details || {};\n\n    const getDescriptionComponent = (priceDescription: PriceDescriptionProps) => {\n        return (\n            <PriceDescription\n                {...priceDescription}\n                titleSize={descriptionTitleSize}\n                descriptionSize={descriptionSize}\n                colorTitle={descriptionTitleColor}\n                labelsDefaultText={labelsDefaultText}\n            />\n        );\n    };\n\n    const getDetailsComponent = (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => {\n        return (\n            <PriceDetails\n                items={priceDetails}\n                type={priceType}\n                foldable={foldable}\n                titleSize={detailsTitleSize}\n                descriptionSize={detailsDescriptionSize}\n                useMixedView={useMixedView}\n            />\n        );\n    };\n\n    return (\n        <React.Fragment>\n            {isCombined ? (\n                <CombinedPriceDetailed\n                    items={items}\n                    numberGroupItems={numberGroupItems}\n                    border={border}\n                    useMixedView={useMixedView}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            ) : (\n                <SeparatePriceDetailed\n                    items={items}\n                    border={border}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default PriceDetailed;\n"]}

package/build/cjs/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.js

@@ -8,10 +8,7 @@ const utils_1 = require("../../../utils/index.js");
 const b = (0, utils_1.block)('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {
     const { items, border, getDescriptionComponent, getDetailsComponent } = props;
-    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map((_a, id) => {
-            var { analyticsEvents } = _a, item = tslib_1.__rest(_a, ["analyticsEvents"]);
-            return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [getDescriptionComponent(item), getDetailsComponent(item.items)] }) }, id));
-        }) }));
+    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map(({ analyticsEvents, ...item }, id) => ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [getDescriptionComponent(item), getDetailsComponent(item.items)] }) }, id))) }));
 };
 exports.default = SeparatePriceDetailed;
 //# sourceMappingURL=SeparatePriceDetailed.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SeparatePriceDetailed.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6DAA6C;AAQ7C,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,+BAA+B,CAAC,CAAC;AAWjD,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IAChE,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,mBAAmB,EAAC,GAAG,KAAK,CAAC;IAE5E,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,KAAK,CAAC,GAAG,CAAC,CAAC,EAA0C,EAAE,EAAU,EAAE,EAAE;gBAA1D,EAAC,eAAe,OAA0B,EAArB,IAAI,sBAAzB,mBAA0B,CAAD;YAAkC,OAAA,CACnE,uBAAC,qBAAQ,IAEL,SAAS,EAAE,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,wBAAC,qBAAQ,CAAC,OAAO,eACZ,uBAAuB,CAAC,IAAI,CAAC,EAC7B,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,IACjB,IARd,EAAE,CASA,CACd,CAAA;SAAA,CAAC,GACW,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardBase} from '../../../components';\nimport {\n    CardBorder,\n    PriceDescriptionProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceItemProps,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SeparatePriceDetailed.scss';\n\nconst b = block('separate-price-detailed-block');\n\ninterface SeparatePriceDetailedProps {\n    items: PriceItemProps[];\n    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;\n    getDetailsComponent: (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => JSX.Element;\n    border?: CardBorder;\n}\n\nconst SeparatePriceDetailed = (props: SeparatePriceDetailedProps) => {\n    const {items, border, getDescriptionComponent, getDetailsComponent} = props;\n\n    return (\n        <React.Fragment>\n            {items.map(({analyticsEvents, ...item}: PriceItemProps, id: number) => (\n                <CardBase\n                    key={id}\n                    className={b()}\n                    border={border}\n                    analyticsEvents={analyticsEvents}\n                >\n                    <CardBase.Content>\n                        {getDescriptionComponent(item)}\n                        {getDetailsComponent(item.items)}\n                    </CardBase.Content>\n                </CardBase>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport default SeparatePriceDetailed;\n"]}
+{"version":3,"file":"SeparatePriceDetailed.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6DAA6C;AAQ7C,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,+BAA+B,CAAC,CAAC;AAWjD,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IAChE,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,mBAAmB,EAAC,GAAG,KAAK,CAAC;IAE5E,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,eAAe,EAAE,GAAG,IAAI,EAAiB,EAAE,EAAU,EAAE,EAAE,CAAC,CACnE,uBAAC,qBAAQ,IAEL,SAAS,EAAE,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,wBAAC,qBAAQ,CAAC,OAAO,eACZ,uBAAuB,CAAC,IAAI,CAAC,EAC7B,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,IACjB,IARd,EAAE,CASA,CACd,CAAC,GACW,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardBase} from '../../../components';\nimport {\n    CardBorder,\n    PriceDescriptionProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceItemProps,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SeparatePriceDetailed.scss';\n\nconst b = block('separate-price-detailed-block');\n\ninterface SeparatePriceDetailedProps {\n    items: PriceItemProps[];\n    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;\n    getDetailsComponent: (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => JSX.Element;\n    border?: CardBorder;\n}\n\nconst SeparatePriceDetailed = (props: SeparatePriceDetailedProps) => {\n    const {items, border, getDescriptionComponent, getDetailsComponent} = props;\n\n    return (\n        <React.Fragment>\n            {items.map(({analyticsEvents, ...item}: PriceItemProps, id: number) => (\n                <CardBase\n                    key={id}\n                    className={b()}\n                    border={border}\n                    analyticsEvents={analyticsEvents}\n                >\n                    <CardBase.Content>\n                        {getDescriptionComponent(item)}\n                        {getDetailsComponent(item.items)}\n                    </CardBase.Content>\n                </CardBase>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport default SeparatePriceDetailed;\n"]}

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

@@ -8,9 +8,12 @@ const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];
 const PriceLabelColor = ['blue', 'green', 'yellow', 'purple', 'red'];
 const LabelsDefaultTextProp = PriceLabelColor.reduce((result, labelColor) => {
-    return Object.assign(Object.assign({}, result), { [labelColor]: {
+    return {
+        ...result,
+        [labelColor]: {
             type: 'string',
-        } });
+        },
+    };
 }, {});
 const PriceDetailedLabelsDefaultTextProps = {
     additionalProperties: false,
@@ -129,8 +132,18 @@ const PriceDetailsListProps = {
 const PriceDetailsProps = {
     items: {
         oneOf: [
-            Object.assign(Object.assign({}, (0, utils_1.filteredArray)(Object.assign({}, PriceDetailsListProps))), { optionName: 'marked-list' }),
-            Object.assign(Object.assign({}, (0, utils_1.filteredArray)(Object.assign({}, PriceDetailsSettingsProps))), { optionName: 'settings' }),
+            {
+                ...(0, utils_1.filteredArray)({
+                    ...PriceDetailsListProps,
+                }),
+                optionName: 'marked-list',
+            },
+            {
+                ...(0, utils_1.filteredArray)({
+                    ...PriceDetailsSettingsProps,
+                }),
+                optionName: 'settings',
+            },
         ],
     },
 };
@@ -138,34 +151,53 @@ const PriceItem = {
     type: 'object',
     additionalProperties: false,
     required: ['title', 'description'],
-    properties: Object.assign(Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps), { analyticsEvents: {
+    properties: {
+        ...PriceDetailsProps,
+        ...PriceDescriptionProps,
+        analyticsEvents: {
             oneOf: [
-                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    ...event_1.AnalyticsEventSchema,
+                    optionName: 'single',
+                },
                 {
                     type: 'array',
                     items: event_1.AnalyticsEventSchema,
                     optionName: 'list',
                 },
             ],
-        } }),
+        },
+    },
 };
 /** @deprecated */
 exports.PriceDetailedBlock = {
     'price-detailed': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { items: (0, utils_1.filteredArray)(PriceItem), description: PriceDetailedDescriptionProps, details: PriceDetailedDetailsProps, priceType: {
+        properties: {
+            ...common_1.BaseProps,
+            ...common_1.AnimatableProps,
+            items: (0, utils_1.filteredArray)(PriceItem),
+            description: PriceDetailedDescriptionProps,
+            details: PriceDetailedDetailsProps,
+            priceType: {
                 type: 'string',
                 enum: PriceDetailedDetailsType,
                 default: 'settings',
-            }, numberGroupItems: {
+            },
+            numberGroupItems: {
                 type: 'number',
                 enum: [3, 4, 5],
-            }, isCombined: {
+            },
+            isCombined: {
                 type: 'boolean',
-            }, useMixedView: {
+            },
+            useMixedView: {
                 type: 'boolean',
-            }, foldable: PriceDetailedFoldableDetailsProps, labelsDefaultText: PriceDetailedLabelsDefaultTextProps }),
+            },
+            foldable: PriceDetailedFoldableDetailsProps,
+            labelsDefaultText: PriceDetailedLabelsDefaultTextProps,
+        },
     },
 };
 //# sourceMappingURL=schema.js.map