@gravity-ui/page-constructor 1.12.0 → 1.12.1-alpha.1

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/grid/Grid/Grid.css

@@ -21,64 +21,64 @@
 }
 @media only screen and (max-width: 577px) {
   .pc-Grid .container,
-.pc-Grid .container-fluid {
+  .pc-Grid .container-fluid {
     padding: 0 16px;
   }
   .pc-Grid .col,
-.pc-Grid .col-sm-auto,
-.pc-Grid .col-auto {
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-0,
-.pc-Grid .col-0 {
+  .pc-Grid .col-0 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-1,
-.pc-Grid .col-1 {
+  .pc-Grid .col-1 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-2,
-.pc-Grid .col-2 {
+  .pc-Grid .col-2 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-3,
-.pc-Grid .col-3 {
+  .pc-Grid .col-3 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-4,
-.pc-Grid .col-4 {
+  .pc-Grid .col-4 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-5,
-.pc-Grid .col-5 {
+  .pc-Grid .col-5 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-6,
-.pc-Grid .col-6 {
+  .pc-Grid .col-6 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-7,
-.pc-Grid .col-7 {
+  .pc-Grid .col-7 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-8,
-.pc-Grid .col-8 {
+  .pc-Grid .col-8 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-9,
-.pc-Grid .col-9 {
+  .pc-Grid .col-9 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-10,
-.pc-Grid .col-10 {
+  .pc-Grid .col-10 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-11,
-.pc-Grid .col-11 {
+  .pc-Grid .col-11 {
     padding: 0 8px;
   }
   .pc-Grid .col-sm-12,
-.pc-Grid .col-12 {
+  .pc-Grid .col-12 {
     padding: 0 8px;
   }
   .pc-Grid .row .row {

package/build/cjs/models/constructor-items/common.d.ts

@@ -332,6 +332,7 @@ export interface AuthorProps {
     className?: string;
     authorContainerClassName?: string;
     type?: AuthorType;
+    dataQa?: string;
 }
 export interface BlockHeaderProps {
     title?: TitleProps | string;

package/build/cjs/navigation/components/Header/Header.css

@@ -18,25 +18,27 @@ unpredictable css rules order in build */
   height: var(--header-height);
 }
 @media (min-width: 769px) {
-  .pc-header__mobile-menu-button {
+  .pc-header__mobile-menu-button.pc-header__mobile-menu-button {
     display: none;
   }
 }
+
 .pc-header__navigation, .pc-header__left, .pc-header__right {
   display: flex;
   align-items: center;
 }
-.pc-header__navigation {
+.pc-header__navigation.pc-header__navigation {
   position: relative;
   margin-right: 20px;
   flex: 1 0 0;
   justify-content: flex-start;
 }
 @media (max-width: 768px) {
-  .pc-header__navigation {
+  .pc-header__navigation.pc-header__navigation {
     display: none;
   }
 }
+
 .pc-header__right {
   flex: 0;
   justify-content: flex-end;

package/build/cjs/navigation/components/Logo/Logo.css

@@ -1,4 +1,4 @@
-.pc-logo {
+.pc-logo__text {
   margin: 0;
 }
 
@@ -7,11 +7,6 @@ unpredictable css rules order in build */
 .pc-logo {
   display: flex;
   align-items: center;
-  font-weight: var(--yc-text-accent-font-weight);
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
 }
 .pc-logo__icon {
   display: flex;
@@ -19,5 +14,9 @@ unpredictable css rules order in build */
   object-fit: contain;
 }
 .pc-logo__text {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
   white-space: nowrap;
 }

package/build/cjs/navigation/components/NavigationItem/NavigationItem.css

@@ -4,6 +4,7 @@ unpredictable css rules order in build */
   position: relative;
   display: flex;
   align-items: center;
+  white-space: nowrap;
 }
 .pc-navigation-item_type_link {
   color: var(--yc-color-text-primary);

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',
+    },
+};

package/build/cjs/sub-blocks/CardWithImage/schema.js

@@ -4,7 +4,7 @@ exports.CardWithImage = exports.CardWithImageItem = void 0;
 const lodash_1 = require("lodash");
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
-const schema_1 = require("../../../src/sub-blocks/Content/schema");
+const schema_1 = require("../../sub-blocks/Content/schema");
 const CardWithImageContentProps = (0, lodash_1.omit)(schema_1.ContentBase, ['links', 'size', 'text', 'theme']);
 const CardWithImageLinks = {
     type: 'object',

package/build/cjs/text-transform/blocks.js

@@ -39,13 +39,6 @@ function parsePromoFeatures(transformer, items) {
         return (Object.assign({ text: transformer(text) }, rest));
     });
 }
-function parseSlider(transformer, block) {
-    const { title, description } = block;
-    block.title = Object.assign(Object.assign({}, title), { text: transformer(title ? title.text : '') });
-    if (description) {
-        block.description = transformer(description);
-    }
-}
 const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
     ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
 const parseItemsTitle = (transformer, items) => items.map((_a) => {
@@ -101,6 +94,17 @@ function typografTransformer(lang, content) {
     return (0, utils_1.typografToHTML)(content, lang);
 }
 exports.typografTransformer = typografTransformer;
+const blockHeaderTransfomer = [
+    {
+        fields: ['title'],
+        transformer: typografTransformer,
+        parser: parseTitle,
+    },
+    {
+        fields: ['description'],
+        transformer: yfmTransformer,
+    },
+];
 const config = {
     [models_1.SubBlockType.Partner]: {
         fields: ['text'],
@@ -145,35 +149,35 @@ const config = {
         transformer: typografTransformer,
     },
     [models_1.BlockType.ExtendedFeaturesBlock]: [
+        ...blockHeaderTransfomer,
         {
-            fields: ['title'],
+            fields: ['items'],
             transformer: typografTransformer,
-            parser: parseTitle,
+            parser: (0, exports.createItemsParser)(['title']),
         },
         {
-            fields: ['description'],
+            fields: ['items'],
             transformer: yfmTransformer,
+            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
         },
+    ],
+    [models_1.BlockType.PromoFeaturesBlock]: [
         {
-            fields: ['items'],
+            fields: ['title'],
             transformer: typografTransformer,
-            parser: (0, exports.createItemsParser)(['title']),
+            parser: parseTitle,
+        },
+        {
+            fields: ['description'],
+            transformer: yfmTransformer,
         },
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
+            parser: parsePromoFeatures,
         },
     ],
-    [models_1.BlockType.PromoFeaturesBlock]: {
-        fields: ['items'],
-        transformer: yfmTransformer,
-        parser: parsePromoFeatures,
-    },
-    [models_1.BlockType.SliderBlock]: {
-        transformer: typografTransformer,
-        parser: parseSlider,
-    },
+    [models_1.BlockType.SliderBlock]: blockHeaderTransfomer,
     [models_1.BlockType.QuestionsBlock]: [
         {
             fields: ['title'],
@@ -210,21 +214,14 @@ const config = {
         },
     ],
     [models_1.BlockType.MediaBlock]: [
+        ...blockHeaderTransfomer,
         {
-            fields: ['title'],
-            transformer: typografTransformer,
-        },
-        {
-            fields: ['description', 'title', 'additionalInfo'],
+            fields: ['title', 'additionalInfo'],
             transformer: yfmTransformer,
         },
     ],
     [models_1.BlockType.TabsBlock]: [
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
+        ...blockHeaderTransfomer,
         {
             fields: ['items'],
             transformer: yfmTransformer,
@@ -256,6 +253,11 @@ const config = {
         },
     ],
     [models_1.BlockType.SimpleBlock]: [
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+            parser: parseTitle,
+        },
         {
             fields: ['description'],
             transformer: yfmTransformer,
@@ -307,28 +309,7 @@ const config = {
             parser: parseTitle,
         },
     ],
-    [models_1.BlockType.CardLayoutBlock]: [
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-    ],
-    [models_1.BlockType.PromoFeaturesBlock]: [
-        {
-            fields: ['description'],
-            transformer: typografTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-    ],
+    [models_1.BlockType.PromoFeaturesBlock]: blockHeaderTransfomer,
     [models_1.BlockType.InfoBlock]: [
         {
             fields: ['rightContent', 'leftContent'],
@@ -347,6 +328,15 @@ const config = {
             transformer: typografTransformer,
         },
     ],
+    [models_1.BlockType.CardLayoutBlock]: blockHeaderTransfomer,
+    [models_1.BlockType.IconsBlock]: [
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+            parser: parseTitle,
+        },
+    ],
+    [models_1.BlockType.LinkTableBlock]: blockHeaderTransfomer,
 };
 function addRandomOrder(block) {
     if (block) {

package/build/esm/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/esm/blocks/CardLayout/schema.js

@@ -1,13 +1,8 @@
-import { AnimatableProps, containerSizesObject, ChildrenCardsProps, BlockBaseProps, TitleProps, } from '../../schema/validators/common';
+import { AnimatableProps, containerSizesObject, ChildrenCardsProps, BlockBaseProps, BlockHeaderProps, } from '../../schema/validators/common';
 export const CardLayoutProps = {
     additionalProperties: false,
     required: ['title'],
-    properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), { title: {
-            oneOf: [{ type: 'string', contentType: 'text' }, TitleProps],
-        }, description: {
-            type: 'string',
-            contentType: 'yfm',
-        }, colSizes: containerSizesObject, children: ChildrenCardsProps }),
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { colSizes: containerSizesObject, children: ChildrenCardsProps }),
 };
 export const CardLayoutBlock = {
     'card-layout-block': CardLayoutProps,

package/build/esm/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/esm/blocks/ExtendedFeatures/schema.js

@@ -1,4 +1,4 @@
-import { AnimatableProps, containerSizesObject, LinkProps, BlockBaseProps, TitleProps, } from '../../schema/validators/common';
+import { AnimatableProps, containerSizesObject, LinkProps, BlockBaseProps, BlockHeaderProps, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 export const ExtendedFeaturesItem = {
     additionalProperties: false,
@@ -26,11 +26,6 @@ export const ExtendedFeaturesBlock = {
     'extended-features-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), { title: {
-                oneOf: [{ type: 'string', contentType: 'text' }, TitleProps],
-            }, description: {
-                type: 'string',
-                contentType: 'yfm',
-            }, items: filteredArray(ExtendedFeaturesItem), colSizes: containerSizesObject }),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { items: filteredArray(ExtendedFeaturesItem), colSizes: containerSizesObject }),
     },
 };

package/build/esm/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;
             };