@gravity-ui/blog-constructor 2.2.0 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.3.0](https://github.com/gravity-ui/blog-constructor/compare/v2.2.0...v2.3.0) (2023-04-10)
+
+
+### Features
+
+* analytics refactoring ([#13](https://github.com/gravity-ui/blog-constructor/issues/13)) ([a95c55b](https://github.com/gravity-ui/blog-constructor/commit/a95c55bd1ff98f86a110f33ac3275b590ee5db8e))
+
+
+### Bug Fixes
+
+* margin-top of header ([#31](https://github.com/gravity-ui/blog-constructor/issues/31)) ([97ed974](https://github.com/gravity-ui/blog-constructor/commit/97ed974ab0ce0546010d60587b21b8c0eee3279c))
+
 ## [2.2.0](https://github.com/gravity-ui/blog-constructor/compare/v2.1.0...v2.2.0) (2023-04-06)
 
 

package/build/cjs/blocks/Banner/Banner.js

@@ -31,6 +31,9 @@ const Banner = (_a) => {
         contentStyle.backgroundColor = color;
     }
     const contentData = (0, common_1.updateContentSizes)(content);
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     const metrikaGoal = {
         name: constants_1.BlogMetrikaGoalIds.bannerCommon,
         isCrossSite: true,

package/build/cjs/blocks/CTA/CTA.js

@@ -21,6 +21,9 @@ const CTA = ({ items, paddingTop, paddingBottom }) => {
     else if (count > MAX_COLUMN_COUNT) {
         count = MAX_COLUMN_COUNT;
     }
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     const metrikaGoal = {
         name: constants_1.BlogMetrikaGoalIds.cta,
         isCrossSite: true,

package/build/cjs/blocks/Feed/Feed.js

@@ -28,6 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Feed = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const uikit_1 = require("@gravity-ui/uikit");
 const FeedHeader_1 = require("../../components/FeedHeader/FeedHeader");
 const Posts_1 = require("../../components/Posts/Posts");
@@ -36,9 +40,13 @@ const constants_1 = require("../../constants");
 const FeedContext_1 = require("../../contexts/FeedContext");
 const LocaleContext_1 = require("../../contexts/LocaleContext");
 const RouterContext_1 = require("../../contexts/RouterContext");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrika_js_1 = __importDefault(require("../../counters/metrika.js"));
 const utils_1 = require("../../counters/utils");
-const common_1 = require("../../utils/common");
+const common_1 = require("../../models/common");
+const common_2 = require("../../utils/common");
 const constants_2 = require("../constants");
 const reducer_1 = require("./reducer");
 const CONTAINER_ID = 'blog-cards';
@@ -49,6 +57,7 @@ const Feed = ({ image }) => {
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = (0, react_1.useContext)(FeedContext_1.FeedContext);
     const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = (0, react_1.useReducer)(reducer_1.reducer, {
         errorLoad: false,
         errorShowMore: false,
@@ -77,7 +86,7 @@ const Feed = ({ image }) => {
     };
     const fetchData = (0, react_1.useCallback)(async (pageNumber) => {
         if (queryParams && getPosts) {
-            const query = (0, common_1.getFeedQueryParams)(queryParams, pageNumber);
+            const query = (0, common_2.getFeedQueryParams)(queryParams, pageNumber);
             const data = await getPosts(query);
             return data;
         }
@@ -107,12 +116,16 @@ const Feed = ({ image }) => {
         catch (err) {
             dispatch({ type: reducer_1.ActionTypes.SetErrorLoad, payload: true });
         }
-        (0, common_1.scrollOnPageChange)(CONTAINER_ID);
+        (0, common_2.scrollOnPageChange)(CONTAINER_ID);
         setIsFetching(false);
     }, [fetchData]);
     const handleShowMore = async () => {
         dispatch({ type: reducer_1.ActionTypes.SetIsShowMoreFetching, payload: true });
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.showMore);
+        handleAnalytics();
         try {
             const fetchedData = await fetchData(currentPage + 1);
             handleChangeQueryParams({

package/build/cjs/blocks/Header/Header.js

@@ -33,6 +33,9 @@ const LocaleContext_1 = require("../../contexts/LocaleContext");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const paddings_1 = require("../../models/paddings");
 const common_1 = require("../../utils/common");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = {
     sharing: constants_1.BlogMetrikaGoalIds.shareTop,
     save: constants_1.BlogMetrikaGoalIds.saveTop,

package/build/cjs/blocks/Meta/Meta.js

@@ -35,6 +35,9 @@ const paddings_1 = require("../../models/paddings");
 const cn_1 = require("../../utils/cn");
 const common_1 = require("../../utils/common");
 const b = (0, cn_1.block)('meta');
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = {
     sharing: constants_1.BlogMetrikaGoalIds.shareBottom,
     save: constants_1.BlogMetrikaGoalIds.saveBottom,

package/build/cjs/blocks/Suggest/Suggest.js

@@ -32,6 +32,9 @@ const constants_1 = require("../../constants");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const i18n_1 = require("../../i18n");
 const paddings_1 = require("../../models/paddings");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = [
     {
         name: constants_1.BlogMetrikaGoalIds.suggest,

package/build/cjs/components/FeedHeader/components/Controls/Controls.js

@@ -28,13 +28,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const constants_1 = require("../../../../constants");
 const LikesContext_1 = require("../../../../contexts/LikesContext");
 const metrika_js_1 = __importDefault(require("../../../../counters/metrika.js"));
 const utils_1 = require("../../../../counters/utils");
 const i18n_1 = require("../../../../i18n");
 const Save_1 = require("../../../../icons/Save");
+const common_1 = require("../../../../models/common");
 const cn_1 = require("../../../../utils/cn");
 const Search_1 = require("../../../Search/Search");
 const customRenders_1 = require("./customRenders");
@@ -44,11 +49,15 @@ const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const handleAnalyticsTag = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Tag);
+    const handleAnalyticsService = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Service);
+    const handleAnalyticsSaveOnly = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveOnly);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
     const [savedOnly, setSavedOnly] = (0, react_1.useState)(savedOnlyInitial === 'true');
     const [search, setSearch] = (0, react_1.useState)(searchInitial);
     const handleSavedOnly = () => {
         handleChangeQuery({ savedOnly: savedOnly ? '' : 'true' });
+        handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
         setIsFetching(true);
     };
@@ -58,9 +67,15 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
         setIsFetching(true);
     };
     const handleTagSelect = (selectedTags) => {
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.tag, {
             theme: selectedTags[0],
         });
+        handleAnalyticsTag(null, {
+            theme: selectedTags[0],
+        });
         const isEmptyTag = selectedTags.some((tag) => tag === 'empty');
         handleChangeQuery({
             tags: isEmptyTag ? '' : selectedTags[0],
@@ -73,9 +88,15 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
             return selectedServices.includes(service.value);
         });
         const metrikaAsString = forMetrikaServices.map((service) => service.content).join(',');
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.service, {
             service: metrikaAsString,
         });
+        handleAnalyticsService(null, {
+            service: metrikaAsString,
+        });
         const servicesAsString = selectedServices.join(',');
         handleChangeQuery({ services: servicesAsString, page: DEFAULT_PAGE });
         setIsFetching(true);

package/build/cjs/components/Paginator/Paginator.js

@@ -39,9 +39,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paginator = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const constants_1 = require("../../constants");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrika_js_1 = __importDefault(require("../../counters/metrika.js"));
 const utils_1 = require("../../counters/utils");
+const common_1 = require("../../models/common");
 const cn_1 = require("../../utils/cn");
 const NavigationButton_1 = require("./components/NavigationButton");
 const PaginatorItem_1 = require("./components/PaginatorItem");
@@ -57,16 +62,27 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
     const isShowSupportButtons = (0, react_1.useMemo)(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const handleAnalyticsHome = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorHome);
+    const handleAnalyticsNext = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorNext);
+    const handleAnalyticsPage = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorPage);
     if (pagesCount <= 1) {
         return null;
     }
     const handleArrowClick = (type) => {
         let newPage = page;
         if (type === 'prev' && page > 1) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.home);
+            handleAnalyticsHome();
             newPage = 1;
         }
         else if (type === 'next' && page < pagesCount) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
+            handleAnalyticsNext();
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.next);
             newPage = page + 1;
         }
@@ -76,7 +92,11 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
     };
     const handlePageClick = (index) => {
         if (index !== page && typeof index === 'number') {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.page, { page: index });
+            handleAnalyticsPage(null, { page: String(index) });
             handlePageChange(index);
         }
     };

package/build/cjs/components/PostCard/PostCard.d.ts

@@ -6,6 +6,9 @@ type PostCardProps = {
     fullWidth?: boolean;
     showTag?: boolean;
     size?: 's' | 'm';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoals?: MetrikaGoal;
 };
 export declare const PostCard: React.FC<PostCardProps>;

package/build/cjs/components/PostInfo/PostInfo.d.ts

@@ -9,6 +9,9 @@ type PostInfoProps = {
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoals?: BlogMetrikaGoals;
     dataQa?: string;
 };

package/build/cjs/components/PostInfo/components/Save.d.ts

@@ -5,6 +5,9 @@ type SaveProps = {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoal?: string;
     dataQa?: string;
     size?: 's' | 'm';

package/build/cjs/components/PostInfo/components/Save.js

@@ -28,15 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Save = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
 const UserContext_1 = require("../../../contexts/UserContext");
 const metrika_js_1 = __importDefault(require("../../../counters/metrika.js"));
 const utils_1 = require("../../../counters/utils");
 const Save_1 = require("../../../icons/Save");
 const SaveFilled_1 = require("../../../icons/SaveFilled");
+const common_1 = require("../../../models/common");
 const cn_1 = require("../../../utils/cn");
-const common_1 = require("../../../utils/common");
-// @ts-ignore
+const common_2 = require("../../../utils/common");
 const ICON_SIZE = 16;
 const b = (0, cn_1.block)('post-info');
 /**
@@ -53,6 +54,7 @@ const b = (0, cn_1.block)('post-info');
  */
 const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
     const { uid } = (0, react_1.useContext)(UserContext_1.UserContext);
+    const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
     return (react_1.default.createElement("div", { className: b('item', { size }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
@@ -61,9 +63,10 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             if (!uid) {
                 return;
             }
-            (0, common_1.postLikeStatus)(postId, Boolean(hasUserLike));
+            (0, common_2.postLikeStatus)(postId, Boolean(hasUserLike));
             handleUserLike();
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
+            handleAnalytics();
         }, "data-qa": `${dataQa ? dataQa + '-' : ''}save` },
         react_1.default.createElement("div", { className: b('content', { cursor: Boolean(uid), theme }) },
             react_1.default.createElement("span", { className: b('icon') },

package/build/cjs/components/PostInfo/components/Sharing.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 type SharingProps = {
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoal?: string;
 };
 export declare const Sharing: React.FC<SharingProps>;

package/build/cjs/components/PostInfo/components/Sharing.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sharing = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
 const MobileContext_1 = require("../../../contexts/MobileContext");
 const PostPageContext_1 = require("../../../contexts/PostPageContext");
@@ -36,19 +37,24 @@ const metrika_js_1 = __importDefault(require("../../../counters/metrika.js"));
 const utils_1 = require("../../../counters/utils");
 const i18n_1 = require("../../../i18n");
 const ShareArrowUp_1 = require("../../../icons/ShareArrowUp");
+const common_1 = require("../../../models/common");
 const cn_1 = require("../../../utils/cn");
-const common_1 = require("../../../utils/common");
-// @ts-ignore
+const common_2 = require("../../../utils/common");
 const b = (0, cn_1.block)('post-info');
 const Sharing = ({ theme, metrikaGoal }) => {
     const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
     const isMobile = (0, react_1.useContext)(MobileContext_1.MobileContext);
     const { shareOptions } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
-    const handleMetrika = () => {
+    const handleAnalyticsGlobal = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.ShareButton);
+    const handleMetrika = (0, react_1.useCallback)(() => {
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
-    };
+    }, [metrikaGoal]);
+    const handleAnalytics = (0, react_1.useCallback)(() => {
+        handleAnalyticsGlobal();
+        handleMetrika();
+    }, [handleAnalyticsGlobal, handleMetrika]);
     return (react_1.default.createElement("div", { className: b('item') },
         react_1.default.createElement("span", { className: b('icon') },
-            react_1.default.createElement(uikit_1.SharePopover, { url: (0, common_1.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleMetrika }))));
+            react_1.default.createElement(uikit_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleAnalytics }))));
 };
 exports.Sharing = Sharing;

package/build/cjs/constructor/BlogConstructorProvider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { DeviceContextProps } from '../contexts/DeviceContext';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     user?: UserContextProps;
     device?: DeviceContextProps;
+    analytics?: AnalyticsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogConstructorProvider = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const constants_1 = require("../constants");
 const DeviceContext_1 = require("../contexts/DeviceContext");
 const LocaleContext_1 = require("../contexts/LocaleContext");
@@ -32,7 +33,7 @@ const MobileContext_1 = require("../contexts/MobileContext");
 const RouterContext_1 = require("../contexts/RouterContext");
 const UserContext_1 = require("../contexts/UserContext");
 const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
-const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, user = {}, device = {}, children, }) => {
+const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, user = {}, device = {}, analytics = {}, children, }) => {
     const context = [
         react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
@@ -40,6 +41,7 @@ const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = c
         react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         react_1.default.createElement(UserContext_1.UserContext.Provider, { value: user, key: "user-context" }),
         react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
+        react_1.default.createElement(page_constructor_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
     return react_1.default.createElement(react_1.Fragment, null, context);
 };

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -56,7 +56,7 @@ unpredictable css rules order in build */
 .yfm_blog h5,
 .yfm_blog h6 {
   margin-bottom: 16px;
-  margin-top: 48px;
+  margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }

package/build/cjs/counters/metrika.d.ts

@@ -21,6 +21,9 @@ declare function hit(...args: any[]): void;
 declare function params(...args: any[]): void;
 declare function reachGoal(counterName: any, ...args: any[]): void;
 declare function reachGoals(goals: any, counterName?: string): void;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 declare const Goal: {
     SUPPORT_OPEN_FORM: string;
     SUPPORT_STEP_1_SUBMIT: string;

package/build/cjs/counters/metrika.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.initCounters = void 0;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',

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

@@ -150,3 +150,14 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click",
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click",
+    SaveOnly = "save-only-button-click"
+}

package/build/cjs/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockType = exports.Theme = void 0;
+exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -19,4 +19,16 @@ var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType = exports.BlockType || (exports.BlockType = {}));
+})(BlockType = exports.BlockType || (exports.BlockType = {}));
+var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+    DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
+    DefaultEventNames["SaveOnly"] = "save-only-button-click";
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

package/build/esm/blocks/Banner/Banner.js

@@ -26,6 +26,9 @@ export const Banner = (_a) => {
         contentStyle.backgroundColor = color;
     }
     const contentData = updateContentSizes(content);
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     const metrikaGoal = {
         name: BlogMetrikaGoalIds.bannerCommon,
         isCrossSite: true,

package/build/esm/blocks/CTA/CTA.js

@@ -16,6 +16,9 @@ export const CTA = ({ items, paddingTop, paddingBottom }) => {
     else if (count > MAX_COLUMN_COUNT) {
         count = MAX_COLUMN_COUNT;
     }
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     const metrikaGoal = {
         name: BlogMetrikaGoalIds.cta,
         isCrossSite: true,

package/build/esm/blocks/Feed/Feed.js

@@ -1,4 +1,8 @@
 import React, { useCallback, useContext, useEffect, useMemo, useReducer } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 import { Icon } from '@gravity-ui/uikit';
 import { FeedHeader } from '../../components/FeedHeader/FeedHeader';
 import { Posts } from '../../components/Posts/Posts';
@@ -7,8 +11,12 @@ import { BlogMetrikaGoalIds } from '../../constants';
 import { FeedContext } from '../../contexts/FeedContext';
 import { LocaleContext } from '../../contexts/LocaleContext';
 import { RouterContext } from '../../contexts/RouterContext';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 import metrika from '../../counters/metrika.js';
 import { MetrikaCounter } from '../../counters/utils';
+import { DefaultEventNames } from '../../models/common';
 import { getFeedQueryParams, scrollOnPageChange } from '../../utils/common';
 import { DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE } from '../constants';
 import { ActionTypes, reducer } from './reducer';
@@ -20,6 +28,7 @@ export const Feed = ({ image }) => {
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = useContext(FeedContext);
     const router = useContext(RouterContext);
     const { locale } = useContext(LocaleContext);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = useReducer(reducer, {
         errorLoad: false,
         errorShowMore: false,
@@ -83,7 +92,11 @@ export const Feed = ({ image }) => {
     }, [fetchData]);
     const handleShowMore = async () => {
         dispatch({ type: ActionTypes.SetIsShowMoreFetching, payload: true });
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.showMore);
+        handleAnalytics();
         try {
             const fetchedData = await fetchData(currentPage + 1);
             handleChangeQueryParams({

package/build/esm/blocks/Header/Header.js

@@ -7,6 +7,9 @@ import { LocaleContext } from '../../contexts/LocaleContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { PaddingsDirections } from '../../models/paddings';
 import { getBreadcrumbs } from '../../utils/common';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = {
     sharing: BlogMetrikaGoalIds.shareTop,
     save: BlogMetrikaGoalIds.saveTop,

package/build/esm/blocks/Meta/Meta.js

@@ -10,6 +10,9 @@ import { block } from '../../utils/cn';
 import { getBreadcrumbs } from '../../utils/common';
 import './Meta.css';
 const b = block('meta');
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = {
     sharing: BlogMetrikaGoalIds.shareBottom,
     save: BlogMetrikaGoalIds.saveBottom,

package/build/esm/blocks/Suggest/Suggest.js

@@ -6,6 +6,9 @@ import { BlogMetrikaGoalIds } from '../../constants';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { Keyset, i18 } from '../../i18n';
 import { PaddingsDirections } from '../../models/paddings';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const metrikaGoals = [
     {
         name: BlogMetrikaGoalIds.suggest,

package/build/esm/components/FeedHeader/components/Controls/Controls.js

@@ -1,11 +1,16 @@
 import React, { useContext, useMemo, useState } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Button, Icon, Select } from '@gravity-ui/uikit';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 import { BlogMetrikaGoalIds } from '../../../../constants';
 import { LikesContext } from '../../../../contexts/LikesContext';
 import metrika from '../../../../counters/metrika.js';
 import { MetrikaCounter } from '../../../../counters/utils';
 import { Keyset, i18 } from '../../../../i18n';
 import { Save } from '../../../../icons/Save';
+import { DefaultEventNames, } from '../../../../models/common';
 import { block } from '../../../../utils/cn';
 import { Search } from '../../../Search/Search';
 import { renderFilter, renderOption, renderSwitcher } from './customRenders';
@@ -16,11 +21,15 @@ const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = useContext(LikesContext);
+    const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);
+    const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);
+    const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
     const [savedOnly, setSavedOnly] = useState(savedOnlyInitial === 'true');
     const [search, setSearch] = useState(searchInitial);
     const handleSavedOnly = () => {
         handleChangeQuery({ savedOnly: savedOnly ? '' : 'true' });
+        handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
         setIsFetching(true);
     };
@@ -30,9 +39,15 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
         setIsFetching(true);
     };
     const handleTagSelect = (selectedTags) => {
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.tag, {
             theme: selectedTags[0],
         });
+        handleAnalyticsTag(null, {
+            theme: selectedTags[0],
+        });
         const isEmptyTag = selectedTags.some((tag) => tag === 'empty');
         handleChangeQuery({
             tags: isEmptyTag ? '' : selectedTags[0],
@@ -45,9 +60,15 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
             return selectedServices.includes(service.value);
         });
         const metrikaAsString = forMetrikaServices.map((service) => service.content).join(',');
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.service, {
             service: metrikaAsString,
         });
+        handleAnalyticsService(null, {
+            service: metrikaAsString,
+        });
         const servicesAsString = selectedServices.join(',');
         handleChangeQuery({ services: servicesAsString, page: DEFAULT_PAGE });
         setIsFetching(true);

package/build/esm/components/Paginator/Paginator.js

@@ -10,9 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useMemo, useState } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { BlogMetrikaGoalIds } from '../../constants';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 import metrika from '../../counters/metrika.js';
 import { MetrikaCounter } from '../../counters/utils';
+import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils/cn';
 import { NavigationButton } from './components/NavigationButton';
 import { PaginatorItem } from './components/PaginatorItem';
@@ -29,16 +34,27 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
     const isShowSupportButtons = useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);
+    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);
+    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);
     if (pagesCount <= 1) {
         return null;
     }
     const handleArrowClick = (type) => {
         let newPage = page;
         if (type === 'prev' && page > 1) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.home);
+            handleAnalyticsHome();
             newPage = 1;
         }
         else if (type === 'next' && page < pagesCount) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
+            handleAnalyticsNext();
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.next);
             newPage = page + 1;
         }
@@ -48,7 +64,11 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     };
     const handlePageClick = (index) => {
         if (index !== page && typeof index === 'number') {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             */
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.page, { page: index });
+            handleAnalyticsPage(null, { page: String(index) });
             handlePageChange(index);
         }
     };

package/build/esm/components/PostCard/PostCard.d.ts

@@ -7,6 +7,9 @@ type PostCardProps = {
     fullWidth?: boolean;
     showTag?: boolean;
     size?: 's' | 'm';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoals?: MetrikaGoal;
 };
 export declare const PostCard: React.FC<PostCardProps>;

package/build/esm/components/PostInfo/PostInfo.d.ts

@@ -10,6 +10,9 @@ type PostInfoProps = {
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoals?: BlogMetrikaGoals;
     dataQa?: string;
 };

package/build/esm/components/PostInfo/components/Save.d.ts

@@ -6,6 +6,9 @@ type SaveProps = {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoal?: string;
     dataQa?: string;
     size?: 's' | 'm';

package/build/esm/components/PostInfo/components/Save.js

@@ -1,13 +1,14 @@
 import React, { useContext } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon } from '@gravity-ui/uikit';
 import { UserContext } from '../../../contexts/UserContext';
 import metrika from '../../../counters/metrika.js';
 import { MetrikaCounter } from '../../../counters/utils';
 import { Save as SaveIcon } from '../../../icons/Save';
 import { SaveFilled } from '../../../icons/SaveFilled';
+import { DefaultEventNames } from '../../../models/common';
 import { block } from '../../../utils/cn';
 import { postLikeStatus } from '../../../utils/common';
-// @ts-ignore
 import '../PostInfo.css';
 const ICON_SIZE = 16;
 const b = block('post-info');
@@ -25,6 +26,7 @@ const b = block('post-info');
  */
 export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
     const { uid } = useContext(UserContext);
+    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     return (React.createElement("div", { className: b('item', { size }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
@@ -36,6 +38,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
             postLikeStatus(postId, Boolean(hasUserLike));
             handleUserLike();
             metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
+            handleAnalytics();
         }, "data-qa": `${dataQa ? dataQa + '-' : ''}save` },
         React.createElement("div", { className: b('content', { cursor: Boolean(uid), theme }) },
             React.createElement("span", { className: b('icon') },

package/build/esm/components/PostInfo/components/Sharing.d.ts

@@ -2,6 +2,9 @@ import React from 'react';
 import '../PostInfo.css';
 type SharingProps = {
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     */
     metrikaGoal?: string;
 };
 export declare const Sharing: React.FC<SharingProps>;

package/build/esm/components/PostInfo/components/Sharing.js

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+import React, { useCallback, useContext } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { SharePopover } from '@gravity-ui/uikit';
 import { MobileContext } from '../../../contexts/MobileContext';
 import { PostPageContext } from '../../../contexts/PostPageContext';
@@ -7,19 +8,24 @@ import metrika from '../../../counters/metrika.js';
 import { MetrikaCounter } from '../../../counters/utils';
 import { Keyset, i18 } from '../../../i18n';
 import { ShareArrowUp } from '../../../icons/ShareArrowUp';
+import { DefaultEventNames } from '../../../models/common';
 import { block } from '../../../utils/cn';
 import { getAbsolutePath } from '../../../utils/common';
-// @ts-ignore
 import '../PostInfo.css';
 const b = block('post-info');
 export const Sharing = ({ theme, metrikaGoal }) => {
     const router = useContext(RouterContext);
     const isMobile = useContext(MobileContext);
     const { shareOptions } = useContext(PostPageContext);
-    const handleMetrika = () => {
+    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
+    const handleMetrika = useCallback(() => {
         metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-    };
+    }, [metrikaGoal]);
+    const handleAnalytics = useCallback(() => {
+        handleAnalyticsGlobal();
+        handleMetrika();
+    }, [handleAnalyticsGlobal, handleMetrika]);
     return (React.createElement("div", { className: b('item') },
         React.createElement("span", { className: b('icon') },
-            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleMetrika }))));
+            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleAnalytics }))));
 };

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { DeviceContextProps } from '../contexts/DeviceContext';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     user?: UserContextProps;
     device?: DeviceContextProps;
+    analytics?: AnalyticsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+import { AnalyticsContext } from '@gravity-ui/page-constructor';
 import { DEFAULT_THEME } from '../constants';
 import { DeviceContext } from '../contexts/DeviceContext';
 import { LocaleContext } from '../contexts/LocaleContext';
@@ -6,7 +7,7 @@ import { MobileContext } from '../contexts/MobileContext';
 import { RouterContext } from '../contexts/RouterContext';
 import { UserContext } from '../contexts/UserContext';
 import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
-export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, user = {}, device = {}, children, }) => {
+export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, user = {}, device = {}, analytics = {}, children, }) => {
     const context = [
         React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
@@ -14,6 +15,7 @@ export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, th
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         React.createElement(UserContext.Provider, { value: user, key: "user-context" }),
         React.createElement(DeviceContext.Provider, { value: device, key: "device-context" }),
+        React.createElement(AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     return React.createElement(Fragment, null, context);
 };

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -56,7 +56,7 @@ unpredictable css rules order in build */
 .yfm_blog h5,
 .yfm_blog h6 {
   margin-bottom: 16px;
-  margin-top: 48px;
+  margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }

package/build/esm/counters/metrika.d.ts

@@ -21,6 +21,9 @@ declare function hit(...args: any[]): void;
 declare function params(...args: any[]): void;
 declare function reachGoal(counterName: any, ...args: any[]): void;
 declare function reachGoals(goals: any, counterName?: string): void;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 declare const Goal: {
     SUPPORT_OPEN_FORM: string;
     SUPPORT_STEP_1_SUBMIT: string;

package/build/esm/counters/metrika.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',

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

@@ -150,3 +150,14 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click",
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click",
+    SaveOnly = "save-only-button-click"
+}

package/build/esm/models/common.js

@@ -16,4 +16,16 @@ export var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType || (BlockType = {}));
+})(BlockType || (BlockType = {}));
+export var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+    DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
+    DefaultEventNames["SaveOnly"] = "save-only-button-click";
+})(DefaultEventNames || (DefaultEventNames = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -73,7 +73,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^2.9.0",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^2.2.1",
+    "@gravity-ui/page-constructor": "^2.6.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",

package/server/models/common.d.ts

@@ -150,3 +150,14 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click",
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click",
+    SaveOnly = "save-only-button-click"
+}

package/server/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockType = exports.Theme = void 0;
+exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -19,4 +19,16 @@ var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType = exports.BlockType || (exports.BlockType = {}));
+})(BlockType = exports.BlockType || (exports.BlockType = {}));
+var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+    DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
+    DefaultEventNames["SaveOnly"] = "save-only-button-click";
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

package/styles/yfm.css

@@ -32,7 +32,7 @@ unpredictable css rules order in build */
 .yfm_blog h5,
 .yfm_blog h6 {
   margin-bottom: 16px;
-  margin-top: 48px;
+  margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }

package/styles/yfm.scss

@@ -33,7 +33,7 @@
     h5,
     h6 {
         margin-bottom: $indentXS;
-        margin-top: $indentL;
+        margin-top: $indentM;
         padding-top: 0;
         font-weight: var(--yc-text-header-font-weight);
     }