@gravity-ui/blog-constructor 5.16.1-alpha.1 → 6.0.0

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

@@ -1,18 +1,15 @@
 import { __rest } from "tslib";
 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';
-import { MetrikaCounter } from '../../counters/utils';
+import { DefaultGoalIds } from '../../constants';
+import { AnalyticsCounter } from '../../counters/utils';
 import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils/cn';
 import { NavigationButton } from './components/NavigationButton';
 import { PaginatorItem } from './components/PaginatorItem';
 import { ArrowType } from './types';
 import { getPageConfigs, getPagesCount } from './utils';
+import { prepareAnalyticsEvent } from '../../utils/common';
 import _ from 'lodash';
 import './Paginator.css';
 const b = block('paginator');
@@ -37,19 +34,19 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     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();
+            const event = prepareAnalyticsEvent({
+                name: DefaultGoalIds.home,
+                counter: AnalyticsCounter.CrossSite,
+            });
+            handleAnalyticsHome(event);
             newPage = 1;
         }
         else if (type === 'next' && page < pagesCount) {
-            /**
-             * @deprecated Metrika will be deleted after launch of analyticsEvents
-             */
-            handleAnalyticsNext();
-            metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.next);
+            const event = prepareAnalyticsEvent({
+                name: DefaultGoalIds.next,
+                counter: AnalyticsCounter.CrossSite,
+            });
+            handleAnalyticsNext(event);
             newPage = page + 1;
         }
         if (newPage !== page) {
@@ -58,11 +55,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) });
+            const event = prepareAnalyticsEvent({
+                name: DefaultGoalIds.page,
+                counter: AnalyticsCounter.CrossSite,
+            });
+            handleAnalyticsPage(event, { page: String(index) });
             handlePageChange(index);
         }
     };

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Keyset, i18 } from '../../../i18n';
+import { Keyset, i18n } from '../../../i18n';
 import { block } from '../../../utils/cn';
 import { ArrowType } from '../types';
 import '../Paginator.css';
 const b = block('paginator');
-export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (React.createElement("div", { className: b('icon') }, arrowType === ArrowType.Prev ? i18(Keyset.ButtonBegin) : i18(Keyset.ButtonFarther)));
+export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (React.createElement("div", { className: b('icon') }, arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)));

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MetrikaGoal } from '@gravity-ui/page-constructor';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { PostCardSize, PostCardTitleHeadingLevel, PostData } from '../../models/common';
 import './PostCard.css';
 type PostCardProps = {
@@ -8,10 +8,7 @@ type PostCardProps = {
     showTag?: boolean;
     size?: PostCardSize;
     titleHeadingLevel?: PostCardTitleHeadingLevel;
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoals?: MetrikaGoal;
+    analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const PostCard: ({ post, metrikaGoals, fullWidth, size, showTag, titleHeadingLevel, }: PostCardProps) => React.JSX.Element;
+export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostCard/PostCard.js

@@ -8,7 +8,7 @@ import { SuggestPostInfo } from '../PostInfo/SuggestPostInfo';
 import { useAriaAttributes } from '../../hooks/useAriaAttributes';
 import './PostCard.css';
 const b = block('post-card');
-export const PostCard = ({ post, metrikaGoals, fullWidth = false, size = PostCardSize.SMALL, showTag = false, titleHeadingLevel = PostCardTitleHeadingLevel.H3, }) => {
+export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, showTag = false, titleHeadingLevel = PostCardTitleHeadingLevel.H3, analyticsEvents, }) => {
     var _a;
     const { title: postTitle, htmlTitle, textTitle, blogPostId, id, date, readingTime, hasUserLike, likes, image, description, tags, url, } = post;
     const title = postTitle || textTitle || htmlTitle;
@@ -34,7 +34,7 @@ export const PostCard = ({ post, metrikaGoals, fullWidth = false, size = PostCar
             readingTime && readingTimeId,
         ],
     });
-    return (React.createElement(CardBase, { url: url, metrikaGoals: metrikaGoals, className: b('card', { fullWidth }), extraProps: ariaAttributes },
+    return (React.createElement(CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes },
         React.createElement(CardBase.Header, { image: image, className: b('header', { fullWidth }) },
             React.createElement("div", { className: b('image-container'), "data-qa": "blog-suggest-header" })),
         React.createElement(CardBase.Content, null,

package/build/esm/components/PostInfo/PostInfo.css

@@ -17,6 +17,14 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
+.bc-post-info__item_save {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+}
 .bc-post-info__item:last-child {
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);

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

@@ -1,19 +1,13 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { PostData, QAProps } from '../../models/common';
 import './PostInfo.css';
-export type BlogMetrikaGoals = {
-    sharing?: string;
-    save?: string;
-};
 type PostInfoProps = QAProps & {
     postId: PostData['id'];
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoals?: BlogMetrikaGoals;
+    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;
 };
 /**
  *  Blog post info panel component
@@ -22,10 +16,10 @@ type PostInfoProps = QAProps & {
  * @param readingTime - post reading time
  * @param date - post create date
  * @param theme - theme name
- * @param metrikaGoals - metrika goals name
  * @param qa - test-attr
+ * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export declare const PostInfo: ({ date, readingTime, postId, theme, metrikaGoals, qa, }: PostInfoProps) => React.JSX.Element;
+export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => React.JSX.Element;
 export {};

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

@@ -15,17 +15,17 @@ const b = block('post-info');
  * @param readingTime - post reading time
  * @param date - post create date
  * @param theme - theme name
- * @param metrikaGoals - metrika goals name
  * @param qa - test-attr
+ * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, qa, }) => {
+export const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
     const { likes } = useContext(PostPageContext);
     const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');
     return (React.createElement("div", { className: b('container', { theme }) },
         date && React.createElement(Date, { date: date, qa: qaAttributes.date }),
         readingTime && React.createElement(ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }),
-        React.createElement(Sharing, { metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.sharing, theme: theme }),
-        likes && (React.createElement(Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.save, theme: theme, qa: qaAttributes.save }))));
+        React.createElement(Sharing, { theme: theme, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.sharing }),
+        likes && (React.createElement(Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.save, theme: theme, qa: qaAttributes.save }))));
 };

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

@@ -5,8 +5,11 @@ import { block } from '../../utils/cn';
 import { Date } from './components/Date';
 import { ReadingTime } from './components/ReadingTime';
 import { Save } from './components/Save';
+import { prepareAnalyticsEvent } from '../../utils/common';
+import { DefaultGoalIds } from '../../constants';
 import './PostInfo.css';
 const b = block('post-info');
+const saveEvents = prepareAnalyticsEvent({ name: DefaultGoalIds.saveSuggest });
 /**
  * Suggest blog card info component
  *
@@ -34,5 +37,5 @@ export const SuggestPostInfo = ({ postId, date, readingTime, likes, size = PostC
         React.createElement("div", { className: b('suggest-container') },
             date && React.createElement(Date, { date: date, size: size, id: dateId }),
             readingTime && (React.createElement(ReadingTime, { readingTime: readingTime, size: size, id: readingTimeId }))),
-        likes && postId && (React.createElement(Save, { postId: postId, title: likesCount, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
+        likes && postId && (React.createElement(Save, { postId: postId, title: likesCount, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../../i18n';
+import { Keyset, i18n } from '../../../i18n';
 import { Time } from '../../../icons/Time';
 import { block } from '../../../utils/cn';
 import '../PostInfo.css';
@@ -9,4 +9,4 @@ const ICON_SIZE = 16;
 export const ReadingTime = ({ readingTime, size = 's', id, qa }) => (React.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa },
     React.createElement("span", { className: b('icon') },
         React.createElement(Icon, { data: Time, size: ICON_SIZE, className: b('icon-color') })),
-    i18(Keyset.ContextReadingTime, { count: readingTime })));
+    i18n(Keyset.ContextReadingTime, { count: readingTime })));

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { QAProps } from '../../../models/common';
 import '../PostInfo.css';
 type SaveProps = QAProps & {
@@ -7,11 +8,8 @@ type SaveProps = QAProps & {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoal?: string;
     size?: 's' | 'm';
+    analyticsEvents?: AnalyticsEventsProp;
 };
 /**
  * Components for 'save' blog UI-component
@@ -19,11 +17,11 @@ type SaveProps = QAProps & {
  * @param title - post title
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
- * @param metrikaGoal - metrika goal name
  * @param qa - test-attr
  * @param size - text size
+ * @param analyticsEvents - a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export declare const Save: ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }: SaveProps) => React.JSX.Element;
+export declare const Save: ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }: SaveProps) => React.JSX.Element;
 export {};

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

@@ -2,8 +2,6 @@ import React, { useContext } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon } from '@gravity-ui/uikit';
 import { LikesContext } from '../../../contexts/LikesContext';
-import metrika from '../../../counters/metrika';
-import { MetrikaCounter } from '../../../counters/utils';
 import { Save as SaveIcon } from '../../../icons/Save';
 import { SaveFilled } from '../../../icons/SaveFilled';
 import { DefaultEventNames } from '../../../models/common';
@@ -18,17 +16,17 @@ const b = block('post-info');
  * @param title - post title
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
- * @param metrikaGoal - metrika goal name
  * @param qa - test-attr
  * @param size - text size
+ * @param analyticsEvents - a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }) => {
+export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }) => {
     const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
-    return (React.createElement("div", { className: b('item', { size }), onClick: (event) => {
+    return (React.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
             event.preventDefault();
@@ -43,8 +41,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
             }
             postLikeStatus(postId, Boolean(hasUserLike));
             handleUserLike();
-            metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-            handleAnalytics();
+            handleAnalytics(analyticsEvents);
         }, "data-qa": qa },
         React.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             React.createElement("span", { className: b('icon') },

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

@@ -1,11 +1,9 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import '../PostInfo.css';
 type SharingProps = {
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoal?: string;
+    analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const Sharing: ({ theme, metrikaGoal }: SharingProps) => React.JSX.Element;
+export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => React.JSX.Element;
 export {};

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

@@ -4,28 +4,22 @@ import { useAnalytics } from '@gravity-ui/page-constructor';
 import { MobileContext } from '../../../contexts/MobileContext';
 import { PostPageContext } from '../../../contexts/PostPageContext';
 import { RouterContext } from '../../../contexts/RouterContext';
-import metrika from '../../../counters/metrika';
-import { MetrikaCounter } from '../../../counters/utils';
-import { Keyset, i18 } from '../../../i18n';
+import { Keyset, i18n } from '../../../i18n';
 import { ShareArrowUp } from '../../../icons/ShareArrowUp';
 import { DefaultEventNames } from '../../../models/common';
 import { block } from '../../../utils/cn';
 import { getAbsolutePath } from '../../../utils/common';
 import '../PostInfo.css';
 const b = block('post-info');
-export const Sharing = ({ theme, metrikaGoal }) => {
+export const Sharing = ({ theme, analyticsEvents }) => {
     const router = useContext(RouterContext);
     const isMobile = useContext(MobileContext);
     const { shareOptions } = useContext(PostPageContext);
     const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
-    const handleMetrika = useCallback(() => {
-        metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-    }, [metrikaGoal]);
     const handleAnalytics = useCallback(() => {
-        handleAnalyticsGlobal();
-        handleMetrika();
-    }, [handleAnalyticsGlobal, handleMetrika]);
+        handleAnalyticsGlobal(analyticsEvents);
+    }, [analyticsEvents, handleAnalyticsGlobal]);
     return (React.createElement("div", { className: b('item') },
         React.createElement("div", { 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: ShareLayoutDirection.Column, buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
+            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
 };

package/build/esm/components/Posts/Posts.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CardLayoutBlock } from '@gravity-ui/page-constructor';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
 import { block } from '../../utils/cn';
 import { Paginator } from '../Paginator/Paginator';
@@ -22,9 +22,9 @@ export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage,
                 ? PostCardTitleHeadingLevel.H3
                 : PostCardTitleHeadingLevel.H2 }))))) : (React.createElement(PostsEmpty, null))),
     React.createElement("div", { className: b('pagination') },
-        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18(Keyset.ActionLoadMore))),
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18n(Keyset.ActionLoadMore))),
         errorShowMore && (React.createElement("div", { className: b('error-show-more') },
-            React.createElement("div", null, i18(Keyset.ErrorTitle)),
-            React.createElement("div", null, i18(Keyset.PostLoadError)))),
+            React.createElement("div", null, i18n(Keyset.ErrorTitle)),
+            React.createElement("div", null, i18n(Keyset.PostLoadError)))),
         Boolean(currentPage && postCountOnPage) && (React.createElement("div", { className: b('paginator') },
             React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));

package/build/esm/components/PostsEmpty/PostsEmpty.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { block } from '../../utils/cn';
 import './PostsEmpty.css';
 const b = block('posts-empty');
 export const PostsEmpty = () => (React.createElement("div", { className: b('container') },
-    React.createElement("div", { className: b('title') }, i18(Keyset.TitleEmptyContainer)),
-    React.createElement("div", { className: b('subtitle') }, i18(Keyset.ContextEmptyContainer))));
+    React.createElement("div", { className: b('title') }, i18n(Keyset.TitleEmptyContainer)),
+    React.createElement("div", { className: b('subtitle') }, i18n(Keyset.ContextEmptyContainer))));

package/build/esm/components/PostsError/PostsError.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { block } from '../../utils/cn';
 import './PostError.css';
 const b = block('posts-error');
 export const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
     return (React.createElement("div", { className: b('container') },
-        React.createElement("div", { className: b('title') }, i18(Keyset.ErrorTitle)),
-        React.createElement("div", { className: b('subtitle') }, i18(Keyset.PostLoadError)),
+        React.createElement("div", { className: b('title') }, i18n(Keyset.ErrorTitle)),
+        React.createElement("div", { className: b('subtitle') }, i18n(Keyset.PostLoadError)),
         React.createElement("div", { className: b('button') },
-            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18(Keyset.ActionTryAgain)))));
+            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18n(Keyset.ActionTryAgain)))));
 };

package/build/esm/components/PromptSignIn/PromptSignIn.js

@@ -1,15 +1,15 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { Prompt } from '../Prompt/Prompt';
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
  */
 export const PromptSignIn = (_a) => {
-    var { text = i18(Keyset.PromptSignInOnLike), onClickSignIn = () => alert(i18(Keyset.SignIn)), actions = [
+    var { text = i18n(Keyset.PromptSignInOnLike), onClickSignIn = () => alert(i18n(Keyset.SignIn)), actions = [
         {
-            children: i18(Keyset.SignIn),
+            children: i18n(Keyset.SignIn),
             onClick: onClickSignIn,
             size: 'l',
         },

package/build/esm/components/Search/Search.css

@@ -12,6 +12,9 @@ unpredictable css rules order in build */
 .bc-search__input-icon {
   display: flex;
   padding-right: 7px;
+  border: none;
+  font: inherit;
+  background: none;
   color: var(--g-color-text-hint);
   cursor: pointer;
 }

package/build/esm/components/Search/Search.js

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
 import lodashDebounce from 'lodash/debounce';
 import { useIsIPhone } from '../../hooks/useIsIPhone';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { Close } from '../../icons/Close';
 import { SearchIcon } from '../../icons/SearchIcon';
 import { block } from '../../utils/cn';
@@ -17,7 +17,7 @@ const AUTOFOCUS_TIMEOUT = 0;
  *
  * @returns {JSX|null}
  */
-export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
+export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18n(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = lodashDebounce(onSubmit, debounce);
     const [value, setValue] = useState(initialValue);
     const inputRef = useRef(null);
@@ -42,7 +42,7 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 onSubmit('');
             }
         };
-        return (React.createElement("div", { className: b('input-icon'), onClick: handleClick },
+        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick },
             React.createElement(Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
     return (React.createElement("div", { className: b({ size }, className) },

package/build/esm/constants.d.ts

@@ -9,13 +9,14 @@ export declare const BREAKPOINTS: {
 export declare const DEFAULT_THEME = "light";
 export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const UIKIT_THEME_LIGHT_CLASS: string;
-export declare enum BlogMetrikaGoalIds {
+export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",
     breadcrumbsTop = "SITE_BLOG_BREADCRUMBS-TOP_CLICK",
     breadcrumbsBottom = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK",
     saveTop = "SITE_BLOG_SAVE-TOP_CLICK",
     saveBottom = "SITE_BLOG_SAVE-BOTTOM_CLICK",
+    saveSuggest = "SITE_BLOG_SAVE-SUGGEST_CLICK",
     suggest = "SITE_BLOG_INTERESTING-CARD_CLICK",
     bannerCommon = "SITE_BLOG_TEXT-BANNER_CLICK",
     cta = "SITE_BLOG_CTA_CLICK",

package/build/esm/constants.js

@@ -9,24 +9,25 @@ export const BREAKPOINTS = {
 export const DEFAULT_THEME = 'light';
 export const UIKIT_ROOT_CLASS = 'g-root';
 export const UIKIT_THEME_LIGHT_CLASS = `${UIKIT_ROOT_CLASS}_theme_${DEFAULT_THEME}`;
-export var BlogMetrikaGoalIds;
-(function (BlogMetrikaGoalIds) {
-    BlogMetrikaGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";
-    BlogMetrikaGoalIds["shareBottom"] = "SITE_BLOG_SHARE-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["breadcrumbsTop"] = "SITE_BLOG_BREADCRUMBS-TOP_CLICK";
-    BlogMetrikaGoalIds["breadcrumbsBottom"] = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["saveTop"] = "SITE_BLOG_SAVE-TOP_CLICK";
-    BlogMetrikaGoalIds["saveBottom"] = "SITE_BLOG_SAVE-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["suggest"] = "SITE_BLOG_INTERESTING-CARD_CLICK";
-    BlogMetrikaGoalIds["bannerCommon"] = "SITE_BLOG_TEXT-BANNER_CLICK";
-    BlogMetrikaGoalIds["cta"] = "SITE_BLOG_CTA_CLICK";
-    BlogMetrikaGoalIds["tag"] = "SITE_BLOG_THEME-SELECTOR_CLCK";
-    BlogMetrikaGoalIds["service"] = "SITE_BLOG_SERVICE-SELECTOR_CLCK";
-    BlogMetrikaGoalIds["showMore"] = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK";
-    BlogMetrikaGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
-    BlogMetrikaGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
-    BlogMetrikaGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
-})(BlogMetrikaGoalIds || (BlogMetrikaGoalIds = {}));
+export var DefaultGoalIds;
+(function (DefaultGoalIds) {
+    DefaultGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";
+    DefaultGoalIds["shareBottom"] = "SITE_BLOG_SHARE-BOTTOM_CLICK";
+    DefaultGoalIds["breadcrumbsTop"] = "SITE_BLOG_BREADCRUMBS-TOP_CLICK";
+    DefaultGoalIds["breadcrumbsBottom"] = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK";
+    DefaultGoalIds["saveTop"] = "SITE_BLOG_SAVE-TOP_CLICK";
+    DefaultGoalIds["saveBottom"] = "SITE_BLOG_SAVE-BOTTOM_CLICK";
+    DefaultGoalIds["saveSuggest"] = "SITE_BLOG_SAVE-SUGGEST_CLICK";
+    DefaultGoalIds["suggest"] = "SITE_BLOG_INTERESTING-CARD_CLICK";
+    DefaultGoalIds["bannerCommon"] = "SITE_BLOG_TEXT-BANNER_CLICK";
+    DefaultGoalIds["cta"] = "SITE_BLOG_CTA_CLICK";
+    DefaultGoalIds["tag"] = "SITE_BLOG_THEME-SELECTOR_CLCK";
+    DefaultGoalIds["service"] = "SITE_BLOG_SERVICE-SELECTOR_CLCK";
+    DefaultGoalIds["showMore"] = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK";
+    DefaultGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
+    DefaultGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
+    DefaultGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
+})(DefaultGoalIds || (DefaultGoalIds = {}));
 export const DEFAULT_PADDINGS = {
     [PaddingsDirections.bottom]: 'l',
     [PaddingsDirections.top]: 'xs',

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { AnalyticsContext } from '@gravity-ui/page-constructor';
+import { AnalyticsContext, ThemeContext, } from '@gravity-ui/page-constructor';
 import { DEFAULT_THEME } from '../constants';
 import { DeviceContext } from '../contexts/DeviceContext';
 import { LocaleContext } from '../contexts/LocaleContext';
@@ -10,6 +10,7 @@ import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
 export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
         React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        React.createElement(ThemeContext.Provider, { value: { theme: theme }, key: "pc-theme" }),
         React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
         React.createElement(RouterContext.Provider, { value: router, key: "router-context" }),
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),

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

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 :root {
   --header-height: 64px;
 }

package/build/esm/contexts/LocaleContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Lang } from '../models/locale';
+import { Lang } from '@gravity-ui/uikit';
 export const LocaleContext = React.createContext({
     locale: {
         code: 'en-En',

package/build/esm/counters/metrika.js

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

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

@@ -1,4 +1,4 @@
-export declare enum MetrikaCounter {
+export declare enum AnalyticsCounter {
     Main = "main",
     CrossSite = "cross-site",
     Scale = "scale"

package/build/esm/counters/utils.js

@@ -1,6 +1,6 @@
-export var MetrikaCounter;
-(function (MetrikaCounter) {
-    MetrikaCounter["Main"] = "main";
-    MetrikaCounter["CrossSite"] = "cross-site";
-    MetrikaCounter["Scale"] = "scale";
-})(MetrikaCounter || (MetrikaCounter = {}));
+export var AnalyticsCounter;
+(function (AnalyticsCounter) {
+    AnalyticsCounter["Main"] = "main";
+    AnalyticsCounter["CrossSite"] = "cross-site";
+    AnalyticsCounter["Scale"] = "scale";
+})(AnalyticsCounter || (AnalyticsCounter = {}));

package/build/esm/i18n/index.d.ts

@@ -1,5 +1,3 @@
-import { I18N } from '@gravity-ui/i18n';
-export declare const i18n: I18N;
 export declare enum Keyset {
     Title = "title",
     TitleBreadcrumbs = "title_breadcrumbs",
@@ -21,4 +19,4 @@ export declare enum Keyset {
     PromptSignInOnLike = "prompt_sign_in_on_like",
     SignIn = "Sign In"
 }
-export declare const i18: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;