@gravity-ui/page-constructor 1.15.0-alpha.19 → 1.15.0-alpha.20

package/README.md

@@ -91,7 +91,7 @@ type AnalyticsEvent<T = {}> = T & {
   name: string;
   type?: string;
   counters?: AnalyticsCounters;
-  blockName?: string;
+  context?: string;
 };
 
 interface NavigationData {
@@ -253,7 +253,7 @@ type AnalyticsEvent<T = {}> = T & {
   name: string;
   type?: string;
   counters?: AnalyticsCounters;
-  blockName?: string;
+  context?: string;
 };
 ```
 
@@ -276,9 +276,9 @@ type AnalyticsCounters = {
 };
 ```
 
-#### blockName parameter
+#### context parameter
 
-Pass `blockName` value to define place on a project where an event is fired.
+Pass `context` value to define place in a project where an event is fired.
 
 Use selector below or create logic that serves project needs.
 

package/build/cjs/blocks/Banner/Banner.js

@@ -2,20 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const sub_blocks_1 = require("../../sub-blocks");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const b = (0, utils_1.block)('banner-block');
 const BannerBlock = (props) => {
-    const { animated, blockName = models_1.BlockType.BannerBlock } = props, bannerProps = tslib_1.__rest(props, ["animated", "blockName"]);
-    const blockPosition = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    // eslint-disable-next-line no-console
-    console.log({ blockPosition });
+    const { animated } = props, bannerProps = tslib_1.__rest(props, ["animated"]);
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
-        react_1.default.createElement(sub_blocks_1.BannerCard, Object.assign({}, bannerProps, { blockName: blockName }))));
+        react_1.default.createElement(sub_blocks_1.BannerCard, Object.assign({}, bannerProps))));
 };
 exports.BannerBlock = BannerBlock;
 exports.default = exports.BannerBlock;

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

@@ -206,7 +206,7 @@ export declare const BannerCardProps: {
                                     };
                                 };
                             };
-                            blockName: {
+                            context: {
                                 type: string;
                             };
                         };
@@ -244,7 +244,7 @@ export declare const BannerCardProps: {
                                         };
                                     };
                                 };
-                                blockName: {
+                                context: {
                                     type: string;
                                 };
                             };
@@ -270,7 +270,7 @@ export declare const BannerCardProps: {
                 required: string[];
             };
         };
-        blockName: {
+        context: {
             type: string;
         };
         animated: {
@@ -489,7 +489,7 @@ export declare const BannerBlock: {
                                         };
                                     };
                                 };
-                                blockName: {
+                                context: {
                                     type: string;
                                 };
                             };
@@ -527,7 +527,7 @@ export declare const BannerBlock: {
                                             };
                                         };
                                     };
-                                    blockName: {
+                                    context: {
                                         type: string;
                                     };
                                 };
@@ -553,7 +553,7 @@ export declare const BannerBlock: {
                     required: string[];
                 };
             };
-            blockName: {
+            context: {
                 type: string;
             };
             animated: {
@@ -773,7 +773,7 @@ export declare const BannerCard: {
                                         };
                                     };
                                 };
-                                blockName: {
+                                context: {
                                     type: string;
                                 };
                             };
@@ -811,7 +811,7 @@ export declare const BannerCard: {
                                             };
                                         };
                                     };
-                                    blockName: {
+                                    context: {
                                         type: string;
                                     };
                                 };
@@ -837,7 +837,7 @@ export declare const BannerCard: {
                     required: string[];
                 };
             };
-            blockName: {
+            context: {
                 type: string;
             };
             animated: {

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

@@ -20,7 +20,7 @@ exports.BannerCardProps = {
         }), theme: common_1.ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: common_1.ButtonBlock, blockName: {
+        }, button: common_1.ButtonBlock, context: {
             type: 'string',
         } }),
 };

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

@@ -66,7 +66,7 @@ export declare const CardLayoutProps: {
         resetPaddings: {
             type: string;
         };
-        blockName: {
+        context: {
             type: string;
         };
         type: {};
@@ -142,7 +142,7 @@ export declare const CardLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

package/build/cjs/blocks/ContentLayout/ContentLayout.js

@@ -4,7 +4,6 @@ exports.ContentLayoutBlock = 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 sub_blocks_1 = require("../../sub-blocks");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
@@ -32,11 +31,11 @@ function getTextWidth(size) {
 }
 const ContentLayoutBlock = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' }, blockName = models_1.BlockType.ContentLayoutBlock, } = props;
+    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' } } = props;
     const { size = 'l', background, centered, theme = 'default', textWidth = 'm', } = cardLayoutProperties;
     const colSizes = (0, react_1.useMemo)(() => getTextWidth(textWidth), [textWidth]);
     return (react_1.default.createElement("div", { className: b({ size, background: Boolean(background) }) },
-        react_1.default.createElement(sub_blocks_1.Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme, blockName: blockName })),
+        react_1.default.createElement(sub_blocks_1.Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
         fileContent && (react_1.default.createElement(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (react_1.default.createElement(components_1.FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
         background && (react_1.default.createElement("div", { className: b('background') },
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('background-item') }, background, { hide: isMobile }))))));

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

@@ -144,7 +144,7 @@ export declare const ContentLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

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

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

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -4,7 +4,6 @@ exports.ExtendedFeaturesBlock = 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 grid_1 = require("../../grid");
 const components_1 = require("../../components/");
 const sub_blocks_1 = require("../../sub-blocks");
@@ -17,7 +16,7 @@ const DEFAULT_SIZES = {
     sm: 6,
     md: 4,
 };
-const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, blockName = models_1.BlockType.ExtendedFeaturesBlock, }) => {
+const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         react_1.default.createElement(components_1.BlockHeader, { title: title, description: description, className: b('header') }),
@@ -35,7 +34,7 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                         itemTitle && (react_1.default.createElement("h5", { className: b('item-title') },
                             react_1.default.createElement(components_1.HTML, null, itemTitle),
                             label && (react_1.default.createElement("div", { className: b('item-label') }, label)))),
-                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo, blockName: blockName }))));
+                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;

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

@@ -124,7 +124,7 @@ export declare const ExtendedFeaturesBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

package/build/cjs/blocks/Header/Header.js

@@ -4,7 +4,6 @@ exports.HeaderBlock = 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 grid_1 = require("../../grid");
 const utils_2 = require("./utils");
@@ -14,15 +13,15 @@ const HeaderBreadcrumbs_1 = tslib_1.__importDefault(require("../../components/He
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const utils_3 = require("../../components/Media/Image/utils");
 const b = (0, utils_1.block)('header-block');
-const Background = ({ background, isMobile, blockName }) => {
+const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? (0, utils_3.getMediaImage)(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return (react_1.default.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (react_1.default.createElement(components_1.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 })))));
+    return (react_1.default.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (react_1.default.createElement(components_1.Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })))));
 };
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 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, blockName = models_1.BlockType.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 isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const hasRightSideImage = Boolean(image || video);
@@ -61,9 +60,9 @@ const HeaderBlock = (props) => {
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
                                     buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
-                                        react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button, { blockName: models_1.BlockType.HeaderBlock }))))))),
+                                        react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
                                 children))),
-                    hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed, blockName: blockName })))))));
+                    hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };
 exports.HeaderBlock = HeaderBlock;
 exports.default = exports.HeaderBlock;

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

@@ -307,7 +307,7 @@ export declare const HeaderProperties: {
                                 };
                             };
                         };
-                        blockName: {
+                        context: {
                             type: string;
                         };
                     };
@@ -345,7 +345,7 @@ export declare const HeaderProperties: {
                                     };
                                 };
                             };
-                            blockName: {
+                            context: {
                                 type: string;
                             };
                         };
@@ -718,7 +718,7 @@ export declare const HeaderBlock: {
                                         };
                                     };
                                 };
-                                blockName: {
+                                context: {
                                     type: string;
                                 };
                             };
@@ -756,7 +756,7 @@ export declare const HeaderBlock: {
                                             };
                                         };
                                     };
-                                    blockName: {
+                                    context: {
                                         type: string;
                                     };
                                 };
@@ -977,7 +977,7 @@ export declare const HeaderBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

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

@@ -177,7 +177,7 @@ export declare const HeaderSliderBlock: {
                                                     };
                                                 };
                                             };
-                                            blockName: {
+                                            context: {
                                                 type: string;
                                             };
                                         };
@@ -215,7 +215,7 @@ export declare const HeaderSliderBlock: {
                                                         };
                                                     };
                                                 };
-                                                blockName: {
+                                                context: {
                                                     type: string;
                                                 };
                                             };
@@ -511,7 +511,7 @@ export declare const HeaderSliderBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

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

@@ -54,7 +54,7 @@ export declare const IconsProps: {
         resetPaddings: {
             type: string;
         };
-        blockName: {
+        context: {
             type: string;
         };
         type: {};
@@ -118,7 +118,7 @@ export declare const IconsBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

package/build/cjs/blocks/Info/Info.js

@@ -4,14 +4,13 @@ exports.InfoBlock = 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 grid_1 = require("../../grid");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const Content_1 = tslib_1.__importDefault(require("../../sub-blocks/Content/Content"));
 const b = (0, utils_1.block)('info-block');
 const sizes = { md: 6, all: 12 };
 const InfoBlock = (props) => {
-    const { backgroundColor, theme: blockTheme = 'dark', buttons = [], title, sectionsTitle, links = [], rightContent = {}, leftContent = {}, blockName = models_1.BlockType.InfoBlock, } = props;
+    const { backgroundColor, theme: blockTheme = 'dark', buttons = [], title, sectionsTitle, links = [], rightContent = {}, leftContent = {}, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';
     const rightLinks = [
@@ -29,9 +28,9 @@ const InfoBlock = (props) => {
             react_1.default.createElement(grid_1.Grid, null,
                 react_1.default.createElement(grid_1.Row, null,
                     react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('left') },
-                        react_1.default.createElement(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps, { blockName: blockName }))),
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
                     react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('right') },
-                        react_1.default.createElement(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps, { blockName: blockName }))))))));
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
 };
 exports.InfoBlock = InfoBlock;
 exports.default = exports.InfoBlock;

package/build/cjs/blocks/Info/schema.d.ts

@@ -21,7 +21,7 @@ export declare const InfoBlock: {
                 type: string;
                 contentType: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             buttons: {

package/build/cjs/blocks/Info/schema.js

@@ -22,7 +22,7 @@ exports.InfoBlock = {
             }), sectionsTitle: {
                 type: 'string',
                 contentType: 'text',
-            }, blockName: {
+            }, context: {
                 type: 'string',
             }, buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock), theme: common_1.ThemeProps, links: (0, utils_1.filteredArray)(common_1.LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },

package/build/cjs/blocks/LinkTable/schema.d.ts

@@ -67,7 +67,7 @@ export declare const LinkTableBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

package/build/cjs/blocks/Media/Media.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const grid_1 = require("../../grid");
-const models_1 = require("../../models");
 const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const BlockHeader_1 = tslib_1.__importDefault(require("../../components/BlockHeader/BlockHeader"));
@@ -13,7 +12,7 @@ const MediaContent_1 = tslib_1.__importDefault(require("./MediaContent"));
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const b = (0, utils_1.block)('media-block');
 const MediaBlock = (props) => {
-    const { media, largeMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, disableShadow = false, blockName = models_1.BlockType.MediaBlock } = props, mediaContentProps = tslib_1.__rest(props, ["media", "largeMedia", "direction", "mobileDirection", "animated", "mediaOnly", "disableShadow", "blockName"]);
+    const { media, largeMedia, direction = 'content-media', mobileDirection = 'content-media', animated, mediaOnly, disableShadow = false } = props, mediaContentProps = tslib_1.__rest(props, ["media", "largeMedia", "direction", "mobileDirection", "animated", "mediaOnly", "disableShadow"]);
     const { title, description } = mediaContentProps;
     const [play, setPlay] = (0, react_1.useState)(false);
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
@@ -37,7 +36,7 @@ const MediaBlock = (props) => {
                 react_1.default.createElement(grid_1.Col, { className: b('content'), sizes: contentSizes }, mediaContent),
                 react_1.default.createElement(grid_1.Col, { sizes: mediaSizes },
                     react_1.default.createElement("div", { className: b('card', { shadow: !disableShadow }) },
-                        react_1.default.createElement(Media_1.default, Object.assign({}, mediaThemed, { playVideo: play, blockName: blockName }))))))));
+                        react_1.default.createElement(Media_1.default, Object.assign({}, mediaThemed, { playVideo: play }))))))));
 };
 exports.MediaBlock = MediaBlock;
 exports.default = exports.MediaBlock;

package/build/cjs/blocks/Media/MediaContent.js

@@ -3,13 +3,12 @@ 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 sub_blocks_1 = require("../../sub-blocks");
 const b = (0, utils_1.block)('media-content');
 const MediaContent = (props) => {
-    const { title, description, button, links, buttons = [], additionalInfo, size = 'l', blockName = models_1.BlockType.MediaBlock, } = props;
+    const { title, description, button, links, buttons = [], additionalInfo, size = 'l' } = props;
     const allButtons = button ? [Object.assign(Object.assign({}, button), { size: 'xl' }), ...buttons] : buttons;
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 }, blockName: blockName })));
+        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
 };
 exports.default = MediaContent;

package/build/cjs/blocks/Media/schema.d.ts

@@ -459,7 +459,7 @@ export declare const MediaBlock: {
                                         };
                                     };
                                 };
-                                blockName: {
+                                context: {
                                     type: string;
                                 };
                             };
@@ -497,7 +497,7 @@ export declare const MediaBlock: {
                                             };
                                         };
                                     };
-                                    blockName: {
+                                    context: {
                                         type: string;
                                     };
                                 };
@@ -603,7 +603,7 @@ export declare const MediaBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
+            context: {
                 type: string;
             };
             type: {};

package/build/cjs/blocks/Preview/MediaContent/MediaContent.d.ts

@@ -8,7 +8,7 @@ interface MediaContentProps extends Refable<HTMLDivElement> {
     switching: boolean;
     isActiveBlock: (id: number, isMediaBlock?: boolean) => boolean;
     showMediaContent: (id: number) => void;
-    blockName?: string;
+    context?: string;
 }
-declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "blockName" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
+declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "context" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
 export default MediaContent;

package/build/cjs/blocks/Preview/MediaContent/MediaContent.js

@@ -9,9 +9,8 @@ const PreviewContent_1 = tslib_1.__importDefault(require("./PreviewContent"));
 const PreviewMedia_1 = tslib_1.__importDefault(require("./PreviewMedia"));
 const ThemeValueContext_1 = require("../../../context/theme/ThemeValueContext");
 const b = (0, utils_1.block)('preview-media-content-block');
-const COMPONENT_NAME = 'preview-media-content';
 const MediaContent = (0, react_1.forwardRef)((props, ref) => {
-    const { items, title, description = '', switching, ratioMediaContent = '1-1', isActiveBlock, showMediaContent, blockName = COMPONENT_NAME, } = props;
+    const { items, title, description = '', switching, ratioMediaContent = '1-1', isActiveBlock, showMediaContent, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const [mediaSizes, setMediaSizes] = (0, react_1.useState)({ [grid_1.GridColumnSize.All]: 12 });
     const [contentSizes, setContentSizes] = (0, react_1.useState)({ [grid_1.GridColumnSize.All]: 12 });
@@ -33,7 +32,7 @@ const MediaContent = (0, react_1.forwardRef)((props, ref) => {
         const mediaMods = { active: isActiveBlock(id, true) };
         const onClick = () => showMediaContent(id);
         contentComponents.push(react_1.default.createElement(PreviewContent_1.default, Object.assign({ key: id, id: id }, content, { switching: switching, onClick: onClick, mods: contentMods })));
-        mediaComponents.push(react_1.default.createElement(PreviewMedia_1.default, { key: id, id: id, media: media && (0, utils_1.getThemedValue)(media, theme), play: isActive, mods: mediaMods, blockName: blockName }));
+        mediaComponents.push(react_1.default.createElement(PreviewMedia_1.default, { key: id, id: id, media: media && (0, utils_1.getThemedValue)(media, theme), play: isActive, mods: mediaMods }));
     });
     return (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(grid_1.Col, { sizes: contentSizes, className: b('content') },

package/build/cjs/blocks/Preview/MediaContent/PreviewMedia.d.ts

@@ -4,7 +4,6 @@ interface PreviewMediaProps {
     media: MediaProps;
     play: boolean;
     mods: Modifiers | null;
-    blockName?: string;
 }
 declare const PreviewMedia: (props: PreviewMediaProps) => JSX.Element;
 export default PreviewMedia;

package/build/cjs/blocks/Preview/MediaContent/PreviewMedia.js

@@ -5,10 +5,9 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
 const Media_1 = tslib_1.__importDefault(require("../../../components/Media/Media"));
 const b = (0, utils_1.block)('preview-media-block');
-const COMPONENT_NAME = 'preview-media';
 const PreviewMedia = (props) => {
-    const { id, media, play, mods, blockName = COMPONENT_NAME } = props;
+    const { id, media, play, mods } = props;
     return (react_1.default.createElement("div", { key: id, className: b('media', mods) },
-        react_1.default.createElement(Media_1.default, Object.assign({}, media, { playVideo: play, blockName: blockName }))));
+        react_1.default.createElement(Media_1.default, Object.assign({}, media, { playVideo: play }))));
 };
 exports.default = PreviewMedia;

package/build/cjs/blocks/Preview/Preview.js

@@ -8,7 +8,6 @@ const breakpointContext_1 = require("../../context/breakpointContext");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const MediaContent_1 = tslib_1.__importDefault(require("./MediaContent/MediaContent"));
 const grid_1 = require("../../grid");
-const models_1 = require("../../models");
 const constants_1 = require("../../constants");
 const useIntersection_1 = require("../../hooks/useIntersection");
 const b = (0, utils_1.block)('preview-block');
@@ -23,7 +22,7 @@ const INDENT_BETWEEN_TITLE_DESCRIPTION = 16;
 const PreviewBlock = (props) => {
     const { direction = 'content-media', animated, items, title, description, ratioMediaContent = '1-1', stopVideo = false, 
     // TODO YDB-server doesn't see previewRef.current and doesn't update the component CLOUDFRONT-9395
-    showImmediately = false, blockName = models_1.BlockType.PreviewBlock, } = props;
+    showImmediately = false, } = props;
     const breakpoint = (0, react_1.useContext)(breakpointContext_1.BreakpointContext);
     const isDesktop = breakpoint >= constants_1.BREAKPOINTS.md;
     const menuRef = react_1.default.useRef(null);
@@ -86,7 +85,7 @@ const PreviewBlock = (props) => {
     }, [changeActiveSlide, activeSlide, autoSwitchTimerId]);
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
         react_1.default.createElement(grid_1.Row, { ref: previewRef, className: b('row', { reverse: direction === 'media-content' }) },
-            react_1.default.createElement(MediaContent_1.default, { ref: menuRef, items: items, title: title, description: description, ratioMediaContent: ratioMediaContent, switching: !stopSwitching, isActiveBlock: isActiveBlock, showMediaContent: showMediaContent, blockName: blockName }))));
+            react_1.default.createElement(MediaContent_1.default, { ref: menuRef, items: items, title: title, description: description, ratioMediaContent: ratioMediaContent, switching: !stopSwitching, isActiveBlock: isActiveBlock, showMediaContent: showMediaContent }))));
 };
 exports.PreviewBlock = PreviewBlock;
 function changeMenuScroll(element, nextSlide, activeSlide) {

package/build/cjs/blocks/Preview/schema.d.ts

@@ -30,7 +30,7 @@ export declare const PreviewBlock: {
                     };
                 };
             };
-            blockName: {
+            context: {
                 type: string;
             };
             animated: {

package/build/cjs/blocks/Preview/schema.js

@@ -48,7 +48,7 @@ exports.PreviewBlock = {
             }, ratioMediaContent: {
                 type: 'string',
                 enum: previewRatioMediaContent,
-            }, items: (0, utils_1.filteredArray)(PreviewItem), blockName: {
+            }, items: (0, utils_1.filteredArray)(PreviewItem), context: {
                 type: 'string',
             } }),
     },