@gravity-ui/blog-constructor 7.0.0-alpha.2 → 7.0.0-beta.2

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

@@ -1,27 +1,29 @@
-import React, { useCallback, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { LocaleContext } from '../../../contexts/LocaleContext';
-import { SettingsContext } from '../../../contexts/SettingsContext';
-import { block } from '../../../utils/cn';
-import { getBlogPath as getDefaultBlogPath } from '../../../utils/common';
+import { LocaleContext } from "../../../contexts/LocaleContext.js";
+import { SettingsContext } from "../../../contexts/SettingsContext.js";
+import { block } from "../../../utils/cn.js";
+import { getBlogPath as getDefaultBlogPath } from "../../../utils/common.js";
 import '../Paginator.css';
 const b = block('paginator');
 export const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
-    const { locale } = useContext(LocaleContext);
-    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const { locale } = React.useContext(LocaleContext);
+    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navigationLink = useMemo(() => {
+    const navigationLink = React.useMemo(() => {
         const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
             .map(([param, value]) => `${param}=${value}`)
             .join('&');
         return queryString ? `${urlPath}?${queryString}` : urlPath;
     }, [queryParams, index, urlPath]);
-    const handleClick = useCallback((event) => {
+    const handleClick = React.useCallback((event) => {
         if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
     }, [addNavigationLinkForPages, itemKey, onClick]);
-    return (React.createElement(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active) }, content));
-};
+    return (_jsx(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active), children: content }));
+};
+//# sourceMappingURL=PaginatorItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatorItem.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/PaginatorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,iCAA8B;AAGxE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,GAAG,KAAK,EACf,KAAK,GACY,EAAE,EAAE;IACrB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,yBAAyB,EAAE,WAAW,GAAG,kBAAkB,EAAC,GAC/D,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC;IAC/E,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,iCAC3B,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACvC,WAAW,EAChB;aACG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;aAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,yBAAyB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAChE,OAAO;QACX,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,yBAAyB,EAAE,OAAO,EAAE,OAAO,CAAC,CAChD,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAEvC,OAAO,GACH,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../../contexts/LocaleContext';\nimport {SettingsContext} from '../../../contexts/SettingsContext';\nimport {block} from '../../../utils/cn';\nimport {getBlogPath as getDefaultBlogPath} from '../../../utils/common';\nimport {ArrowType, PaginatorItemProps} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport const PaginatorItem = ({\n    dataKey,\n    mods,\n    content,\n    queryParams,\n    onClick,\n    loading = false,\n    index,\n}: PaginatorItemProps) => {\n    const {locale} = React.useContext(LocaleContext);\n    const {addNavigationLinkForPages, getBlogPath = getDefaultBlogPath} =\n        React.useContext(SettingsContext);\n    const urlPath = getBlogPath(locale?.pathPrefix || '');\n\n    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : (dataKey as ArrowType);\n    const navigationLink = React.useMemo(() => {\n        const queryString = Object.entries({\n            ...(index > 1 ? {page: index} : undefined),\n            ...queryParams,\n        })\n            .map(([param, value]) => `${param}=${value}`)\n            .join('&');\n        return queryString ? `${urlPath}?${queryString}` : urlPath;\n    }, [queryParams, index, urlPath]);\n\n    const handleClick = React.useCallback<\n        (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void\n    >(\n        (event) => {\n            if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {\n                return;\n            }\n\n            onClick?.(itemKey);\n        },\n        [addNavigationLinkForPages, itemKey, onClick],\n    );\n\n    return (\n        <Button\n            view=\"flat\"\n            size=\"xl\"\n            className={b('item', mods)}\n            onClick={handleClick}\n            href={addNavigationLinkForPages ? navigationLink : undefined}\n            loading={loading && Boolean(mods.active)}\n        >\n            {content}\n        </Button>\n    );\n};\n"]}

package/build/esm/components/Paginator/types.d.ts

@@ -1,11 +1,11 @@
-import type { ReactNode } from 'react';
+import * as React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps, Query } from '../../models/common';
+import type { ClassNameProps, Query } from "../../models/common.js";
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
-    content: ReactNode;
+    content: React.ReactNode;
     queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;

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

@@ -2,4 +2,5 @@ export var ArrowType;
 (function (ArrowType) {
     ArrowType["Prev"] = "prev";
     ArrowType["Next"] = "next";
-})(ArrowType || (ArrowType = {}));
+})(ArrowType || (ArrowType = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/Paginator/types.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,0BAAa,CAAA;IACb,0BAAa,CAAA;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB","sourcesContent":["import * as React from 'react';\n\nimport type {NoStrictEntityMods} from '@bem-react/classname';\n\nimport type {ClassNameProps, Query} from '../../models/common';\n\nexport interface PaginatorItemProps {\n    key: string | ArrowType;\n    dataKey: string | ArrowType;\n    mods: NoStrictEntityMods;\n    content: React.ReactNode;\n    queryParams: Query;\n    onClick?: (key: number | ArrowType) => void;\n    loading?: boolean;\n    index: number;\n}\n\nexport type PaginatorProps = {\n    page: number;\n    totalItems: number;\n    itemsPerPage: number;\n    maxPages: number;\n    onPageChange: (page: number) => void;\n    pageCountForShowSupportButtons?: number;\n    queryParams: Query;\n} & ClassNameProps;\n\nexport enum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nexport type GetPageConfigParams = {\n    page: number;\n    pagesCount: number;\n    queryParams: Query;\n    handlePageClick: (key: number | ArrowType) => void;\n};\n"]}

package/build/esm/components/Paginator/utils.d.ts

@@ -1,3 +1,3 @@
-import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from "./types.js";
 export declare const getPageConfigs: ({ page, queryParams, pagesCount, handlePageClick, }: GetPageConfigParams) => PaginatorItemProps[];
-export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;
+export declare const getPagesCount: (props: Pick<PaginatorProps, "totalItems" | "itemsPerPage" | "maxPages">) => number;

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

@@ -26,4 +26,5 @@ export const getPageConfigs = ({ page, queryParams, pagesCount, handlePageClick,
 export const getPagesCount = (props) => {
     const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
     return Math.min(totalPages, props.maxPages);
-};
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Paginator/utils.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,UAAU,EACV,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,cAAc,GAA8B,EAAE,CAAC;IACrD,sDAAsD;IACtD,MAAM,UAAU,GAAG,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,IAAI,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IAClC,IAAI,OAAO,GAAG,IAAI,GAAG,UAAU,CAAC;IAEhC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,GAAG,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;QAC5C,SAAS,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAExC,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,cAAc,CAAC,IAAI,CAAC;YAChB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;YACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;YAClB,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,KAAK,CAAC,EAAC;YACxC,WAAW;YACX,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,CAAC;SACb,CAAC,CAAC;IACP,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,KAAuE,EACzE,EAAE;IACA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAEpE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import {GetPageConfigParams, PaginatorItemProps, PaginatorProps} from './types';\n\nconst MAX_VISIBLE_PAGES = 5;\n\nexport const getPageConfigs = ({\n    page,\n    queryParams,\n    pagesCount,\n    handlePageClick,\n}: GetPageConfigParams) => {\n    const paginatorItems: Array<PaginatorItemProps> = [];\n    // it is calculating the middle of visible pages below\n    const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;\n    let startPage = page - pageOffset;\n    let endPage = page + pageOffset;\n\n    if (startPage < 1) {\n        endPage = page + pageOffset - startPage + 1;\n        startPage = 1;\n    }\n\n    endPage = Math.min(endPage, pagesCount);\n\n    for (let i = startPage; i <= endPage; i++) {\n        paginatorItems.push({\n            key: String(i),\n            dataKey: String(i),\n            index: i,\n            mods: {type: 'page', active: page === i},\n            queryParams,\n            onClick: handlePageClick,\n            content: i,\n        });\n    }\n\n    return paginatorItems;\n};\n\nexport const getPagesCount = (\n    props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>,\n) => {\n    const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);\n\n    return Math.min(totalPages, props.maxPages);\n};\n"]}

package/build/esm/components/PostCard/PostCard.css

@@ -1,4 +1,4 @@
-.bc-post-card__title_size_m.bc-post-card__title_size_m, .bc-post-card__title_size_s.bc-post-card__title_size_s {
+.bc-post-card__title_size_m, .bc-post-card__title_size_s {
   margin: 0;
 }
 
@@ -27,28 +27,27 @@ unpredictable css rules order in build */
     min-height: 480px;
   }
 }
-.bc-post-card__title_size_s.bc-post-card__title_size_s {
+.bc-post-card__title {
+  margin-bottom: 8px;
+}
+.bc-post-card__title_size_s {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  margin-bottom: 8px;
 }
-
-.bc-post-card__title_size_m.bc-post-card__title_size_m {
+.bc-post-card__title_size_m {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  margin-bottom: 8px;
 }
 @media (max-width: 576px) {
-  .bc-post-card__title_size_m.bc-post-card__title_size_m {
+  .bc-post-card__title_size_m {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
-
 .bc-post-card__image-container {
   height: 156px;
 }

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { PostCardSize, PostCardTitleHeadingLevel, PostData } from '../../models/common';
+import { PostCardSize, PostCardTitleHeadingLevel, PostData } from "../../models/common.js";
 import './PostCard.css';
 type PostCardProps = {
     post: PostData;
@@ -10,5 +9,5 @@ type PostCardProps = {
     titleHeadingLevel?: PostCardTitleHeadingLevel;
     analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => React.JSX.Element;
+export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,19 +1,20 @@
-import React, { useContext, useMemo } from 'react';
-import { CardBase, YFMWrapper } from '@gravity-ui/page-constructor';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CardBase, HTML, YFMWrapper } from '@gravity-ui/page-constructor';
 import { useUniqId } from '@gravity-ui/uikit';
-import { LikesContext } from '../../contexts/LikesContext';
-import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
-import { block } from '../../utils/cn';
-import { SuggestPostInfo } from '../PostInfo/SuggestPostInfo';
-import { useAriaAttributes } from '../../hooks/useAriaAttributes';
+import { LikesContext } from "../../contexts/LikesContext.js";
+import { PostCardSize, PostCardTitleHeadingLevel } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { SuggestPostInfo } from "../PostInfo/SuggestPostInfo.js";
+import { useAriaAttributes } from "../../hooks/useAriaAttributes.js";
 import './PostCard.css';
 const b = block('post-card');
 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;
-    const { toggleLike, hasLikes } = useContext(LikesContext);
-    const likesProps = useMemo(() => hasLikes
+    const { toggleLike, hasLikes } = React.useContext(LikesContext);
+    const likesProps = React.useMemo(() => hasLikes
         ? {
             hasUserLike,
             likesCount: likes,
@@ -34,19 +35,10 @@ export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, s
             readingTime && readingTimeId,
         ],
     });
-    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,
-            isTagVisible && (React.createElement("div", { id: tagId, className: b('tag', { size }) }, tags[0].name)),
-            title && (React.createElement(YFMWrapper, { contentClassName: b('title', { size }), content: title, modifiers: {
-                    blog: true,
-                    blogCard: true,
-                }, id: titleId, tagName: titleHeadingLevel })),
-            description && (React.createElement(YFMWrapper, { contentClassName: b('description'), content: description, modifiers: {
-                    blog: size === 'm',
-                    blogCard: true,
-                }, id: descriptionId }))),
-        React.createElement(CardBase.Footer, null,
-            React.createElement(SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }))));
-};
+    return (_jsxs(CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes, children: [_jsx(CardBase.Header, { image: image, className: b('header', { fullWidth }), children: _jsx("div", { className: b('image-container'), "data-qa": "blog-suggest-header" }) }), _jsxs(CardBase.Content, { children: [isTagVisible && (_jsx("div", { id: tagId, className: b('tag', { size }), children: tags[0].name })), title &&
+                        React.createElement(titleHeadingLevel, { className: b('title', { size }) }, _jsx("span", { children: _jsx(HTML, { id: titleId, children: title }) })), description && (_jsx(YFMWrapper, { className: b('description'), content: description, modifiers: {
+                            blog: size === 'm',
+                            blogCard: true,
+                        }, id: descriptionId }))] }), _jsx(CardBase.Footer, { children: _jsx(SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }) })] }));
+};
+//# sourceMappingURL=PostCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.js","sourceRoot":"../../../../src","sources":["components/PostCard/PostCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnalyticsEventsProp, CardBase, HTML, YFMWrapper} from '@gravity-ui/page-constructor';\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {PostCardSize, PostCardTitleHeadingLevel, PostData} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {SuggestPostInfo} from '../PostInfo/SuggestPostInfo';\nimport {useAriaAttributes} from '../../hooks/useAriaAttributes';\n\nimport './PostCard.scss';\n\ntype PostCardProps = {\n    post: PostData;\n    fullWidth?: boolean;\n    showTag?: boolean;\n    size?: PostCardSize;\n    titleHeadingLevel?: PostCardTitleHeadingLevel;\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nconst b = block('post-card');\n\nexport const PostCard = ({\n    post,\n    fullWidth = false,\n    size = PostCardSize.SMALL,\n    showTag = false,\n    titleHeadingLevel = PostCardTitleHeadingLevel.H3,\n    analyticsEvents,\n}: PostCardProps) => {\n    const {\n        title: postTitle,\n        htmlTitle,\n        textTitle,\n        blogPostId,\n        id,\n        date,\n        readingTime,\n        hasUserLike,\n        likes,\n        image,\n        description,\n        tags,\n        url,\n    } = post;\n\n    const title = postTitle || textTitle || htmlTitle;\n\n    const {toggleLike, hasLikes} = React.useContext(LikesContext);\n\n    const likesProps = React.useMemo(\n        () =>\n            hasLikes\n                ? {\n                      hasUserLike,\n                      likesCount: likes,\n                      toggleLike,\n                  }\n                : undefined,\n        [hasUserLike, likes, toggleLike, hasLikes],\n    );\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const dateId = useUniqId();\n    const tagId = useUniqId();\n    const readingTimeId = useUniqId();\n    const isTagVisible = showTag && tags?.[0]?.name;\n    const ariaAttributes = useAriaAttributes({\n        labelIds: [isTagVisible && tagId, title && titleId],\n        descriptionIds: [\n            description && descriptionId,\n            date && dateId,\n            readingTime && readingTimeId,\n        ],\n    });\n\n    return (\n        <CardBase\n            url={url}\n            analyticsEvents={analyticsEvents}\n            className={b('card', {fullWidth})}\n            extraProps={ariaAttributes}\n        >\n            <CardBase.Header image={image} className={b('header', {fullWidth})}>\n                <div className={b('image-container')} data-qa=\"blog-suggest-header\" />\n            </CardBase.Header>\n            <CardBase.Content>\n                {isTagVisible && (\n                    <div id={tagId} className={b('tag', {size})}>\n                        {tags[0].name}\n                    </div>\n                )}\n                {title &&\n                    React.createElement(\n                        titleHeadingLevel,\n                        {className: b('title', {size})},\n                        <span>\n                            <HTML id={titleId}>{title}</HTML>\n                        </span>,\n                    )}\n                {description && (\n                    <YFMWrapper\n                        className={b('description')}\n                        content={description}\n                        modifiers={{\n                            blog: size === 'm',\n                            blogCard: true,\n                        }}\n                        id={descriptionId}\n                    />\n                )}\n            </CardBase.Content>\n            <CardBase.Footer>\n                <SuggestPostInfo\n                    postId={blogPostId || id}\n                    date={date}\n                    readingTime={readingTime}\n                    hasUserLike={hasUserLike}\n                    likes={likesProps}\n                    size={size}\n                    qa=\"blog-suggest-block\"\n                    dateId={dateId}\n                    readingTimeId={readingTimeId}\n                />\n            </CardBase.Footer>\n        </CardBase>\n    );\n};\n"]}

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { PostData, QAProps } from '../../models/common';
+import { PostData, QAProps } from "../../models/common.js";
 import './PostInfo.css';
 type PostInfoProps = QAProps & {
     postId: PostData['id'];
@@ -21,5 +20,5 @@ type PostInfoProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => React.JSX.Element;
+export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,12 @@
-import React, { useContext } from 'react';
-import { PostPageContext } from '../../contexts/PostPageContext';
-import { block } from '../../utils/cn';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { PostPageContext } from "../../contexts/PostPageContext.js";
+import { block } from "../../utils/cn.js";
+import { Date } from "./components/Date.js";
+import { ReadingTime } from "./components/ReadingTime.js";
+import { Save } from "./components/Save.js";
+import { Sharing } from "./components/Sharing.js";
+import { getQaAttributes } from "../../utils/common.js";
 import './PostInfo.css';
 const b = block('post-info');
 /**
@@ -21,11 +22,8 @@ const b = block('post-info');
  * @returns jsx
  */
 export const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
-    const { likes } = useContext(PostPageContext);
+    const { likes } = React.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, { 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 }))));
-};
+    return (_jsxs("div", { className: b('container', { theme }), children: [date && _jsx(Date, { date: date, qa: qaAttributes.date }), readingTime && _jsx(ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }), _jsx(Sharing, { theme: theme, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.sharing }), likes && (_jsx(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 }))] }));
+};
+//# sourceMappingURL=PostInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/PostInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAE/D,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,6BAA0B;AACvC,OAAO,EAAC,WAAW,EAAC,oCAAiC;AACrD,OAAO,EAAC,IAAI,EAAC,6BAA0B;AACvC,OAAO,EAAC,OAAO,EAAC,gCAA6B;AAC7C,OAAO,EAAC,eAAe,EAAC,8BAA2B;AAEnD,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAU7B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,GAAG,OAAO,EACf,EAAE,EACF,wBAAwB,GACZ,EAAE,EAAE;IAChB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAEzE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,KAAK,EAAC,CAAC,aAClC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,GAAI,EACnD,WAAW,IAAI,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC,WAAW,GAAI,EACvF,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,OAAO,GAAI,EAC5E,KAAK,IAAI,CACN,KAAC,IAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,EAC/C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp} from '@gravity-ui/page-constructor';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {PostData, QAProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {Sharing} from './components/Sharing';\nimport {getQaAttributes} from '../../utils/common';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\ntype PostInfoProps = QAProps & {\n    postId: PostData['id'];\n    readingTime: PostData['readingTime'];\n    date: PostData['date'];\n    theme?: 'light' | 'dark';\n    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;\n};\n\n/**\n *  Blog post info panel component\n *\n * @param postId - post id\n * @param readingTime - post reading time\n * @param date - post create date\n * @param theme - theme name\n * @param qa - test-attr\n * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const PostInfo = ({\n    date,\n    readingTime,\n    postId,\n    theme = 'light',\n    qa,\n    analyticsEventsContainer,\n}: PostInfoProps) => {\n    const {likes} = React.useContext(PostPageContext);\n    const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');\n\n    return (\n        <div className={b('container', {theme})}>\n            {date && <Date date={date} qa={qaAttributes.date} />}\n            {readingTime && <ReadingTime readingTime={readingTime} qa={qaAttributes.readingTime} />}\n            <Sharing theme={theme} analyticsEvents={analyticsEventsContainer?.sharing} />\n            {likes && (\n                <Save\n                    postId={postId}\n                    title={likes.likesCount}\n                    hasUserLike={likes.hasUserLike}\n                    handleUserLike={likes.handleUserLike}\n                    analyticsEvents={analyticsEventsContainer?.save}\n                    theme={theme}\n                    qa={qaAttributes.save}\n                />\n            )}\n        </div>\n    );\n};\n"]}

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { PostCardSize, PostData, QAProps, ToggleLikeCallbackType } from '../../models/common';
+import { PostCardSize, PostData, QAProps, ToggleLikeCallbackType } from "../../models/common.js";
 import './PostInfo.css';
 export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>, QAProps {
     postId: PostData['blogPostId'];
@@ -28,4 +27,4 @@ export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTi
  *
  * @returns jsx
  */
-export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, dateId, readingTimeId, }: SuggestPostInfoProps) => React.JSX.Element;
+export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, dateId, readingTimeId, }: SuggestPostInfoProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { useLikes } from '../../hooks/useLikes';
-import { PostCardSize } from '../../models/common';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLikes } from "../../hooks/useLikes.js";
+import { PostCardSize } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { Date } from "./components/Date.js";
+import { ReadingTime } from "./components/ReadingTime.js";
+import { Save } from "./components/Save.js";
+import { prepareAnalyticsEvent } from "../../utils/common.js";
+import { DefaultGoalIds } from "../../constants.js";
 import './PostInfo.css';
 const b = block('post-info');
 const saveEvents = prepareAnalyticsEvent({ name: DefaultGoalIds.saveSuggest });
@@ -33,9 +33,6 @@ export const SuggestPostInfo = ({ postId, date, readingTime, likes, size = PostC
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: postId,
     });
-    return (React.createElement("div", { className: b('container') },
-        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, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
-};
+    return (_jsxs("div", { className: b('container'), children: [_jsxs("div", { className: b('suggest-container'), children: [date && _jsx(Date, { date: date, size: size, id: dateId }), readingTime && (_jsx(ReadingTime, { readingTime: readingTime, size: size, id: readingTimeId }))] }), likes && postId && (_jsx(Save, { postId: postId, title: likesCount, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))] }));
+};
+//# sourceMappingURL=SuggestPostInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestPostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/SuggestPostInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,YAAY,EAA4C,+BAA4B;AAC5F,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,6BAA0B;AACvC,OAAO,EAAC,WAAW,EAAC,oCAAiC;AACrD,OAAO,EAAC,IAAI,EAAC,6BAA0B;AACvC,OAAO,EAAC,qBAAqB,EAAC,8BAA2B;AACzD,OAAO,EAAC,cAAc,EAAC,2BAAwB;AAE/C,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,UAAU,GAAG,qBAAqB,CAAC,EAAC,IAAI,EAAE,cAAc,CAAC,WAAW,EAAC,CAAC,CAAC;AAgB7E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,GAAG,YAAY,CAAC,KAAK,EACzB,EAAE,EACF,MAAM,EACN,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,QAAQ,CAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;IAEH,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,eAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,aACjC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAI,EACpD,WAAW,IAAI,CACZ,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,GAAI,CAC3E,IACC,EACL,KAAK,IAAI,MAAM,IAAI,CAChB,KAAC,IAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,GACR,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useLikes} from '../../hooks/useLikes';\nimport {PostCardSize, PostData, QAProps, ToggleLikeCallbackType} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\nconst saveEvents = prepareAnalyticsEvent({name: DefaultGoalIds.saveSuggest});\n\nexport interface SuggestPostInfoProps\n    extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>,\n        QAProps {\n    postId: PostData['blogPostId'];\n    size?: PostCardSize;\n    likes?: {\n        likesCount?: number;\n        hasUserLike?: boolean;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    dateId?: string;\n    readingTimeId?: string;\n}\n\n/**\n * Suggest blog card info component\n *\n * @param postId - post id\n * @param date - post create date\n * @param readingTime - post reading time\n * @param hasUserLike - flag that the user liked the post\n * @param likes - likes count\n * @param qa - test-attr\n * @param size - text size\n * @param isModernIcon - flag what we need render 'bookmark' icon\n * @param dateId - id value for element with post date. Useful when providing accessible description\n * @param readingTimeId - id value for element with reading time. Useful when providing accessible description\n *\n * @returns jsx\n */\nexport const SuggestPostInfo = ({\n    postId,\n    date,\n    readingTime,\n    likes,\n    size = PostCardSize.SMALL,\n    qa,\n    dateId,\n    readingTimeId,\n}: SuggestPostInfoProps) => {\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: postId,\n    });\n\n    return (\n        <div className={b('container')}>\n            <div className={b('suggest-container')}>\n                {date && <Date date={date} size={size} id={dateId} />}\n                {readingTime && (\n                    <ReadingTime readingTime={readingTime} size={size} id={readingTimeId} />\n                )}\n            </div>\n            {likes && postId && (\n                <Save\n                    postId={postId}\n                    title={likesCount}\n                    analyticsEvents={saveEvents}\n                    hasUserLike={hasUserLike}\n                    handleUserLike={handleLike}\n                    size={size}\n                    qa={qa}\n                />\n            )}\n        </div>\n    );\n};\n"]}

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

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

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

@@ -1,11 +1,13 @@
-import React, { useContext } from 'react';
-import { LocaleContext } from '../../../contexts/LocaleContext';
-import { PostCardSize } from '../../../models/common';
-import { block } from '../../../utils/cn';
-import { format } from '../../../utils/date';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LocaleContext } from "../../../contexts/LocaleContext.js";
+import { PostCardSize } from "../../../models/common.js";
+import { block } from "../../../utils/cn.js";
+import { format } from "../../../utils/date.js";
 import '../PostInfo.css';
 const b = block('post-info');
 export const Date = ({ date, size = PostCardSize.SMALL, id, qa }) => {
-    const { locale } = useContext(LocaleContext);
-    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)));
-};
+    const { locale } = React.useContext(LocaleContext);
+    return (_jsx("div", { className: b('item', { size }), id: id, "data-qa": qa, children: format(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code) }));
+};
+//# sourceMappingURL=Date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,YAAY,EAAU,kCAA+B;AAC7D,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,MAAM,EAAC,+BAA4B;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAQ7B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAY,EAAE,EAAE;IACzE,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,YACjD,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,GACrC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {LocaleContext} from '../../../contexts/LocaleContext';\nimport {PostCardSize, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {format} from '../../../utils/date';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype DateProps = QAProps & {\n    date: string | number;\n    size?: PostCardSize;\n    id?: string;\n};\n\nexport const Date = ({date, size = PostCardSize.SMALL, id, qa}: DateProps) => {\n    const {locale} = React.useContext(LocaleContext);\n\n    return (\n        <div className={b('item', {size})} id={id} data-qa={qa}>\n            {format(date, 'longDate', locale?.code)}\n        </div>\n    );\n};\n"]}

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

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

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

@@ -1,12 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@gravity-ui/uikit';
-import { Keyset, i18n } from '../../../i18n';
-import { Time } from '../../../icons/Time';
-import { block } from '../../../utils/cn';
+import { Keyset, i18n } from "../../../i18n/index.js";
+import { Time } from "../../../icons/Time.js";
+import { block } from "../../../utils/cn.js";
 import '../PostInfo.css';
 const b = block('post-info');
 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') })),
-    i18n(Keyset.ContextReadingTime, { count: readingTime })));
+export const ReadingTime = ({ readingTime, size = 's', id, qa }) => (_jsxs("div", { className: b('item', { size }), id: id, "data-qa": qa, children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: Time, size: ICON_SIZE, className: b('icon-color') }) }), i18n(Keyset.ContextReadingTime, { count: readingTime })] }));
+//# sourceMappingURL=ReadingTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,KAAK,EAAC,6BAA0B;AAGxC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQrB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC9D,EACN,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {Time} from '../../../icons/Time';\nimport {block} from '../../../utils/cn';\n\nimport {QAProps} from '../../../models/common';\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Time} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { QAProps } from '../../../models/common';
+import { QAProps } from "../../../models/common.js";
 import '../PostInfo.css';
 type SaveProps = QAProps & {
     title: string | number;
@@ -23,5 +22,5 @@ type SaveProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const Save: ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }: SaveProps) => React.JSX.Element;
+export declare const Save: ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }: SaveProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,14 +1,15 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
-import { LikesContext } from '../../../contexts/LikesContext';
-import { Save as SaveIcon } from '../../../icons/Save';
-import { SaveFilled } from '../../../icons/SaveFilled';
-import { DefaultEventNames } from '../../../models/common';
-import { block } from '../../../utils/cn';
-import { postLikeStatus } from '../../../utils/common';
+import { LikesContext } from "../../../contexts/LikesContext.js";
+import { Save as SaveIcon } from "../../../icons/Save.js";
+import { SaveFilled } from "../../../icons/SaveFilled.js";
+import { DefaultEventNames } from "../../../models/common.js";
+import { block } from "../../../utils/cn.js";
+import { postLikeStatus } from "../../../utils/common.js";
 import '../PostInfo.css';
-import { Keyset, i18n } from '../../../i18n';
+import { Keyset, i18n } from "../../../i18n/index.js";
 const ICON_SIZE = 16;
 const b = block('post-info');
 /**
@@ -24,12 +25,12 @@ const b = block('post-info');
  * @returns jsx
  */
 export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }) => {
-    const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
+    const { toggleLike, isSignedInUser, requireSignIn } = React.useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
     const titleElementId = useUniqId();
     const isNumericTitle = typeof title === 'number';
-    return (React.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
+    return (_jsx("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();
@@ -45,9 +46,6 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme,
             postLikeStatus(postId, Boolean(hasUserLike));
             handleUserLike();
             handleAnalytics(analyticsEvents);
-        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? i18n(Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined },
-        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) }) })),
-            React.createElement("span", { id: titleElementId, className: b('title', { cursor: isLikeable }) }, title))));
-};
+        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? i18n(Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined, children: _jsxs("div", { className: b('content', { cursor: isLikeable, theme }), children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: hasUserLike ? SaveFilled : SaveIcon, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) }) }), _jsx("span", { id: titleElementId, className: b('title', { cursor: isLikeable }), children: title })] }) }));
+};
+//# sourceMappingURL=Save.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {Save as SaveIcon} from '../../../icons/Save';\nimport {SaveFilled} from '../../../icons/SaveFilled';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\n\nimport '../PostInfo.scss';\nimport {Keyset, i18n} from '../../../i18n';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? SaveFilled : SaveIcon}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import '../PostInfo.css';
 type SharingProps = {
     theme?: 'light' | 'dark';
     analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => React.JSX.Element;
+export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => import("react/jsx-runtime").JSX.Element;
 export {};