@gravity-ui/page-constructor 1.9.0 → 1.9.1-alpha.0

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

@@ -12,10 +12,12 @@ export const InfoBlock = {
         required: ['title', 'sectionsTitle'],
         properties: Object.assign(Object.assign({}, BaseProps), { title: {
                 type: 'string',
+                content: 'text',
             }, backgroundColor: withTheme({
                 type: 'string',
             }), sectionsTitle: {
                 type: 'string',
+                content: 'text',
             }, buttons: filteredArray(ButtonBlock), theme: ThemeProps, links: filteredArray(LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };

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

@@ -10,6 +10,7 @@ export declare const LinkTableBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     textSize: {
                         type: string;
@@ -44,6 +45,7 @@ export declare const LinkTableBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -91,6 +91,7 @@ export declare const Media: {
                         };
                         text: {
                             type: string;
+                            content: string;
                         };
                     };
                 };
@@ -145,6 +146,7 @@ export declare const MediaBlock: {
                     properties: {
                         text: {
                             type: string;
+                            content: string;
                         };
                         textSize: {
                             type: string;
@@ -159,13 +161,16 @@ export declare const MediaBlock: {
                     };
                 } | {
                     type: string;
+                    content: string;
                 })[];
             };
             additionalInfo: {
                 type: string;
+                content: string;
             };
             description: {
                 type: string;
+                content: string;
             };
             size: {
                 type: string;
@@ -303,6 +308,7 @@ export declare const MediaBlock: {
                                     };
                                     text: {
                                         type: string;
+                                        content: string;
                                     };
                                 };
                             };
@@ -350,6 +356,7 @@ export declare const MediaBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;
@@ -385,6 +392,7 @@ export declare const MediaBlock: {
                                 };
                                 alt: {
                                     type: string;
+                                    content: string;
                                 };
                             };
                         })[];
@@ -503,6 +511,7 @@ export declare const MediaBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -11,11 +11,13 @@ export const MediaBlock = {
         additionalProperties: false,
         required: ['title', 'media'],
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), { title: {
-                oneOf: [{ type: 'string' }, TitleProps],
+                oneOf: [{ type: 'string', content: 'text' }, TitleProps],
             }, additionalInfo: {
                 type: 'string',
+                content: 'yfm',
             }, description: {
                 type: 'string',
+                content: 'yfm',
             }, size: {
                 type: 'string',
                 enum: contentSizes,

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

@@ -5,9 +5,11 @@ export declare const PreviewBlock: {
         properties: {
             title: {
                 type: string;
+                content: string;
             };
             description: {
                 type: string;
+                content: string;
             };
             direction: {
                 type: string;

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

@@ -8,9 +8,11 @@ const PreviewContentItem = {
     properties: {
         title: {
             type: 'string',
+            content: 'text',
         },
         description: {
             type: 'string',
+            content: 'yfm',
         },
     },
 };
@@ -33,8 +35,10 @@ export const PreviewBlock = {
         required: ['title', 'items'],
         properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
                 type: 'string',
+                content: 'text',
             }, description: {
                 type: 'string',
+                content: 'text',
             }, direction: {
                 type: 'string',
                 enum: mediaDirection,

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

@@ -4,9 +4,11 @@ export declare const PromoFeaturesItem: {
     properties: {
         title: {
             type: string;
+            content: string;
         };
         text: {
             type: string;
+            content: string;
         };
         theme: {
             enum: string[];
@@ -104,6 +106,7 @@ export declare const PromoFeaturesItem: {
                                 };
                                 text: {
                                     type: string;
+                                    content: string;
                                 };
                             };
                         };
@@ -160,6 +163,7 @@ export declare const PromoFeaturesBlock: {
                     properties: {
                         text: {
                             type: string;
+                            content: string;
                         };
                         textSize: {
                             type: string;
@@ -174,10 +178,12 @@ export declare const PromoFeaturesBlock: {
                     };
                 } | {
                     type: string;
+                    content: string;
                 })[];
             };
             description: {
                 type: string;
+                content: string;
             };
             theme: {
                 enum: string[];
@@ -203,6 +209,7 @@ export declare const PromoFeaturesBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -7,9 +7,11 @@ export const PromoFeaturesItem = {
     properties: {
         title: {
             type: 'string',
+            content: 'text',
         },
         text: {
             type: 'string',
+            content: 'yfm',
         },
         theme: {
             enum: ['accent', 'accent-light', 'primary'],
@@ -22,9 +24,10 @@ export const PromoFeaturesBlock = {
         additionalProperties: false,
         required: ['items'],
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), { title: {
-                oneOf: [{ type: 'string' }, TitleProps],
+                oneOf: [{ type: 'string', content: 'text' }, TitleProps],
             }, description: {
                 type: 'string',
+                content: 'text',
             }, theme: {
                 enum: ['grey', 'default'],
             }, items: filteredArray(PromoFeaturesItem) }),

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

@@ -22,6 +22,7 @@ export declare const QuestionsBlock: {
                     properties: {
                         text: {
                             type: string;
+                            content: string;
                         };
                         textSize: {
                             type: string;
@@ -36,13 +37,16 @@ export declare const QuestionsBlock: {
                     };
                 } | {
                     type: string;
+                    content: string;
                 })[];
             };
             text: {
                 type: string;
+                content: string;
             };
             additionalInfo: {
                 type: string;
+                content: string;
             };
             links: {
                 type: string;
@@ -73,6 +77,7 @@ export declare const QuestionsBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -13,9 +13,11 @@ export const QuestionsBlock = {
                 properties: {
                     title: {
                         type: 'string',
+                        content: 'yfm',
                     },
                     text: {
                         type: 'string',
+                        content: 'yfm',
                     },
                     link: LinkProps,
                     listStyle: {

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

@@ -12,6 +12,7 @@ export declare const SecurityBlock: {
             };
             title: {
                 type: string;
+                content: string;
             };
             media: {
                 type: string;
@@ -106,6 +107,7 @@ export declare const SecurityBlock: {
                                     };
                                     text: {
                                         type: string;
+                                        content: string;
                                     };
                                 };
                             };

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

@@ -10,6 +10,7 @@ export const SecurityBlock = {
                 type: 'string',
             }, title: {
                 type: 'string',
+                content: 'text',
             }, media: Media, points: filteredArray({
                 type: 'object',
                 properties: {
@@ -18,6 +19,7 @@ export const SecurityBlock = {
                     },
                     text: {
                         type: 'string',
+                        content: 'text',
                     },
                     link: _.pick(LinkProps, ['text', 'url']),
                 },

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

@@ -19,6 +19,7 @@ export declare const SimpleBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;
@@ -41,6 +42,7 @@ export declare const SimpleBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     textSize: {
                         type: string;
@@ -56,6 +58,7 @@ export declare const SimpleBlock: {
             };
             description: {
                 type: string;
+                content: string;
             };
         };
     };

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

@@ -5,6 +5,7 @@ export const SimpleBlock = {
         required: ['title', 'description'],
         properties: Object.assign(Object.assign(Object.assign({ title: TitleProps, description: {
                 type: 'string',
+                content: 'yfm',
             } }, BlockBaseProps), AnimatableProps), { children: ChildrenProps }),
     },
 };

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

@@ -7,6 +7,7 @@ export declare const SliderProps: {
     };
     description: {
         type: string;
+        content: string;
     };
     title: {
         type: string;
@@ -15,6 +16,7 @@ export declare const SliderProps: {
         properties: {
             text: {
                 type: string;
+                content: string;
             };
             textSize: {
                 type: string;
@@ -56,6 +58,7 @@ export declare const SliderProps: {
         properties: {
             text: {
                 type: string;
+                content: string;
             };
             size: {
                 type: string;
@@ -113,6 +116,7 @@ export declare const SliderBlock: {
             };
             description: {
                 type: string;
+                content: string;
             };
             title: {
                 type: string;
@@ -121,6 +125,7 @@ export declare const SliderBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     textSize: {
                         type: string;
@@ -162,6 +167,7 @@ export declare const SliderBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     size: {
                         type: string;
@@ -212,6 +218,7 @@ export declare const SliderBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -33,6 +33,7 @@ const DisclaimerProps = {
     properties: {
         text: {
             type: 'string',
+            content: 'text',
         },
         size: {
             type: 'string',
@@ -49,6 +50,7 @@ export const SliderProps = {
     },
     description: {
         type: 'string',
+        content: 'text',
     },
     title: TitleProps,
     randomOrder: {

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

@@ -5,6 +5,7 @@ export declare const TableBlock: {
         properties: {
             title: {
                 type: string;
+                content: string;
             };
             table: {
                 additionalProperties: boolean;
@@ -16,6 +17,7 @@ export declare const TableBlock: {
                             type: string;
                             items: {
                                 type: string[];
+                                content: string;
                             };
                         };
                     };
@@ -23,6 +25,7 @@ export declare const TableBlock: {
                         type: string;
                         items: {
                             type: string;
+                            content: string;
                         };
                     };
                     justify: {
@@ -47,6 +50,7 @@ export declare const TableBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -5,6 +5,7 @@ export const TableBlock = {
         required: ['title', 'table'],
         properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
                 type: 'string',
+                content: 'text',
             }, table: {
                 additionalProperties: false,
                 required: ['content'],
@@ -14,12 +15,14 @@ export const TableBlock = {
                             type: 'array',
                             items: {
                                 type: ['string', 'number'],
+                                content: 'text',
                             },
                         },
                     }, legend: {
                         type: 'array',
                         items: {
                             type: 'string',
+                            content: 'yfm',
                         },
                     }, justify: {
                         type: 'array',

package/build/esm/blocks/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import React, { Fragment, useContext, useState } from 'react';
+import React, { Fragment, useContext, useRef, useState } from 'react';
 import { block, getThemedValue } from '../../utils';
 import { Row, Col, GridColumnOrderClasses } from '../../grid';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
@@ -9,15 +9,20 @@ import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import { Content } from '../../sub-blocks';
+import { getHeight } from '../../components/VideoBlock/VideoBlock';
 import './Tabs.css';
 const b = block('tabs-block');
 export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {
+    var _a;
     const [activeTab, setActiveTab] = useState(items[0].tabName);
     const [play, setPlay] = useState(false);
     const { themeValue: theme } = useContext(ThemeValueContext);
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
+    const ref = useRef(null);
+    const mediaWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    const mediaHeight = mediaWidth && getHeight(mediaWidth);
     let imageProps;
     if (activeTabData) {
         const themedImage = getThemedValue(activeTabData.image, theme);
@@ -37,7 +42,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
             all: GridColumnOrderClasses.Last,
             md: GridColumnOrderClasses.First,
         }, className: b('col', { centered: centered }) },
-        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (React.createElement(Media, Object.assign({}, getThemedValue(activeTabData.media, theme), { key: activeTab, className: b('media'), playVideo: play }))),
+        React.createElement("div", { ref: ref }, (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (React.createElement(Media, Object.assign({}, getThemedValue(activeTabData.media, theme), { key: activeTab, className: b('media'), playVideo: play, height: mediaHeight })))),
         imageProps && (React.createElement(Fragment, null,
             React.createElement(FullScreenImage, Object.assign({}, imageProps, { imageClassName: b('image') })),
             (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (React.createElement("p", { className: b('caption') }, activeTabData.caption))))));

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

@@ -8,6 +8,7 @@ export declare const tabsItem: {
         };
         caption: {
             type: string;
+            content: string;
         };
         media: {
             oneOf: ({
@@ -101,6 +102,7 @@ export declare const tabsItem: {
                                     };
                                     text: {
                                         type: string;
+                                        content: string;
                                     };
                                 };
                             };
@@ -155,6 +157,7 @@ export declare const tabsItem: {
             properties: {
                 text: {
                     type: string;
+                    content: string;
                 };
                 url: {
                     type: string;
@@ -206,6 +209,7 @@ export declare const tabsItem: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     textSize: {
                         type: string;
@@ -220,13 +224,16 @@ export declare const tabsItem: {
                 };
             } | {
                 type: string;
+                content: string;
             })[];
         } | undefined;
         text?: {
             type: string;
+            content: string;
         } | undefined;
         additionalInfo?: {
             type: string;
+            content: string;
         } | undefined;
         size?: {
             type: string;
@@ -272,6 +279,7 @@ export declare const TabsBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     textSize: {
                         type: string;
@@ -287,6 +295,7 @@ export declare const TabsBlock: {
             };
             description: {
                 type: string;
+                content: string;
             };
             tabsColSizes: {};
             direction: {
@@ -314,6 +323,7 @@ export declare const TabsBlock: {
                 properties: {
                     text: {
                         type: string;
+                        content: string;
                     };
                     url: {
                         type: string;

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

@@ -12,6 +12,7 @@ export const tabsItem = {
             type: 'string',
         }, caption: {
             type: 'string',
+            content: 'text',
         }, media: withTheme({
             type: 'object',
             properties: MediaProps,
@@ -25,6 +26,7 @@ export const TabsBlock = {
         required: ['title', 'items'],
         properties: Object.assign(Object.assign({}, BlockBaseProps), { title: TitleProps, description: {
                 type: 'string',
+                content: 'text',
             }, tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: mediaDirection,

package/build/esm/components/Author/schema.d.ts

@@ -10,9 +10,11 @@ export declare const author: {
                 properties: {
                     firstName: {
                         type: string;
+                        content: string;
                     };
                     secondName: {
                         type: string;
+                        content: string;
                     };
                     avatar: {
                         type: string;
@@ -20,6 +22,7 @@ export declare const author: {
                     };
                     description: {
                         type: string;
+                        content: string;
                     };
                 };
             };

package/build/esm/components/Image/schema.d.ts

@@ -18,6 +18,7 @@ export declare const ImageDeviceProps: {
         };
         alt: {
             type: string;
+            content: string;
         };
         disableCompress: {
             type: string;
@@ -35,6 +36,7 @@ export declare const ImageObjectProps: {
         };
         alt: {
             type: string;
+            content: string;
         };
         disableCompress: {
             type: string;

package/build/esm/components/Image/schema.js

@@ -16,6 +16,7 @@ export const ImageDeviceProps = {
         },
         alt: {
             type: 'string',
+            content: 'text',
         },
         disableCompress: {
             type: 'boolean',
@@ -33,6 +34,7 @@ export const ImageObjectProps = {
         },
         alt: {
             type: 'string',
+            content: 'text',
         },
         disableCompress: {
             type: 'boolean',

package/build/esm/components/Media/Media.js

@@ -19,7 +19,7 @@ export const Media = (props) => {
             result.push(React.createElement(Video, { key: "video", video: video, videoClassName: videoClassName, height: height, metrika: metrika, playVideo: playVideo, previewImg: previewImg, playButton: playButton, customBarControlsClassName: customBarControlsClassName, hasVideoFallback: hasVideoFallback, setHasVideoFallback: setHasVideoFallback }));
         }
         if (youtube) {
-            result = (React.createElement(YoutubeBlock, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg }));
+            result = (React.createElement(YoutubeBlock, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height }));
         }
         if (dataLens) {
             result = React.createElement(DataLens, { dataLens: dataLens });

package/build/esm/components/Media/Video/Video.js

@@ -29,15 +29,16 @@ const Video = (props) => {
     }, [playVideo, video, setHasVideoFallback]);
     const reactPlayerBlock = useMemo(() => {
         const { src, loop, controls, muted, autoplay = true, elapsedTime, playButton } = video;
-        return (React.createElement(ReactPlayerBlock, { className: b('react-player', videoClassName), src: src, previewImgUrl: previewImg, loop: Boolean(loop), controls: controls, muted: muted, autoplay: autoplay && playVideo, elapsedTime: elapsedTime, playButton: playButton || commonPlayButton, customBarControlsClassName: customBarControlsClassName, metrika: metrika }));
+        return (React.createElement(ReactPlayerBlock, { className: b('react-player', videoClassName), src: src, previewImgUrl: previewImg, loop: Boolean(loop), controls: controls, muted: muted, autoplay: autoplay && playVideo, elapsedTime: elapsedTime, playButton: playButton || commonPlayButton, customBarControlsClassName: customBarControlsClassName, metrika: metrika, height: height }));
     }, [
         video,
-        metrika,
+        height,
+        videoClassName,
         previewImg,
         playVideo,
-        videoClassName,
         commonPlayButton,
         customBarControlsClassName,
+        metrika,
     ]);
     const defaultVideoBlock = useMemo(() => {
         return video.src.length && !hasVideoFallback ? (React.createElement("div", { className: b('wrap', videoClassName), style: { height } },