@gravity-ui/page-constructor 4.39.0 → 4.40.0

package/build/cjs/blocks/Icons/Icons.css

@@ -20,6 +20,10 @@ unpredictable css rules order in build */
   width: 100%;
   padding-bottom: 24px;
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: max-content;
 }
 .pc-icons-block__text {
   margin: 8px 0 0;

package/build/cjs/blocks/Icons/Icons.d.ts

@@ -1,3 +1,3 @@
 import { IconsBlockProps } from '../../models';
-declare const Icons: ({ title, description, size, items }: IconsBlockProps) => JSX.Element;
+declare const Icons: ({ title, description, size, colSizes, items }: IconsBlockProps) => JSX.Element;
 export default Icons;

package/build/cjs/blocks/Icons/Icons.js

@@ -10,14 +10,14 @@ const b = (0, utils_1.block)('icons-block');
 const getItemContent = (item) => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
     react_1.default.createElement("p", { className: b('text') }, item.text)));
-const Icons = ({ title, description, size = 's', items }) => {
+const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const handleAnalytics = (0, hooks_1.useAnalytics)();
     const onClick = (0, react_1.useCallback)(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
     return (react_1.default.createElement("div", { className: b({ size }) },
-        (title || description) && (react_1.default.createElement(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: { all: 12 } })),
+        (title || description) && (react_1.default.createElement(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
         items.map((item) => {
             const itemContent = getItemContent(item);
             const { url, text } = item;

package/build/cjs/components/ContentList/ContentList.css

@@ -58,4 +58,8 @@ unpredictable css rules order in build */
 }
 .pc-content-list__item {
   display: flex;
+}
+.pc-content-list .pc-content-list__title .yfm {
+  font-size: inherit;
+  line-height: inherit;
 }

package/build/cjs/components/ContentList/ContentList.js

@@ -25,7 +25,7 @@ const ContentList = ({ list, size = 'l', qa }) => {
             react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon', { without_title: !title }), qa: qaAttributes.image }),
             react_1.default.createElement("div", null,
                 title &&
-                    react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, title),
+                    react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, react_1.default.createElement(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })),
                 text && (react_1.default.createElement(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
     })));
 };

package/build/cjs/components/Media/Image/Image.js

@@ -53,7 +53,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard, animated: parallax }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

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

@@ -10,7 +10,7 @@ export declare const blockMap: {
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
     "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
-    "icons-block": ({ title, description, size, items }: import("./models").IconsBlockProps) => JSX.Element;
+    "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
     "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -19,7 +19,7 @@ const ConstructorItem_1 = require("./components/ConstructorItem");
 const ConstructorRow_1 = require("./components/ConstructorRow");
 const b = (0, utils_1.block)('page-constructor');
 const Constructor = (props) => {
-    const { content: { blocks = [], background = {} } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
+    const { content: { blocks = [], background } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
     const { context } = (0, react_1.useMemo)(() => ({
         context: {
             blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
@@ -43,7 +43,7 @@ const Constructor = (props) => {
     const restBlocks = (0, utils_1.getOrderedBlocks)(blocks, context.headerBlockTypes);
     const themedBackground = (0, utils_1.getThemedValue)(background, theme);
     return (react_1.default.createElement(innerContext_1.InnerContext.Provider, { value: context },
-        react_1.default.createElement(RootCn_1.default, null,
+        react_1.default.createElement(RootCn_1.default, { className: b() },
             react_1.default.createElement("div", { className: b('wrapper') },
                 themedBackground && (react_1.default.createElement(BackgroundMedia_1.default, Object.assign({}, themedBackground, { className: b('background') }))),
                 react_1.default.createElement(Layout_1.default, { navigation: navigation },

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

@@ -258,6 +258,7 @@ export interface IconsBlockProps {
     description?: string;
     size?: 's' | 'm' | 'l';
     items: IconsBlockItemProps[];
+    colSizes?: GridColumnSizesType;
 }
 interface ContentLayoutBlockParams {
     size?: ContentSize;

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

@@ -280,7 +280,7 @@ exports.config = {
         {
             fields: ['list'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['text']),
+            parser: (0, common_1.createItemsParser)(['title', 'text']),
         },
     ],
     [models_1.BlockType.InfoBlock]: [

package/build/esm/blocks/Icons/Icons.css

@@ -20,6 +20,10 @@ unpredictable css rules order in build */
   width: 100%;
   padding-bottom: 24px;
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: max-content;
 }
 .pc-icons-block__text {
   margin: 8px 0 0;

package/build/esm/blocks/Icons/Icons.d.ts

@@ -1,4 +1,4 @@
 import { IconsBlockProps } from '../../models';
 import './Icons.css';
-declare const Icons: ({ title, description, size, items }: IconsBlockProps) => JSX.Element;
+declare const Icons: ({ title, description, size, colSizes, items }: IconsBlockProps) => JSX.Element;
 export default Icons;

package/build/esm/blocks/Icons/Icons.js

@@ -8,14 +8,14 @@ const b = block('icons-block');
 const getItemContent = (item) => (React.createElement(Fragment, null,
     React.createElement(Image, { className: b('image'), src: item.src }),
     React.createElement("p", { className: b('text') }, item.text)));
-const Icons = ({ title, description, size = 's', items }) => {
+const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
     const { hostname } = useContext(LocationContext);
     const handleAnalytics = useAnalytics();
     const onClick = useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
     return (React.createElement("div", { className: b({ size }) },
-        (title || description) && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: { all: 12 } })),
+        (title || description) && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
         items.map((item) => {
             const itemContent = getItemContent(item);
             const { url, text } = item;

package/build/esm/components/ContentList/ContentList.css

@@ -58,4 +58,8 @@ unpredictable css rules order in build */
 }
 .pc-content-list__item {
   display: flex;
+}
+.pc-content-list .pc-content-list__title .yfm {
+  font-size: inherit;
+  line-height: inherit;
 }

package/build/esm/components/ContentList/ContentList.js

@@ -23,7 +23,7 @@ const ContentList = ({ list, size = 'l', qa }) => {
             React.createElement(ItemIcon, { icon: icon, className: b('icon', { without_title: !title }), qa: qaAttributes.image }),
             React.createElement("div", null,
                 title &&
-                    React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, title),
+                    React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, React.createElement(YFMWrapper, { content: title, modifiers: { constructor: true } })),
                 text && (React.createElement(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
     })));
 };

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

@@ -50,7 +50,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (React.createElement(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard }, imageArray.map((item, index) => (React.createElement(Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (React.createElement(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard, animated: parallax }, imageArray.map((item, index) => (React.createElement(Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

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

@@ -10,7 +10,7 @@ export declare const blockMap: {
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
     "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
-    "icons-block": ({ title, description, size, items }: import("./models").IconsBlockProps) => JSX.Element;
+    "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
     "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -17,7 +17,7 @@ import { ConstructorRow } from './components/ConstructorRow';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {
-    const { content: { blocks = [], background = {} } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
+    const { content: { blocks = [], background } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
     const { context } = useMemo(() => ({
         context: {
             blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],
@@ -41,7 +41,7 @@ export const Constructor = (props) => {
     const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);
     const themedBackground = getThemedValue(background, theme);
     return (React.createElement(InnerContext.Provider, { value: context },
-        React.createElement(RootCn, null,
+        React.createElement(RootCn, { className: b() },
             React.createElement("div", { className: b('wrapper') },
                 themedBackground && (React.createElement(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') }))),
                 React.createElement(Layout, { navigation: navigation },

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

@@ -258,6 +258,7 @@ export interface IconsBlockProps {
     description?: string;
     size?: 's' | 'm' | 'l';
     items: IconsBlockItemProps[];
+    colSizes?: GridColumnSizesType;
 }
 interface ContentLayoutBlockParams {
     size?: ContentSize;

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

@@ -277,7 +277,7 @@ export const config = {
         {
             fields: ['list'],
             transformer: yfmTransformer,
-            parser: createItemsParser(['text']),
+            parser: createItemsParser(['title', 'text']),
         },
     ],
     [BlockType.InfoBlock]: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.39.0",
+  "version": "4.40.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/constructor-items/blocks.d.ts

@@ -258,6 +258,7 @@ export interface IconsBlockProps {
     description?: string;
     size?: 's' | 'm' | 'l';
     items: IconsBlockItemProps[];
+    colSizes?: GridColumnSizesType;
 }
 interface ContentLayoutBlockParams {
     size?: ContentSize;

package/server/text-transform/config.js

@@ -290,7 +290,7 @@ exports.config = {
         {
             fields: ['list'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['text']),
+            parser: (0, common_1.createItemsParser)(['title', 'text']),
         },
     ],
     [models_1.BlockType.InfoBlock]: [