@gravity-ui/page-constructor 1.6.0-alpha.1 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.6.1](https://github.com/gravity-ui/page-constructor/compare/v1.4.1...v1.6.1) (2022-11-10)
+
+### Bug Fixes
+
+* fix storybook's content
+
+
 ## [1.6.0](https://github.com/gravity-ui/page-constructor/pulls?q=is%3Apr+is%3Aclosed) (2022-11-09)
 
 ### Features

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -12,8 +12,6 @@ unpredictable css rules order in build */
 }
 .pc-ExtendedFeaturesBlock__item {
   margin-top: 32px;
-}
-.pc-ExtendedFeaturesBlock__item.col {
   padding-right: 32px;
 }
 .pc-ExtendedFeaturesBlock__item-title {
@@ -76,15 +74,12 @@ unpredictable css rules order in build */
   height: 32px;
   background-size: cover;
   display: block;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 @media (max-width: 577px) {
   .pc-ExtendedFeaturesBlock__item {
     margin-top: 32px;
   }
-  .pc-ExtendedFeaturesBlock__item.col {
-    padding-right: 8px;
-  }
 }
 @media (min-width: 769px) {
   .pc-ExtendedFeaturesBlock.pc-AnimateBlock .pc-ExtendedFeaturesBlock__item, .pc-AnimateBlock .pc-ExtendedFeaturesBlock .pc-ExtendedFeaturesBlock__item {

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

@@ -2,40 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtendedFeaturesBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importStar)(require("react"));
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const utils_1 = require("../../utils");
 const grid_1 = require("../../grid");
 const components_1 = require("../../components/");
-const sub_blocks_1 = require("../../sub-blocks");
-const Image_1 = (0, tslib_1.__importDefault)(require("../../components/Image/Image"));
-const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
-const utils_2 = require("../../components/Media/Image/utils");
 const b = (0, utils_1.block)('ExtendedFeaturesBlock');
 const DEFAULT_SIZES = {
     all: 12,
     sm: 6,
     md: 4,
 };
-const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
-    return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
-        react_1.default.createElement(components_1.BlockHeader, { title: title, description: description, className: b('header') }),
-        react_1.default.createElement("div", { className: b('items') },
-            react_1.default.createElement(grid_1.Row, null, items.map(({ title: itemTitle, text, link, links, label, icon }) => {
-                const itemLinks = links || [];
-                const iconThemed = icon && (0, utils_1.getThemedValue)(icon, theme);
-                const iconData = iconThemed && (0, utils_2.getMediaImage)(iconThemed);
-                if (link) {
-                    itemLinks.push(link);
-                }
-                return (react_1.default.createElement(grid_1.Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
-                    iconData && react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })),
-                    react_1.default.createElement("div", { className: b('container') },
-                        itemTitle && (react_1.default.createElement("h5", { className: b('item-title') },
-                            react_1.default.createElement(components_1.HTML, null, itemTitle),
-                            label && (react_1.default.createElement("div", { className: b('item-label') }, label)))),
-                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 } }))));
-            })))));
-};
+const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
+    react_1.default.createElement(components_1.BlockHeader, { title: title, description: description, className: b('header') }),
+    react_1.default.createElement("div", { className: b('items') },
+        react_1.default.createElement(grid_1.Row, null, items.map(({ title: itemTitle, text, link, label, icon }) => (react_1.default.createElement(grid_1.Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
+            icon && react_1.default.createElement("img", { src: icon, className: b('icon') }),
+            itemTitle && (react_1.default.createElement("h5", { className: b('item-title', { 'has-label': Boolean(label) }) },
+                react_1.default.createElement(components_1.HTML, null, itemTitle),
+                label && react_1.default.createElement("div", { className: b('item-label') }, label))),
+            text && (react_1.default.createElement("div", { className: b('item-text') },
+                react_1.default.createElement(components_1.HTML, null, text))),
+            link && react_1.default.createElement(components_1.Link, Object.assign({ className: b('item-link') }, link)))))))));
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;
 exports.default = exports.ExtendedFeaturesBlock;

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

@@ -118,10 +118,8 @@ export interface ExtendedFeaturesItem {
     title?: string;
     text?: string;
     label?: string;
-    icon?: ThemedImage;
-    /** @deprecated **/
+    icon?: string;
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];

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

@@ -152,20 +152,10 @@ const config = {
             fields: ['description'],
             transformer: yfmTransformer,
         },
-        // {
-        //     fields: ['items'],
-        //     transformer: typografTransformer,
-        //     parser: parseFeatures,
-        // },
         {
             fields: ['items'],
             transformer: typografTransformer,
-            parser: (0, exports.createItemsParser)(['title']),
-        },
-        {
-            fields: ['items'],
-            transformer: yfmTransformer,
-            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
+            parser: parseFeatures,
         },
     ],
     [models_1.BlockType.PromoFeaturesBlock]: {

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -12,8 +12,6 @@ unpredictable css rules order in build */
 }
 .pc-ExtendedFeaturesBlock__item {
   margin-top: 32px;
-}
-.pc-ExtendedFeaturesBlock__item.col {
   padding-right: 32px;
 }
 .pc-ExtendedFeaturesBlock__item-title {
@@ -76,15 +74,12 @@ unpredictable css rules order in build */
   height: 32px;
   background-size: cover;
   display: block;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 @media (max-width: 577px) {
   .pc-ExtendedFeaturesBlock__item {
     margin-top: 32px;
   }
-  .pc-ExtendedFeaturesBlock__item.col {
-    padding-right: 8px;
-  }
 }
 @media (min-width: 769px) {
   .pc-ExtendedFeaturesBlock.pc-AnimateBlock .pc-ExtendedFeaturesBlock__item, .pc-AnimateBlock .pc-ExtendedFeaturesBlock .pc-ExtendedFeaturesBlock__item {

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -1,11 +1,7 @@
-import React, { useContext } from 'react';
-import { block, getThemedValue } from '../../utils';
+import React from 'react';
+import { block } from '../../utils';
 import { Row, Col } from '../../grid';
-import { AnimateBlock, BlockHeader, HTML } from '../../components/';
-import { Content } from '../../sub-blocks';
-import Image from '../../components/Image/Image';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
-import { getMediaImage } from '../../components/Media/Image/utils';
+import { Link, HTML, AnimateBlock, BlockHeader } from '../../components/';
 import './ExtendedFeatures.css';
 const b = block('ExtendedFeaturesBlock');
 const DEFAULT_SIZES = {
@@ -13,25 +9,15 @@ const DEFAULT_SIZES = {
     sm: 6,
     md: 4,
 };
-export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
-    const { themeValue: theme } = useContext(ThemeValueContext);
-    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(BlockHeader, { title: title, description: description, className: b('header') }),
-        React.createElement("div", { className: b('items') },
-            React.createElement(Row, null, items.map(({ title: itemTitle, text, link, links, label, icon }) => {
-                const itemLinks = links || [];
-                const iconThemed = icon && getThemedValue(icon, theme);
-                const iconData = iconThemed && getMediaImage(iconThemed);
-                if (link) {
-                    itemLinks.push(link);
-                }
-                return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
-                    iconData && React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })),
-                    React.createElement("div", { className: b('container') },
-                        itemTitle && (React.createElement("h5", { className: b('item-title') },
-                            React.createElement(HTML, null, itemTitle),
-                            label && (React.createElement("div", { className: b('item-label') }, label)))),
-                        React.createElement(Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 } }))));
-            })))));
-};
+export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => (React.createElement(AnimateBlock, { className: b(), animate: animated },
+    React.createElement(BlockHeader, { title: title, description: description, className: b('header') }),
+    React.createElement("div", { className: b('items') },
+        React.createElement(Row, null, items.map(({ title: itemTitle, text, link, label, icon }) => (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
+            icon && React.createElement("img", { src: icon, className: b('icon') }),
+            itemTitle && (React.createElement("h5", { className: b('item-title', { 'has-label': Boolean(label) }) },
+                React.createElement(HTML, null, itemTitle),
+                label && React.createElement("div", { className: b('item-label') }, label))),
+            text && (React.createElement("div", { className: b('item-text') },
+                React.createElement(HTML, null, text))),
+            link && React.createElement(Link, Object.assign({ className: b('item-link') }, link)))))))));
 export default ExtendedFeaturesBlock;

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

@@ -118,10 +118,8 @@ export interface ExtendedFeaturesItem {
     title?: string;
     text?: string;
     label?: string;
-    icon?: ThemedImage;
-    /** @deprecated **/
+    icon?: string;
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];

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

@@ -146,20 +146,10 @@ const config = {
             fields: ['description'],
             transformer: yfmTransformer,
         },
-        // {
-        //     fields: ['items'],
-        //     transformer: typografTransformer,
-        //     parser: parseFeatures,
-        // },
         {
             fields: ['items'],
             transformer: typografTransformer,
-            parser: createItemsParser(['title']),
-        },
-        {
-            fields: ['items'],
-            transformer: yfmTransformer,
-            parser: createItemsParser(['text', 'additionalInfo']),
+            parser: parseFeatures,
         },
     ],
     [BlockType.PromoFeaturesBlock]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.6.0-alpha.1",
+  "version": "1.6.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -121,8 +121,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

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

@@ -118,10 +118,8 @@ export interface ExtendedFeaturesItem {
     title?: string;
     text?: string;
     label?: string;
-    icon?: ThemedImage;
-    /** @deprecated **/
+    icon?: string;
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];

package/server/text-transform/blocks.js

@@ -165,20 +165,10 @@ const config = {
             fields: ['description'],
             transformer: yfmTransformer,
         },
-        // {
-        //     fields: ['items'],
-        //     transformer: typografTransformer,
-        //     parser: parseFeatures,
-        // },
         {
             fields: ['items'],
             transformer: typografTransformer,
-            parser: (0, exports.createItemsParser)(['title']),
-        },
-        {
-            fields: ['items'],
-            transformer: yfmTransformer,
-            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
+            parser: parseFeatures,
         },
     ],
     [models_1.BlockType.PromoFeaturesBlock]: {