@gravity-ui/page-constructor 1.12.0 → 1.12.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.12.1](https://github.com/gravity-ui/page-constructor/compare/v1.12.0...v1.12.1) (2023-01-11)
+
+
+### Bug Fixes
+
+* **BlockHeader:** add yfm to description, change styles ([#105](https://github.com/gravity-ui/page-constructor/issues/105)) ([f77fc5e](https://github.com/gravity-ui/page-constructor/commit/f77fc5e82f7aaf33dda8f56a9f17a87d61cc5cdd))
+* contentBase import ([#109](https://github.com/gravity-ui/page-constructor/issues/109)) ([2136f7b](https://github.com/gravity-ui/page-constructor/commit/2136f7bbe340c6035c655ff5139ae69ee1b50d3e))
+
 ## [1.12.0](https://github.com/gravity-ui/page-constructor/compare/v1.11.1...v1.12.0) (2023-01-10)
 
 

package/build/cjs/blocks/CardLayout/schema.d.ts

@@ -2,6 +2,17 @@ export declare const CardLayoutProps: {
     additionalProperties: boolean;
     required: string[];
     properties: {
+        colSizes: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {};
+        };
+        children: {
+            type: string;
+            items: {
+                $ref: string;
+            };
+        };
         title: {
             oneOf: ({
                 type: string;
@@ -25,24 +36,12 @@ export declare const CardLayoutProps: {
                 };
             } | {
                 type: string;
-                contentType: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
         };
-        colSizes: {
-            type: string;
-            additionalProperties: boolean;
-            properties: {};
-        };
-        children: {
-            type: string;
-            items: {
-                $ref: string;
-            };
-        };
         animated: {
             type: string;
         };
@@ -76,6 +75,17 @@ export declare const CardLayoutBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -99,24 +109,12 @@ export declare const CardLayoutBlock: {
                     };
                 } | {
                     type: string;
-                    contentType: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
             };
-            colSizes: {
-                type: string;
-                additionalProperties: boolean;
-                properties: {};
-            };
-            children: {
-                type: string;
-                items: {
-                    $ref: string;
-                };
-            };
             animated: {
                 type: string;
             };

package/build/cjs/blocks/CardLayout/schema.js

@@ -5,12 +5,7 @@ const common_1 = require("../../schema/validators/common");
 exports.CardLayoutProps = {
     additionalProperties: false,
     required: ['title'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
-            oneOf: [{ type: 'string', contentType: 'text' }, common_1.TitleProps],
-        }, description: {
-            type: 'string',
-            contentType: 'yfm',
-        }, colSizes: common_1.containerSizesObject, children: common_1.ChildrenCardsProps }),
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { colSizes: common_1.containerSizesObject, children: common_1.ChildrenCardsProps }),
 };
 exports.CardLayoutBlock = {
     'card-layout-block': exports.CardLayoutProps,

package/build/cjs/blocks/ExtendedFeatures/schema.d.ts

@@ -55,6 +55,22 @@ export declare const ExtendedFeaturesBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -78,29 +94,12 @@ export declare const ExtendedFeaturesBlock: {
                     };
                 } | {
                     type: string;
-                    contentType: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
             };
-            items: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            colSizes: {
-                type: string;
-                additionalProperties: boolean;
-                properties: {};
-            };
             animated: {
                 type: string;
             };

package/build/cjs/blocks/ExtendedFeatures/schema.js

@@ -29,11 +29,6 @@ exports.ExtendedFeaturesBlock = {
     'extended-features-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
-                oneOf: [{ type: 'string', contentType: 'text' }, common_1.TitleProps],
-            }, description: {
-                type: 'string',
-                contentType: 'yfm',
-            }, items: (0, utils_1.filteredArray)(exports.ExtendedFeaturesItem), colSizes: common_1.containerSizesObject }),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { items: (0, utils_1.filteredArray)(exports.ExtendedFeaturesItem), colSizes: common_1.containerSizesObject }),
     },
 };

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

@@ -346,31 +346,6 @@ export declare const HeaderSliderBlock: {
             arrows: {
                 type: string;
             };
-            description: {
-                type: string;
-                contentType: string;
-            };
-            title: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            };
             randomOrder: {
                 type: string;
             };

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

@@ -3,27 +3,6 @@ export declare const LinkTableBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
-            title: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            };
             items: {
                 type: string;
                 items: {
@@ -38,6 +17,35 @@ export declare const LinkTableBlock: {
                     };
                 };
             };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;

package/build/cjs/blocks/LinkTable/schema.js

@@ -7,7 +7,7 @@ exports.LinkTableBlock = {
     'link-table-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: common_1.TitleProps, items: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { items: {
                 type: 'array',
                 items: (0, utils_1.filteredArray)(common_1.LinkProps),
             } }),

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBlock = exports.Media = void 0;
 const lodash_1 = require("lodash");
 const common_1 = require("../../schema/validators/common");
-const schema_1 = require("../../../src/sub-blocks/Content/schema");
+const schema_1 = require("../../sub-blocks/Content/schema");
 exports.Media = {
     type: 'object',
     additionalProperties: false,

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

@@ -155,6 +155,20 @@ export declare const PromoFeaturesBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
+            theme: {
+                enum: string[];
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -178,27 +192,12 @@ export declare const PromoFeaturesBlock: {
                     };
                 } | {
                     type: string;
-                    contentType: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
             };
-            theme: {
-                enum: string[];
-            };
-            items: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
             animated: {
                 type: string;
             };

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

@@ -26,12 +26,7 @@ exports.PromoFeaturesBlock = {
     'promo-features-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
-                oneOf: [{ type: 'string', contentType: 'text' }, common_1.TitleProps],
-            }, description: {
-                type: 'string',
-                contentType: 'text',
-            }, theme: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { theme: {
                 enum: ['grey', 'default'],
             }, items: (0, utils_1.filteredArray)(exports.PromoFeaturesItem) }),
     },

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

@@ -5,31 +5,6 @@ export declare const SliderProps: {
     arrows: {
         type: string;
     };
-    description: {
-        type: string;
-        contentType: string;
-    };
-    title: {
-        type: string;
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            text: {
-                type: string;
-                contentType: string;
-            };
-            textSize: {
-                type: string;
-                enum: string[];
-            };
-            url: {
-                type: string;
-            };
-            resetMargin: {
-                type: string;
-            };
-        };
-    };
     randomOrder: {
         type: string;
     };
@@ -108,36 +83,40 @@ export declare const SliderBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
-            dots: {
-                type: string;
-            };
-            arrows: {
-                type: string;
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
             };
             description: {
                 type: string;
                 contentType: string;
             };
-            title: {
+            dots: {
+                type: string;
+            };
+            arrows: {
                 type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
             };
             randomOrder: {
                 type: string;

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

@@ -51,11 +51,6 @@ exports.SliderProps = {
     arrows: {
         type: 'boolean',
     },
-    description: {
-        type: 'string',
-        contentType: 'text',
-    },
-    title: common_1.TitleProps,
     randomOrder: {
         type: 'boolean',
     },
@@ -72,6 +67,6 @@ exports.SliderBlock = {
     'slider-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderProps), common_1.BlockHeaderProps),
     },
 };

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

@@ -272,31 +272,6 @@ export declare const TabsBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
-            title: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            };
-            description: {
-                type: string;
-                contentType: string;
-            };
             tabsColSizes: {};
             direction: {
                 type: string;
@@ -316,6 +291,35 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;

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

@@ -28,10 +28,7 @@ exports.TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: common_1.TitleProps, description: {
-                type: 'string',
-                contentType: 'text',
-            }, tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: common_1.mediaDirection,
             }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem) }),

package/build/cjs/components/BlockHeader/BlockHeader.css

@@ -1,27 +1,16 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-BlockHeader__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 16px;
-}
-.pc-BlockHeader__description_titleSize_s {
-  margin-top: 8px;
+.pc-block-header__description {
+  margin-top: 12px;
 }
-.pc-BlockHeader__description_titleSize_l {
+.pc-block-header__description .yfm {
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-BlockHeader__description a {
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.utilityfocus .pc-BlockHeader__description a:focus {
-  outline: 2px solid #ffdb4d;
+.pc-block-header__description_titleSize_s {
+  margin-top: 8px;
 }
-.pc-BlockHeader__description a:hover, .pc-BlockHeader__description a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+.pc-block-header__description_titleSize_s .yfm {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
 }

package/build/cjs/components/BlockHeader/BlockHeader.js

@@ -5,7 +5,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const grid_1 = require("../../grid");
 const __1 = require("../");
-const b = (0, utils_1.block)('BlockHeader');
+const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
+const b = (0, utils_1.block)('block-header');
 const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
     if (!title && !description) {
         return null;
@@ -14,8 +15,8 @@ const BlockHeader = ({ title, description, className, colSizes = { all: 12, sm:
     return (react_1.default.createElement("div", { className: b(null, className) },
         text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement(__1.Title, Object.assign({ text: text }, titleProps)))),
-        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: { all: 12, sm: 8 } },
+        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                react_1.default.createElement(__1.HTML, null, description))))));
+                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))))));
 };
 exports.default = BlockHeader;

package/build/cjs/schema/validators/common.d.ts

@@ -869,3 +869,34 @@ export declare const CardBase: {
         enum: string[];
     };
 };
+export declare const BlockHeaderProps: {
+    title: {
+        oneOf: ({
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                    contentType: string;
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                url: {
+                    type: string;
+                };
+                resetMargin: {
+                    type: string;
+                };
+            };
+        } | {
+            type: string;
+        })[];
+    };
+    description: {
+        type: string;
+        contentType: string;
+    };
+};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardBase = 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.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;
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
@@ -448,3 +448,12 @@ exports.CardBase = {
         enum: ['border', 'shadow', 'none'],
     },
 };
+exports.BlockHeaderProps = {
+    title: {
+        oneOf: [{ type: 'string' }, exports.TitleProps],
+    },
+    description: {
+        type: 'string',
+        contentType: 'yfm',
+    },
+};