@gravity-ui/blog-constructor 5.10.0 → 5.11.0

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/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

@@ -48,7 +48,7 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             handleUserLike();
             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/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/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/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/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

@@ -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/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/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.10.0",
+  "version": "5.11.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -81,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",

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;