@gravity-ui/page-constructor 2.3.2 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.4.0](https://github.com/gravity-ui/page-constructor/compare/v2.3.2...v2.4.0) (2023-04-05)
+
+
+### Features
+
+* analytics in header block breadcrumbs ([#284](https://github.com/gravity-ui/page-constructor/issues/284)) ([a2e6bbf](https://github.com/gravity-ui/page-constructor/commit/a2e6bbf0816a86d23bcca784956f4cace6d21d5a))
+
 ## [2.3.2](https://github.com/gravity-ui/page-constructor/compare/v2.3.1...v2.3.2) (2023-04-05)
 
 

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,16 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
+const models_1 = require("../../models");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const onClick = () => {
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Breadcrumb);
+    const onClick = (0, react_1.useCallback)(() => {
+        handleAnalytics();
         handleMetrika({ metrikaGoals, pixelEvents });
-    };
+    }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/cjs/models/common.d.ts

@@ -78,7 +78,8 @@ export declare enum DefaultEventNames {
     YandexFormSubmit = "yandex-form-submit",
     HubspotFormSubmit = "hubspot-form-submit",
     QuoteButton = "quote-button-click",
-    BackLink = "back-link-click"
+    BackLink = "back-link-click",
+    Breadcrumb = "breadcrumb-click"
 }
 export type AnalyticsCounters = {
     include?: string[];

package/build/cjs/models/common.js

@@ -47,4 +47,5 @@ var DefaultEventNames;
     DefaultEventNames["HubspotFormSubmit"] = "hubspot-form-submit";
     DefaultEventNames["QuoteButton"] = "quote-button-click";
     DefaultEventNames["BackLink"] = "back-link-click";
+    DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,14 +1,18 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { block } from '../../utils';
+import { DefaultEventNames } from '../../models';
 import { useMetrika } from '../../hooks/useMetrika';
+import { useAnalytics } from '../../hooks';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
     const handleMetrika = useMetrika();
-    const onClick = () => {
+    const handleAnalytics = useAnalytics(DefaultEventNames.Breadcrumb);
+    const onClick = useCallback(() => {
+        handleAnalytics();
         handleMetrika({ metrikaGoals, pixelEvents });
-    };
+    }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
     return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
         React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/esm/models/common.d.ts

@@ -78,7 +78,8 @@ export declare enum DefaultEventNames {
     YandexFormSubmit = "yandex-form-submit",
     HubspotFormSubmit = "hubspot-form-submit",
     QuoteButton = "quote-button-click",
-    BackLink = "back-link-click"
+    BackLink = "back-link-click",
+    Breadcrumb = "breadcrumb-click"
 }
 export type AnalyticsCounters = {
     include?: string[];

package/build/esm/models/common.js

@@ -44,4 +44,5 @@ export var DefaultEventNames;
     DefaultEventNames["HubspotFormSubmit"] = "hubspot-form-submit";
     DefaultEventNames["QuoteButton"] = "quote-button-click";
     DefaultEventNames["BackLink"] = "back-link-click";
+    DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
 })(DefaultEventNames || (DefaultEventNames = {}));

package/package.json

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

package/server/models/common.d.ts

@@ -78,7 +78,8 @@ export declare enum DefaultEventNames {
     YandexFormSubmit = "yandex-form-submit",
     HubspotFormSubmit = "hubspot-form-submit",
     QuoteButton = "quote-button-click",
-    BackLink = "back-link-click"
+    BackLink = "back-link-click",
+    Breadcrumb = "breadcrumb-click"
 }
 export type AnalyticsCounters = {
     include?: string[];

package/server/models/common.js

@@ -47,4 +47,5 @@ var DefaultEventNames;
     DefaultEventNames["HubspotFormSubmit"] = "hubspot-form-submit";
     DefaultEventNames["QuoteButton"] = "quote-button-click";
     DefaultEventNames["BackLink"] = "back-link-click";
+    DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));