@gravity-ui/page-constructor 4.3.0 → 4.3.12-alpha.3

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

@@ -8,12 +8,11 @@ const utils_1 = require("../../utils");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
-    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, } = props;
+    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, } = props;
     const theme = (0, theme_1.useTheme)();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
-    const link = hasBackgroundColor || border === 'line' ? undefined : url;
     const borderType = hasBackgroundColor ? 'none' : border;
-    return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: link, border: borderType },
+    return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })),
             react_1.default.createElement(Content_1.default, { title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))));

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts

@@ -16,6 +16,25 @@ export declare const BackgroundCard: {
                             type: string;
                             pattern: string;
                         };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
                         alt: {
                             type: string;
                             contentType: string;
@@ -41,6 +60,87 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
+            analyticsEvents: {
+                oneOf: ({
+                    optionName: string;
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                })[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const schema_1 = require("../../components/Image/schema");
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 const schema_2 = require("../Content/schema");
 const BackgroundCardContentProps = lodash_1.default.omit(schema_2.ContentBase, ['size']);
 exports.BackgroundCard = {
@@ -18,6 +19,15 @@ exports.BackgroundCard = {
             }, paddingBottom: {
                 type: 'string',
                 enum: ['s', 'm', 'l', 'xl'],
+            }, analyticsEvents: {
+                oneOf: [
+                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        type: 'array',
+                        items: event_1.AnalyticsEventSchema,
+                        optionName: 'list',
+                    },
+                ],
             } }),
     },
 };

package/build/cjs/sub-blocks/Content/Content.d.ts

@@ -1,3 +1,5 @@
 import { ClassNameProps, ContentBlockProps } from '../../models';
-declare const Content: (props: ContentBlockProps & ClassNameProps) => JSX.Element;
+import { QAProps } from '../../models/common';
+export type ContentProps = ContentBlockProps & ClassNameProps & QAProps;
+declare const Content: (props: ContentProps) => JSX.Element;
 export default Content;

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

@@ -6,6 +6,7 @@ const components_1 = require("../../components");
 const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
+const blocks_1 = require("../../utils/blocks");
 const ContentList_1 = tslib_1.__importDefault(require("./ContentList/ContentList"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
@@ -36,23 +37,24 @@ function getButtonSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, } = props;
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, qa, } = props;
+    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['links', 'link', 'buttons', 'button', 'list']);
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title;
     const hasTitle = Boolean(title);
-    return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
+    return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
-        (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(ContentList_1.default, { list: list, size: size }) : null,
+        (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(ContentList_1.default, { list: list, size: size, qa: qaAttributes.list }) : null,
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
             react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                     constructor: true,
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url })))))),
-        buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size) }))))))));
+        links && (react_1.default.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link })))))),
+        buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button }))))))));
 };
 exports.default = Content;

package/build/cjs/sub-blocks/Content/ContentList/ContentList.d.ts

@@ -1,7 +1,8 @@
 import { ContentItemProps, ContentSize } from '../../../models';
+import { QAProps } from '../../../models/common';
 interface ContentListProps {
     list: ContentItemProps[];
     size: ContentSize;
 }
-declare const ContentList: ({ list, size }: ContentListProps) => JSX.Element;
+declare const ContentList: ({ list, size, qa }: ContentListProps & QAProps) => JSX.Element;
 export default ContentList;

package/build/cjs/sub-blocks/Content/ContentList/ContentList.js

@@ -8,6 +8,7 @@ const Image_1 = tslib_1.__importDefault(require("../../../components/Image/Image
 const utils_1 = require("../../../components/Media/Image/utils");
 const theme_1 = require("../../../context/theme");
 const utils_2 = require("../../../utils");
+const blocks_1 = require("../../../utils/blocks");
 const b = (0, utils_2.block)('content-list');
 function getHeadingLevel(size) {
     switch (size) {
@@ -18,18 +19,19 @@ function getHeadingLevel(size) {
             return 'h3';
     }
 }
-const ContentList = ({ list, size }) => {
+const ContentList = ({ list, size, qa }) => {
     const theme = (0, theme_1.useTheme)();
-    return (react_1.default.createElement("div", { className: b({ size }) }, list === null || list === void 0 ? void 0 : list.map((item) => {
+    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['image', 'title', 'text']);
+    return (react_1.default.createElement("div", { className: b({ size }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
         const { icon, title, text } = item;
         const iconThemed = (0, utils_2.getThemedValue)(icon, theme);
         const iconData = (0, utils_1.getMediaImage)(iconThemed);
         return (react_1.default.createElement("div", { className: b('item'), key: (0, uuid_1.v4)() },
-            react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })),
+            react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon'), qa: qaAttributes.image })),
             react_1.default.createElement("div", null,
                 title &&
-                    react_1.default.createElement(getHeadingLevel(size), { className: b('title') }, title),
-                text && (react_1.default.createElement(components_1.YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true } })))));
+                    react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, title),
+                text && (react_1.default.createElement(components_1.YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
     })));
 };
 exports.default = ContentList;

package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css

@@ -268,9 +268,9 @@ unpredictable css rules order in build */
 .pc-hubspot-form .hs-button.primary {
   margin: 0;
   padding: 0;
-  font-family: var(--g-font-family-sans);
+  font-family: var(--g-text-body-font-family);
   font-size: inherit;
-  font-weight: 400;
+  font-weight: var(--g-text-body-font-weight);
   color: inherit;
   background: none;
   border: none;

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

@@ -1,3 +1,3 @@
 import { LayoutItemProps } from '../../models';
-declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, className, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, className, analyticsEvents, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

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

@@ -8,12 +8,12 @@ const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullscreen, className } = _a;
+    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullscreen, className, analyticsEvents } = _a;
     return (react_1.default.createElement("div", { className: b(null, className) },
         fullscreen && (0, utils_2.hasFullscreen)(media) ? (react_1.default.createElement(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(media) }, (_a = {}) => {
             var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
-            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName) })));
-        })) : (react_1.default.createElement(components_1.Media, Object.assign({}, media, { className: b('media', { border }) }))),
+            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+        })) : (react_1.default.createElement(components_1.Media, Object.assign({}, media, { className: b('media', { border }), analyticsEvents: analyticsEvents }))),
         metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
         react_1.default.createElement("div", { className: b('content') },
             react_1.default.createElement(__1.Content, Object.assign({}, content, { links: (0, utils_2.getLayoutItemLinks)(links), size: "s", colSizes: { all: 12, md: 12 } })))));

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

@@ -318,6 +318,87 @@ export declare const LayoutItem: {
         fullscreen: {
             type: string;
         };
+        analyticsEvents: {
+            oneOf: ({
+                optionName: string;
+                type: string;
+                additionalProperties: {
+                    type: string;
+                };
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            exclude: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    context: {
+                        type: string;
+                    };
+                };
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+            })[];
+        };
         type: {};
         when: {
             type: string;

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

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const lodash_1 = require("lodash");
 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");
 exports.LayoutItem = {
     type: 'object',
@@ -14,5 +15,14 @@ exports.LayoutItem = {
             type: 'boolean',
         }, fullscreen: {
             type: 'boolean',
+        }, analyticsEvents: {
+            oneOf: [
+                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: event_1.AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
         } }),
 };

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

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

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

@@ -6,8 +6,8 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('MediaCard');
 const MediaCard = (_a) => {
-    var { border } = _a, mediaProps = tslib_1.__rest(_a, ["border"]);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border },
+    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)))));
 };

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

@@ -3,6 +3,87 @@ export declare const MediaCardBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
+            analyticsEvents: {
+                oneOf: ({
+                    optionName: string;
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                })[];
+            };
             animated: {
                 type: string;
             };
@@ -147,84 +228,6 @@ export declare const MediaCardBlock: {
             fullscreen: {
                 type: string;
             };
-            analyticsEvents: {
-                anyOf: ({
-                    type: string;
-                    additionalProperties: {
-                        type: string;
-                    };
-                    required: string[];
-                    properties: {
-                        name: {
-                            type: string;
-                        };
-                        type: {
-                            type: string;
-                        };
-                        counters: {
-                            type: string;
-                            additionalProperties: boolean;
-                            required: never[];
-                            properties: {
-                                include: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                };
-                                exclude: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                        };
-                        context: {
-                            type: string;
-                        };
-                    };
-                } | {
-                    type: string;
-                    items: {
-                        type: string;
-                        additionalProperties: {
-                            type: string;
-                        };
-                        required: string[];
-                        properties: {
-                            name: {
-                                type: string;
-                            };
-                            type: {
-                                type: string;
-                            };
-                            counters: {
-                                type: string;
-                                additionalProperties: boolean;
-                                required: never[];
-                                properties: {
-                                    include: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    };
-                                    exclude: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
-                            context: {
-                                type: string;
-                            };
-                        };
-                    };
-                })[];
-            };
             border: {
                 type: string;
                 enum: string[];

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

@@ -2,10 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaCardBlock = void 0;
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
+                oneOf: [
+                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        type: 'array',
+                        items: event_1.AnalyticsEventSchema,
+                        optionName: 'list',
+                    },
+                ],
+            } }),
     },
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
-interface CombinedPriceDetailedProps {
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
+interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;
     useMixedView?: boolean;

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

@@ -14,7 +14,7 @@ const CombinedPricesGroupSize = {
     [grid_1.GridColumnSize.Lg]: 3,
 };
 const CombinedPriceDetailed = (props) => {
-    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, } = 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) => {
         if (windowWidth >= constants_1.BREAKPOINTS.lg) {
@@ -51,7 +51,7 @@ const CombinedPriceDetailed = (props) => {
             react_1.default.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
     };
     const chunkedItems = lodash_1.default.chunk(items, groupItemsSize);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), border: border },
+    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((chunk, id) => {
                 return (react_1.default.createElement(grid_1.Row, { key: id, className: b('row') }, getPrice(chunk)));

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

@@ -7,9 +7,12 @@ const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {
     const { items, border, getDescriptionComponent, getDetailsComponent } = props;
-    return (react_1.default.createElement(react_1.Fragment, null, items.map((item, id) => (react_1.default.createElement(components_1.CardBase, { key: id, className: b(), border: border },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            getDescriptionComponent(item),
-            getDetailsComponent(item.items)))))));
+    return (react_1.default.createElement(react_1.Fragment, null, items.map((_a, id) => {
+        var { analyticsEvents } = _a, item = tslib_1.__rest(_a, ["analyticsEvents"]);
+        return (react_1.default.createElement(components_1.CardBase, { key: id, className: b(), border: border, analyticsEvents: analyticsEvents },
+            react_1.default.createElement(components_1.CardBase.Content, null,
+                getDescriptionComponent(item),
+                getDetailsComponent(item.items))));
+    })));
 };
 exports.default = SeparatePriceDetailed;