npm - @gravity-ui/page-constructor - Versions diffs - 4.10.0 → 4.11.1 - Mend

@gravity-ui/page-constructor 4.10.0 → 4.11.1

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 (50) hide show

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

@@ -318,6 +318,87 @@ export declare const LayoutItem: {
         fullscreen: {
             type: string;
         };
+        analyticsEvents: {
+            oneOf: ({
+                optionName: string;
+                type: string;
+                additionalProperties: {
+                    type: string;
+                };
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            exclude: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    context: {
+                        type: string;
+                    };
+                };
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                };
+                optionName: string;
+            })[];
+        };
         type: {};
         when: {
             type: string;

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

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const lodash_1 = require("lodash");
 const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema"));
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 const schema_2 = require("../../sub-blocks/Content/schema");
 exports.LayoutItem = {
     type: 'object',
@@ -14,5 +15,14 @@ exports.LayoutItem = {
             type: 'boolean',
         }, fullscreen: {
             type: 'boolean',
+        }, analyticsEvents: {
+            oneOf: [
+                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: event_1.AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
         } }),
 };

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

@@ -1,3 +1,3 @@
 import { MediaCardProps } from '../../models';
-declare const MediaCard: ({ border, ...mediaProps }: MediaCardProps) => JSX.Element;
+declare const MediaCard: ({ border, analyticsEvents, ...mediaProps }: MediaCardProps) => JSX.Element;
 export default MediaCard;

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

@@ -6,8 +6,8 @@ const components_1 = require("../../components");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('MediaCard');
 const MediaCard = (_a) => {
-    var { border } = _a, mediaProps = tslib_1.__rest(_a, ["border"]);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border },
+    var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
+    return (react_1.default.createElement(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.Media, Object.assign({}, mediaProps)))));
 };

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

@@ -3,6 +3,87 @@ export declare const MediaCardBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
+            analyticsEvents: {
+                oneOf: ({
+                    optionName: string;
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                })[];
+            };
             animated: {
                 type: string;
             };
@@ -147,84 +228,6 @@ export declare const MediaCardBlock: {
             fullscreen: {
                 type: string;
             };
-            analyticsEvents: {
-                anyOf: ({
-                    type: string;
-                    additionalProperties: {
-                        type: string;
-                    };
-                    required: string[];
-                    properties: {
-                        name: {
-                            type: string;
-                        };
-                        type: {
-                            type: string;
-                        };
-                        counters: {
-                            type: string;
-                            additionalProperties: boolean;
-                            required: never[];
-                            properties: {
-                                include: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                };
-                                exclude: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                        };
-                        context: {
-                            type: string;
-                        };
-                    };
-                } | {
-                    type: string;
-                    items: {
-                        type: string;
-                        additionalProperties: {
-                            type: string;
-                        };
-                        required: string[];
-                        properties: {
-                            name: {
-                                type: string;
-                            };
-                            type: {
-                                type: string;
-                            };
-                            counters: {
-                                type: string;
-                                additionalProperties: boolean;
-                                required: never[];
-                                properties: {
-                                    include: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    };
-                                    exclude: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
-                            context: {
-                                type: string;
-                            };
-                        };
-                    };
-                })[];
-            };
             border: {
                 type: string;
                 enum: string[];

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

@@ -2,10 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaCardBlock = void 0;
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
+                oneOf: [
+                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    {
+                        type: 'array',
+                        items: event_1.AnalyticsEventSchema,
+                        optionName: 'list',
+                    },
+                ],
+            } }),
     },
 };

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
-interface CombinedPriceDetailedProps {
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
+interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;
     useMixedView?: boolean;

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js CHANGED Viewed

@@ -14,7 +14,7 @@ const CombinedPricesGroupSize = {
     [grid_1.GridColumnSize.Lg]: 3,
 };
 const CombinedPriceDetailed = (props) => {
-    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, } = props;
+    const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
     const [groupItemsSize, setGroupItemsSize] = (0, react_1.useState)(numberGroupItems);
     const updateGroupItemsSize = (0, react_1.useCallback)((windowWidth) => {
         if (windowWidth >= constants_1.BREAKPOINTS.lg) {
@@ -51,7 +51,7 @@ const CombinedPriceDetailed = (props) => {
             react_1.default.createElement("div", { className: b('description', { delimiter: useMixedView }) }, detailsComponents)));
     };
     const chunkedItems = lodash_1.default.chunk(items, groupItemsSize);
-    return (react_1.default.createElement(components_1.CardBase, { className: b(), border: border },
+    return (react_1.default.createElement(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(grid_1.Grid, null, chunkedItems.map((chunk, id) => {
                 return (react_1.default.createElement(grid_1.Row, { key: id, className: b('row') }, getPrice(chunk)));

package/build/cjs/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.js CHANGED Viewed

@@ -7,9 +7,12 @@ const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {
     const { items, border, getDescriptionComponent, getDetailsComponent } = props;
-    return (react_1.default.createElement(react_1.Fragment, null, items.map((item, id) => (react_1.default.createElement(components_1.CardBase, { key: id, className: b(), border: border },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            getDescriptionComponent(item),
-            getDetailsComponent(item.items)))))));
+    return (react_1.default.createElement(react_1.Fragment, null, items.map((_a, id) => {
+        var { analyticsEvents } = _a, item = tslib_1.__rest(_a, ["analyticsEvents"]);
+        return (react_1.default.createElement(components_1.CardBase, { key: id, className: b(), border: border, analyticsEvents: analyticsEvents },
+            react_1.default.createElement(components_1.CardBase.Content, null,
+                getDescriptionComponent(item),
+                getDetailsComponent(item.items))));
+    })));
 };
 exports.default = SeparatePriceDetailed;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceDetailedBlock = void 0;
 const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 const utils_1 = require("../../schema/validators/utils");
 const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];
@@ -137,7 +138,16 @@ const PriceItem = {
     type: 'object',
     additionalProperties: false,
     required: ['title', 'description'],
-    properties: Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps),
+    properties: Object.assign(Object.assign(Object.assign({}, PriceDetailsProps), PriceDescriptionProps), { analyticsEvents: {
+            oneOf: [
+                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                {
+                    type: 'array',
+                    items: event_1.AnalyticsEventSchema,
+                    optionName: 'list',
+                },
+            ],
+        } }),
 };
 exports.PriceDetailedBlock = {
     'price-detailed': {

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

@@ -15,6 +15,25 @@ export declare const ContentLayoutBlock: {
                         type: string;
                         pattern: string;
                     };
+                    style: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            backgroundColor: {
+                                type: string;
+                            };
+                            height: {
+                                type: string[];
+                            };
+                            width: {
+                                type: string[];
+                            };
+                            color: {
+                                type: string;
+                            };
+                        };
+                    };
                     alt: {
                         type: string;
                         contentType: string;
@@ -153,6 +172,25 @@ export declare const ContentLayoutBlock: {
                             type: string;
                             pattern: string;
                         };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
                         alt: {
                             type: string;
                             contentType: string;

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

@@ -75,10 +75,6 @@ unpredictable css rules order in build */
 }
 .pc-header-block__description {
   margin-top: 16px;
-  font-weight: normal;
-  font-size: var(--g-text-caption-2-font-size);
-  line-height: var(--g-text-caption-2-line-height);
-  margin-block-end: var(--g-text-body-1-line-height);
 }
 .pc-header-block__description .yfm,
 .pc-header-block__description .yfm * {
@@ -170,9 +166,7 @@ unpredictable css rules order in build */
 .pc-header-block__overtitle {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
-  margin-block-start: var(--g-text-body-3-line-height);
   margin-bottom: 8px;
-  font-weight: 400;
 }
 .pc-header-block__overtitle a {
   outline: none;

package/build/esm/components/Image/schema.d.ts CHANGED Viewed

@@ -34,6 +34,25 @@ export declare const ImageObjectProps: {
             type: string;
             pattern: string;
         };
+        style: {
+            type: string;
+            additionalProperties: boolean;
+            required: never[];
+            properties: {
+                backgroundColor: {
+                    type: string;
+                };
+                height: {
+                    type: string[];
+                };
+                width: {
+                    type: string[];
+                };
+                color: {
+                    type: string;
+                };
+            };
+        };
         alt: {
             type: string;
             contentType: string;

package/build/esm/components/Image/schema.js CHANGED Viewed

@@ -9,6 +9,17 @@ const ImageBase = {
         type: 'boolean',
     },
 };
+const StyleBase = {
+    type: 'object',
+    additionalProperties: false,
+    required: [],
+    properties: {
+        backgroundColor: { type: 'string' },
+        height: { type: ['string', 'number'] },
+        width: { type: ['string', 'number'] },
+        color: { type: 'string' },
+    },
+};
 export const ImageDeviceProps = {
     type: 'object',
     additionalProperties: false,
@@ -28,7 +39,7 @@ export const ImageObjectProps = {
     properties: Object.assign(Object.assign({}, ImageBase), { src: {
             type: 'string',
             pattern: imageUrlPattern,
-        } }),
+        }, style: StyleBase }),
 };
 export const ImageProps = {
     oneOf: [

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

@@ -21,9 +21,9 @@ export declare const blockMap: {
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
-    "media-card": ({ border, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
+    "media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullscreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullscreen, className, analyticsEvents, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;

package/build/esm/models/constructor-items/common.d.ts CHANGED Viewed

@@ -287,7 +287,7 @@ export interface PriceDetailsListProps {
 export interface PriceDetailsProps {
     items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];
 }
-export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps {
+export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps, AnalyticsEventsBase {
 }
 export interface PriceFoldableDetailsProps {
     title: string;

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

@@ -71,13 +71,13 @@ export interface QuoteProps extends Themable, CardBaseProps {
     buttonText?: string;
     theme?: TextTheme;
 }
-export interface BackgroundCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
+export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     background?: ThemeSupporting<ImageObjectProps>;
     paddingBottom?: 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;
 }
-export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
+export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     url: string;
     icon?: ImageProps;
     target?: string;
@@ -92,9 +92,9 @@ export interface BannerCardProps {
     theme?: TextTheme;
     button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
 }
-export interface MediaCardProps extends MediaProps, CardBaseProps {
+export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
 }
-export interface LayoutItemProps extends ClassNameProps {
+export interface LayoutItemProps extends ClassNameProps, AnalyticsEventsBase {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media: MediaProps;
     metaInfo?: string[];