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

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

@@ -1,8 +1,9 @@
-import { PostCardSize, QAProps } from "../../../models/common.js";
+import React from 'react';
+import { PostCardSize, QAProps } from '../../../models/common';
 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/cjs/components/PostInfo/components/Date.js

@@ -2,16 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Date = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const LocaleContext_1 = require("../../../contexts/LocaleContext.js");
-const common_1 = require("../../../models/common.js");
-const cn_1 = require("../../../utils/cn.js");
-const date_1 = require("../../../utils/date.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const LocaleContext_1 = require("../../../contexts/LocaleContext");
+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, qa }) => {
-    const { locale } = React.useContext(LocaleContext_1.LocaleContext);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('item', { size }), id: id, "data-qa": qa, children: (0, date_1.format)(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code) }));
+    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    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;
-//# sourceMappingURL=Date.js.map
+exports.Date = Date;

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

@@ -1,8 +1,9 @@
-import { QAProps } from "../../../models/common.js";
+import React from 'react';
+import { QAProps } from '../../../models/common';
 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/cjs/components/PostInfo/components/ReadingTime.js

@@ -1,13 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadingTime = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../../i18n/index.js");
-const Time_1 = require("../../../icons/Time.js");
-const cn_1 = require("../../../utils/cn.js");
+const i18n_1 = require("../../../i18n");
+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, qa }) => ((0, jsx_runtime_1.jsxs)("div", { className: b('item', { size }), id: id, "data-qa": qa, children: [(0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: Time_1.Time, size: ICON_SIZE, className: b('icon-color') }) }), (0, i18n_1.i18n)(i18n_1.Keyset.ContextReadingTime, { count: readingTime })] }));
-exports.ReadingTime = ReadingTime;
-//# sourceMappingURL=ReadingTime.js.map
+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.i18n)(i18n_1.Keyset.ContextReadingTime, { count: readingTime })));
+exports.ReadingTime = ReadingTime;

package/build/cjs/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';
 type SaveProps = QAProps & {
     title: string | number;
     postId: number | string;
@@ -21,5 +22,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/cjs/components/PostInfo/components/Save.js

@@ -2,17 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Save = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-const LikesContext_1 = require("../../../contexts/LikesContext.js");
-const Save_1 = require("../../../icons/Save.js");
-const SaveFilled_1 = require("../../../icons/SaveFilled.js");
-const common_1 = require("../../../models/common.js");
-const cn_1 = require("../../../utils/cn.js");
-const common_2 = require("../../../utils/common.js");
-const i18n_1 = require("../../../i18n/index.js");
+const LikesContext_1 = require("../../../contexts/LikesContext");
+const Save_1 = require("../../../icons/Save");
+const SaveFilled_1 = require("../../../icons/SaveFilled");
+const common_1 = require("../../../models/common");
+const cn_1 = require("../../../utils/cn");
+const common_2 = require("../../../utils/common");
+const i18n_1 = require("../../../i18n");
 const ICON_SIZE = 16;
 const b = (0, cn_1.block)('post-info');
 /**
@@ -28,12 +27,12 @@ const b = (0, cn_1.block)('post-info');
  * @returns jsx
  */
 const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }) => {
-    const { toggleLike, isSignedInUser, requireSignIn } = React.useContext(LikesContext_1.LikesContext);
+    const { toggleLike, isSignedInUser, requireSignIn } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
     const titleElementId = (0, uikit_1.useUniqId)();
     const isNumericTitle = typeof title === 'number';
-    return ((0, jsx_runtime_1.jsx)("button", { className: b('item', { size, save: true }), onClick: (event) => {
+    return (react_1.default.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();
@@ -49,7 +48,10 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, ana
             (0, common_2.postLikeStatus)(postId, Boolean(hasUserLike));
             handleUserLike();
             handleAnalytics(analyticsEvents);
-        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? (0, i18n_1.i18n)(i18n_1.Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content', { cursor: isLikeable, theme }), children: [(0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: hasUserLike ? SaveFilled_1.SaveFilled : Save_1.Save, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) }) }), (0, jsx_runtime_1.jsx)("span", { id: titleElementId, className: b('title', { cursor: isLikeable }), children: title })] }) }));
+        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? (0, i18n_1.i18n)(i18n_1.Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined },
+        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) }) })),
+            react_1.default.createElement("span", { id: titleElementId, className: b('title', { cursor: isLikeable }) }, title))));
 };
-exports.Save = Save;
-//# sourceMappingURL=Save.js.map
+exports.Save = Save;

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 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/cjs/components/PostInfo/components/Sharing.js

@@ -2,28 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sharing = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("@gravity-ui/components");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const MobileContext_1 = require("../../../contexts/MobileContext.js");
-const PostPageContext_1 = require("../../../contexts/PostPageContext.js");
-const RouterContext_1 = require("../../../contexts/RouterContext.js");
-const i18n_1 = require("../../../i18n/index.js");
-const ShareArrowUp_1 = require("../../../icons/ShareArrowUp.js");
-const common_1 = require("../../../models/common.js");
-const cn_1 = require("../../../utils/cn.js");
-const common_2 = require("../../../utils/common.js");
+const MobileContext_1 = require("../../../contexts/MobileContext");
+const PostPageContext_1 = require("../../../contexts/PostPageContext");
+const RouterContext_1 = require("../../../contexts/RouterContext");
+const i18n_1 = require("../../../i18n");
+const ShareArrowUp_1 = require("../../../icons/ShareArrowUp");
+const common_1 = require("../../../models/common");
+const cn_1 = require("../../../utils/cn");
+const common_2 = require("../../../utils/common");
 const b = (0, cn_1.block)('post-info');
 const Sharing = ({ theme, analyticsEvents }) => {
-    const router = React.useContext(RouterContext_1.RouterContext);
-    const isMobile = React.useContext(MobileContext_1.MobileContext);
-    const { shareOptions } = React.useContext(PostPageContext_1.PostPageContext);
+    const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
+    const isMobile = (0, react_1.useContext)(MobileContext_1.MobileContext);
+    const { shareOptions } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     const handleAnalyticsGlobal = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.ShareButton);
-    const handleAnalytics = React.useCallback(() => {
+    const handleAnalytics = (0, react_1.useCallback)(() => {
         handleAnalyticsGlobal(analyticsEvents);
     }, [analyticsEvents, handleAnalyticsGlobal]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: (0, jsx_runtime_1.jsx)("div", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(components_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: components_1.ShareLayoutDirection.Column, buttonTitle: (0, i18n_1.i18n)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }) }) }));
+    return (react_1.default.createElement("div", { className: b('item') },
+        react_1.default.createElement("div", { className: b('icon') },
+            react_1.default.createElement(components_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: components_1.ShareLayoutDirection.Column, buttonTitle: (0, i18n_1.i18n)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
 };
-exports.Sharing = Sharing;
-//# sourceMappingURL=Sharing.js.map
+exports.Sharing = Sharing;

package/build/cjs/components/Posts/Posts.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { PostData, Query } from "../../models/common.js";
+import React, { MouseEvent } from 'react';
+import { PostData, Query } from '../../models/common';
 type PostCardProps = {
     containerId: string;
     currentPage: number;
@@ -8,12 +8,12 @@ type PostCardProps = {
     postCountOnPage: number;
     perPageInQuery: number;
     isFetching: boolean;
-    handleShowMore: (value?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => Promise<void> | void;
+    handleShowMore: (value?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => Promise<void> | void;
     handlePageChange: (value: number) => Promise<void> | void;
     postsOnPage?: PostData[];
     pinnedPostOnPage?: PostData;
     pageCountForShowSupportButtons?: number;
     queryParams: Query;
 };
-export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => React.JSX.Element;
 export {};

package/build/cjs/components/Posts/Posts.js

@@ -1,22 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Posts = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../i18n/index.js");
-const common_1 = require("../../models/common.js");
-const cn_1 = require("../../utils/cn.js");
-const Paginator_1 = require("../Paginator/Paginator.js");
-const PostCard_1 = require("../PostCard/PostCard.js");
-const PostsEmpty_1 = require("../PostsEmpty/PostsEmpty.js");
+const i18n_1 = require("../../i18n");
+const common_1 = require("../../models/common");
+const cn_1 = require("../../utils/cn");
+const Paginator_1 = require("../Paginator/Paginator");
+const PostCard_1 = require("../PostCard/PostCard");
+const PostsEmpty_1 = require("../PostsEmpty/PostsEmpty");
 const b = (0, cn_1.block)('posts');
-const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [isFetching && (0, jsx_runtime_1.jsx)("div", { className: b('loaderContainer') }), (0, jsx_runtime_1.jsxs)("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }), children: [pinnedPostOnPage && currentPage === 1 && ((0, jsx_runtime_1.jsx)("div", { className: b('pinned-container'), children: (0, jsx_runtime_1.jsx)(PostCard_1.PostCard, { post: pinnedPostOnPage, size: common_1.PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: common_1.PostCardTitleHeadingLevel.H2 }) })), (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? ((0, jsx_runtime_1.jsx)(page_constructor_1.CardLayoutBlock, { title: '', colSizes: {
-                        all: 12,
-                        lg: 4,
-                        md: 6,
-                    }, children: postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => ((0, jsx_runtime_1.jsx)(PostCard_1.PostCard, { post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
-                            ? common_1.PostCardTitleHeadingLevel.H3
-                            : common_1.PostCardTitleHeadingLevel.H2 }, post.id))) })) : ((0, jsx_runtime_1.jsx)(PostsEmpty_1.PostsEmpty, {}))] }), (0, jsx_runtime_1.jsxs)("div", { className: b('pagination'), children: [Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore, children: (0, i18n_1.i18n)(i18n_1.Keyset.ActionLoadMore) })), errorShowMore && ((0, jsx_runtime_1.jsxs)("div", { className: b('error-show-more'), children: [(0, jsx_runtime_1.jsx)("div", { children: (0, i18n_1.i18n)(i18n_1.Keyset.ErrorTitle) }), (0, jsx_runtime_1.jsx)("div", { children: (0, i18n_1.i18n)(i18n_1.Keyset.PostLoadError) })] })), Boolean(currentPage && postCountOnPage) && ((0, jsx_runtime_1.jsx)("div", { className: b('paginator'), children: (0, jsx_runtime_1.jsx)(Paginator_1.Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }) }))] })] }));
-exports.Posts = Posts;
-//# sourceMappingURL=Posts.js.map
+const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => (react_1.default.createElement("div", { className: b() },
+    isFetching && react_1.default.createElement("div", { className: b('loaderContainer') }),
+    react_1.default.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
+        pinnedPostOnPage && currentPage === 1 && (react_1.default.createElement("div", { className: b('pinned-container') },
+            react_1.default.createElement(PostCard_1.PostCard, { post: pinnedPostOnPage, size: common_1.PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: common_1.PostCardTitleHeadingLevel.H2 }))),
+        (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (react_1.default.createElement(page_constructor_1.CardLayoutBlock, { title: '', colSizes: {
+                all: 12,
+                lg: 4,
+                md: 6,
+            } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (react_1.default.createElement(PostCard_1.PostCard, { key: post.id, post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
+                ? common_1.PostCardTitleHeadingLevel.H3
+                : common_1.PostCardTitleHeadingLevel.H2 }))))) : (react_1.default.createElement(PostsEmpty_1.PostsEmpty, null))),
+    react_1.default.createElement("div", { className: b('pagination') },
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, (0, i18n_1.i18n)(i18n_1.Keyset.ActionLoadMore))),
+        errorShowMore && (react_1.default.createElement("div", { className: b('error-show-more') },
+            react_1.default.createElement("div", null, (0, i18n_1.i18n)(i18n_1.Keyset.ErrorTitle)),
+            react_1.default.createElement("div", null, (0, i18n_1.i18n)(i18n_1.Keyset.PostLoadError)))),
+        Boolean(currentPage && postCountOnPage) && (react_1.default.createElement("div", { className: b('paginator') },
+            react_1.default.createElement(Paginator_1.Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));
+exports.Posts = Posts;

package/build/cjs/components/PostsEmpty/PostsEmpty.d.ts

@@ -1 +1,2 @@
-export declare const PostsEmpty: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const PostsEmpty: () => React.JSX.Element;

package/build/cjs/components/PostsEmpty/PostsEmpty.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostsEmpty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_1 = require("../../i18n/index.js");
-const cn_1 = require("../../utils/cn.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const i18n_1 = require("../../i18n");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('posts-empty');
-const PostsEmpty = () => ((0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, i18n_1.i18n)(i18n_1.Keyset.TitleEmptyContainer) }), (0, jsx_runtime_1.jsx)("div", { className: b('subtitle'), children: (0, i18n_1.i18n)(i18n_1.Keyset.ContextEmptyContainer) })] }));
-exports.PostsEmpty = PostsEmpty;
-//# sourceMappingURL=PostsEmpty.js.map
+const PostsEmpty = () => (react_1.default.createElement("div", { className: b('container') },
+    react_1.default.createElement("div", { className: b('title') }, (0, i18n_1.i18n)(i18n_1.Keyset.TitleEmptyContainer)),
+    react_1.default.createElement("div", { className: b('subtitle') }, (0, i18n_1.i18n)(i18n_1.Keyset.ContextEmptyContainer))));
+exports.PostsEmpty = PostsEmpty;

package/build/cjs/components/PostsError/PostsError.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 type PostsErrorContainerProps = {
     onButtonClick?: () => void | Promise<void>;
 };
-export declare const PostsError: ({ onButtonClick }: PostsErrorContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PostsError: ({ onButtonClick }: PostsErrorContainerProps) => React.JSX.Element;
 export {};

package/build/cjs/components/PostsError/PostsError.js

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostsError = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../i18n/index.js");
-const cn_1 = require("../../utils/cn.js");
+const i18n_1 = require("../../i18n");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('posts-error');
 const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, i18n_1.i18n)(i18n_1.Keyset.ErrorTitle) }), (0, jsx_runtime_1.jsx)("div", { className: b('subtitle'), children: (0, i18n_1.i18n)(i18n_1.Keyset.PostLoadError) }), (0, jsx_runtime_1.jsx)("div", { className: b('button'), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "xl", view: "outlined", onClick: handleClick, children: (0, i18n_1.i18n)(i18n_1.Keyset.ActionTryAgain) }) })] }));
+    return (react_1.default.createElement("div", { className: b('container') },
+        react_1.default.createElement("div", { className: b('title') }, (0, i18n_1.i18n)(i18n_1.Keyset.ErrorTitle)),
+        react_1.default.createElement("div", { className: b('subtitle') }, (0, i18n_1.i18n)(i18n_1.Keyset.PostLoadError)),
+        react_1.default.createElement("div", { className: b('button') },
+            react_1.default.createElement(uikit_1.Button, { size: "xl", view: "outlined", onClick: handleClick }, (0, i18n_1.i18n)(i18n_1.Keyset.ActionTryAgain)))));
 };
-exports.PostsError = PostsError;
-//# sourceMappingURL=PostsError.js.map
+exports.PostsError = PostsError;

package/build/cjs/components/Prompt/Prompt.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ButtonProps } from '@gravity-ui/uikit';
 export interface PromptProps {
     text: string;
@@ -14,4 +15,4 @@ export interface PromptProps {
  *  - `openTimestamp` (`Date.now()`) resets the visible duration
  * @returns {JSX|null}
  */
-export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => React.JSX.Element;

package/build/cjs/components/Prompt/Prompt.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Prompt = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const useHover_1 = require("../../hooks/useHover.js");
-const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer.js");
-const cn_1 = require("../../utils/cn.js");
+const useHover_1 = require("../../hooks/useHover");
+const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('prompt');
 /**
  * Popup that appears with text message and button(s) for given `actions`.
@@ -20,10 +20,12 @@ const Prompt = ({ text, actions, className, openTimestamp = 0, openDuration, the
     const { open: isOpen } = (0, useOpenCloseTimer_1.useOpenCloseTimer)(openTimestamp, openDuration);
     const open = isOpen || hovering;
     const mounted = openTimestamp > 0;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ theme, open, close: !open, mounted }, className), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), ref: ref, children: [(0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text }), (0, jsx_runtime_1.jsx)("div", { className: b('actions'), children: actions.map((_a, i) => {
-                        var { view = 'action', className: btnClass } = _a, btnProps = tslib_1.__rest(_a, ["view", "className"]);
-                        return ((0, jsx_runtime_1.jsx)(uikit_1.Button, Object.assign({ className: b('action', btnClass), view: view }, btnProps), i));
-                    }) })] }) }));
+    return (react_1.default.createElement("div", { className: b({ theme, open, close: !open, mounted }, className) },
+        react_1.default.createElement("div", { className: b('content'), ref: ref },
+            react_1.default.createElement("span", { className: b('text') }, text),
+            react_1.default.createElement("div", { className: b('actions') }, actions.map((_a, i) => {
+                var { view = 'action', className: btnClass } = _a, btnProps = tslib_1.__rest(_a, ["view", "className"]);
+                return (react_1.default.createElement(uikit_1.Button, Object.assign({ key: i, className: b('action', btnClass), view: view }, btnProps)));
+            })))));
 };
-exports.Prompt = Prompt;
-//# sourceMappingURL=Prompt.js.map
+exports.Prompt = Prompt;

package/build/cjs/components/PromptSignIn/PromptSignIn.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { PromptProps } from "../Prompt/Prompt.js";
+import React, { SyntheticEvent } from 'react';
+import { PromptProps } from '../Prompt/Prompt';
 export interface PromptSignInProps extends Partial<PromptProps> {
-    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
  */
-export declare const PromptSignIn: ({ text, onClickSignIn, actions, ...props }: PromptSignInProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PromptSignIn: ({ text, onClickSignIn, actions, ...props }: PromptSignInProps) => React.JSX.Element;

package/build/cjs/components/PromptSignIn/PromptSignIn.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromptSignIn = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_1 = require("../../i18n/index.js");
-const Prompt_1 = require("../Prompt/Prompt.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const i18n_1 = require("../../i18n");
+const Prompt_1 = require("../Prompt/Prompt");
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
@@ -17,7 +17,6 @@ const PromptSignIn = (_a) => {
             size: 'l',
         },
     ] } = _a, props = tslib_1.__rest(_a, ["text", "onClickSignIn", "actions"]);
-    return (0, jsx_runtime_1.jsx)(Prompt_1.Prompt, Object.assign({ text, actions }, props));
+    return react_1.default.createElement(Prompt_1.Prompt, Object.assign({}, { text, actions }, props));
 };
-exports.PromptSignIn = PromptSignIn;
-//# sourceMappingURL=PromptSignIn.js.map
+exports.PromptSignIn = PromptSignIn;

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<React.SyntheticEvent>): {
+import React, { SyntheticEvent } from 'react';
+export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<SyntheticEvent>): {
     onClickSignIn: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     openTimestamp: number;
     requireSignIn: (() => void) | undefined;

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePromptSignInProps = usePromptSignInProps;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+exports.usePromptSignInProps = void 0;
+const react_1 = require("react");
 function usePromptSignInProps(onClickSignIn) {
-    const [openTimestamp, setTime] = React.useState(0);
-    const requireSignIn = React.useMemo(() => {
+    const [openTimestamp, setTime] = (0, react_1.useState)(0);
+    const requireSignIn = (0, react_1.useMemo)(() => {
         return onClickSignIn
             ? () => {
                 setTime(Date.now());
@@ -14,4 +13,4 @@ function usePromptSignInProps(onClickSignIn) {
     }, [onClickSignIn, setTime]);
     return { onClickSignIn, openTimestamp, requireSignIn };
 }
-//# sourceMappingURL=usePromptSignInProps.js.map
+exports.usePromptSignInProps = usePromptSignInProps;

package/build/cjs/components/Search/Search.d.ts

@@ -1,4 +1,5 @@
-import { ClassNameProps } from "../../models/common.js";
+import React from 'react';
+import { ClassNameProps } from '../../models/common';
 export type SearchSize = 's' | 'm';
 interface SearchProps extends ClassNameProps {
     value?: string;
@@ -16,5 +17,5 @@ interface SearchProps extends ClassNameProps {
  *
  * @returns {JSX|null}
  */
-export declare const Search: ({ className, initialValue, onSubmit, debounce, placeholder, size, autoFocus, value: externalValue, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ className, initialValue, onSubmit, debounce, placeholder, size, autoFocus, value: externalValue, }: SearchProps) => React.JSX.Element;
 export {};

package/build/cjs/components/Search/Search.js

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const useIsIPhone_1 = require("../../hooks/useIsIPhone.js");
-const i18n_1 = require("../../i18n/index.js");
-const Close_1 = require("../../icons/Close.js");
-const SearchIcon_1 = require("../../icons/SearchIcon.js");
-const cn_1 = require("../../utils/cn.js");
+const useIsIPhone_1 = require("../../hooks/useIsIPhone");
+const i18n_1 = require("../../i18n");
+const Close_1 = require("../../icons/Close");
+const SearchIcon_1 = require("../../icons/SearchIcon");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('search');
 const SEARCH_ICON_SIZE = 16;
 const CLOSE_ICON_SIZE = 12;
@@ -23,20 +22,20 @@ const AUTOFOCUS_TIMEOUT = 0;
  */
 const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = (0, i18n_1.i18n)(i18n_1.Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = (0, debounce_1.default)(onSubmit, debounce);
-    const [value, setValue] = React.useState(initialValue);
-    const inputRef = React.useRef(null);
+    const [value, setValue] = (0, react_1.useState)(initialValue);
+    const inputRef = (0, react_1.useRef)(null);
     const isIPhone = (0, useIsIPhone_1.useIsIPhone)();
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (externalValue !== undefined) {
             setValue(externalValue);
         }
     }, [externalValue]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (autoFocus && !isIPhone) {
             setTimeout(() => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, AUTOFOCUS_TIMEOUT);
         }
     }, [autoFocus, inputRef, isIPhone]);
-    const rightContent = React.useMemo(() => {
+    const rightContent = (0, react_1.useMemo)(() => {
         const iconData = value ? Close_1.Close : SearchIcon_1.SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
@@ -48,14 +47,15 @@ const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return ((0, jsx_runtime_1.jsx)("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? (0, i18n_1.i18n)(i18n_1.Keyset.ClearAction) : undefined, "aria-hidden": !value, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: iconSize, data: iconData }) }));
+        return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? (0, i18n_1.i18n)(i18n_1.Keyset.ClearAction) : undefined, "aria-hidden": !value },
+            react_1.default.createElement(uikit_1.Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+    return (react_1.default.createElement("div", { className: b({ size }, className) },
+        react_1.default.createElement(uikit_1.TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
                 setValue(query);
                 handleChange(query);
             }, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
                 className: b('search-suggest-control'),
-            }, endContent: rightContent }) }));
+            }, rightContent: rightContent })));
 };
-exports.Search = Search;
-//# sourceMappingURL=Search.js.map
+exports.Search = Search;

package/build/cjs/components/Wrapper/Wrapper.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ClassNameProps, QAProps } from "../../models/common.js";
-import { Paddings } from "../../models/paddings.js";
+import React from 'react';
+import { ClassNameProps, QAProps } from '../../models/common';
+import { Paddings } from '../../models/paddings';
 type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;
     children?: React.ReactNode;

package/build/cjs/components/Wrapper/Wrapper.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../../constants.js");
-const cn_1 = require("../../utils/cn.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('wrapper');
-const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => ((0, jsx_runtime_1.jsx)("section", { className: b({
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => (react_1.default.createElement("section", { className: b({
         ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
         ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
         ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
         ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
-    }, className), "data-qa": qa, children: children }));
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=Wrapper.js.map
+    }, className), "data-qa": qa }, children));
+exports.Wrapper = Wrapper;