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

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

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { CardBase, IconWrapper } from "../../components/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { IconPosition } from "../../models/constructor-items/sub-blocks.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import Content from "../Content/Content.js";
+import { CardBase, IconWrapper } from '../../components';
+import { useTheme } from '../../context/theme';
+import { IconPosition } from '../../models/constructor-items/sub-blocks';
+import { block, getThemedValue } from '../../utils';
+import Content from '../Content/Content';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
@@ -15,7 +15,9 @@ const BasicCard = (props) => {
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();
     const themedIcon = getThemedValue(icon, theme);
-    return (_jsx(CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: _jsx(CardBase.Content, { children: _jsx(IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: _jsx(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) })));
+    return (React.createElement(CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
+        React.createElement(CardBase.Content, null,
+            React.createElement(IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper') },
+                React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
 };
 export default BasicCard;
-//# sourceMappingURL=BasicCard.js.map

package/build/esm/sub-blocks/BasicCard/schema.js

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { ImageProps } from "../../components/Image/schema.js";
-import { BaseProps, CardBase, CardLayoutProps } from "../../schema/validators/common.js";
-import { ContentBase } from "../Content/schema.js";
+import { ImageProps } from '../../components/Image/schema';
+import { BaseProps, CardBase, CardLayoutProps } from '../../schema/validators/common';
+import { ContentBase } from '../Content/schema';
 const BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);
 export const BasicCard = {
     'basic-card': {
@@ -23,4 +23,3 @@ export const BasicCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,6 +1,6 @@
-import { ClassNameProps, ContentBlockProps } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import { ClassNameProps, ContentBlockProps } from '../../models';
+import { QAProps } from '../../models/common';
 import './Content.css';
 export type ContentProps = ContentBlockProps & ClassNameProps & QAProps;
-declare const Content: (props: ContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const Content: (props: ContentProps) => JSX.Element;
 export default Content;

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { Buttons, ContentList, Links, Title, YFMWrapper } from "../../components/index.js";
-import { Col } from "../../grid/index.js";
-import { block } from "../../utils/index.js";
-import { getQaAttrubutes } from "../../utils/blocks.js";
+import { Buttons, ContentList, Links, Title, YFMWrapper } from '../../components';
+import { Col } from '../../grid';
+import { block } from '../../utils';
+import { getQaAttrubutes } from '../../utils/blocks';
 import './Content.css';
 const b = block('content');
 function getTextSize(size) {
@@ -24,11 +24,19 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = useUniqId();
     const titleId = titleIdFromProps || defaultTitleId;
-    return (_jsxs(Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && (_jsx(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && (_jsx("div", { className: b('text', { ['without-title']: !hasTitle }), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), (list === null || list === void 0 ? void 0 : list.length) ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && (_jsx("div", { className: b('notice'), children: _jsx(YFMWrapper, { content: additionalInfo, modifiers: {
-                        constructor: true,
-                        'constructor-notice': true,
-                        [`constructor-size-${size}`]: true,
-                    } }) })), links && (_jsx(Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })), buttons && (_jsx(Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))] }));
+    return (React.createElement(Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
+        title && (React.createElement(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
+        text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
+            React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
+        (list === null || list === void 0 ? void 0 : list.length) ? (React.createElement("div", { className: b('list') },
+            React.createElement(ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }))) : null,
+        additionalInfo && (React.createElement("div", { className: b('notice') },
+            React.createElement(YFMWrapper, { content: additionalInfo, modifiers: {
+                    constructor: true,
+                    'constructor-notice': true,
+                    [`constructor-size-${size}`]: true,
+                } }))),
+        links && (React.createElement(Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        buttons && (React.createElement(Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
 };
 export default Content;
-//# sourceMappingURL=Content.js.map

package/build/esm/sub-blocks/Content/schema.d.ts

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

package/build/esm/sub-blocks/Content/schema.js

@@ -1,6 +1,6 @@
-import { ImageProps } from "../../components/Image/schema.js";
-import { ButtonBlock, LinkProps, TitleProps, containerSizesArray, contentSizes, contentThemes, sizeNumber, withTheme, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
+import { ImageProps } from '../../components/Image/schema';
+import { ButtonBlock, LinkProps, TitleProps, containerSizesArray, contentSizes, contentThemes, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 export const ContentItem = {
     additionalProperties: false,
     required: ['icon'],
@@ -60,4 +60,3 @@ export const ContentBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/Divider/Divider.d.ts

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

package/build/esm/sub-blocks/Divider/Divider.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from "../../utils/index.js";
+import React from 'react';
+import { block } from '../../utils';
 import './Divider.css';
 const b = block('divider-block');
-const Divider = ({ size = 'm', border }) => _jsx("div", { className: b({ size, border }) });
+const Divider = ({ size = 'm', border }) => React.createElement("div", { className: b({ size, border }) });
 export default Divider;
-//# sourceMappingURL=Divider.js.map

package/build/esm/sub-blocks/Divider/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps, dividerEnum } from "../../schema/validators/common.js";
+import { BaseProps, dividerEnum } from '../../schema/validators/common';
 export const Divider = {
     divider: {
         additionalProperties: false,
@@ -7,4 +7,3 @@ export const Divider = {
             }, size: dividerEnum }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HubspotFormProps } from "../../models/index.js";
+import React from 'react';
+import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
 declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,13 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useMount } from "../../hooks/index.js";
-import loadHubspotScript from "./loadHubspotScript.js";
-const HubspotFormContainer = React.forwardRef((props, ref) => {
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { useMount } from '../../hooks';
+import loadHubspotScript from './loadHubspotScript';
+const HubspotFormContainer = forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
-    const containerRef = React.useRef(null);
-    const hsContainerRef = React.useRef();
+    const containerRef = useRef(null);
+    const hsContainerRef = useRef();
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    React.useImperativeHandle(ref, () => containerRef.current);
+    useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -44,8 +43,7 @@ const HubspotFormContainer = React.forwardRef((props, ref) => {
             }
         };
     });
-    return _jsx("div", { className: className, id: containerId, ref: containerRef });
+    return React.createElement("div", { className: className, id: containerId, ref: containerRef });
 });
 HubspotFormContainer.displayName = 'HubspotFormContainer';
 export default HubspotFormContainer;
-//# sourceMappingURL=HubspotFormContainer.js.map

package/build/esm/sub-blocks/HubspotForm/index.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HubspotFormProps } from "../../models/index.js";
+import React from 'react';
+import { HubspotFormProps } from '../../models';
 import './HubspotForm.css';
 declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

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

@@ -1,23 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { useAnalytics, useHandleHubspotEvents } from "../../hooks/index.js";
-import { DefaultEventNames } from "../../models/index.js";
-import { block } from "../../utils/index.js";
-import HubspotFormContainer from "./HubspotFormContainer.js";
+import React, { forwardRef, useContext, useMemo } from 'react';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
+import { DefaultEventNames } from '../../models';
+import { block } from '../../utils';
+import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
-const HubspotForm = React.forwardRef((props, ref) => {
+const HubspotForm = forwardRef((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
     const themeValue = useTheme();
     const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);
-    const isMobileValue = React.useContext(MobileContext);
+    const isMobileValue = useContext(MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
     const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
-    const handlers = React.useMemo(() => ({
+    const handlers = useMemo(() => ({
         onBeforeLoad,
         onBeforeSubmit,
         onLoad,
@@ -36,8 +35,7 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmitError,
     ]);
     useHandleHubspotEvents(handlers, formId);
-    return (_jsx(HubspotFormContainer, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
+    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
 });
 HubspotForm.displayName = 'HubspotForm';
 export default HubspotForm;
-//# sourceMappingURL=index.js.map

package/build/esm/sub-blocks/HubspotForm/loadHubspotScript.js

@@ -21,4 +21,3 @@ const loadHubspotScript = async () => {
     }
 };
 export default loadHubspotScript;
-//# sourceMappingURL=loadHubspotScript.js.map

package/build/esm/sub-blocks/HubspotForm/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps } from "../../schema/validators/common.js";
+import { BaseProps } from '../../schema/validators/common';
 export const HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
@@ -12,4 +12,3 @@ export const HubspotFormProps = {
             type: 'string',
         } }),
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/ImageCard/ImageCard.d.ts

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

package/build/esm/sub-blocks/ImageCard/ImageCard.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React from 'react';
 import { Link, useUniqId } from '@gravity-ui/uikit';
-import { Image } from "../../components/index.js";
-import { getMediaImage } from "../../components/Media/Image/utils.js";
-import { useTheme } from "../../context/theme/index.js";
-import { ImageCardDirection } from "../../models/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import Content from "../Content/Content.js";
+import { Image } from '../../components';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import { useTheme } from '../../context/theme';
+import { ImageCardDirection } from '../../models';
+import { block, getThemedValue } from '../../utils';
+import Content from '../Content/Content';
 import './ImageCard.css';
 const b = block('image-card');
 const CONTENT_COL_SIZES = { all: 12, md: 12 };
@@ -18,11 +17,14 @@ const ImageCard = (props) => {
     const themedImage = getThemedValue(image, globalTheme);
     const imageProps = getMediaImage(themedImage);
     const titleId = useUniqId();
-    const cardContent = (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('image', { margins }), children: _jsx(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && (_jsx("div", { className: b('content'), children: _jsx(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
-    return url ? (_jsx(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
+    const cardContent = (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: b('image', { margins }) },
+            React.createElement(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
+        hasContent && (React.createElement("div", { className: b('content') },
+            React.createElement(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
+    return url ? (React.createElement(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),
-        }, children: cardContent })) : (_jsx("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
+        } }, cardContent)) : (React.createElement("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor } }, cardContent));
 };
 export default ImageCard;
-//# sourceMappingURL=ImageCard.js.map

package/build/esm/sub-blocks/ImageCard/schema.js

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { BaseProps, CardBase, CardLayoutProps } from "../../schema/validators/common.js";
-import { ImageProps } from "../../schema/validators/components.js";
-import { ContentBase } from "../Content/schema.js";
+import { BaseProps, CardBase, CardLayoutProps } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
+import { ContentBase } from '../Content/schema';
 const ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);
 export const ImageCard = {
     'image-card': {
@@ -22,4 +22,3 @@ export const ImageCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { LayoutItemProps } from "../../models/index.js";
+import { LayoutItemProps } from '../../models';
 import './LayoutItem.css';
-declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

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

@@ -1,18 +1,17 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useMemo } from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { FullscreenMedia, IconWrapper, Media, MetaInfo } from "../../components/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import { mergeVideoMicrodata } from "../../utils/microdata.js";
-import Content from "../Content/Content.js";
-import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from "./utils.js";
+import { FullscreenMedia, IconWrapper, Media, MetaInfo } from '../../components';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+import Content from '../Content/Content';
+import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
     var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
-    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);
+    const normalizedLinks = useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();
     const themedIcon = getThemedValue(icon, theme);
@@ -28,12 +27,16 @@ const LayoutItem = (_a) => {
             name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && hasFullscreen(themedMedia) ? (_jsx(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(themedMedia), children: (_a = {}) => {
-                var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullscreen"]);
-                return (_jsx(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-            } })) : (_jsx(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+        return fullscreen && hasFullscreen(themedMedia) ? (React.createElement(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(themedMedia) }, (_a = {}) => {
+            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullscreen"]);
+            return (React.createElement(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+        })) : (React.createElement(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return (_jsxs("div", { className: b(null, className), children: [renderMedia(), metaInfo && _jsx(MetaInfo, { items: metaInfo, className: b('meta-info') }), _jsx("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: _jsx(IconWrapper, { icon: themedIcon, className: b('wrapper'), children: _jsx(Content, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
+    return (React.createElement("div", { className: b(null, className) },
+        renderMedia(),
+        metaInfo && React.createElement(MetaInfo, { items: metaInfo, className: b('meta-info') }),
+        React.createElement("div", { className: b('content', { 'no-media': !media, margin: contentMargin }) },
+            React.createElement(IconWrapper, { icon: themedIcon, className: b('wrapper') },
+                React.createElement(Content, Object.assign({}, contentProps, { titleId: titleId }))))));
 };
 export default LayoutItem;
-//# sourceMappingURL=LayoutItem.js.map

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

@@ -135,7 +135,7 @@ export declare const LayoutItem: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -143,14 +143,14 @@ export declare const LayoutItem: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

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

@@ -1,8 +1,8 @@
 import omit from 'lodash/omit';
-import metaInfo from "../../components/MetaInfo/schema.js";
-import { BaseProps, CardLayoutProps, MediaProps } from "../../schema/validators/common.js";
-import { AnalyticsEventSchema } from "../../schema/validators/event.js";
-import { ContentBase } from "../Content/schema.js";
+import metaInfo from '../../components/MetaInfo/schema';
+import { BaseProps, CardLayoutProps, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
+import { ContentBase } from '../../sub-blocks/Content/schema';
 export const LayoutItem = {
     type: 'object',
     additionalProperties: false,
@@ -26,4 +26,3 @@ export const LayoutItem = {
             ],
         } }),
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/LayoutItem/utils.d.ts

@@ -1,17 +1,17 @@
-import { LayoutItemProps, LinkTheme, MediaProps } from "../../models/index.js";
-export declare const getLayoutItemLinks: (links: LayoutItemProps["content"]["links"]) => {
+import { LayoutItemProps, LinkTheme, MediaProps } from '../../models';
+export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['links']) => {
     url: string;
-    urlTitle?: string;
-    text?: string;
-    textSize?: import("../../index.js").TextSize;
+    urlTitle?: string | undefined;
+    text?: string | undefined;
+    textSize?: import("../../models").TextSize | undefined;
     theme: LinkTheme;
-    colorTheme?: import("../../index.js").TextTheme;
-    arrow?: boolean;
-    target?: string;
-    extraProps?: React.HTMLProps<HTMLAnchorElement>;
-    analyticsEvents?: import("../../index.js").AnalyticsEventsProp;
-    className?: string;
-    tabIndex?: number;
+    colorTheme?: import("../../models").TextTheme | undefined;
+    arrow?: boolean | undefined;
+    target?: string | undefined;
+    extraProps?: import("react").HTMLProps<HTMLAnchorElement> | undefined;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp | undefined;
+    className?: string | undefined;
+    tabIndex?: number | undefined;
 }[] | undefined;
 export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
 export declare const showFullscreenIcon: ({ youtube, videoIframe }: MediaProps) => boolean;

package/build/esm/sub-blocks/LayoutItem/utils.js

@@ -4,4 +4,3 @@ export const hasFullscreen = ({ dataLens, image }) => {
     return !(dataLens || Array.isArray(image));
 };
 export const showFullscreenIcon = ({ youtube, videoIframe }) => !(youtube || videoIframe);
-//# sourceMappingURL=utils.js.map

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

@@ -1,4 +1,4 @@
-import { MediaCardProps } from "../../models/index.js";
+import { MediaCardProps } from '../../models';
 import './MediaCard.css';
-declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

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

@@ -1,12 +1,13 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardBase, Media } from "../../components/index.js";
-import { block } from "../../utils/index.js";
+import React from 'react';
+import { CardBase, Media } from '../../components';
+import { block } from '../../utils';
 import './MediaCard.css';
 const b = block('MediaCard');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = __rest(_a, ["border", "analyticsEvents"]);
-    return (_jsx(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Media, Object.assign({}, mediaProps)) }) }));
+    return (React.createElement(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
+        React.createElement(CardBase.Content, null,
+            React.createElement(Media, Object.assign({}, mediaProps)))));
 };
 export default MediaCard;
-//# sourceMappingURL=MediaCard.js.map

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

@@ -218,7 +218,7 @@ export declare const MediaCardBlock: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -226,14 +226,14 @@ export declare const MediaCardBlock: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

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

@@ -1,5 +1,5 @@
-import { AnimatableProps, BaseProps, CardBase, MediaProps } from "../../schema/validators/common.js";
-import { AnalyticsEventSchema } from "../../schema/validators/event.js";
+import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
@@ -16,4 +16,3 @@ export const MediaCardBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/sub-blocks/PriceCard/PriceCard.d.ts

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