@gravity-ui/blog-constructor 5.9.0 → 5.11.0

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

@@ -17,7 +17,7 @@ const RouterContext_1 = require("../../contexts/RouterContext");
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
-const metrika_js_1 = tslib_1.__importDefault(require("../../counters/metrika.js"));
+const metrika_1 = tslib_1.__importDefault(require("../../counters/metrika"));
 const utils_1 = require("../../counters/utils");
 const common_1 = require("../../models/common");
 const common_2 = require("../../utils/common");
@@ -108,7 +108,7 @@ const Feed = ({ image }) => {
         /**
          * @deprecated Metrika will be deleted after launch of analyticsEvents
          */
-        metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.showMore);
+        metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.showMore);
         handleAnalytics();
         const nextPage = currentPage + 1;
         try {

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

@@ -27,21 +27,22 @@ const breadcrumbsGoals = [
     },
 ];
 const Meta = (props) => {
-    const { paddingTop = 'l', paddingBottom = 'l', theme = 'light' } = props;
+    const { paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa } = props;
     const { post } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const qaAttributes = (0, common_1.getQaAttributes)(qa, 'post-info');
     const { title, id, date, readingTime, tags } = post;
     const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
     breadcrumbs.metrikaGoals = breadcrumbsGoals;
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, qa: "blog-meta-content" },
+        }, qa: qaAttributes.wrapper },
         breadcrumbs && (react_1.default.createElement(page_constructor_1.HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme, metrikaGoals: breadcrumbs.metrikaGoals })),
         title && (react_1.default.createElement(page_constructor_1.YFMWrapper, { content: title, modifiers: {
                 blogBreadcrumbs: true,
                 resetPaddings: true,
             } })),
-        post && (react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, qa: "blog-meta-block" }))));
+        post && (react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, qa: qaAttributes.postInfo }))));
 };
 exports.Meta = Meta;

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

@@ -37,6 +37,6 @@ const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
         } },
-        react_1.default.createElement(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18)(i18n_1.Keyset.TitleSuggest) } }, suggestedPosts.map((post) => (react_1.default.createElement(PostCard_1.PostCard, { key: post.id, metrikaGoals: metrikaGoals, post: post }))))));
+        react_1.default.createElement(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18)(i18n_1.Keyset.TitleSuggest) }, lazyLoad: false }, suggestedPosts.map((post) => (react_1.default.createElement(PostCard_1.PostCard, { key: post.id, metrikaGoals: metrikaGoals, post: post }))))));
 };
 exports.Suggest = Suggest;

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

@@ -10,7 +10,7 @@ const uikit_1 = require("@gravity-ui/uikit");
  */
 const constants_1 = require("../../../../constants");
 const LikesContext_1 = require("../../../../contexts/LikesContext");
-const metrika_js_1 = tslib_1.__importDefault(require("../../../../counters/metrika.js"));
+const metrika_1 = tslib_1.__importDefault(require("../../../../counters/metrika"));
 const utils_1 = require("../../../../counters/utils");
 const i18n_1 = require("../../../../i18n");
 const Save_1 = require("../../../../icons/Save");
@@ -55,7 +55,7 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
         /**
          * @deprecated Metrika will be deleted after launch of analyticsEvents
          */
-        metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.tag, {
+        metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.tag, {
             theme: selectedTags[0],
         });
         handleAnalyticsTag(null, {
@@ -78,7 +78,7 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
         /**
          * @deprecated Metrika will be deleted after launch of analyticsEvents
          */
-        metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.service, {
+        metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.service, {
             service: metrikaAsString,
         });
         handleAnalyticsService(null, {

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

@@ -8,7 +8,7 @@ const constants_1 = require("../../constants");
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
-const metrika_js_1 = tslib_1.__importDefault(require("../../counters/metrika.js"));
+const metrika_1 = tslib_1.__importDefault(require("../../counters/metrika"));
 const utils_1 = require("../../counters/utils");
 const common_1 = require("../../models/common");
 const cn_1 = require("../../utils/cn");
@@ -38,7 +38,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             /**
              * @deprecated Metrika will be deleted after launch of analyticsEvents
              */
-            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.home);
+            metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.home);
             handleAnalyticsHome();
             newPage = 1;
         }
@@ -47,7 +47,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
              * @deprecated Metrika will be deleted after launch of analyticsEvents
              */
             handleAnalyticsNext();
-            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.next);
+            metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.next);
             newPage = page + 1;
         }
         if (newPage !== page) {
@@ -59,7 +59,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             /**
              * @deprecated Metrika will be deleted after launch of analyticsEvents
              */
-            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.page, { page: index });
+            metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.page, { page: index });
             handleAnalyticsPage(null, { page: String(index) });
             handlePageChange(index);
         }

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

@@ -9,6 +9,7 @@ const Date_1 = require("./components/Date");
 const ReadingTime_1 = require("./components/ReadingTime");
 const Save_1 = require("./components/Save");
 const Sharing_1 = require("./components/Sharing");
+const common_1 = require("../../utils/common");
 const b = (0, cn_1.block)('post-info');
 /**
  *  Blog post info panel component
@@ -24,10 +25,11 @@ const b = (0, cn_1.block)('post-info');
  */
 const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, qa, }) => {
     const { likes } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
+    const qaAttributes = (0, common_1.getQaAttributes)(qa, 'date', 'reading-time', 'save');
     return (react_1.default.createElement("div", { className: b('container', { theme }) },
-        date && react_1.default.createElement(Date_1.Date, { date: date }),
-        readingTime && react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime }),
+        date && react_1.default.createElement(Date_1.Date, { date: date, qa: qaAttributes.date }),
+        readingTime && react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }),
         react_1.default.createElement(Sharing_1.Sharing, { metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.sharing, theme: theme }),
-        likes && (react_1.default.createElement(Save_1.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: qa }))));
+        likes && (react_1.default.createElement(Save_1.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 }))));
 };
 exports.PostInfo = PostInfo;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PostCardSize } from '../../../models/common';
-type DateProps = {
+import { PostCardSize, QAProps } from '../../../models/common';
+type DateProps = QAProps & {
     date: string | number;
     size?: PostCardSize;
     id?: string;
 };
-export declare const Date: ({ date, size, id }: DateProps) => React.JSX.Element;
+export declare const Date: ({ date, size, id, qa }: DateProps) => React.JSX.Element;
 export {};

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

@@ -8,8 +8,8 @@ const common_1 = require("../../../models/common");
 const cn_1 = require("../../../utils/cn");
 const date_1 = require("../../../utils/date");
 const b = (0, cn_1.block)('post-info');
-const Date = ({ date, size = common_1.PostCardSize.SMALL, id }) => {
+const Date = ({ date, size = common_1.PostCardSize.SMALL, id, qa }) => {
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
-    return (react_1.default.createElement("div", { className: b('item', { size }), id: id }, (0, date_1.format)(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code)));
+    return (react_1.default.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa }, (0, date_1.format)(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code)));
 };
 exports.Date = Date;

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

@@ -1,8 +1,9 @@
 import React from 'react';
-type ReadingTimeProps = {
+import { QAProps } from '../../../models/common';
+type ReadingTimeProps = QAProps & {
     readingTime: number;
     size?: 's' | 'm';
     id?: string;
 };
-export declare const ReadingTime: ({ readingTime, size, id }: ReadingTimeProps) => React.JSX.Element;
+export declare const ReadingTime: ({ readingTime, size, id, qa }: ReadingTimeProps) => React.JSX.Element;
 export {};

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

@@ -9,7 +9,7 @@ const Time_1 = require("../../../icons/Time");
 const cn_1 = require("../../../utils/cn");
 const b = (0, cn_1.block)('post-info');
 const ICON_SIZE = 16;
-const ReadingTime = ({ readingTime, size = 's', id }) => (react_1.default.createElement("div", { className: b('item', { size }), id: id },
+const ReadingTime = ({ readingTime, size = 's', id, qa }) => (react_1.default.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa },
     react_1.default.createElement("span", { className: b('icon') },
         react_1.default.createElement(uikit_1.Icon, { data: Time_1.Time, size: ICON_SIZE, className: b('icon-color') })),
     (0, i18n_1.i18)(i18n_1.Keyset.ContextReadingTime, { count: readingTime })));

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

@@ -6,7 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
 const LikesContext_1 = require("../../../contexts/LikesContext");
-const metrika_js_1 = tslib_1.__importDefault(require("../../../counters/metrika.js"));
+const metrika_1 = tslib_1.__importDefault(require("../../../counters/metrika"));
 const utils_1 = require("../../../counters/utils");
 const Save_1 = require("../../../icons/Save");
 const SaveFilled_1 = require("../../../icons/SaveFilled");
@@ -46,9 +46,9 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             }
             (0, common_2.postLikeStatus)(postId, Boolean(hasUserLike));
             handleUserLike();
-            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
+            metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
             handleAnalytics();
-        }, "data-qa": `${qa ? qa + '-' : ''}save` },
+        }, "data-qa": qa },
         react_1.default.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             react_1.default.createElement("span", { className: b('icon') },
                 react_1.default.createElement(uikit_1.Icon, { data: hasUserLike ? SaveFilled_1.SaveFilled : Save_1.Save, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) })),

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

@@ -8,7 +8,7 @@ const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MobileContext_1 = require("../../../contexts/MobileContext");
 const PostPageContext_1 = require("../../../contexts/PostPageContext");
 const RouterContext_1 = require("../../../contexts/RouterContext");
-const metrika_js_1 = tslib_1.__importDefault(require("../../../counters/metrika.js"));
+const metrika_1 = tslib_1.__importDefault(require("../../../counters/metrika"));
 const utils_1 = require("../../../counters/utils");
 const i18n_1 = require("../../../i18n");
 const ShareArrowUp_1 = require("../../../icons/ShareArrowUp");
@@ -22,7 +22,7 @@ const Sharing = ({ theme, metrikaGoal }) => {
     const { shareOptions } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     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);
+        metrika_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
     }, [metrikaGoal]);
     const handleAnalytics = (0, react_1.useCallback)(() => {
         handleAnalyticsGlobal();

package/build/cjs/contexts/PostPageContext.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
 import { PostData } from '../models/common';
+export type LikesRoutineType = {
+    handleUserLike: () => void;
+    hasUserLike: boolean;
+    likesCount: number;
+};
 export interface PostPageContextProps {
     post: PostData;
     suggestedPosts: PostData[];
-    likes?: {
-        handleUserLike: () => void;
-        hasUserLike: boolean;
-        likesCount: number;
-    };
+    likes?: LikesRoutineType;
     shareOptions?: ShareOptions[];
 }
 export declare const PostPageContext: React.Context<PostPageContextProps>;

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

@@ -1,62 +1,58 @@
-export function initCounters(configs: any): void;
-declare namespace _default {
-    export { hit };
-    export { params };
-    export { reachGoal };
-    export { reachGoals };
-    export { Goal };
-    export { getServicePrefix };
-    export { getMarketPlacePrefix };
-    export { goalGoToConsole };
-    export { goalGoToForm };
-    export { goalGoToDocs };
-    export { goalFormSubmit };
-    export { goalEventFormSubmit };
-    export { goalEventVideoAction };
-    export { goalCaseFormSubmit };
-    export { goalSwitchLang };
-}
-export default _default;
+export declare function initCounters(configs: Record<string, string>[]): void;
 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;
-    SUPPORT_STEP_2_SUBMIT: string;
-    SUPPORT_STEP_3_SUBMIT: string;
-    SUPPORT_THANKYOU_SUBMIT: string;
-    MP_OPEN_FORM: string;
-    EDIT_ON_GITHUB: string;
-    MAIN_GO_TO_VAR: string;
-    MAIN_GO_TO_ISV: string;
-    MAIN_ALL_PARTNERS: string;
-    FIND_GO_TO_VAR: string;
-    ISV_GO_TO_MP: string;
-    FOOTER_SUBSCRIBE: string;
-    FOOTER_MNG_SUBSCRIPTIONS: string;
-    MOBILE_STORE_IOS: string;
-    MOBILE_STORE_ANDROID: string;
-    REGION_POPUP_SHOW: string;
-    REGION_POPUP_YES: string;
-    REGION_POPUP_NO: string;
-    REGION_POPUP_CLOSE: string;
-    SCALE_REGISTRATION: string;
-    DLGOTOPRODUCT_MPSITE: string;
-    MPK8S_CLCK: string;
-    'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+declare function params(...args: Record<string, any>[]): void;
+declare function reachGoal(counterName: string, ...args: any[]): void;
+declare function reachGoals(goals: string | object, counterName?: string): void;
+declare function getServicePrefix(id: string): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
+declare function getMarketPlacePrefix(id: string): string;
+declare function goalGoToConsole(prefix: string): string;
+declare function goalGoToForm(prefix: string): string;
+declare function goalGoToDocs(prefix: string): string;
+declare function goalFormSubmit(prefix: string): string;
+declare function goalEventFormSubmit(id: string): string;
+declare function goalEventVideoAction(id: string, action: string): string;
+declare function goalCaseFormSubmit(id: string): string;
+declare function goalSwitchLang(place: string): string;
+declare const _default: {
+    hit: typeof hit;
+    params: typeof params;
+    reachGoal: typeof reachGoal;
+    reachGoals: typeof reachGoals;
+    Goal: {
+        SUPPORT_OPEN_FORM: string;
+        SUPPORT_STEP_1_SUBMIT: string;
+        SUPPORT_STEP_2_SUBMIT: string;
+        SUPPORT_STEP_3_SUBMIT: string;
+        SUPPORT_THANKYOU_SUBMIT: string;
+        MP_OPEN_FORM: string;
+        EDIT_ON_GITHUB: string;
+        MAIN_GO_TO_VAR: string;
+        MAIN_GO_TO_ISV: string;
+        MAIN_ALL_PARTNERS: string;
+        FIND_GO_TO_VAR: string;
+        ISV_GO_TO_MP: string;
+        FOOTER_SUBSCRIBE: string;
+        FOOTER_MNG_SUBSCRIPTIONS: string;
+        MOBILE_STORE_IOS: string;
+        MOBILE_STORE_ANDROID: string;
+        REGION_POPUP_SHOW: string;
+        REGION_POPUP_YES: string;
+        REGION_POPUP_NO: string;
+        REGION_POPUP_CLOSE: string;
+        SCALE_REGISTRATION: string;
+        DLGOTOPRODUCT_MPSITE: string;
+        MPK8S_CLCK: string;
+        'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+    };
+    getServicePrefix: typeof getServicePrefix;
+    getMarketPlacePrefix: typeof getMarketPlacePrefix;
+    goalGoToConsole: typeof goalGoToConsole;
+    goalGoToForm: typeof goalGoToForm;
+    goalGoToDocs: typeof goalGoToDocs;
+    goalFormSubmit: typeof goalFormSubmit;
+    goalEventFormSubmit: typeof goalEventFormSubmit;
+    goalEventVideoAction: typeof goalEventVideoAction;
+    goalCaseFormSubmit: typeof goalCaseFormSubmit;
+    goalSwitchLang: typeof goalSwitchLang;
 };
-declare function getServicePrefix(id: any): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
-declare function getMarketPlacePrefix(id: any): string;
-declare function goalGoToConsole(prefix: any): any;
-declare function goalGoToForm(prefix: any): any;
-declare function goalGoToDocs(prefix: any): any;
-declare function goalFormSubmit(prefix: any): any;
-declare function goalEventFormSubmit(id: any): string;
-declare function goalEventVideoAction(id: any, action: any): string;
-declare function goalCaseFormSubmit(id: any): string;
-declare function goalSwitchLang(place: any): string;
+export default _default;

package/build/cjs/counters/metrika.js

@@ -34,6 +34,7 @@ const HIT_COUNTERS = ['main', 'cross-site', 'scale'];
 const counterIds = {};
 function getCounter(name) {
     const counterId = counterIds[name];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return window['yaCounter' + counterId];
 }
 function initCounters(configs) {
@@ -42,6 +43,7 @@ function initCounters(configs) {
     });
 }
 exports.initCounters = initCounters;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function hit(...args) {
     HIT_COUNTERS.forEach((counterName) => {
         const counter = getCounter(counterName);
@@ -51,6 +53,7 @@ function hit(...args) {
         counter.hit(...args);
     });
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function params(...args) {
     const counter = getCounter('main');
     if (!counter) {
@@ -58,6 +61,7 @@ function params(...args) {
     }
     counter.params(...args);
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function reachGoal(counterName, ...args) {
     const counter = getCounter(counterName);
     if (!counter) {

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

@@ -30,7 +30,7 @@ export type LayoutProps = {
 export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
-export type MetaProps = {
+export type MetaProps = QAProps & {
     locale: string;
     theme?: TextTheme;
 } & PaddingsYFMProps;

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

@@ -24,7 +24,9 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
     } | Partial<Record<import("@gravity-ui/page-constructor").GridColumnSize, number>>;
     theme: import("@gravity-ui/page-constructor").ContentTheme;
     title?: string | import("@gravity-ui/page-constructor").TitleItemBaseProps | undefined;
+    titleId?: string | undefined;
     text?: string | undefined;
+    textId?: string | undefined;
     additionalInfo?: string | undefined;
     links?: import("@gravity-ui/page-constructor").LinkProps[] | undefined;
     buttons?: import("@gravity-ui/page-constructor").ButtonProps[] | undefined;

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

@@ -13,7 +13,7 @@ import { RouterContext } from '../../contexts/RouterContext';
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
-import metrika from '../../counters/metrika.js';
+import metrika from '../../counters/metrika';
 import { MetrikaCounter } from '../../counters/utils';
 import { DefaultEventNames } from '../../models/common';
 import { getFeedQueryParams, scrollOnPageChange } from '../../utils/common';

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

@@ -7,7 +7,7 @@ import { LocaleContext } from '../../contexts/LocaleContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { PaddingsDirections } from '../../models/paddings';
 import { block } from '../../utils/cn';
-import { getBreadcrumbs } from '../../utils/common';
+import { getBreadcrumbs, getQaAttributes } from '../../utils/common';
 import './Meta.css';
 const b = block('meta');
 /**
@@ -24,20 +24,21 @@ const breadcrumbsGoals = [
     },
 ];
 export const Meta = (props) => {
-    const { paddingTop = 'l', paddingBottom = 'l', theme = 'light' } = props;
+    const { paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa } = props;
     const { post } = useContext(PostPageContext);
     const { locale } = useContext(LocaleContext);
+    const qaAttributes = getQaAttributes(qa, 'post-info');
     const { title, id, date, readingTime, tags } = post;
     const breadcrumbs = getBreadcrumbs({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
     breadcrumbs.metrikaGoals = breadcrumbsGoals;
     return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: "blog-meta-content" },
+        }, qa: qaAttributes.wrapper },
         breadcrumbs && (React.createElement(HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme, metrikaGoals: breadcrumbs.metrikaGoals })),
         title && (React.createElement(YFMWrapper, { content: title, modifiers: {
                 blogBreadcrumbs: true,
                 resetPaddings: true,
             } })),
-        post && (React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, qa: "blog-meta-block" }))));
+        post && (React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, qa: qaAttributes.postInfo }))));
 };

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

@@ -33,5 +33,5 @@ export const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
         } },
-        React.createElement(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18(Keyset.TitleSuggest) } }, suggestedPosts.map((post) => (React.createElement(PostCard, { key: post.id, metrikaGoals: metrikaGoals, post: post }))))));
+        React.createElement(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18(Keyset.TitleSuggest) }, lazyLoad: false }, suggestedPosts.map((post) => (React.createElement(PostCard, { key: post.id, metrikaGoals: metrikaGoals, post: post }))))));
 };

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

@@ -6,7 +6,7 @@ import { Button, Icon, Select } from '@gravity-ui/uikit';
  */
 import { BlogMetrikaGoalIds } from '../../../../constants';
 import { LikesContext } from '../../../../contexts/LikesContext';
-import metrika from '../../../../counters/metrika.js';
+import metrika from '../../../../counters/metrika';
 import { MetrikaCounter } from '../../../../counters/utils';
 import { Keyset, i18 } from '../../../../i18n';
 import { Save } from '../../../../icons/Save';

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

@@ -5,7 +5,7 @@ import { BlogMetrikaGoalIds } from '../../constants';
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
-import metrika from '../../counters/metrika.js';
+import metrika from '../../counters/metrika';
 import { MetrikaCounter } from '../../counters/utils';
 import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils/cn';

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

@@ -5,6 +5,7 @@ import { Date } from './components/Date';
 import { ReadingTime } from './components/ReadingTime';
 import { Save } from './components/Save';
 import { Sharing } from './components/Sharing';
+import { getQaAttributes } from '../../utils/common';
 import './PostInfo.css';
 const b = block('post-info');
 /**
@@ -21,9 +22,10 @@ const b = block('post-info');
  */
 export const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, qa, }) => {
     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 }),
-        readingTime && React.createElement(ReadingTime, { readingTime: readingTime }),
+        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: qa }))));
+        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 }))));
 };

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { PostCardSize } from '../../../models/common';
+import { PostCardSize, QAProps } from '../../../models/common';
 import '../PostInfo.css';
-type DateProps = {
+type DateProps = QAProps & {
     date: string | number;
     size?: PostCardSize;
     id?: string;
 };
-export declare const Date: ({ date, size, id }: DateProps) => React.JSX.Element;
+export declare const Date: ({ date, size, id, qa }: DateProps) => React.JSX.Element;
 export {};

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

@@ -5,7 +5,7 @@ import { block } from '../../../utils/cn';
 import { format } from '../../../utils/date';
 import '../PostInfo.css';
 const b = block('post-info');
-export const Date = ({ date, size = PostCardSize.SMALL, id }) => {
+export const Date = ({ date, size = PostCardSize.SMALL, id, qa }) => {
     const { locale } = useContext(LocaleContext);
-    return (React.createElement("div", { className: b('item', { size }), id: id }, format(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code)));
+    return (React.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa }, format(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code)));
 };

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

@@ -1,9 +1,10 @@
 import React from 'react';
+import { QAProps } from '../../../models/common';
 import '../PostInfo.css';
-type ReadingTimeProps = {
+type ReadingTimeProps = QAProps & {
     readingTime: number;
     size?: 's' | 'm';
     id?: string;
 };
-export declare const ReadingTime: ({ readingTime, size, id }: ReadingTimeProps) => React.JSX.Element;
+export declare const ReadingTime: ({ readingTime, size, id, qa }: ReadingTimeProps) => React.JSX.Element;
 export {};

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

@@ -6,7 +6,7 @@ import { block } from '../../../utils/cn';
 import '../PostInfo.css';
 const b = block('post-info');
 const ICON_SIZE = 16;
-export const ReadingTime = ({ readingTime, size = 's', id }) => (React.createElement("div", { className: b('item', { size }), id: id },
+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 })));

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

@@ -2,7 +2,7 @@ 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.js';
+import metrika from '../../../counters/metrika';
 import { MetrikaCounter } from '../../../counters/utils';
 import { Save as SaveIcon } from '../../../icons/Save';
 import { SaveFilled } from '../../../icons/SaveFilled';
@@ -45,7 +45,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
             handleUserLike();
             metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
             handleAnalytics();
-        }, "data-qa": `${qa ? qa + '-' : ''}save` },
+        }, "data-qa": qa },
         React.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             React.createElement("span", { className: b('icon') },
                 React.createElement(Icon, { data: hasUserLike ? SaveFilled : SaveIcon, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) })),

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

@@ -4,7 +4,7 @@ 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.js';
+import metrika from '../../../counters/metrika';
 import { MetrikaCounter } from '../../../counters/utils';
 import { Keyset, i18 } from '../../../i18n';
 import { ShareArrowUp } from '../../../icons/ShareArrowUp';

package/build/esm/contexts/PostPageContext.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
 import { PostData } from '../models/common';
+export type LikesRoutineType = {
+    handleUserLike: () => void;
+    hasUserLike: boolean;
+    likesCount: number;
+};
 export interface PostPageContextProps {
     post: PostData;
     suggestedPosts: PostData[];
-    likes?: {
-        handleUserLike: () => void;
-        hasUserLike: boolean;
-        likesCount: number;
-    };
+    likes?: LikesRoutineType;
     shareOptions?: ShareOptions[];
 }
 export declare const PostPageContext: React.Context<PostPageContextProps>;

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

@@ -1,62 +1,58 @@
-export function initCounters(configs: any): void;
-declare namespace _default {
-    export { hit };
-    export { params };
-    export { reachGoal };
-    export { reachGoals };
-    export { Goal };
-    export { getServicePrefix };
-    export { getMarketPlacePrefix };
-    export { goalGoToConsole };
-    export { goalGoToForm };
-    export { goalGoToDocs };
-    export { goalFormSubmit };
-    export { goalEventFormSubmit };
-    export { goalEventVideoAction };
-    export { goalCaseFormSubmit };
-    export { goalSwitchLang };
-}
-export default _default;
+export declare function initCounters(configs: Record<string, string>[]): void;
 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;
-    SUPPORT_STEP_2_SUBMIT: string;
-    SUPPORT_STEP_3_SUBMIT: string;
-    SUPPORT_THANKYOU_SUBMIT: string;
-    MP_OPEN_FORM: string;
-    EDIT_ON_GITHUB: string;
-    MAIN_GO_TO_VAR: string;
-    MAIN_GO_TO_ISV: string;
-    MAIN_ALL_PARTNERS: string;
-    FIND_GO_TO_VAR: string;
-    ISV_GO_TO_MP: string;
-    FOOTER_SUBSCRIBE: string;
-    FOOTER_MNG_SUBSCRIPTIONS: string;
-    MOBILE_STORE_IOS: string;
-    MOBILE_STORE_ANDROID: string;
-    REGION_POPUP_SHOW: string;
-    REGION_POPUP_YES: string;
-    REGION_POPUP_NO: string;
-    REGION_POPUP_CLOSE: string;
-    SCALE_REGISTRATION: string;
-    DLGOTOPRODUCT_MPSITE: string;
-    MPK8S_CLCK: string;
-    'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+declare function params(...args: Record<string, any>[]): void;
+declare function reachGoal(counterName: string, ...args: any[]): void;
+declare function reachGoals(goals: string | object, counterName?: string): void;
+declare function getServicePrefix(id: string): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
+declare function getMarketPlacePrefix(id: string): string;
+declare function goalGoToConsole(prefix: string): string;
+declare function goalGoToForm(prefix: string): string;
+declare function goalGoToDocs(prefix: string): string;
+declare function goalFormSubmit(prefix: string): string;
+declare function goalEventFormSubmit(id: string): string;
+declare function goalEventVideoAction(id: string, action: string): string;
+declare function goalCaseFormSubmit(id: string): string;
+declare function goalSwitchLang(place: string): string;
+declare const _default: {
+    hit: typeof hit;
+    params: typeof params;
+    reachGoal: typeof reachGoal;
+    reachGoals: typeof reachGoals;
+    Goal: {
+        SUPPORT_OPEN_FORM: string;
+        SUPPORT_STEP_1_SUBMIT: string;
+        SUPPORT_STEP_2_SUBMIT: string;
+        SUPPORT_STEP_3_SUBMIT: string;
+        SUPPORT_THANKYOU_SUBMIT: string;
+        MP_OPEN_FORM: string;
+        EDIT_ON_GITHUB: string;
+        MAIN_GO_TO_VAR: string;
+        MAIN_GO_TO_ISV: string;
+        MAIN_ALL_PARTNERS: string;
+        FIND_GO_TO_VAR: string;
+        ISV_GO_TO_MP: string;
+        FOOTER_SUBSCRIBE: string;
+        FOOTER_MNG_SUBSCRIPTIONS: string;
+        MOBILE_STORE_IOS: string;
+        MOBILE_STORE_ANDROID: string;
+        REGION_POPUP_SHOW: string;
+        REGION_POPUP_YES: string;
+        REGION_POPUP_NO: string;
+        REGION_POPUP_CLOSE: string;
+        SCALE_REGISTRATION: string;
+        DLGOTOPRODUCT_MPSITE: string;
+        MPK8S_CLCK: string;
+        'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+    };
+    getServicePrefix: typeof getServicePrefix;
+    getMarketPlacePrefix: typeof getMarketPlacePrefix;
+    goalGoToConsole: typeof goalGoToConsole;
+    goalGoToForm: typeof goalGoToForm;
+    goalGoToDocs: typeof goalGoToDocs;
+    goalFormSubmit: typeof goalFormSubmit;
+    goalEventFormSubmit: typeof goalEventFormSubmit;
+    goalEventVideoAction: typeof goalEventVideoAction;
+    goalCaseFormSubmit: typeof goalCaseFormSubmit;
+    goalSwitchLang: typeof goalSwitchLang;
 };
-declare function getServicePrefix(id: any): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
-declare function getMarketPlacePrefix(id: any): string;
-declare function goalGoToConsole(prefix: any): any;
-declare function goalGoToForm(prefix: any): any;
-declare function goalGoToDocs(prefix: any): any;
-declare function goalFormSubmit(prefix: any): any;
-declare function goalEventFormSubmit(id: any): string;
-declare function goalEventVideoAction(id: any, action: any): string;
-declare function goalCaseFormSubmit(id: any): string;
-declare function goalSwitchLang(place: any): string;
+export default _default;

package/build/esm/counters/metrika.js

@@ -31,6 +31,7 @@ const HIT_COUNTERS = ['main', 'cross-site', 'scale'];
 const counterIds = {};
 function getCounter(name) {
     const counterId = counterIds[name];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return window['yaCounter' + counterId];
 }
 export function initCounters(configs) {
@@ -38,6 +39,7 @@ export function initCounters(configs) {
         counterIds[config.name] = config.id;
     });
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function hit(...args) {
     HIT_COUNTERS.forEach((counterName) => {
         const counter = getCounter(counterName);
@@ -47,6 +49,7 @@ function hit(...args) {
         counter.hit(...args);
     });
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function params(...args) {
     const counter = getCounter('main');
     if (!counter) {
@@ -54,6 +57,7 @@ function params(...args) {
     }
     counter.params(...args);
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function reachGoal(counterName, ...args) {
     const counter = getCounter(counterName);
     if (!counter) {

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

@@ -30,7 +30,7 @@ export type LayoutProps = {
 export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
-export type MetaProps = {
+export type MetaProps = QAProps & {
     locale: string;
     theme?: TextTheme;
 } & PaddingsYFMProps;

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

@@ -24,7 +24,9 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
     } | Partial<Record<import("@gravity-ui/page-constructor").GridColumnSize, number>>;
     theme: import("@gravity-ui/page-constructor").ContentTheme;
     title?: string | import("@gravity-ui/page-constructor").TitleItemBaseProps | undefined;
+    titleId?: string | undefined;
     text?: string | undefined;
+    textId?: string | undefined;
     additionalInfo?: string | undefined;
     links?: import("@gravity-ui/page-constructor").LinkProps[] | undefined;
     buttons?: import("@gravity-ui/page-constructor").ButtonProps[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.9.0",
+  "version": "5.11.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -64,16 +64,8 @@
     "@gravity-ui/i18n": "^1.1.0",
     "lodash": "^4.17.21",
     "react-helmet": "^6.1.0",
-    "react-player": "^2.9.0",
-    "react-slick": "^0.29.0",
-    "react-transition-group": "^4.4.2",
-    "react-waypoint": "^10.1.0",
-    "sanitize-html": "^2.6.1",
-    "snakecase-keys": "^5.1.0",
-    "typograf": "^6.14.0",
     "ua-parser-js": "^0.7.28",
     "url": "^0.11.0",
-    "url-join": "^5.0.0",
     "utility-types": "^3.10.0"
   },
   "peerDependencies": {
@@ -89,11 +81,11 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.11.0",
     "@gravity-ui/eslint-config": "^3.1.1",
-    "@gravity-ui/page-constructor": "^4.31.1",
+    "@gravity-ui/page-constructor": "^4.37.2",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.18.1",
+    "@gravity-ui/uikit": "^5.20.0",
     "@jest/environment": "^29.7.0",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/cli": "^7.0.27",
@@ -109,9 +101,6 @@
     "@types/lodash": "^4.14.176",
     "@types/react": "^18.0.26",
     "@types/react-helmet": "^6.1.5",
-    "@types/react-slick": "^0.23.7",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/sanitize-html": "^2.6.0",
     "@types/ua-parser-js": "^0.7.36",
     "eslint": "^8.34.0",
     "eslint-plugin-no-not-accumulator-reassign": "^0.1.0",

package/server/models/blocks.d.ts

@@ -30,7 +30,7 @@ export type LayoutProps = {
 export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
-export type MetaProps = {
+export type MetaProps = QAProps & {
     locale: string;
     theme?: TextTheme;
 } & PaddingsYFMProps;