@gravity-ui/page-constructor 4.0.0-beta.0 → 4.0.1

package/build/cjs/schema/validators/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayIconProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
@@ -21,7 +21,9 @@ exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
 exports.BaseProps = {
     type: {},
-    when: {},
+    when: {
+        type: 'string',
+    },
 };
 exports.containerSizesObject = {
     type: 'object',
@@ -29,14 +31,16 @@ exports.containerSizesObject = {
     properties: exports.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: exports.sizeNumber })), {}),
 };
 exports.sliderSizesObject = {
-    anyOf: [
+    oneOf: [
         {
             type: 'object',
             additionalProperties: false,
             properties: exports.sliderSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: exports.sizeNumber })), {}),
+            optionName: 'custom',
         },
         {
             type: 'number',
+            optionName: 'constant',
         },
     ],
 };
@@ -66,7 +70,7 @@ exports.LoopProps = {
         },
     },
 };
-exports.PlayIconProps = {
+exports.PlayButtonProps = {
     type: 'object',
     additionalProperties: false,
     properties: {
@@ -96,10 +100,11 @@ exports.VideoProps = {
             },
         },
         loop: {
-            anyOf: [
-                exports.LoopProps,
+            oneOf: [
+                Object.assign(Object.assign({}, exports.LoopProps), { optionName: 'options' }),
                 {
                     type: 'boolean',
+                    optionName: 'enabled',
                 },
             ],
         },
@@ -110,13 +115,13 @@ exports.VideoProps = {
         muted: {
             type: 'boolean',
         },
-        playing: {
+        autoplay: {
             type: 'boolean',
         },
         elapsedTime: {
             type: 'number',
         },
-        playIcon: exports.PlayIconProps,
+        playButton: exports.PlayButtonProps,
         controls: {
             type: 'string',
             enum: exports.videoControlsTypes,
@@ -143,7 +148,13 @@ exports.DataLensObjectProps = {
     },
 };
 exports.DataLensProps = {
-    oneOf: [{ type: 'string' }, exports.DataLensObjectProps],
+    oneOf: [
+        {
+            type: 'string',
+            optionName: 'id',
+        },
+        Object.assign(Object.assign({}, exports.DataLensObjectProps), { optionName: 'options' }),
+    ],
 };
 exports.BackgroundProps = {
     additionalProperties: false,
@@ -181,7 +192,14 @@ exports.LinkProps = {
             type: 'string',
             enum: ['_blank', '_parent', '_top', '_self'],
         }, analyticsEvents: {
-            anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
+            oneOf: [
+                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: event_1.AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
         } }),
 };
 exports.FileLinkProps = {
@@ -224,7 +242,7 @@ exports.authorItem = {
         },
         avatar: {
             type: 'string',
-            pattern: schema_1.urlPattern,
+            pattern: schema_1.imageUrlPattern,
         },
         description: {
             type: 'string',
@@ -290,9 +308,10 @@ exports.ButtonProps = {
         ],
     },
     img: {
-        anyOf: [
+        oneOf: [
             {
                 type: 'string',
+                optionName: 'url',
             },
             {
                 type: 'object',
@@ -311,6 +330,7 @@ exports.ButtonProps = {
                         contentType: 'text',
                     },
                 },
+                optionName: 'options',
             },
         ],
     },
@@ -318,9 +338,9 @@ exports.ButtonProps = {
      * @deprecated Metrika will be deleted
      */
     metrikaGoals: {
-        anyOf: [
-            { type: 'string' },
-            { type: 'array', items: { type: 'string' } },
+        oneOf: [
+            { type: 'string', optionName: 'single' },
+            { type: 'array', items: { type: 'string' }, optionName: 'list' },
             {
                 type: 'array',
                 items: {
@@ -336,6 +356,7 @@ exports.ButtonProps = {
                         },
                     },
                 },
+                optionName: 'list-extended',
             },
         ],
     },
@@ -344,7 +365,10 @@ exports.ButtonProps = {
      */
     pixelEvents: pixel_1.pixelEvents,
     analyticsEvents: {
-        anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
+        oneOf: [
+            Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+            { type: 'array', items: event_1.AnalyticsEventSchema, optionName: 'list' },
+        ],
     },
     target: {
         type: 'string',
@@ -364,12 +388,13 @@ exports.MenuProps = {
 function withTheme(value) {
     return {
         oneOf: [
-            value,
+            Object.assign(Object.assign({}, value), { optionName: 'no theme' }),
             {
                 type: 'object',
                 additionalProperties: false,
                 required: [models_1.Theme.Light],
                 properties: Object.values(models_1.Theme).reduce((result, themeName) => (Object.assign(Object.assign({}, result), { [themeName]: value })), {}),
+                optionName: 'themes',
             },
         ],
     };
@@ -441,7 +466,10 @@ exports.MediaProps = {
         type: 'string',
     },
     image: {
-        anyOf: [schema_1.ImageProps, { type: 'array', items: schema_1.ImageProps }],
+        oneOf: [
+            Object.assign(Object.assign({}, schema_1.ImageProps), { optionName: 'single' }),
+            { type: 'array', items: schema_1.ImageProps, optionName: 'list' },
+        ],
     },
     video: exports.VideoProps,
     youtube: {
@@ -460,6 +488,9 @@ exports.MediaProps = {
     fullscreen: {
         type: 'boolean',
     },
+    analyticsEvents: {
+        anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
+    },
 };
 exports.YMapMarkerLabel = {
     type: 'object',
@@ -517,10 +548,17 @@ exports.CardBase = {
 };
 exports.BlockHeaderProps = {
     title: {
-        oneOf: [{ type: 'string' }, exports.TitleProps],
+        oneOf: [
+            {
+                type: 'string',
+                optionName: 'text',
+            },
+            Object.assign(Object.assign({}, exports.TitleProps), { optionName: 'options' }),
+        ],
     },
     description: {
         type: 'string',
         contentType: 'yfm',
+        inputType: 'textarea',
     },
 };

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.css

@@ -4,10 +4,10 @@ unpredictable css rules order in build */
   position: relative;
 }
 .pc-background-card_theme_light {
-  background-color: var(--yc-color-promo-base-silver);
+  background-color: var(--pc-color-base-silver);
 }
 .pc-background-card_theme_dark {
-  background-color: var(--yc-color-promo-base-asphalt);
+  background-color: var(--pc-color-base-asphalt);
 }
 .pc-background-card_padding_s {
   padding-bottom: 80px;
@@ -39,8 +39,8 @@ unpredictable css rules order in build */
 }
 
 a.pc-background-card_theme_light {
-  background-color: var(--yc-color-promo-base-silver);
+  background-color: var(--pc-color-base-silver);
 }
 a.pc-background-card_theme_dark {
-  background-color: var(--yc-color-promo-base-asphalt);
+  background-color: var(--pc-color-base-asphalt);
 }

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("../../components/");
-const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
     const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, } = props;
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const theme = (0, theme_1.useTheme)();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const link = hasBackgroundColor || border === 'line' ? undefined : url;
     const borderType = hasBackgroundColor ? 'none' : border;

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts

@@ -7,7 +7,7 @@ export declare const BackgroundCard: {
                 type: string;
             };
             background: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -24,11 +24,14 @@ export declare const BackgroundCard: {
                             type: string;
                         };
                     };
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             backgroundColor: {
@@ -40,6 +43,11 @@ export declare const BackgroundCard: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -59,14 +67,13 @@ export declare const BackgroundCard: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
-                    contentType: string;
+                    contentType?: undefined;
                 })[];
             };
             text: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             theme: {
                 type: string;
@@ -98,12 +105,25 @@ export declare const BackgroundCard: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/BannerCard/BannerCard.css

@@ -6,28 +6,28 @@
 unpredictable css rules order in build */
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__title,
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__subtitle {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__title p,
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__subtitle p {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 
 .pc-banner-card__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
   .pc-banner-card__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
+    font-size: var(--g-text-display-1-font-size);
+    line-height: var(--g-text-display-1-line-height);
   }
 }
 .pc-banner-card__title a {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
@@ -35,8 +35,8 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .pc-banner-card__title a:hover, .pc-banner-card__title a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .pc-banner-card__content {
   width: 100%;
@@ -57,17 +57,17 @@ unpredictable css rules order in build */
 .pc-banner-card__subtitle {
   display: inline-block;
   margin-top: 8px;
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
 .pc-banner-card__subtitle p {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
 .pc-banner-card__button.pc-banner-card__button {

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerCard = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("../../components");
-const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
     const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, } = props;
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const theme = (0, theme_1.useTheme)();
     const contentStyle = {};
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -17,6 +17,7 @@ export declare const BasicCard: {
                 } | {
                     type: string;
                     pattern: string;
+                    optionName: string;
                 })[];
             };
             target: {
@@ -25,6 +26,11 @@ export declare const BasicCard: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -44,14 +50,13 @@ export declare const BasicCard: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
-                    contentType: string;
+                    contentType?: undefined;
                 })[];
             };
             text: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             additionalInfo: {
                 type: string;
@@ -79,12 +84,25 @@ export declare const BasicCard: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/Content/Content.css

@@ -8,7 +8,7 @@ unpredictable css rules order in build */
 .pc-content {
   --pc-monochrome-button-background-color: #262626;
   --pc-monochrome-button-background-color-hover: #393939;
-  --pc-monochrome-button-color: var(--yc-color-text-light-primary);
+  --pc-monochrome-button-color: var(--g-color-text-light-primary);
 }
 .pc-content__notice .yfm ol,
 .pc-content__notice .yfm ul, .pc-content__text .yfm ol,
@@ -17,14 +17,14 @@ unpredictable css rules order in build */
 }
 .pc-content__notice.pc-content__notice .yfm,
 .pc-content__notice.pc-content__notice .yfm > * {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .pc-content__notice.pc-content__notice .yfm a {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
   text-decoration: underline;
 }
 .pc-content__notice.pc-content__notice .yfm a:hover {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 
 .pc-content__button.pc-content__button {
@@ -82,8 +82,8 @@ unpredictable css rules order in build */
 }
 .pc-content_size_l .pc-content__text .yfm,
 .pc-content_size_l .pc-content__notice .yfm {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }
 .pc-content_size_l .pc-content__links,
 .pc-content_size_l .pc-content__link,
@@ -95,63 +95,63 @@ unpredictable css rules order in build */
 .pc-content_theme_dark .pc-content__text .yfm,
 .pc-content_theme_dark .pc-content__text .yfm *,
 .pc-content_theme_dark .pc-content__link a {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .pc-content_theme_dark .pc-content__notice .yfm,
 .pc-content_theme_dark .pc-content__notice .yfm * {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
 .pc-content_theme_dark .pc-content__notice .yfm a {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
 .pc-content_theme_dark .pc-content__notice .yfm a:hover {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .pc-content_theme_dark .pc-content__text .yfm a {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
 .pc-content_theme_dark .pc-content__text .yfm a:hover {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
 .pc-content_theme_dark .pc-content__title a {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
 .pc-content_theme_dark .pc-content__title a:hover {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
 .pc-content_theme_light .pc-content__title *,
 .pc-content_theme_light .pc-content__text .yfm,
 .pc-content_theme_light .pc-content__text .yfm *,
 .pc-content_theme_light .pc-content__link a {
-  color: var(--yc-color-text-dark-primary);
+  color: var(--g-color-text-dark-primary);
 }
 .pc-content_theme_light .pc-content__notice .yfm,
 .pc-content_theme_light .pc-content__notice .yfm * {
-  color: var(--yc-color-text-dark-secondary);
+  color: var(--g-color-text-dark-secondary);
 }
 .pc-content_theme_light .pc-content__notice .yfm a {
-  color: var(--yc-color-text-dark-secondary);
+  color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
 .pc-content_theme_light .pc-content__notice .yfm a:hover {
-  color: var(--yc-color-text-dark-primary);
+  color: var(--g-color-text-dark-primary);
 }
 .pc-content_theme_light .pc-content__text .yfm a {
-  color: var(--yc-color-text-dark-primary);
+  color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
 .pc-content_theme_light .pc-content__text .yfm a:hover {
-  color: var(--yc-color-text-dark-secondary);
+  color: var(--g-color-text-dark-secondary);
 }
 .pc-content_theme_light .pc-content__title a {
-  color: var(--yc-color-text-dark-primary);
+  color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
 .pc-content_theme_light .pc-content__title a:hover {
-  color: var(--yc-color-text-dark-secondary);
+  color: var(--g-color-text-dark-secondary);
 }

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

@@ -6,6 +6,7 @@ const components_1 = require("../../components");
 const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
+const ContentList_1 = tslib_1.__importDefault(require("./ContentList/ContentList"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -35,7 +36,7 @@ function getButtonSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, } = props;
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title;
@@ -44,6 +45,7 @@ const Content = (props) => {
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
+        (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(ContentList_1.default, { list: list, size: size }) : null,
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
             react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                     constructor: true,