@gravity-ui/page-constructor 1.19.0 → 1.20.0

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -5,11 +5,13 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../../../utils");
 const components_1 = require("../../../../../components");
+const blockIdContext_1 = require("../../../../../context/blockIdContext");
 const b = (0, utils_1.block)('navigation-button');
+const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
-        react_1.default.createElement(components_1.Button, Object.assign({}, props, { className: classes, url: url }))));
+    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement(components_1.Button, Object.assign({}, props, { className: classes, url: url }))))));
 };
 exports.NavigationButton = NavigationButton;

package/build/cjs/schema/validators/common.d.ts

@@ -318,6 +318,84 @@ export declare const LinkProps: {
             type: string;
             enum: 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;
+                        };
+                    };
+                };
+            })[];
+        };
         type: {};
         when: {};
     };
@@ -414,6 +492,9 @@ export declare const ButtonProps: {
             };
         })[];
     };
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrikaGoals: {
         anyOf: ({
             type: string;
@@ -443,6 +524,9 @@ export declare const ButtonProps: {
             };
         })[];
     };
+    /**
+     * @deprecated Pixel will be deleted
+     */
     pixelEvents: {
         type: string;
         items: {
@@ -499,6 +583,84 @@ export declare const ButtonProps: {
             };
         };
     };
+    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;
+                    };
+                };
+            };
+        })[];
+    };
     target: {
         type: string;
         enum: string[];
@@ -558,6 +720,9 @@ export declare const BlockBaseProps: {
     resetPaddings: {
         type: string;
     };
+    context: {
+        type: string;
+    };
     type: {};
     when: {};
 };
@@ -629,6 +794,9 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
+        /**
+         * @deprecated Metrika will be deleted
+         */
         metrikaGoals: {
             anyOf: ({
                 type: string;
@@ -658,6 +826,9 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
+        /**
+         * @deprecated Pixel will be deleted
+         */
         pixelEvents: {
             type: string;
             items: {
@@ -714,6 +885,84 @@ export declare const ButtonBlock: {
                 };
             };
         };
+        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;
+                        };
+                    };
+                };
+            })[];
+        };
         target: {
             type: string;
             enum: string[];
@@ -864,33 +1113,9 @@ export declare const MediaProps: {
     };
 };
 export declare const YMapMarkerLabel: {
+    type: string;
     required: never[];
-    iconCaption: {
-        type: string;
-    };
-    iconContent: {
-        type: string;
-    };
-    iconColor: {
-        type: string;
-    };
-    preset: {
-        type: string;
-    };
-};
-export declare const YMapMarker: {
-    required: never[];
-    coordinate: {
-        type: string;
-        items: {
-            type: string;
-        };
-    };
-    address: {
-        type: string;
-    };
-    label: {
-        required: never[];
+    properties: {
         iconCaption: {
             type: string;
         };
@@ -905,6 +1130,40 @@ export declare const YMapMarker: {
         };
     };
 };
+export declare const YMapMarker: {
+    type: string;
+    additionalProperties: boolean;
+    required: never[];
+    properties: {
+        coordinate: {
+            type: string;
+            items: {
+                type: string;
+            };
+        };
+        address: {
+            type: string;
+        };
+        label: {
+            type: string;
+            required: never[];
+            properties: {
+                iconCaption: {
+                    type: string;
+                };
+                iconContent: {
+                    type: string;
+                };
+                iconColor: {
+                    type: string;
+                };
+                preset: {
+                    type: string;
+                };
+            };
+        };
+    };
+};
 export declare const MapProps: {
     zoom: {
         type: string;
@@ -925,29 +1184,36 @@ export declare const MapProps: {
         type: string;
         items: {
             type: {
+                type: string;
+                additionalProperties: boolean;
                 required: never[];
-                coordinate: {
-                    type: string;
-                    items: {
-                        type: string;
-                    };
-                };
-                address: {
-                    type: string;
-                };
-                label: {
-                    required: never[];
-                    iconCaption: {
-                        type: string;
-                    };
-                    iconContent: {
+                properties: {
+                    coordinate: {
                         type: string;
+                        items: {
+                            type: string;
+                        };
                     };
-                    iconColor: {
+                    address: {
                         type: string;
                     };
-                    preset: {
+                    label: {
                         type: string;
+                        required: never[];
+                        properties: {
+                            iconCaption: {
+                                type: string;
+                            };
+                            iconContent: {
+                                type: string;
+                            };
+                            iconColor: {
+                                type: string;
+                            };
+                            preset: {
+                                type: string;
+                            };
+                        };
                     };
                 };
             };

package/build/cjs/schema/validators/common.js

@@ -4,6 +4,7 @@ exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMar
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
+const event_1 = require("./event");
 exports.mediaDirection = ['media-content', 'content-media'];
 exports.textSize = ['s', 'm', 'l'];
 exports.containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -177,6 +178,8 @@ exports.LinkProps = {
         }, target: {
             type: 'string',
             enum: ['_blank', '_parent', '_top', '_self'],
+        }, analyticsEvents: {
+            anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
         } }),
 };
 exports.FileLinkProps = {
@@ -309,6 +312,9 @@ exports.ButtonProps = {
             },
         ],
     },
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrikaGoals: {
         anyOf: [
             { type: 'string' },
@@ -331,7 +337,13 @@ exports.ButtonProps = {
             },
         ],
     },
+    /**
+     * @deprecated Pixel will be deleted
+     */
     pixelEvents: pixel_1.pixelEvents,
+    analyticsEvents: {
+        anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
+    },
     target: {
         type: 'string',
         enum: ['_self', '_blank', '_parent', '_top'],
@@ -380,6 +392,8 @@ exports.BlockBaseProps = Object.assign(Object.assign({}, exports.BaseProps), { a
         enum: exports.containerSizesArray,
     }, resetPaddings: {
         type: 'boolean',
+    }, context: {
+        type: 'string',
     } });
 exports.TitleProps = {
     type: 'object',
@@ -443,30 +457,37 @@ exports.MediaProps = {
     dataLens: exports.DataLensProps,
 };
 exports.YMapMarkerLabel = {
+    type: 'object',
     required: [],
-    iconCaption: {
-        type: 'string',
-    },
-    iconContent: {
-        type: 'string',
-    },
-    iconColor: {
-        type: 'string',
-    },
-    preset: {
-        type: 'string',
+    properties: {
+        iconCaption: {
+            type: 'string',
+        },
+        iconContent: {
+            type: 'string',
+        },
+        iconColor: {
+            type: 'string',
+        },
+        preset: {
+            type: 'string',
+        },
     },
 };
 exports.YMapMarker = {
+    type: 'object',
+    additionalProperties: false,
     required: [],
-    coordinate: {
-        type: 'array',
-        items: { type: 'number' },
-    },
-    address: {
-        type: 'string',
+    properties: {
+        coordinate: {
+            type: 'array',
+            items: { type: 'number' },
+        },
+        address: {
+            type: 'string',
+        },
+        label: exports.YMapMarkerLabel,
     },
-    label: exports.YMapMarkerLabel,
 };
 exports.MapProps = {
     zoom: {

package/build/cjs/schema/validators/event.d.ts

@@ -0,0 +1,37 @@
+export declare const AnalyticsEventSchema: {
+    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;
+        };
+    };
+};

package/build/cjs/schema/validators/event.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticsEventSchema = void 0;
+exports.AnalyticsEventSchema = {
+    type: 'object',
+    additionalProperties: { type: 'string' },
+    required: ['name'],
+    properties: {
+        name: {
+            type: 'string',
+        },
+        type: {
+            type: 'string',
+        },
+        counters: {
+            type: 'object',
+            additionalProperties: false,
+            required: [],
+            properties: {
+                include: {
+                    type: 'array',
+                    items: {
+                        type: 'string',
+                    },
+                },
+                exclude: {
+                    type: 'array',
+                    items: {
+                        type: 'string',
+                    },
+                },
+            },
+        },
+        context: {
+            type: 'string',
+        },
+    },
+};

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -6,14 +6,16 @@ const utils_1 = require("../../utils");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const models_1 = require("../../models");
 const hooks_1 = require("../../hooks");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
-    onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
+    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const { themeValue } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
@@ -25,9 +27,20 @@ const HubspotForm = (props) => {
         onSubmitError,
         onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
+            handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
-    }), [onBeforeLoad, onBeforeSubmit, onLoad, handleMetrika, pixelEvents, onSubmit, onSubmitError]);
+    }), [
+        onBeforeLoad,
+        onBeforeSubmit,
+        onLoad,
+        handleMetrika,
+        pixelEvents,
+        handleAnalytics,
+        analyticsEvents,
+        onSubmit,
+        onSubmitError,
+    ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
     return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
 };

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -9,6 +9,19 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     target?: string | undefined;
     metrikaGoals?: import("../../models").MetrikaGoal | undefined;
     pixelEvents?: import("../../models").ButtonPixel | undefined;
+    analyticsEvents?: {
+        name: string;
+        type?: string | undefined;
+        counters?: import("../../models").AnalyticsCounters | undefined;
+        context?: string | undefined;
+        target?: string | undefined;
+    } | {
+        name: string;
+        type?: string | undefined;
+        counters?: import("../../models").AnalyticsCounters | undefined;
+        context?: string | undefined;
+        target?: string | undefined;
+    }[] | undefined;
     className?: string | undefined;
 }[] | undefined;
 export declare const hasFullScreen: ({ dataLens, image }: MediaProps) => boolean;