@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -18,7 +18,7 @@ export declare const BannerCardProps: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -38,7 +38,7 @@ export declare const BannerCardProps: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -237,7 +237,7 @@ export declare const BannerBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -257,7 +257,7 @@ export declare const BannerBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -457,7 +457,7 @@ export declare const BannerCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -477,7 +477,7 @@ export declare const BannerCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,4 +1,4 @@
-import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from "../../schema/validators/common.js";
+import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from '../../schema/validators/common';
 export const BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],
@@ -28,4 +28,3 @@ export const BannerBlock = {
 export const BannerCard = {
     'banner-card': BannerCardProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from "../../models/index.js";
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from '../../models';
 import './CardLayout.css';
 export type CardLayoutBlockProps = React.PropsWithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -2,10 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import isEmpty from 'lodash/isEmpty';
-import { AnimateBlock, BackgroundImage, Title } from "../../components/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, Row } from "../../grid/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import { AnimateBlock, BackgroundImage, Title } from '../../components';
+import { useTheme } from '../../context/theme';
+import { Col, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
 import './CardLayout.css';
 const DEFAULT_SIZES = {
     all: 12,
@@ -21,4 +21,3 @@ const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, ch
                 }), children: [_jsx(BackgroundImage, Object.assign({ className: b('image', { border }) }, backgroundImageProps)), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
 };
 export default CardLayout;
-//# sourceMappingURL=CardLayout.js.map

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

@@ -1,5 +1,5 @@
-import { ImageBaseObjectProps, ImageDeviceProps } from "../../components/Image/schema.js";
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from "../../schema/validators/common.js";
+import { ImageBaseObjectProps, ImageDeviceProps } from '../../components/Image/schema';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from '../../schema/validators/common';
 export const CardLayoutProps = {
     additionalProperties: false,
     required: [],
@@ -13,4 +13,3 @@ export const CardLayoutProps = {
 export const CardLayoutBlock = {
     'card-layout-block': CardLayoutProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { CompaniesBlockProps } from "../../models/index.js";
+import { CompaniesBlockProps } from '../../models';
 import './Companies.css';
 export declare const CompaniesBlock: ({ title, description, images, animated }: CompaniesBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default CompaniesBlock;

package/build/esm/blocks/Companies/Companies.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Image, Title } from "../../components/index.js";
-import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
-import { useTheme } from "../../context/theme/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import { Image, Title } from '../../components';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
 import './Companies.css';
 const b = block('companies-block');
 export const CompaniesBlock = ({ title, description, images, animated }) => {
@@ -11,4 +11,3 @@ export const CompaniesBlock = ({ title, description, images, animated }) => {
     return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, Object.assign({}, themedImages, { className: b('image') })) })] }) }));
 };
 export default CompaniesBlock;
-//# sourceMappingURL=Companies.js.map

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

@@ -35,7 +35,7 @@ export declare const CompaniesBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,4 +1,4 @@
-import { AnimatableProps, BaseProps, withTheme } from "../../schema/validators/common.js";
+import { AnimatableProps, BaseProps, withTheme } from '../../schema/validators/common';
 export const CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,
@@ -30,4 +30,3 @@ export const CompaniesBlock = {
             }) }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

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

@@ -1,12 +1,12 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { BackgroundImage, FileLink } from "../../components/index.js";
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col } from "../../grid/index.js";
-import { Content } from "../../sub-blocks/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import { BackgroundImage, FileLink } from '../../components';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { Col } from '../../grid';
+import { Content } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
 import './ContentLayout.css';
 const b = block('content-layout-block');
 function getFileTextSize(size) {
@@ -38,4 +38,3 @@ export const ContentLayoutBlock = (props) => {
     return (_jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })) }))] }));
 };
 export default ContentLayoutBlock;
-//# sourceMappingURL=ContentLayout.js.map

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

@@ -1,7 +1,7 @@
-import { BackgroundImageProps } from "../../components/Image/schema.js";
-import { BlockBaseProps, FileLinkProps, contentSizes, contentTextWidth, contentThemes, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
-import { ContentBlock } from "../../sub-blocks/Content/schema.js";
+import { BackgroundImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, FileLinkProps, contentSizes, contentTextWidth, contentThemes, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBlock } from '../../sub-blocks/Content/schema';
 const ContentLayoutBlockProperties = {
     size: {
         type: 'string',
@@ -30,4 +30,3 @@ export const ContentLayoutBlock = {
             properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { AnimateBlock, HTML, Title } from "../../components/index.js";
-import Image from "../../components/Image/Image.js";
-import { getMediaImage } from "../../components/Media/Image/utils.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, Row } from "../../grid/index.js";
-import { Content } from "../../sub-blocks/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import { AnimateBlock, HTML, Title } from '../../components/';
+import Image from '../../components/Image/Image';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import { useTheme } from '../../context/theme';
+import { Col, Row } from '../../grid';
+import { Content } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
 import './ExtendedFeatures.css';
 const b = block('ExtendedFeaturesBlock');
 const DEFAULT_SIZES = {
@@ -31,4 +31,3 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                     }) }) })] }));
 };
 export default ExtendedFeaturesBlock;
-//# sourceMappingURL=ExtendedFeatures.js.map

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

@@ -163,7 +163,7 @@ export declare const ExtendedFeaturesItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -1,6 +1,6 @@
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, LinkProps, containerSizesObject, withTheme, } from "../../schema/validators/common.js";
-import { ImageProps } from "../../schema/validators/components.js";
-import { filteredArray } from "../../schema/validators/utils.js";
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, LinkProps, containerSizesObject, withTheme, } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
+import { filteredArray } from '../../schema/validators/utils';
 export const ExtendedFeaturesItem = {
     additionalProperties: false,
     required: [],
@@ -28,4 +28,3 @@ export const ExtendedFeaturesBlock = {
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { items: filteredArray(ExtendedFeaturesItem), colSizes: containerSizesObject }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FilterBlockProps } from "../../models/index.js";
+import { FilterBlockProps } from '../../models';
 import './FilterBlock.css';
 declare const FilterBlock: React.FC<FilterBlockProps>;
 export default FilterBlock;

package/build/esm/blocks/FilterBlock/FilterBlock.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { CardLayoutBlock } from "../index.js";
-import { AnimateBlock, Title } from "../../components/index.js";
-import ButtonTabs from "../../components/ButtonTabs/ButtonTabs.js";
-import { ConstructorItem } from "../../containers/PageConstructor/components/ConstructorItem/index.js";
-import { Col, Row } from "../../grid/index.js";
-import { block, getBlockKey } from "../../utils/index.js";
-import { i18n } from "./i18n/index.js";
+import { CardLayoutBlock } from '..';
+import { AnimateBlock, Title } from '../../components';
+import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
+import { ConstructorItem } from '../../containers/PageConstructor/components/ConstructorItem';
+import { Col, Row } from '../../grid';
+import { block, getBlockKey } from '../../utils';
+import { i18n } from './i18n';
 import './FilterBlock.css';
 const b = block('filter-block');
 const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {
@@ -35,4 +35,3 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
                     }) }) })] }));
 };
 export default FilterBlock;
-//# sourceMappingURL=FilterBlock.js.map

package/build/esm/blocks/FilterBlock/i18n/index.js

@@ -1,6 +1,5 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from "../../../utils/cn.js";
-import en from "./en.json";
-import ru from "./ru.json";
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FilterBlock`);
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, containerSizesObject, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, containerSizesObject, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 export const FilterTagProps = {
     additionalProperties: false,
     required: ['id', 'label'],
@@ -47,4 +47,3 @@ export const FilterProps = {
 export const FilterBlock = {
     'filter-block': FilterProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FormBlockProps } from "../../models/index.js";
+import type { FormBlockProps } from '../../models';
 import './Form.css';
 declare const FormBlock: React.FC<FormBlockProps>;
 export default FormBlock;

package/build/esm/blocks/Form/Form.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { BackgroundImage, Title } from "../../components/index.js";
-import InnerForm from "../../components/InnerForm/InnerForm.js";
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, Grid, GridAlignItems, GridColumnSize, Row } from "../../grid/index.js";
-import { FormBlockDataTypes, FormBlockDirection, isHubspotDataForm, isYandexDataForm, } from "../../models/index.js";
-import { Content } from "../../sub-blocks/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import { BackgroundImage, Title } from '../../components';
+import InnerForm from '../../components/InnerForm/InnerForm';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { Col, Grid, GridAlignItems, GridColumnSize, Row } from '../../grid';
+import { FormBlockDataTypes, FormBlockDirection, isHubspotDataForm, isYandexDataForm, } from '../../models';
+import { Content } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
 import './Form.css';
 const b = block('form-block');
 const colSizes = { [GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12 };
@@ -50,4 +50,3 @@ const FormBlock = (props) => {
                                             }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })), _jsx(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad })] }) }) })] }) })] }));
 };
 export default FormBlock;
-//# sourceMappingURL=Form.js.map

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

@@ -32,7 +32,7 @@ export declare const FormBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -70,7 +70,7 @@ export declare const FormBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];

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

@@ -1,9 +1,9 @@
 import omit from 'lodash/omit';
-import { ImageProps } from "../../components/Image/schema.js";
-import { YandexFormProps } from "../../components/YandexForm/schema.js";
-import { BlockBaseProps, withTheme } from "../../schema/validators/common.js";
-import { ContentBase } from "../../sub-blocks/Content/schema.js";
-import { HubspotFormProps } from "../../sub-blocks/HubspotForm/schema.js";
+import { ImageProps } from '../../components/Image/schema';
+import { YandexFormProps } from '../../components/YandexForm/schema';
+import { BlockBaseProps, withTheme } from '../../schema/validators/common';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+import { HubspotFormProps } from '../../sub-blocks/HubspotForm/schema';
 const FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);
 export const FormBlock = {
     'form-block': {
@@ -38,4 +38,3 @@ export const FormBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Header/Header.css

@@ -52,6 +52,10 @@ unpredictable css rules order in build */
   position: relative;
   z-index: 10;
 }
+.pc-header-block__content-inner_centered {
+  margin-inline: auto;
+  text-align: center;
+}
 .pc-header-block__title {
   font-size: var(--g-text-display-4-font-size);
   line-height: var(--g-text-display-4-line-height);
@@ -91,6 +95,8 @@ unpredictable css rules order in build */
 }
 .pc-header-block__button.pc-header-block__button {
   margin-top: 16px;
+}
+.pc-header-block__button.pc-header-block__button:not(:last-child) {
   margin-right: 16px;
 }
 

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, HeaderBlockProps } from "../../models/index.js";
+import { ClassNameProps, HeaderBlockProps } from '../../models';
 import './Header.css';
 type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
 export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable complexity */
 import { useUniqId } from '@gravity-ui/uikit';
 import * as React from 'react';
-import { Button, HTML, Media, RouterLink } from "../../components/index.js";
-import HeaderBreadcrumbs from "../../components/HeaderBreadcrumbs/HeaderBreadcrumbs.js";
-import { getMediaImage } from "../../components/Media/Image/utils.js";
-import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, Grid, Row } from "../../grid/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import { getImageSize, getTitleSizes, titleWithImageSizes } from "./utils.js";
+import { Button, HTML, Media, RouterLink } from '../../components';
+import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { Col, Grid, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
 import './Header.css';
 const b = block('header-block');
 const Background = ({ background, isMobile }) => {
@@ -20,10 +22,10 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (_jsx("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, renderTitle, children, mediaView = 'full', } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, } = props;
     const isMobile = React.useContext(MobileContext);
     const theme = useTheme();
-    const hasRightSideImage = Boolean(image || video);
+    const hasRightSideImage = Boolean((image || video) && !centered);
     const curImageSize = imageSize || getImageSize(width);
     const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);
     let curVerticalOffset = verticalOffset;
@@ -33,6 +35,10 @@ export const HeaderBlock = (props) => {
     const backgroundThemed = background && getThemedValue(background, theme);
     const imageThemed = image && getThemedValue(image, theme);
     const videoThemed = video && getThemedValue(video, theme);
+    const mediaWithMicrodata = mergeVideoMicrodata({ video: videoThemed, image: imageThemed }, {
+        name: title,
+        description,
+    });
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = useUniqId();
     return (_jsxs("header", { className: b({
@@ -44,10 +50,9 @@ export const HeaderBlock = (props) => {
                                             offset,
                                             theme: textTheme,
                                             'vertical-offset': curVerticalOffset,
-                                        }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner'), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: _jsx(HTML, { children: overtitle }) })), _jsxs("h1", { className: b('title'), id: titleId, children: [status, renderTitle ? renderTitle(title) : _jsx(HTML, { children: title })] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                                        }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? (_jsx(HTML, { children: overtitle })) : (overtitle) })), _jsxs("h1", { className: b('title'), id: titleId, children: [status, renderTitle ? renderTitle(title) : _jsx(HTML, { children: title })] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
                                                             constructor: true,
                                                             constructorTheme: textTheme,
-                                                        } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, Object.assign({ className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button), index) }, index))) })), children] }) }) }), hasRightSideImage && (_jsx(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed }))] }) })] })] }));
+                                                        } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, Object.assign({ className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button), index) }, index))) })), children] }) }) }), hasRightSideImage && (_jsx(Media, Object.assign({ className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image') }, mediaWithMicrodata)))] }) })] })] }));
 };
 export default HeaderBlock;
-//# sourceMappingURL=Header.js.map