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

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

@@ -140,7 +140,7 @@ export declare const HeaderBackgroundProps: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../../index.js").MediaVideoControlsType[];
+                    enum: import("../..").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -148,14 +148,14 @@ export declare const HeaderBackgroundProps: {
                     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[];
                         };
                     };
                 };
@@ -382,7 +382,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -451,7 +451,7 @@ export declare const HeaderProperties: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../../index.js").MediaVideoControlsType[];
+                    enum: import("../..").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -459,14 +459,14 @@ export declare const HeaderProperties: {
                     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[];
                         };
                     };
                 };
@@ -482,7 +482,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -655,7 +655,7 @@ export declare const HeaderProperties: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -663,14 +663,14 @@ export declare const HeaderProperties: {
                             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[];
                                 };
                             };
                         };
@@ -836,7 +836,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -946,7 +946,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1015,7 +1015,7 @@ export declare const HeaderBlock: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -1023,14 +1023,14 @@ export declare const HeaderBlock: {
                             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[];
                                 };
                             };
                         };
@@ -1046,7 +1046,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1219,7 +1219,7 @@ export declare const HeaderBlock: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: import("../../index.js").MediaVideoControlsType[];
+                                    enum: import("../..").MediaVideoControlsType[];
                                 };
                                 customControlsOptions: {
                                     type: string;
@@ -1227,14 +1227,14 @@ export declare const HeaderBlock: {
                                     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[];
                                         };
                                     };
                                 };
@@ -1400,7 +1400,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,6 +1,6 @@
-import { ImageProps } from "../../components/Image/schema.js";
-import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, mediaView, withTheme, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
+import { ImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, mediaView, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
 export const HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
@@ -98,4 +98,3 @@ export const HeaderBlock = {
         properties: Object.assign(Object.assign({}, BlockBaseProps), HeaderProperties),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { HeaderImageSize, HeaderWidth } from "../../models/index.js";
+import { HeaderImageSize, HeaderWidth } from '../../models';
 export declare function titleWithImageSizes(imageSize: HeaderImageSize): {
     md: number;
     all: number;

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

@@ -43,4 +43,3 @@ export function getImageSize(width) {
             return 'm';
     }
 }
-//# sourceMappingURL=utils.js.map

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

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

package/build/esm/blocks/HeaderSlider/HeaderSlider.js

@@ -1,18 +1,18 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { SliderType } from "../../models/index.js";
-import { block } from "../../utils/index.js";
-import Header from "../Header/Header.js";
-import { SliderBlock } from "../index.js";
+import React, { useContext } from 'react';
+import { MobileContext } from '../../context/mobileContext';
+import { SliderType } from '../../models';
+import { block } from '../../utils';
+import Header from '../Header/Header';
+import { SliderBlock } from '../index';
 import './HeaderSlider.css';
 const b = block('header-slider-block');
 export const HeaderSliderBlock = (_a) => {
     var { items, arrows } = _a, props = __rest(_a, ["items", "arrows"]);
-    const isMobile = React.useContext(MobileContext);
+    const isMobile = useContext(MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return (_jsx("div", { className: b('wrapper'), "data-qa": "header-slider", children: _jsx(SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => (_jsx("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: _jsx(Header, Object.assign({}, item, { className: b('item-content') })) }, index))) })) }));
+    return (React.createElement("div", { className: b('wrapper'), "data-qa": "header-slider" },
+        React.createElement(SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (React.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
+            React.createElement(Header, Object.assign({}, item, { className: b('item-content') }))))))));
 };
 export default HeaderSliderBlock;
-//# sourceMappingURL=HeaderSlider.js.map

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

@@ -74,7 +74,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -143,7 +143,7 @@ export declare const HeaderSliderBlock: {
                                     };
                                     controls: {
                                         type: string;
-                                        enum: import("../../index.js").MediaVideoControlsType[];
+                                        enum: import("../..").MediaVideoControlsType[];
                                     };
                                     customControlsOptions: {
                                         type: string;
@@ -151,14 +151,14 @@ export declare const HeaderSliderBlock: {
                                         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[];
                                             };
                                         };
                                     };
@@ -174,7 +174,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -347,7 +347,7 @@ export declare const HeaderSliderBlock: {
                                             };
                                             controls: {
                                                 type: string;
-                                                enum: import("../../index.js").MediaVideoControlsType[];
+                                                enum: import("../..").MediaVideoControlsType[];
                                             };
                                             customControlsOptions: {
                                                 type: string;
@@ -355,14 +355,14 @@ export declare const HeaderSliderBlock: {
                                                 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[];
                                                     };
                                                 };
                                             };
@@ -528,7 +528,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];

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

@@ -1,6 +1,6 @@
 import omit from 'lodash/omit';
-import { HeaderProperties, SliderProps } from "../../schema/validators/blocks.js";
-import { BlockBaseProps } from "../../schema/validators/common.js";
+import { HeaderProperties, SliderProps } from '../../schema/validators/blocks';
+import { BlockBaseProps } from '../../schema/validators/common';
 export const HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
@@ -16,4 +16,3 @@ export const HeaderSliderBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

package/build/esm/blocks/Icons/Icons.js

@@ -1,26 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Image, Title } from "../../components/index.js";
-import { LocationContext } from "../../context/locationContext/index.js";
-import { useTheme } from "../../context/theme/index.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { block, getLinkProps, getThemedValue } from "../../utils/index.js";
+import React, { Fragment, useCallback, useContext } from 'react';
+import { Image, Title } from '../../components';
+import { LocationContext } from '../../context/locationContext';
+import { useTheme } from '../../context/theme';
+import { useAnalytics } from '../../hooks';
+import { block, getLinkProps, getThemedValue } from '../../utils';
 import './Icons.css';
 const b = block('icons-block');
-const getItemContent = (item) => (_jsxs(React.Fragment, { children: [_jsx(Image, { className: b('image'), src: item.src }), _jsx("p", { className: b('text'), children: item.text })] }));
+const getItemContent = (item) => (React.createElement(Fragment, null,
+    React.createElement(Image, { className: b('image'), src: item.src }),
+    React.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
-    const { hostname } = React.useContext(LocationContext);
+    const { hostname } = useContext(LocationContext);
     const handleAnalytics = useAnalytics();
     const theme = useTheme();
-    const onClick = React.useCallback(({ analyticsEvents, url }) => {
+    const onClick = useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    return (_jsxs("div", { className: b({ size }), children: [(title || description) && (_jsx(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items.map((item) => {
-                const themedSrc = getThemedValue(item.src, theme);
-                const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
-                const { url, text } = item;
-                return url ? (_jsx("a", Object.assign({ className: b('item'), href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item), children: itemContent }), url)) : (_jsx("div", { className: b('item'), children: itemContent }, text));
-            })] }));
+    return (React.createElement("div", { className: b({ size }) },
+        (title || description) && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
+        items.map((item) => {
+            const themedSrc = getThemedValue(item.src, theme);
+            const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
+            const { url, text } = item;
+            return url ? (React.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, getLinkProps(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (React.createElement("div", { className: b('item'), key: text }, itemContent));
+        })));
 };
 export default Icons;
-//# sourceMappingURL=Icons.js.map

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

@@ -1,5 +1,5 @@
-import { AnimatableProps, BlockBaseProps, containerSizesObject, } from "../../schema/validators/common.js";
-import { AnalyticsEventSchema } from "../../schema/validators/event.js";
+import { AnimatableProps, BlockBaseProps, containerSizesObject, } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
 export const IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
@@ -47,4 +47,3 @@ export const IconsProps = {
 export const IconsBlock = {
     'icons-block': IconsProps,
 };
-//# sourceMappingURL=schema.js.map

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

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

package/build/esm/blocks/Info/Info.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, Grid, Row } from "../../grid/index.js";
-import Content from "../../sub-blocks/Content/Content.js";
-import { block, getThemedValue } from "../../utils/index.js";
+import React from 'react';
+import { useTheme } from '../../context/theme';
+import { Col, Grid, Row } from '../../grid';
+import Content from '../../sub-blocks/Content/Content';
+import { block, getThemedValue } from '../../utils';
 import './Info.css';
 const b = block('info-block');
 const sizes = { md: 6, all: 12 };
@@ -20,7 +20,13 @@ export const InfoBlock = (props) => {
         className: b('content'),
         theme: contentTheme,
     };
-    return (_jsx("div", { className: b(), children: _jsx("div", { className: b('container'), style: { backgroundColor: getThemedValue(backgroundColor, theme) }, children: _jsx(Grid, { children: _jsxs(Row, { children: [_jsx(Col, { sizes: sizes, className: b('left'), children: _jsx(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps)) }), _jsx(Col, { sizes: sizes, className: b('right'), children: _jsx(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps)) })] }) }) }) }));
+    return (React.createElement("div", { className: b() },
+        React.createElement("div", { className: b('container'), style: { backgroundColor: getThemedValue(backgroundColor, theme) } },
+            React.createElement(Grid, null,
+                React.createElement(Row, null,
+                    React.createElement(Col, { sizes: sizes, className: b('left') },
+                        React.createElement(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
+                    React.createElement(Col, { sizes: sizes, className: b('right') },
+                        React.createElement(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
 };
 export default InfoBlock;
-//# sourceMappingURL=Info.js.map

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

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

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

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
-import { BaseProps, ButtonBlock, LinkProps, ThemeProps, withTheme, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
-import { ContentBase } from "../../sub-blocks/Content/schema.js";
+import { BaseProps, ButtonBlock, LinkProps, ThemeProps, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBase } from '../../sub-blocks/Content/schema';
 const ContentProps = {
     additionalProperties: false,
     properties: omit(ContentBase, ['size', 'colSizes', 'theme']),
@@ -21,4 +21,3 @@ export const InfoBlock = {
             }, buttons: filteredArray(ButtonBlock), theme: ThemeProps, links: filteredArray(LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

package/build/esm/blocks/Map/Map.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Map from "../../components/Map/Map.js";
-import MediaBase from "../../components/MediaBase/MediaBase.js";
-import { block } from "../../utils/index.js";
-import { getMediaBorder } from "../../utils/borderSelector.js";
+import React from 'react';
+import Map from '../../components/Map/Map';
+import MediaBase from '../../components/MediaBase/MediaBase';
+import { block } from '../../utils';
+import { getMediaBorder } from '../../utils/borderSelector';
 import './Map.css';
 const b = block('map-block');
 export const MapBlock = (_a) => {
@@ -12,7 +12,8 @@ export const MapBlock = (_a) => {
         border,
         disableShadow,
     });
-    return (_jsx(MediaBase, Object.assign({}, props, { children: _jsx(MediaBase.Card, { children: _jsx(Map, Object.assign({}, map, { className: b({ border: borderSelected }) })) }) })));
+    return (React.createElement(MediaBase, Object.assign({}, props),
+        React.createElement(MediaBase.Card, null,
+            React.createElement(Map, Object.assign({}, map, { className: b({ border: borderSelected }) })))));
 };
 export default MapBlock;
-//# sourceMappingURL=Map.js.map

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

@@ -1,5 +1,5 @@
-import { MapProps } from "../../schema/validators/common.js";
-import { MediaBlockBaseProps } from "../Media/schema.js";
+import { MapProps } from '../../schema/validators/common';
+import { MediaBlockBaseProps } from '../Media/schema';
 export const Map = {
     type: 'object',
     additionalProperties: false,
@@ -13,4 +13,3 @@ export const MapBlock = {
         properties: Object.assign(Object.assign({}, MediaBlockBaseProps), { map: Map }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

package/build/esm/blocks/Media/Media.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Media from "../../components/Media/Media.js";
-import MediaBase from "../../components/MediaBase/MediaBase.js";
-import { useTheme } from "../../context/theme/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import { getMediaBorder } from "../../utils/borderSelector.js";
-import { mergeVideoMicrodata } from "../../utils/microdata.js";
+import React, { useState } from 'react';
+import Media from '../../components/Media/Media';
+import MediaBase from '../../components/MediaBase/MediaBase';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+import { getMediaBorder } from '../../utils/borderSelector';
+import { mergeVideoMicrodata } from '../../utils/microdata';
 import './Media.css';
 const b = block('media-block');
 export const MediaBlock = (props) => {
@@ -14,14 +13,15 @@ export const MediaBlock = (props) => {
         border,
         disableShadow,
     });
-    const [play, setPlay] = React.useState(false);
+    const [play, setPlay] = useState(false);
     const theme = useTheme();
     const mediaThemed = getThemedValue(media, theme);
     const mediaWithMicrodata = mergeVideoMicrodata(mediaThemed, {
         name: title,
         description,
     });
-    return (_jsx(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true), children: _jsx(MediaBase.Card, { children: _jsx(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })) }) })));
+    return (React.createElement(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true) }),
+        React.createElement(MediaBase.Card, null,
+            React.createElement(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })))));
 };
 export default MediaBlock;
-//# sourceMappingURL=Media.js.map