@gravity-ui/page-constructor 1.15.0-alpha.1 → 1.15.0-alpha.10

package/build/cjs/schema/validators/event.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalyticsEventV2Schema = exports.AnalyticsEventSchema = void 0;
+exports.AnalyticsEventSchema = void 0;
 exports.AnalyticsEventSchema = {
     type: 'object',
-    additionalProperties: false,
+    additionalProperties: { type: 'string' },
     required: ['name'],
     properties: {
         name: {
@@ -31,59 +31,8 @@ exports.AnalyticsEventSchema = {
                 },
             },
         },
-        category: {
-            type: 'string',
-        },
-        label: {
+        blockName: {
             type: 'string',
         },
-        params: {
-            type: 'array',
-            items: {
-                type: 'object',
-                additionalProperties: false,
-                required: ['key', 'value'],
-                properties: {
-                    key: {
-                        type: 'string',
-                    },
-                    value: {
-                        type: 'string',
-                    },
-                },
-            },
-        },
-    },
-};
-exports.AnalyticsEventV2Schema = {
-    type: 'object',
-    additionalProperties: { type: 'string' },
-    required: ['name'],
-    properties: {
-        name: {
-            type: 'string',
-        },
-        type: {
-            type: 'string',
-        },
-        counters: {
-            type: 'object',
-            additionalProperties: false,
-            required: [],
-            properties: {
-                include: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-                exclude: {
-                    type: 'array',
-                    items: {
-                        type: 'string',
-                    },
-                },
-            },
-        },
     },
 };

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

@@ -4,11 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const components_1 = require("../../components/");
+const models_1 = require("../../models");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 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, blockName = models_1.SubBlockType.BackgroundCard, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const link = hasBackgroundColor || border === 'line' ? undefined : url;
@@ -16,6 +17,6 @@ const BackgroundCard = (props) => {
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: link, border: borderType },
         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 } }))));
+            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 }, blockName: blockName }))));
 };
 exports.default = BackgroundCard;

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

@@ -38,6 +38,9 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
+            blockName: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -18,6 +18,8 @@ exports.BackgroundCard = {
             }, paddingBottom: {
                 type: 'string',
                 enum: ['s', 'm', 'l', 'xl'],
+            }, blockName: {
+                type: 'string',
             } }),
     },
 };

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

@@ -4,11 +4,12 @@ exports.BannerCard = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
+const models_1 = require("../../models");
 const components_1 = require("../../components");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, } = props;
+    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, blockName = models_1.SubBlockType.BannerCard, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const contentStyle = {};
     if (color) {
@@ -21,7 +22,7 @@ const BannerCard = (props) => {
                     react_1.default.createElement("h2", { className: b('title') },
                         react_1.default.createElement(components_1.HTML, null, title)),
                     subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                react_1.default.createElement(components_1.Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target })),
+                react_1.default.createElement(components_1.Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target, blockName: blockName })),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
 };
 exports.BannerCard = BannerCard;

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

@@ -4,16 +4,17 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
+const models_1 = require("../../models");
 const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image"));
 const __1 = require("../");
 const utils_2 = require("../../components/Media/Image/utils");
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { url, title, text, border, icon, additionalInfo, links, buttons } = props;
+    const { url, title, text, border, icon, additionalInfo, links, buttons, blockName = models_1.SubBlockType.BasicCard, } = props;
     const iconProps = icon && (0, utils_2.getMediaImage)(icon);
     return (react_1.default.createElement(CardBase_1.default, { className: b(), url: url, border: border },
         react_1.default.createElement(CardBase_1.default.Content, null,
             iconProps && react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon') })),
-            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
+            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", blockName: blockName }))));
 };
 exports.default = BasicCard;

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

@@ -1,3 +1,3 @@
 import { CardWithImageProps } from '../../models';
-declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: CardWithImageProps) => JSX.Element;
+declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, blockName, }: CardWithImageProps) => JSX.Element;
 export default CardWithImage;

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

@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
+const models_1 = require("../../models");
 const components_1 = require("../../components");
 const __1 = require("../");
 const b = (0, utils_1.block)('card-with-image');
-const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }) => {
+const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, blockName = models_1.SubBlockType.CardWithImage, }) => {
     const unifiedLinks = links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign(Object.assign({ theme: 'normal' }, link), { text: link.title, url: link.link })));
     return (react_1.default.createElement("div", { className: b(null, className) },
         react_1.default.createElement("div", { className: b('image', { border }) }, fullScreen ? (react_1.default.createElement(components_1.FullscreenImage, { src: image, imageClassName: b('image-item'), disableCompress: disableCompress })) : (react_1.default.createElement(components_1.Image, { className: b('image-item'), src: image, alt: 'card-image', disableCompress: disableCompress }))),
         react_1.default.createElement("div", { className: b('content') },
-            react_1.default.createElement(__1.Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } }))));
+            react_1.default.createElement(__1.Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, blockName: blockName }))));
 };
 exports.default = CardWithImage;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
+const models_1 = require("../../models");
 const components_1 = require("../../components");
 const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
@@ -35,7 +36,7 @@ function getButtonSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, blockName = models_1.SubBlockType.Content, } = props;
     const titleProps = tslib_1.__rest(!title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title, []);
@@ -50,7 +51,7 @@ const Content = (props) => {
                     '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') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, blockName: blockName })))))),
+        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), blockName: blockName }))))))));
 };
 exports.default = Content;

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

@@ -6,15 +6,20 @@ const utils_1 = require("../../utils");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const models_1 = require("../../models");
 const hooks_1 = require("../../hooks");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
-    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, } = props;
+    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, blockName = models_1.SubBlockType.HubspotForm, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)({
+        name: 'hubspot-form-submit',
+        type: models_1.PredefinedEventTypes.Default,
+        blockName: blockName,
+    });
     const { themeValue } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;

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, blockName, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

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

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const components_1 = require("../../components");
 const b = (0, utils_1.block)('MediaCard');
 const MediaCard = (_a) => {
-    var { border } = _a, mediaProps = tslib_1.__rest(_a, ["border"]);
+    var { border, blockName = models_1.SubBlockType.MediaCard } = _a, mediaProps = tslib_1.__rest(_a, ["border", "blockName"]);
     return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border },
         react_1.default.createElement(components_1.CardBase.Content, null,
-            react_1.default.createElement(components_1.Media, Object.assign({}, mediaProps)))));
+            react_1.default.createElement(components_1.Media, Object.assign({}, mediaProps, { blockName: blockName })))));
 };
 exports.default = MediaCard;

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

@@ -8,15 +8,22 @@ const models_1 = require("../../models");
 const components_1 = require("../../components");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const utils_2 = require("../../components/Media/Image/utils");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('quote');
 const Quote = (props) => {
-    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
+    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, blockName = models_1.SubBlockType.Quote, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const imageThemed = (0, utils_1.getThemedValue)(image, theme);
     const imageData = (0, utils_2.getMediaImage)(imageThemed);
+    const handleAnalytics = (0, hooks_1.useAnalytics)({
+        name: 'quote-button-click',
+        type: models_1.PredefinedEventTypes.Default,
+        blockName: blockName,
+    });
+    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
         author && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: author, type: models_1.AuthorType.Line })),
-        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }) }, buttonText))));
+        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));
     return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
             react_1.default.createElement("div", null,

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

@@ -64,6 +64,9 @@ export declare const Quote: {
                     };
                 };
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

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

@@ -18,6 +18,8 @@ exports.Quote = {
             }, url: {
                 type: 'string',
                 pattern: schema_1.urlPattern,
-            }, theme: common_1.ThemeProps, author: common_1.authorItem }),
+            }, theme: common_1.ThemeProps, author: common_1.authorItem, blockName: {
+                type: 'string',
+            } }),
     },
 };

package/build/esm/blocks/Banner/Banner.js

@@ -1,13 +1,14 @@
 import { __rest } from "tslib";
 import React from 'react';
 import { block } from '../../utils';
+import { BlockType } from '../../models';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import { BannerCard } from '../../sub-blocks';
 import './Banner.css';
 const b = block('banner-block');
 export const BannerBlock = (props) => {
-    const { animated } = props, bannerProps = __rest(props, ["animated"]);
+    const { animated, blockName = BlockType.BannerBlock } = props, bannerProps = __rest(props, ["animated", "blockName"]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(BannerCard, Object.assign({}, bannerProps))));
+        React.createElement(BannerCard, Object.assign({}, bannerProps, { blockName: blockName }))));
 };
 export default BannerBlock;

package/build/esm/blocks/Banner/schema.d.ts

@@ -206,6 +206,9 @@ export declare const BannerCardProps: {
                                     };
                                 };
                             };
+                            blockName: {
+                                type: string;
+                            };
                         };
                     } | {
                         type: string;
@@ -241,6 +244,9 @@ export declare const BannerCardProps: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         };
                     })[];
@@ -264,6 +270,9 @@ export declare const BannerCardProps: {
                 required: string[];
             };
         };
+        blockName: {
+            type: string;
+        };
         animated: {
             type: string;
         };
@@ -480,6 +489,9 @@ export declare const BannerBlock: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -515,6 +527,9 @@ export declare const BannerBlock: {
                                             };
                                         };
                                     };
+                                    blockName: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];
@@ -538,6 +553,9 @@ export declare const BannerBlock: {
                     required: string[];
                 };
             };
+            blockName: {
+                type: string;
+            };
             animated: {
                 type: string;
             };
@@ -755,6 +773,9 @@ export declare const BannerCard: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -790,6 +811,9 @@ export declare const BannerCard: {
                                             };
                                         };
                                     };
+                                    blockName: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];
@@ -813,6 +837,9 @@ export declare const BannerCard: {
                     required: string[];
                 };
             };
+            blockName: {
+                type: string;
+            };
             animated: {
                 type: string;
             };

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

@@ -17,7 +17,9 @@ export const BannerCardProps = {
         }), theme: ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: ButtonBlock }),
+        }, button: ButtonBlock, blockName: {
+            type: 'string',
+        } }),
 };
 export const BannerBlock = {
     'banner-block': BannerCardProps,

package/build/esm/blocks/CardLayout/schema.d.ts

@@ -66,6 +66,9 @@ export declare const CardLayoutProps: {
         resetPaddings: {
             type: string;
         };
+        blockName: {
+            type: string;
+        };
         type: {};
         when: {};
     };
@@ -139,6 +142,9 @@ export declare const CardLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/esm/blocks/ContentLayout/ContentLayout.js

@@ -1,5 +1,6 @@
 import React, { useContext, useMemo } from 'react';
 import { block } from '../../utils';
+import { BlockType } from '../../models';
 import { Content } from '../../sub-blocks';
 import { BackgroundImage, FileLink } from '../../components';
 import { Col } from '../../grid';
@@ -28,11 +29,11 @@ function getTextWidth(size) {
 }
 export const ContentLayoutBlock = (props) => {
     const isMobile = useContext(MobileContext);
-    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' } } = props;
+    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' }, blockName = BlockType.ContentLayoutBlock, } = props;
     const { size = 'l', background, centered, theme = 'default', textWidth = 'm', } = cardLayoutProperties;
     const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
     return (React.createElement("div", { className: b({ size, background: Boolean(background) }) },
-        React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
+        React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme, blockName: blockName })),
         fileContent && (React.createElement(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (React.createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
         background && (React.createElement("div", { className: b('background') },
             React.createElement(BackgroundImage, Object.assign({ className: b('background-item') }, background, { hide: isMobile }))))));

package/build/esm/blocks/ContentLayout/schema.d.ts

@@ -144,6 +144,9 @@ export declare const ContentLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

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

@@ -1,4 +1,4 @@
 import { ExtendedFeaturesProps } from '../../models';
 import './ExtendedFeatures.css';
-export declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, }: ExtendedFeaturesProps) => JSX.Element;
+export declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, blockName, }: ExtendedFeaturesProps) => JSX.Element;
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { block, getThemedValue } from '../../utils';
+import { BlockType } from '../../models';
 import { Row, Col } from '../../grid';
 import { AnimateBlock, BlockHeader, HTML } from '../../components/';
 import { Content } from '../../sub-blocks';
@@ -13,7 +14,7 @@ const DEFAULT_SIZES = {
     sm: 6,
     md: 4,
 };
-export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
+export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, blockName = BlockType.ExtendedFeaturesBlock, }) => {
     const { themeValue: theme } = useContext(ThemeValueContext);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         React.createElement(BlockHeader, { title: title, description: description, className: b('header') }),
@@ -31,7 +32,7 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                         itemTitle && (React.createElement("h5", { className: b('item-title') },
                             React.createElement(HTML, null, itemTitle),
                             label && (React.createElement("div", { className: b('item-label') }, label)))),
-                        React.createElement(Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
+                        React.createElement(Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo, blockName: blockName }))));
             })))));
 };
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/ExtendedFeatures/schema.d.ts

@@ -124,6 +124,9 @@ export declare const ExtendedFeaturesBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/esm/blocks/Header/Header.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { block, getThemedValue } from '../../utils';
+import { BlockType, } from '../../models';
 import { Button, Media, RouterLink, HTML } from '../../components';
 import { Grid, Row, Col } from '../../grid';
 import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
@@ -10,15 +11,15 @@ import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import './Header.css';
 const b = block('header-block');
-const Background = ({ background, isMobile }) => {
+const Background = ({ background, isMobile, blockName }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? getMediaImage(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return (React.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (React.createElement(Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })))));
+    return (React.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (React.createElement(Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject, blockName: blockName })))));
 };
 const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 export const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, children, } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, children, blockName = BlockType.HeaderBlock, } = props;
     const isMobile = useContext(MobileContext);
     const { themeValue: theme } = useContext(ThemeValueContext);
     const hasRightSideImage = Boolean(image || video);
@@ -57,8 +58,8 @@ export const HeaderBlock = (props) => {
                                     React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
                                     buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
-                                        React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
+                                        React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button, { blockName: BlockType.HeaderBlock }))))))),
                                 children))),
-                    hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
+                    hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed, blockName: blockName })))))));
 };
 export default HeaderBlock;

package/build/esm/blocks/Header/schema.d.ts

@@ -821,6 +821,9 @@ export declare const HeaderBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -433,6 +433,9 @@ export declare const HeaderSliderBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/esm/blocks/Icons/schema.d.ts

@@ -54,6 +54,9 @@ export declare const IconsProps: {
         resetPaddings: {
             type: string;
         };
+        blockName: {
+            type: string;
+        };
         type: {};
         when: {};
     };
@@ -115,6 +118,9 @@ export declare const IconsBlock: {
             resetPaddings: {
                 type: string;
             };
+            blockName: {
+                type: string;
+            };
             type: {};
             when: {};
         };