@gravity-ui/page-constructor 6.0.0-alpha.3 → 6.0.0-alpha.5

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

@@ -6,10 +6,26 @@ exports.config = exports.blockHeaderTransformer = void 0;
 const tslib_1 = require("tslib");
 const models_1 = require("../models");
 const common_1 = require("./common");
-function parseTableBlock(transformer, content) {
+function parseTableBlockLegend(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
 }
+function parseTableBlockContent(transformer, content) {
+    const legend = content === null || content === void 0 ? void 0 : content.legend;
+    const tableContent = content === null || content === void 0 ? void 0 : content.content;
+    return Object.assign(Object.assign({}, (content || {})), { content: tableContent &&
+            tableContent.map((row, i) => row.map((cell, j) => {
+                if (legend) {
+                    if (i === 0 || j === 0) {
+                        return transformer(cell);
+                    }
+                    return cell;
+                }
+                else {
+                    return transformer(cell);
+                }
+            })) });
+}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = tslib_1.__rest(_a, ["title", "text"]);
@@ -84,8 +100,9 @@ function parseContentLayoutTitle(transformer, content) {
 exports.blockHeaderTransformer = [
     {
         fields: ['title'],
-        transformer: common_1.typografTransformer,
+        transformer: common_1.yfmTransformer,
         parser: parseTitle,
+        renderInline: true,
     },
     {
         fields: ['description'],
@@ -96,7 +113,8 @@ exports.config = {
     [models_1.SubBlockType.BasicCard]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['text', 'additionalInfo'],
@@ -105,22 +123,16 @@ exports.config = {
     ],
     [models_1.SubBlockType.BackgroundCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.ImageCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.LayoutItem]: [
@@ -132,7 +144,8 @@ exports.config = {
         {
             fields: ['content'],
             parser: parseContentLayoutTitle,
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['metaInfo'],
@@ -142,26 +155,30 @@ exports.config = {
     ],
     [models_1.SubBlockType.Quote]: [
         {
-            fields: ['text'],
-            transformer: common_1.typografTransformer,
-        },
-        {
-            fields: ['yfmText'],
+            fields: ['text', 'yfmText'],
             transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.ExtendedFeaturesBlock]: [
         ...exports.blockHeaderTransformer,
         {
             fields: ['items'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: (0, common_1.createItemsParser)(['title']),
+            renderInline: true,
         },
         {
             fields: ['items'],
             transformer: common_1.yfmTransformer,
             parser: (0, common_1.createItemsParser)(['text', 'additionalInfo']),
         },
+        {
+            fields: ['items'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['list.text']),
+            renderInline: true,
+        },
     ],
     [models_1.BlockType.PromoFeaturesBlock]: [
         ...exports.blockHeaderTransformer,
@@ -172,15 +189,13 @@ exports.config = {
         },
     ],
     [models_1.BlockType.SliderOldBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.SliderBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.CompaniesBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.QuestionsBlock]: [
         {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
-        },
-        {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['items'],
@@ -191,7 +206,8 @@ exports.config = {
     [models_1.BlockType.BannerBlock]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['subtitle'],
@@ -201,7 +217,8 @@ exports.config = {
     [models_1.SubBlockType.BannerCard]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['subtitle'],
@@ -211,7 +228,7 @@ exports.config = {
     [models_1.BlockType.MediaBlock]: [
         ...exports.blockHeaderTransformer,
         {
-            fields: ['title', 'additionalInfo'],
+            fields: ['additionalInfo'],
             transformer: common_1.yfmTransformer,
         },
         {
@@ -236,27 +253,35 @@ exports.config = {
         },
         {
             fields: ['items'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseItemsTitle,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.TableBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['table'],
             transformer: common_1.yfmTransformer,
-            parser: parseTableBlock,
+            parser: parseTableBlockLegend,
         },
-    ],
-    [models_1.BlockType.HeaderSliderBlock]: [
         {
-            fields: ['items'],
-            transformer: common_1.typografTransformer,
-            parser: (0, common_1.createItemsParser)(['title', 'overtitle']),
+            fields: ['table'],
+            transformer: common_1.yfmTransformer,
+            parser: parseTableBlockContent,
+            renderInline: true,
         },
+    ],
+    [models_1.BlockType.HeaderSliderBlock]: [
         {
             fields: ['items'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['description']),
+            parser: (0, common_1.createItemsParser)(['title', 'overtitle', 'description']),
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.PriceDetailed]: [
@@ -270,6 +295,11 @@ exports.config = {
             fields: ['description'],
             transformer: common_1.yfmTransformer,
         },
+        {
+            fields: ['overtitle', 'title'],
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
+        },
     ],
     [models_1.BlockType.ContentLayoutBlock]: [
         {
@@ -279,8 +309,9 @@ exports.config = {
         },
         {
             fields: ['textContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.Content]: [
@@ -290,8 +321,9 @@ exports.config = {
         },
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseTitle,
+            renderInline: true,
         },
         {
             fields: ['list'],
@@ -300,6 +332,11 @@ exports.config = {
         },
     ],
     [models_1.BlockType.InfoBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['rightContent', 'leftContent'],
             transformer: common_1.yfmTransformer,
@@ -307,14 +344,16 @@ exports.config = {
         },
         {
             fields: ['rightContent', 'leftContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.ShareBlock]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.CardLayoutBlock]: exports.blockHeaderTransformer,
@@ -323,12 +362,13 @@ exports.config = {
     [models_1.SubBlockType.PriceCard]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['list'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['text']),
+            parser: (0, common_1.createItemsParser)(['title', 'text']),
         },
     ],
     [models_1.BlockType.FormBlock]: [
@@ -339,8 +379,9 @@ exports.config = {
         },
         {
             fields: ['textContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
 };

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

@@ -22,10 +22,10 @@ function transformBlock(lang, blocksConfig, block, plugins) {
     if (blockConfig) {
         const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
         configs.forEach((transformConfig) => {
-            const { fields, transformer: transformerRaw, parser } = transformConfig;
+            const { fields, transformer: transformerRaw, parser, renderInline } = transformConfig;
             const transformer = (content) => 
             // eslint-disable-next-line no-useless-call
-            transformerRaw.call(null, lang, content, { plugins });
+            transformerRaw.call(null, lang, content, { plugins, renderInline });
             if (fields) {
                 fields.forEach((field) => {
                     if (block[field]) {

package/build/esm/blocks/Share/Share.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useContext } from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
+import { YFMWrapper } from '../../components';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
 import { Facebook } from '../../icons/Facebook';
@@ -24,7 +25,10 @@ const Share = ({ items, title }) => {
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
     return (React.createElement("div", { className: b() },
-        React.createElement("h5", { className: b('title') }, title || i18n('constructor-share')),
+        React.createElement("h5", { className: b('title') }, title ? (React.createElement(YFMWrapper, { content: title, modifiers: {
+                constructor: true,
+                // constructorTheme: textTheme,
+            } })) : (i18n('constructor-share'))),
         React.createElement("div", { className: b('items') }, items.map((type) => {
             const url = getAbsolutePath(hostname, pathname);
             const socialUrl = getShareLink(url, type);

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

@@ -69,7 +69,16 @@ export declare const SliderProps: {
                 type: string;
                 patternProperties: {
                     '.*': {
-                        type: string[];
+                        oneOf: ({
+                            type: string[];
+                            additionalProperties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                        } | {
+                            type: string;
+                            additionalProperties?: undefined;
+                        })[];
                     };
                 };
             };
@@ -193,7 +202,16 @@ export declare const SliderBlock: {
                         type: string;
                         patternProperties: {
                             '.*': {
-                                type: string[];
+                                oneOf: ({
+                                    type: string[];
+                                    additionalProperties?: undefined;
+                                } | {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                } | {
+                                    type: string;
+                                    additionalProperties?: undefined;
+                                })[];
                             };
                         };
                     };

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

@@ -18,7 +18,18 @@ const LoadableProps = {
             type: 'object',
             patternProperties: {
                 '.*': {
-                    type: ['string', 'number', 'boolean'],
+                    oneOf: [
+                        {
+                            type: ['string', 'number', 'boolean'],
+                        },
+                        {
+                            type: 'object',
+                            additionalProperties: true,
+                        },
+                        {
+                            type: 'array',
+                        },
+                    ],
                 },
             },
         },

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

@@ -60,7 +60,16 @@ export declare const SliderOldProps: {
                 type: string;
                 patternProperties: {
                     '.*': {
-                        type: string[];
+                        oneOf: ({
+                            type: string[];
+                            additionalProperties?: undefined;
+                        } | {
+                            type: string;
+                            additionalProperties: boolean;
+                        } | {
+                            type: string;
+                            additionalProperties?: undefined;
+                        })[];
                     };
                 };
             };
@@ -176,7 +185,16 @@ export declare const SliderOldBlock: {
                         type: string;
                         patternProperties: {
                             '.*': {
-                                type: string[];
+                                oneOf: ({
+                                    type: string[];
+                                    additionalProperties?: undefined;
+                                } | {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                } | {
+                                    type: string;
+                                    additionalProperties?: undefined;
+                                })[];
                             };
                         };
                     };

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

@@ -18,7 +18,18 @@ const LoadableProps = {
             type: 'object',
             patternProperties: {
                 '.*': {
-                    type: ['string', 'number', 'boolean'],
+                    oneOf: [
+                        {
+                            type: ['string', 'number', 'boolean'],
+                        },
+                        {
+                            type: 'object',
+                            additionalProperties: true,
+                        },
+                        {
+                            type: 'array',
+                        },
+                    ],
                 },
             },
         },

package/build/esm/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Table } from '../../components';
+import { Table, YFMWrapper } from '../../components';
 import { Col, Grid, GridColumnSize, Row } from '../../grid';
 import { block } from '../../utils';
 import './Table.css';
@@ -10,7 +10,9 @@ export const TableBlock = (props) => {
         React.createElement(Grid, { className: b('content') },
             React.createElement(Row, { className: b('row') },
                 React.createElement(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 } },
-                    React.createElement("h2", { className: b('title') }, title)),
+                    React.createElement(YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                            constructor: true,
+                        } })),
                 React.createElement(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 } },
                     React.createElement(Table, Object.assign({ className: b('table') }, table)))))));
 };

package/build/esm/components/Title/TitleItem.css

@@ -99,6 +99,7 @@ unpredictable css rules order in build */
 .pc-title-item__text.pc-title-item__text {
   white-space: normal;
   font-size: inherit;
+  line-height: inherit;
 }
 .pc-title-item__text.pc-title-item__text a {
   outline: none;

package/build/esm/models/constructor-items/blocks.d.ts

@@ -50,7 +50,7 @@ export interface LoadableProps {
      * @deprecated Will be moved to params
      */
     serviceId?: number;
-    params?: Record<string, string | number | boolean>;
+    params?: Record<string, string | number | boolean | object>;
 }
 export interface LoadableChildren {
     loadable?: LoadableProps;

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

@@ -16,6 +16,9 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
 
+.pc-banner-card__text {
+  max-width: 100%;
+}
 .pc-banner-card__title.pc-banner-card__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
@@ -57,6 +60,7 @@ unpredictable css rules order in build */
   justify-content: space-between;
   flex-direction: column;
   align-items: baseline;
+  max-width: 100%;
 }
 .pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;

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

@@ -81,73 +81,75 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
-.pc-content_theme_dark {
+.pc-content_theme_dark.pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-content_theme_dark .pc-content__title *,
-.pc-content_theme_dark .pc-content__text .yfm,
-.pc-content_theme_dark .pc-content__text .yfm *,
-.pc-content_theme_dark .pc-content__links a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__links a {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm,
-.pc-content_theme_dark .pc-content__notice .yfm * {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm * {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a {
   color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__text .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__text .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__title a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_dark .pc-content__title a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a:hover {
   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__links a {
+
+.pc-content_theme_light.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__links a {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__notice .yfm,
-.pc-content_theme_light .pc-content__notice .yfm * {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm * {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__notice .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a {
   color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__notice .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__text .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__text .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__title a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_light .pc-content__title a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a:hover {
   color: var(--g-color-text-dark-secondary);
 }
+
 .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),

package/build/esm/text-transform/common.d.ts

@@ -1,18 +1,19 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { Lang } from './types';
 export type ComplexItem = {
-    [key: string]: string;
+    [key: string]: string | object;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
 export type TransformerRaw = (lang: Lang, content: string, options: {
     plugins: MarkdownItPluginCb[];
+    renderInline?: boolean;
 }) => string;
 export type Parser<T = any> = (transformer: Transformer, block: T) => T;
 export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
-    [x: string]: string;
+    [x: string]: string | object;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
-}): string;
+}, renderInline?: boolean): string;
 export declare function typografTransformer(lang: Lang, content: string): string;