npm - @gravity-ui/page-constructor - Versions diffs - 3.14.0 → 3.16.0 - Mend

@gravity-ui/page-constructor 3.14.0 → 3.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/build/cjs/blocks/ContentLayout/ContentLayout.css CHANGED Viewed

@@ -53,7 +53,4 @@ unpredictable css rules order in build */
   .pc-content-layout-block_background {
     padding: 32px;
   }
-  .pc-content-layout-block_background picture {
-    display: none;
-  }
 }

package/build/cjs/blocks/ContentLayout/schema.d.ts CHANGED Viewed

@@ -70,7 +70,9 @@ export declare const ContentLayoutBlock: {
                             };
                             contentType?: undefined;
                         })[];
-                    };
+                    }; /**
+                     * @deprecated Use params on top level instead
+                     */
                     text: {
                         type: string;
                         contentType: string;
@@ -108,12 +110,19 @@ export declare const ContentLayoutBlock: {
                     };
                     theme: {
                         type: string;
-                        enum: string[]; /**
-                         * @deprecated Use params on top level instead
-                         */
-                    }; /**
-                     * @deprecated Use params on top level instead
-                     */
+                        enum: string[];
+                    };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 };
             };
             fileContent: {

package/build/cjs/blocks/Info/schema.d.ts CHANGED Viewed

@@ -121,6 +121,17 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 }>;
             };
             rightContent: {
@@ -194,6 +205,17 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 }>;
             };
             type: {};

package/build/cjs/blocks/Map/schema.d.ts CHANGED Viewed

@@ -426,6 +426,17 @@ export declare const MapBlock: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             animated: {
                 type: string;
             };

package/build/cjs/blocks/Media/schema.d.ts CHANGED Viewed

@@ -542,6 +542,17 @@ export declare const MediaBlockBaseProps: {
             };
         };
     };
+    list: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
     animated: {
         type: string;
     };
@@ -1132,6 +1143,17 @@ export declare const MediaBlock: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             animated: {
                 type: string;
             };

package/build/cjs/blocks/Questions/schema.d.ts CHANGED Viewed

@@ -74,6 +74,17 @@ export declare const QuestionsBlock: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;

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

@@ -450,6 +450,17 @@ export declare const tabsItem: {
             type: string;
             enum: string[];
         } | undefined;
+        list?: {
+            type: string;
+            items: {
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        } | undefined;
     };
 };
 export declare const TabsBlock: {

package/build/cjs/components/MediaBase/MediaBaseContent.js CHANGED Viewed

@@ -6,9 +6,9 @@ const sub_blocks_1 = require("../../sub-blocks");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('media-base-content');
 const MediaContent = (props) => {
-    const { title, description, button, links, buttons = [], additionalInfo, size = 'l' } = props;
+    const { title, description, button, links, buttons = [], additionalInfo, size = 'l', list, } = props;
     const allButtons = button ? [Object.assign(Object.assign({}, button), { size: 'xl' }), ...buttons] : buttons;
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
+        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: description, links: links, theme: "default", buttons: allButtons, list: list, additionalInfo: additionalInfo, size: size, colSizes: { all: 12, md: 12 } })));
 };
 exports.default = MediaContent;

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

@@ -154,14 +154,11 @@ export interface MediaBaseBlockProps extends Animatable, MediaContentProps {
     mediaOnly?: boolean;
     disableShadow?: boolean;
 }
-export interface MediaContentProps {
+export interface MediaContentProps extends Omit<ContentBlockProps, 'colSizes' | 'text' | 'title' | 'theme' | 'centered'> {
     title: string;
     description?: string;
-    additionalInfo?: string;
+    /** @deprecated  Use array of buttons from ContentBlockProps instead**/
     button?: ButtonProps;
-    links?: LinkProps[];
-    buttons?: ButtonProps[];
-    size?: ContentSize;
 }
 export interface MediaBlockProps extends MediaBaseBlockProps {
     media: ThemeSupporting<MediaProps>;
@@ -259,6 +256,11 @@ export interface ContentLayoutBlockProps extends ContentLayoutBlockParams {
     textContent: ContentBlockProps;
     fileContent?: FileLinkProps[];
 }
+export interface ContentItemProps {
+    title?: string;
+    text?: string;
+    icon: ThemedImage;
+}
 export interface ContentBlockProps {
     title?: TitleItemBaseProps | string;
     text?: string;
@@ -269,6 +271,7 @@ export interface ContentBlockProps {
     colSizes?: GridColumnSizesType;
     centered?: boolean;
     theme?: ContentTheme;
+    list?: ContentItemProps[];
 }
 export declare enum PCShareSocialNetwork {
     Vk = "vk",

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js CHANGED Viewed

@@ -4,13 +4,16 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const Foldable_1 = tslib_1.__importDefault(require("../../../components/Foldable/Foldable"));
+const hooks_1 = require("../../../hooks");
 const utils_1 = require("../../../utils");
 const models_1 = require("../../models");
 const NavigationList_1 = require("../NavigationList/NavigationList");
 const b = (0, utils_1.block)('mobile-navigation');
 const MobileNavigation = (_a) => {
     var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
-    if (typeof window === 'undefined') {
+    const [isMounted, setIsMounted] = react_1.default.useState(false);
+    (0, hooks_1.useMount)(() => setIsMounted(true));
+    if (!isMounted) {
         return null;
     }
     return (react_1.default.createElement(uikit_1.Portal, null,

package/build/cjs/schema/constants.d.ts CHANGED Viewed

@@ -86,6 +86,17 @@ export declare const cardSchemas: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];
@@ -279,6 +290,17 @@ export declare const cardSchemas: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts CHANGED Viewed

@@ -105,6 +105,17 @@ export declare const BackgroundCard: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];

package/build/cjs/sub-blocks/BasicCard/schema.d.ts CHANGED Viewed

@@ -84,6 +84,17 @@ export declare const BasicCard: {
                     };
                 };
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             border: {
                 type: string;
                 enum: string[];

package/build/cjs/sub-blocks/Content/Content.js CHANGED Viewed

@@ -6,6 +6,7 @@ const components_1 = require("../../components");
 const Link_1 = tslib_1.__importDefault(require("../../components/Link/Link"));
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
+const ContentList_1 = tslib_1.__importDefault(require("./ContentList/ContentList"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -35,7 +36,7 @@ function getButtonSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
+    const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, } = props;
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title;
@@ -44,6 +45,7 @@ const Content = (props) => {
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
+        (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(ContentList_1.default, { list: list, size: size }) : null,
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
             react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                     constructor: true,

package/build/cjs/sub-blocks/Content/ContentList/ContentList.css ADDED Viewed

@@ -0,0 +1,48 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-content-list_size_l {
+  margin-top: 24px;
+}
+.pc-content-list_size_l .pc-content-list__title {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  margin: 0 0 8px;
+}
+.pc-content-list_size_l .pc-content-list__icon {
+  width: 22px;
+  height: 22px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  margin-right: 12px;
+}
+.pc-content-list_size_l .pc-content-list__item:not(:last-child) {
+  margin-bottom: 16px;
+}
+.pc-content-list_size_s {
+  margin-top: 16px;
+}
+.pc-content-list_size_s .pc-content-list__title {
+  font-size: var(--yc-text-subheader-3-font-size);
+  line-height: var(--yc-text-subheader-3-line-height);
+  margin: 0 0 calc(8px / 2);
+}
+.pc-content-list_size_s .pc-content-list__icon {
+  width: 20px;
+  height: 20px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  margin-right: 8px;
+}
+.pc-content-list_size_s .pc-content-list__text {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+}
+.pc-content-list_size_s .pc-content-list__item:not(:last-child) {
+  margin-bottom: 12px;
+}
+.pc-content-list__icon {
+  display: block;
+}
+.pc-content-list__item {
+  display: flex;
+}

package/build/cjs/sub-blocks/Content/ContentList/ContentList.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { ContentItemProps, ContentSize } from '../../../models';
+interface ContentListProps {
+    list: ContentItemProps[];
+    size: ContentSize;
+}
+declare const ContentList: ({ list, size }: ContentListProps) => JSX.Element;
+export default ContentList;

package/build/cjs/sub-blocks/Content/ContentList/ContentList.js ADDED Viewed

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const uuid_1 = require("uuid");
+const components_1 = require("../../../components");
+const Image_1 = tslib_1.__importDefault(require("../../../components/Image/Image"));
+const utils_1 = require("../../../components/Media/Image/utils");
+const ThemeValueContext_1 = require("../../../context/theme/ThemeValueContext");
+const utils_2 = require("../../../utils");
+const b = (0, utils_2.block)('content-list');
+const ContentList = ({ list, size }) => {
+    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    return (react_1.default.createElement("div", { className: b({ size }) }, list === null || list === void 0 ? void 0 : list.map((item) => {
+        const { icon, title, text } = item;
+        const iconThemed = (0, utils_2.getThemedValue)(icon, theme);
+        const iconData = (0, utils_1.getMediaImage)(iconThemed);
+        return (react_1.default.createElement("div", { className: b('item'), key: (0, uuid_1.v4)() },
+            react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })),
+            react_1.default.createElement("div", null,
+                title && react_1.default.createElement("h4", { className: b('title') }, title),
+                text && (react_1.default.createElement(components_1.YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true } })))));
+    })));
+};
+exports.default = ContentList;

package/build/cjs/sub-blocks/Content/schema.d.ts CHANGED Viewed

@@ -1,3 +1,41 @@
+export declare const ContentItem: {
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        title: {
+            type: string;
+            contentType: string;
+        };
+        text: {
+            type: string;
+            contentType: string;
+        };
+        icon: {
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+    };
+};
 export declare const ContentBase: {
     title: {
         oneOf: ({
@@ -67,6 +105,17 @@ export declare const ContentBase: {
         type: string;
         enum: string[];
     };
+    list: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
 };
 export declare const ContentBlock: {
     content: {
@@ -144,6 +193,17 @@ export declare const ContentBlock: {
                 type: string;
                 enum: string[];
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
         };
     };
 };

package/build/cjs/sub-blocks/Content/schema.js CHANGED Viewed

@@ -1,8 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentBlock = exports.ContentBase = void 0;
+exports.ContentBlock = exports.ContentBase = exports.ContentItem = void 0;
+const schema_1 = require("../../components/Image/schema");
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
+exports.ContentItem = {
+    additionalProperties: false,
+    required: ['icon'],
+    properties: {
+        title: {
+            type: 'string',
+            contentType: 'text',
+        },
+        text: {
+            type: 'string',
+            contentType: 'yfm',
+        },
+        icon: (0, common_1.withTheme)(schema_1.ImageProps),
+    },
+};
 exports.ContentBase = {
     title: {
         oneOf: [
@@ -33,6 +49,7 @@ exports.ContentBase = {
         type: 'string',
         enum: common_1.contentThemes,
     },
+    list: (0, utils_1.filteredArray)(exports.ContentItem),
 };
 exports.ContentBlock = {
     content: {

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts CHANGED Viewed

@@ -293,6 +293,17 @@ export declare const LayoutItem: {
                 type: string;
                 enum: string[];
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
         }>;
         metaInfo: {
             type: string;

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

@@ -51,7 +51,7 @@ function parsePriceDetailedBlock(transformer, block) {
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
-        const { text, additionalInfo } = content;
+        const { text, additionalInfo, list } = content;
         /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
@@ -59,6 +59,14 @@ const parseContentLayout = (transformer, content) => {
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
+        if (list) {
+            content.list = list.map((item) => {
+                if (item === null || item === void 0 ? void 0 : item.text) {
+                    return Object.assign(Object.assign({}, item), { text: transformer(item.text) });
+                }
+                return item;
+            });
+        }
         /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
@@ -187,6 +195,11 @@ exports.config = {
             fields: ['title', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
         },
+        {
+            fields: ['list'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['text']),
+        },
     ],
     [models_1.BlockType.MapBlock]: [
         ...exports.blockHeaderTransformer,
@@ -261,6 +274,11 @@ exports.config = {
             transformer: common_1.typografTransformer,
             parser: parseTitle,
         },
+        {
+            fields: ['list'],
+            transformer: common_1.yfmTransformer,
+            parser: (0, common_1.createItemsParser)(['text']),
+        },
     ],
     [models_1.BlockType.InfoBlock]: [
         {

package/build/esm/blocks/ContentLayout/ContentLayout.css CHANGED Viewed

@@ -53,7 +53,4 @@ unpredictable css rules order in build */
   .pc-content-layout-block_background {
     padding: 32px;
   }
-  .pc-content-layout-block_background picture {
-    display: none;
-  }
 }

package/build/esm/blocks/ContentLayout/schema.d.ts CHANGED Viewed

@@ -70,7 +70,9 @@ export declare const ContentLayoutBlock: {
                             };
                             contentType?: undefined;
                         })[];
-                    };
+                    }; /**
+                     * @deprecated Use params on top level instead
+                     */
                     text: {
                         type: string;
                         contentType: string;
@@ -108,12 +110,19 @@ export declare const ContentLayoutBlock: {
                     };
                     theme: {
                         type: string;
-                        enum: string[]; /**
-                         * @deprecated Use params on top level instead
-                         */
-                    }; /**
-                     * @deprecated Use params on top level instead
-                     */
+                        enum: string[];
+                    };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 };
             };
             fileContent: {