@gravity-ui/blog-constructor 6.5.1-beta.0 → 6.6.1

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

@@ -1,31 +1,30 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { DefaultGoalIds } from "../../constants.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
-import { DefaultEventNames } from "../../models/common.js";
-import { block } from "../../utils/cn.js";
-import { NavigationButton } from "./components/NavigationButton.js";
-import { PaginatorItem } from "./components/PaginatorItem.js";
-import { ArrowType } from "./types.js";
-import { getPageConfigs, getPagesCount } from "./utils.js";
-import { prepareAnalyticsEvent } from "../../utils/common.js";
+import { DefaultGoalIds } from '../../constants';
+import { AnalyticsCounter } from '../../counters/utils';
+import { DefaultEventNames } from '../../models/common';
+import { block } from '../../utils/cn';
+import { NavigationButton } from './components/NavigationButton';
+import { PaginatorItem } from './components/PaginatorItem';
+import { ArrowType } from './types';
+import { getPageConfigs, getPagesCount } from './utils';
+import { prepareAnalyticsEvent } from '../../utils/common';
 import _ from 'lodash';
 import './Paginator.css';
 const b = block('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
-    const [pagesCount, setPagesCount] = React.useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
-    const nonPagedQuery = React.useMemo(() => {
+    const [pagesCount, setPagesCount] = useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = useMemo(() => {
         return _.omit(queryParams, ['page']);
     }, [queryParams]);
-    React.useEffect(() => {
+    useEffect(() => {
         const count = getPagesCount({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
-    const isShowSupportButtons = React.useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const isShowSupportButtons = useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
     const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);
     const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);
     const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);
@@ -78,7 +77,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
-            content: _jsx(NavigationButton, { arrowType: ArrowType.Prev }),
+            content: React.createElement(NavigationButton, { arrowType: ArrowType.Prev }),
         });
     }
     if (page < pagesCount && isShowSupportButtons) {
@@ -89,17 +88,22 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Next },
             index: page + 1,
             onClick: handleArrowClick,
-            content: _jsx(NavigationButton, { arrowType: ArrowType.Next }),
+            content: React.createElement(NavigationButton, { arrowType: ArrowType.Next }),
         });
     }
     const renderPaginatorItem = (item) => {
         const { key } = item, rest = __rest(item, ["key"]);
-        return _jsx(PaginatorItem, Object.assign({}, rest), `page_${key}`);
+        return React.createElement(PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
     };
-    return (_jsxs("div", { className: b('pagination'), children: [page > 1 && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems.slice(0, 1).map(renderPaginatorItem) }) })), _jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
-                        .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
-                        .map(renderPaginatorItem) }) }), page < pagesCount && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
-                        .slice(paginatorItems.length - 1, paginatorItems.length)
-                        .map(renderPaginatorItem) }) }))] }));
-};
-//# sourceMappingURL=Paginator.js.map
+    return (React.createElement("div", { className: b('pagination') },
+        page > 1 && (React.createElement("div", { className: b('pagination-block') },
+            React.createElement("ul", { className: b(null, className) }, paginatorItems.slice(0, 1).map(renderPaginatorItem)))),
+        React.createElement("div", { className: b('pagination-block') },
+            React.createElement("ul", { className: b(null, className) }, paginatorItems
+                .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
+                .map(renderPaginatorItem))),
+        page < pagesCount && (React.createElement("div", { className: b('pagination-block') },
+            React.createElement("ul", { className: b(null, className) }, paginatorItems
+                .slice(paginatorItems.length - 1, paginatorItems.length)
+                .map(renderPaginatorItem))))));
+};

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

@@ -1,7 +1,8 @@
-import { ArrowType } from "../types.js";
+import React from 'react';
+import { ArrowType } from '../types';
 import '../Paginator.css';
 export type NavigationButtonProps = {
     arrowType: ArrowType;
     disabled?: boolean;
 };
-export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => React.JSX.Element | null;

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

@@ -1,8 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Keyset, i18n } from "../../../i18n/index.js";
-import { block } from "../../../utils/cn.js";
-import { ArrowType } from "../types.js";
+import React from 'react';
+import { Keyset, i18n } from '../../../i18n';
+import { block } from '../../../utils/cn';
+import { ArrowType } from '../types';
 import '../Paginator.css';
 const b = block('paginator');
-export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (_jsx("div", { className: b('icon'), children: arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther) }));
-//# sourceMappingURL=NavigationButton.js.map
+export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (React.createElement("div", { className: b('icon') }, arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)));

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

@@ -1,3 +1,4 @@
-import { PaginatorItemProps } from "../types.js";
+import React from 'react';
+import { PaginatorItemProps } from '../types';
 import '../Paginator.css';
-export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from "./types.js";
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
 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,5 +26,4 @@ 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/PostCard/PostCard.d.ts

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

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

@@ -1,20 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useMemo } from 'react';
 import { CardBase, HTML, YFMWrapper } from '@gravity-ui/page-constructor';
 import { useUniqId } from '@gravity-ui/uikit';
-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 { 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 './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 } = React.useContext(LikesContext);
-    const likesProps = React.useMemo(() => hasLikes
+    const { toggleLike, hasLikes } = useContext(LikesContext);
+    const likesProps = useMemo(() => hasLikes
         ? {
             hasUserLike,
             likesCount: likes,
@@ -35,10 +34,18 @@ export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, s
             readingTime && 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
+    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(titleHeadingLevel, { className: b('title', { size }) }, React.createElement("span", null,
+                    React.createElement(HTML, { id: titleId }, title))),
+            description && (React.createElement(YFMWrapper, { className: 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 }))));
+};

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

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

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

@@ -1,12 +1,11 @@
-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 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 './PostInfo.css';
 const b = block('post-info');
 /**
@@ -22,8 +21,11 @@ const b = block('post-info');
  * @returns jsx
  */
 export const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
-    const { likes } = React.useContext(PostPageContext);
+    const { likes } = useContext(PostPageContext);
     const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', '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
+    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 }))));
+};

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

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

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

@@ -1,12 +1,12 @@
-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 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 './PostInfo.css';
 const b = block('post-info');
 const saveEvents = prepareAnalyticsEvent({ name: DefaultGoalIds.saveSuggest });
@@ -33,6 +33,9 @@ export const SuggestPostInfo = ({ postId, date, readingTime, likes, size = PostC
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: postId,
     });
-    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
+    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 }))));
+};

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

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

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

@@ -1,13 +1,11 @@
-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 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 '../PostInfo.css';
 const b = block('post-info');
 export const Date = ({ date, size = PostCardSize.SMALL, id, qa }) => {
-    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
+    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)));
+};

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

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

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

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { Keyset, i18n } from "../../../i18n/index.js";
-import { Time } from "../../../icons/Time.js";
-import { block } from "../../../utils/cn.js";
+import { Keyset, i18n } from '../../../i18n';
+import { Time } from '../../../icons/Time';
+import { block } from '../../../utils/cn';
 import '../PostInfo.css';
 const b = block('post-info');
 const ICON_SIZE = 16;
-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
+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 })));

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

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

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

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
-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 { 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 '../PostInfo.css';
-import { Keyset, i18n } from "../../../i18n/index.js";
+import { Keyset, i18n } from '../../../i18n';
 const ICON_SIZE = 16;
 const b = block('post-info');
 /**
@@ -25,12 +24,12 @@ const b = block('post-info');
  * @returns jsx
  */
 export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }) => {
-    const { toggleLike, isSignedInUser, requireSignIn } = React.useContext(LikesContext);
+    const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
     const titleElementId = useUniqId();
     const isNumericTitle = typeof title === 'number';
-    return (_jsx("button", { className: b('item', { size, save: true }), onClick: (event) => {
+    return (React.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
             event.preventDefault();
@@ -46,6 +45,9 @@ 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, 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
+        }, "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))));
+};

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

@@ -1,8 +1,9 @@
+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) => import("react/jsx-runtime").JSX.Element;
+export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => React.JSX.Element;
 export {};

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

@@ -1,25 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useContext } from 'react';
 import { ShareLayoutDirection, SharePopover } from '@gravity-ui/components';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { MobileContext } from "../../../contexts/MobileContext.js";
-import { PostPageContext } from "../../../contexts/PostPageContext.js";
-import { RouterContext } from "../../../contexts/RouterContext.js";
-import { Keyset, i18n } from "../../../i18n/index.js";
-import { ShareArrowUp } from "../../../icons/ShareArrowUp.js";
-import { DefaultEventNames } from "../../../models/common.js";
-import { block } from "../../../utils/cn.js";
-import { getAbsolutePath } from "../../../utils/common.js";
+import { MobileContext } from '../../../contexts/MobileContext';
+import { PostPageContext } from '../../../contexts/PostPageContext';
+import { RouterContext } from '../../../contexts/RouterContext';
+import { Keyset, i18n } from '../../../i18n';
+import { ShareArrowUp } from '../../../icons/ShareArrowUp';
+import { DefaultEventNames } from '../../../models/common';
+import { block } from '../../../utils/cn';
+import { getAbsolutePath } from '../../../utils/common';
 import '../PostInfo.css';
 const b = block('post-info');
 export const Sharing = ({ theme, analyticsEvents }) => {
-    const router = React.useContext(RouterContext);
-    const isMobile = React.useContext(MobileContext);
-    const { shareOptions } = React.useContext(PostPageContext);
+    const router = useContext(RouterContext);
+    const isMobile = useContext(MobileContext);
+    const { shareOptions } = useContext(PostPageContext);
     const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
-    const handleAnalytics = React.useCallback(() => {
+    const handleAnalytics = useCallback(() => {
         handleAnalyticsGlobal(analyticsEvents);
     }, [analyticsEvents, handleAnalyticsGlobal]);
-    return (_jsx("div", { className: b('item'), children: _jsx("div", { className: b('icon'), children: _jsx(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }) }) }));
-};
-//# sourceMappingURL=Sharing.js.map
+    return (React.createElement("div", { className: b('item') },
+        React.createElement("div", { className: b('icon') },
+            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
+};