@gravity-ui/page-constructor 5.33.4-beta.0 → 5.33.4

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 declare const ContentLayoutBlock: (props: ContentLayoutBlockProps) => JSX.Element;
 export default ContentLayoutBlock;

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

@@ -1,12 +1,10 @@
-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 React, { useContext, useMemo } from 'react';
+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) {
@@ -30,12 +28,15 @@ function getTextWidth(size) {
     }
 }
 export const ContentLayoutBlock = (props) => {
-    const isMobile = React.useContext(MobileContext);
+    const isMobile = useContext(MobileContext);
     const { textContent, fileContent, size = 'l', background, centered, theme = 'default', textWidth = 'm', } = props;
-    const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
+    const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = useTheme();
     const themedBackground = getThemedValue(background, globalTheme);
-    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 })) }))] }));
+    return (React.createElement("div", { className: b({ size, theme, background: Boolean(background) }) },
+        React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
+        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') }, 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 declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, }: ExtendedFeaturesProps) => JSX.Element;
 export default ExtendedFeaturesBlock;

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

@@ -1,12 +1,11 @@
-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 React from 'react';
+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 = {
@@ -17,18 +16,27 @@ const DEFAULT_SIZES = {
 export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const theme = useTheme();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
-    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx("div", { className: b('items'), children: _jsx(Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
-                        const itemLinks = links || [];
-                        const iconThemed = icon && getThemedValue(icon, theme);
-                        const iconData = iconThemed && getMediaImage(iconThemed);
-                        if (link) {
-                            itemLinks.push(link);
-                        }
-                        return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, Object.assign({}, iconData, { className: b('icon') })) })), _jsxs("div", { className: b('container'), children: [itemTitle &&
-                                            React.createElement(itemTitleHeadingTag, {
-                                                className: b('item-title'),
-                                            }, _jsxs(React.Fragment, { children: [_jsx(HTML, { children: itemTitle }), label && (_jsx("span", { className: b('item-label'), children: label }))] })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
-                    }) }) })] }));
+    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
+        React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
+        React.createElement("div", { className: b('items') },
+            React.createElement(Row, null, items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
+                const itemLinks = links || [];
+                const iconThemed = icon && getThemedValue(icon, theme);
+                const iconData = iconThemed && getMediaImage(iconThemed);
+                if (link) {
+                    itemLinks.push(link);
+                }
+                return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
+                    iconData && (React.createElement("div", { className: b('icon-wrap'), "aria-hidden": true },
+                        React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })))),
+                    React.createElement("div", { className: b('container') },
+                        itemTitle &&
+                            React.createElement(itemTitleHeadingTag, {
+                                className: b('item-title'),
+                            }, React.createElement(React.Fragment, null,
+                                React.createElement(HTML, null, itemTitle),
+                                label && (React.createElement("span", { className: b('item-label') }, label)))),
+                        React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
+            })))));
 };
 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 React from 'react';
+import { FilterBlockProps } from '../../models';
 import './FilterBlock.css';
 declare const FilterBlock: React.FC<FilterBlockProps>;
 export default FilterBlock;

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

@@ -1,38 +1,42 @@
-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 React, { useMemo, useState } from 'react';
+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, }) => {
-    const tabButtons = React.useMemo(() => {
+    const tabButtons = useMemo(() => {
         const allButton = allTag
             ? { id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag }
             : undefined;
         const otherButtons = tags && tags.map((tag) => ({ id: tag.id, title: tag.label }));
         return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];
     }, [allTag, tags]);
-    const [selectedTag, setSelectedTag] = React.useState(tabButtons.length ? tabButtons[0].id : null);
-    const actualTag = React.useMemo(() => {
+    const [selectedTag, setSelectedTag] = useState(tabButtons.length ? tabButtons[0].id : null);
+    const actualTag = useMemo(() => {
         return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)
             ? tabButtons[0].id
             : selectedTag;
     }, [tabButtons, selectedTag]);
-    const cards = React.useMemo(() => {
+    const cards = useMemo(() => {
         const itemsToShow = actualTag
             ? items.filter((item) => item.tags.includes(actualTag))
             : items;
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
-    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [title && (_jsx(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && (_jsx(Row, { children: _jsx(Col, { children: _jsx(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), _jsx(Row, { className: b('block-container'), children: _jsx(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
-                        const key = getBlockKey(card, index);
-                        return _jsx(ConstructorItem, { data: card, blockKey: key }, key);
-                    }) }) })] }));
+    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
+        title && (React.createElement(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
+        tabButtons.length && (React.createElement(Row, null,
+            React.createElement(Col, null,
+                React.createElement(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
+        React.createElement(Row, { className: b('block-container') },
+            React.createElement(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container') }, cards.map((card, index) => {
+                const key = getBlockKey(card, index);
+                return React.createElement(ConstructorItem, { data: card, blockKey: key, key: key });
+            })))));
 };
 export default FilterBlock;
-//# sourceMappingURL=FilterBlock.js.map

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

@@ -1,5 +1 @@
-export declare const i18n: ((key: "label-all-tag", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-FilterBlock": Record<"label-all-tag", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "label-all-tag", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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.css

@@ -17,7 +17,10 @@ unpredictable css rules order in build */
 }
 .pc-form-block__media {
   position: absolute;
-  inset: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
   border-radius: 32px;
 }
 .pc-form-block__image {

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 React from 'react';
+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,28 +1,27 @@
-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 React, { useCallback, useContext, useState } from 'react';
+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 };
 const FormBlock = (props) => {
     var _a;
     const { formData, title, textContent, direction = FormBlockDirection.Center, background } = props;
-    const [contentLoaded, setContentLoaded] = React.useState(false);
-    const isMobile = React.useContext(MobileContext);
+    const [contentLoaded, setContentLoaded] = useState(false);
+    const isMobile = useContext(MobileContext);
     const theme = useTheme();
     const themedBackground = getThemedValue(background, theme) || undefined;
     const withBackground = Boolean(themedBackground &&
         (themedBackground.src ||
             themedBackground.desktop ||
             ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
-    const onContentLoad = React.useCallback(() => {
+    const onContentLoad = useCallback(() => {
         setContentLoaded(true);
     }, []);
     if (!formData) {
@@ -35,19 +34,28 @@ const FormBlock = (props) => {
     else if (isHubspotDataForm(formData)) {
         formType = FormBlockDataTypes.HUBSPOT;
     }
-    return (_jsxs("div", { className: b({
+    return (React.createElement("div", { className: b({
             'with-background': withBackground,
             'form-type': formType,
-        }), children: [themedBackground && (_jsx(BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))), _jsx(Grid, { children: _jsxs(Row, { alignItems: direction === FormBlockDirection.Center
-                        ? GridAlignItems.Center
-                        : GridAlignItems.Start, className: b('row', {
-                        direction,
-                    }), children: [_jsx(Col, { sizes: colSizes, className: b('content-col'), children: textContent && (_jsx("div", { className: b('content-wrapper'), children: _jsx(Content, Object.assign({ theme: "default" }, textContent, { centered: direction === FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') })) })) }), _jsx(Col, { sizes: colSizes, className: b('form-col'), children: _jsx("div", { className: b('form-wrapper'), children: _jsxs("div", { className: b('full-form', {
-                                        hidden: !contentLoaded,
-                                    }), children: [title && (_jsx(Title, { title: {
-                                                text: title,
-                                                textSize: 's',
-                                            }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })), _jsx(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad })] }) }) })] }) })] }));
+        }) },
+        themedBackground && (React.createElement(BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))),
+        React.createElement(Grid, null,
+            React.createElement(Row, { alignItems: direction === FormBlockDirection.Center
+                    ? GridAlignItems.Center
+                    : GridAlignItems.Start, className: b('row', {
+                    direction,
+                }) },
+                React.createElement(Col, { sizes: colSizes, className: b('content-col') }, textContent && (React.createElement("div", { className: b('content-wrapper') },
+                    React.createElement(Content, Object.assign({ theme: "default" }, textContent, { centered: direction === FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') }))))),
+                React.createElement(Col, { sizes: colSizes, className: b('form-col') },
+                    React.createElement("div", { className: b('form-wrapper') },
+                        React.createElement("div", { className: b('full-form', {
+                                hidden: !contentLoaded,
+                            }) },
+                            title && (React.createElement(Title, { title: {
+                                    text: title,
+                                    textSize: 's',
+                                }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })),
+                            React.createElement(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.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ClassNameProps, HeaderBlockProps } from "../../models/index.js";
+import React from 'react';
+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;
+export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => JSX.Element;
 export default HeaderBlock;

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

@@ -1,27 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
 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 { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
 import './Header.css';
 const b = block('header-block');
 const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? getMediaImage(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return (_jsx("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color }, children: renderMedia && (_jsx(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 })))));
 };
-const FullWidthBackground = ({ background }) => (_jsx("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
+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, renderTitle, children, mediaView = 'full', } = props;
-    const isMobile = React.useContext(MobileContext);
+    const isMobile = useContext(MobileContext);
     const theme = useTheme();
     const hasRightSideImage = Boolean(image || video);
     const curImageSize = imageSize || getImageSize(width);
@@ -35,19 +34,40 @@ export const HeaderBlock = (props) => {
     const videoThemed = video && getThemedValue(video, theme);
     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({
+    return (React.createElement("header", { className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
-        }, className), children: [backgroundThemed && fullWidth && _jsx(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && _jsx(Background, { background: backgroundThemed, isMobile: isMobile }), _jsxs(Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && (_jsx(Row, { className: b('breadcrumbs'), children: _jsx(Col, { children: _jsx(HeaderBreadcrumbs, Object.assign({}, breadcrumbs, { theme: textTheme })) }) })), _jsx(Row, { children: _jsxs(Col, { reset: true, className: b('content-wrapper'), children: [_jsx(Row, { children: _jsx(Col, { className: b('content', {
-                                            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: {
-                                                            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 }))] }) })] })] }));
+        }, className) },
+        backgroundThemed && fullWidth && React.createElement(FullWidthBackground, { background: backgroundThemed }),
+        backgroundThemed && React.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
+        React.createElement(Grid, { containerClass: b('container-fluid') },
+            breadcrumbs && (React.createElement(Row, { className: b('breadcrumbs') },
+                React.createElement(Col, null,
+                    React.createElement(HeaderBreadcrumbs, Object.assign({}, breadcrumbs, { theme: textTheme }))))),
+            React.createElement(Row, null,
+                React.createElement(Col, { reset: true, className: b('content-wrapper') },
+                    React.createElement(Row, null,
+                        React.createElement(Col, { className: b('content', {
+                                offset,
+                                theme: textTheme,
+                                'vertical-offset': curVerticalOffset,
+                            }) },
+                            React.createElement(Col, { sizes: titleSizes, className: b('content-inner') },
+                                overtitle && (React.createElement("div", { className: b('overtitle') },
+                                    React.createElement(HTML, null, overtitle))),
+                                React.createElement("h1", { className: b('title'), id: titleId },
+                                    status,
+                                    renderTitle ? renderTitle(title) : React.createElement(HTML, null, title)),
+                                description && (React.createElement("div", { className: b('description', { theme: textTheme }) },
+                                    React.createElement(YFMWrapper, { content: description, modifiers: {
+                                            constructor: true,
+                                            constructorTheme: textTheme,
+                                        } }))),
+                                buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-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", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
+                                children))),
+                    hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };
 export default HeaderBlock;
-//# sourceMappingURL=Header.js.map