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

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

@@ -1,25 +1,25 @@
-import React, { useCallback, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { ShareLayoutDirection, SharePopover } from '@gravity-ui/components';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-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 { 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 '../PostInfo.css';
 const b = block('post-info');
 export const Sharing = ({ theme, analyticsEvents }) => {
-    const router = useContext(RouterContext);
-    const isMobile = useContext(MobileContext);
-    const { shareOptions } = useContext(PostPageContext);
+    const router = React.useContext(RouterContext);
+    const isMobile = React.useContext(MobileContext);
+    const { shareOptions } = React.useContext(PostPageContext);
     const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
-    const handleAnalytics = useCallback(() => {
+    const handleAnalytics = React.useCallback(() => {
         handleAnalyticsGlobal(analyticsEvents);
     }, [analyticsEvents, handleAnalyticsGlobal]);
-    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 }))));
-};
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sharing.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Sharing.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,oBAAoB,EAAE,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAsB,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,YAAY,EAAC,uCAAoC;AACzD,OAAO,EAAC,iBAAiB,EAAC,kCAA+B;AACzD,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,eAAe,EAAC,iCAA8B;AAEtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAO7B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IACT,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,iBAAiB,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EACzC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,oBAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,YAAY,EACxB,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ShareLayoutDirection, SharePopover} from '@gravity-ui/components';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {MobileContext} from '../../../contexts/MobileContext';\nimport {PostPageContext} from '../../../contexts/PostPageContext';\nimport {RouterContext} from '../../../contexts/RouterContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {ShareArrowUp} from '../../../icons/ShareArrowUp';\nimport {DefaultEventNames} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {getAbsolutePath} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype SharingProps = {\n    theme?: 'light' | 'dark';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport const Sharing = ({theme, analyticsEvents}: SharingProps) => {\n    const router = React.useContext(RouterContext);\n    const isMobile = React.useContext(MobileContext);\n    const {shareOptions} = React.useContext(PostPageContext);\n    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleAnalytics = React.useCallback(() => {\n        handleAnalyticsGlobal(analyticsEvents);\n    }, [analyticsEvents, handleAnalyticsGlobal]);\n\n    return (\n        <div className={b('item')}>\n            <div className={b('icon')}>\n                <SharePopover\n                    url={getAbsolutePath(router)}\n                    className={b('share')}\n                    iconClass={b('share-icon')}\n                    switcherClassName={b('switcher', {theme})}\n                    tooltipClassName={b('popup')}\n                    useWebShareApi={isMobile}\n                    direction={ShareLayoutDirection.Column}\n                    buttonTitle={i18n(Keyset.ActionShare)}\n                    customIcon={ShareArrowUp}\n                    placement=\"bottom\"\n                    openByHover={false}\n                    shareOptions={shareOptions}\n                    onClick={handleAnalytics}\n                />\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,5 +1,5 @@
-import React, { MouseEvent } from 'react';
-import { PostData, Query } from '../../models/common';
+import * as React from 'react';
+import { PostData, Query } from "../../models/common.js";
 import './Posts.css';
 type PostCardProps = {
     containerId: string;
@@ -9,12 +9,12 @@ type PostCardProps = {
     postCountOnPage: number;
     perPageInQuery: number;
     isFetching: boolean;
-    handleShowMore: (value?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => Promise<void> | void;
+    handleShowMore: (value?: React.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) => React.JSX.Element;
+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 {};

package/build/esm/components/Posts/Posts.js

@@ -1,30 +1,19 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CardLayoutBlock } from '@gravity-ui/page-constructor';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18n } from '../../i18n';
-import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
-import { block } from '../../utils/cn';
-import { Paginator } from '../Paginator/Paginator';
-import { PostCard } from '../PostCard/PostCard';
-import { PostsEmpty } from '../PostsEmpty/PostsEmpty';
+import { Keyset, i18n } from "../../i18n/index.js";
+import { PostCardSize, PostCardTitleHeadingLevel } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { Paginator } from "../Paginator/Paginator.js";
+import { PostCard } from "../PostCard/PostCard.js";
+import { PostsEmpty } from "../PostsEmpty/PostsEmpty.js";
 import './Posts.css';
 const b = block('posts');
-export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => (React.createElement("div", { className: b() },
-    isFetching && React.createElement("div", { className: b('loaderContainer') }),
-    React.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
-        pinnedPostOnPage && currentPage === 1 && (React.createElement("div", { className: b('pinned-container') },
-            React.createElement(PostCard, { post: pinnedPostOnPage, size: PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }))),
-        (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (React.createElement(CardLayoutBlock, { title: '', colSizes: {
-                all: 12,
-                lg: 4,
-                md: 6,
-            } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (React.createElement(PostCard, { key: post.id, post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
-                ? PostCardTitleHeadingLevel.H3
-                : PostCardTitleHeadingLevel.H2 }))))) : (React.createElement(PostsEmpty, null))),
-    React.createElement("div", { className: b('pagination') },
-        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18n(Keyset.ActionLoadMore))),
-        errorShowMore && (React.createElement("div", { className: b('error-show-more') },
-            React.createElement("div", null, i18n(Keyset.ErrorTitle)),
-            React.createElement("div", null, i18n(Keyset.PostLoadError)))),
-        Boolean(currentPage && postCountOnPage) && (React.createElement("div", { className: b('paginator') },
-            React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));
+export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => (_jsxs("div", { className: b(), children: [isFetching && _jsx("div", { className: b('loaderContainer') }), _jsxs("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }), children: [pinnedPostOnPage && currentPage === 1 && (_jsx("div", { className: b('pinned-container'), children: _jsx(PostCard, { post: pinnedPostOnPage, size: PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }) })), (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (_jsx(CardLayoutBlock, { title: '', colSizes: {
+                        all: 12,
+                        lg: 4,
+                        md: 6,
+                    }, children: postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (_jsx(PostCard, { post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
+                            ? PostCardTitleHeadingLevel.H3
+                            : PostCardTitleHeadingLevel.H2 }, post.id))) })) : (_jsx(PostsEmpty, {}))] }), _jsxs("div", { className: b('pagination'), children: [Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (_jsx(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore, children: i18n(Keyset.ActionLoadMore) })), errorShowMore && (_jsxs("div", { className: b('error-show-more'), children: [_jsx("div", { children: i18n(Keyset.ErrorTitle) }), _jsx("div", { children: i18n(Keyset.PostLoadError) })] })), Boolean(currentPage && postCountOnPage) && (_jsx("div", { className: b('paginator'), children: _jsx(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }) }))] })] }));
+//# sourceMappingURL=Posts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Posts.js","sourceRoot":"../../../../src","sources":["components/Posts/Posts.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '@gravity-ui/page-constructor';\nimport {Button} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../i18n';\nimport {PostCardSize, PostCardTitleHeadingLevel, PostData, Query} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {Paginator} from '../Paginator/Paginator';\nimport {PostCard} from '../PostCard/PostCard';\nimport {PostsEmpty} from '../PostsEmpty/PostsEmpty';\n\nimport './Posts.scss';\n\nconst b = block('posts');\n\ntype PostCardProps = {\n    containerId: string;\n    currentPage: number;\n    isShowMoreVisible: boolean;\n    errorShowMore: boolean;\n    postCountOnPage: number;\n    perPageInQuery: number;\n    isFetching: boolean;\n    handleShowMore: (\n        value?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n    ) => Promise<void> | void;\n    handlePageChange: (value: number) => Promise<void> | void;\n    postsOnPage?: PostData[];\n    pinnedPostOnPage?: PostData;\n    pageCountForShowSupportButtons?: number;\n    queryParams: Query;\n};\n\nexport const Posts = ({\n    containerId,\n    pinnedPostOnPage,\n    currentPage,\n    postsOnPage,\n    isShowMoreVisible,\n    errorShowMore,\n    postCountOnPage,\n    perPageInQuery,\n    isFetching,\n    handleShowMore,\n    handlePageChange,\n    pageCountForShowSupportButtons,\n    queryParams,\n}: PostCardProps) => (\n    <div className={b()}>\n        {isFetching && <div className={b('loaderContainer')} />}\n        <div id={containerId} className={b('cards-container', {isLoading: isFetching})}>\n            {pinnedPostOnPage && currentPage === 1 && (\n                <div className={b('pinned-container')}>\n                    <PostCard\n                        post={pinnedPostOnPage}\n                        size={PostCardSize.MEDIUM}\n                        fullWidth\n                        showTag\n                        titleHeadingLevel={PostCardTitleHeadingLevel.H2}\n                    />\n                </div>\n            )}\n            {postsOnPage?.length ? (\n                <CardLayoutBlock\n                    title={''}\n                    colSizes={{\n                        all: 12,\n                        lg: 4,\n                        md: 6,\n                    }}\n                >\n                    {postsOnPage?.map((post) => (\n                        <PostCard\n                            key={post.id}\n                            post={post}\n                            showTag\n                            titleHeadingLevel={\n                                pinnedPostOnPage\n                                    ? PostCardTitleHeadingLevel.H3\n                                    : PostCardTitleHeadingLevel.H2\n                            }\n                        />\n                    ))}\n                </CardLayoutBlock>\n            ) : (\n                <PostsEmpty />\n            )}\n        </div>\n\n        <div className={b('pagination')}>\n            {Boolean(isShowMoreVisible && postsOnPage?.length) && (\n                <Button\n                    view=\"outlined\"\n                    size=\"xl\"\n                    className={b('more-button')}\n                    onClick={handleShowMore}\n                >\n                    {i18n(Keyset.ActionLoadMore)}\n                </Button>\n            )}\n            {errorShowMore && (\n                <div className={b('error-show-more')}>\n                    <div>{i18n(Keyset.ErrorTitle)}</div>\n                    <div>{i18n(Keyset.PostLoadError)}</div>\n                </div>\n            )}\n            {Boolean(currentPage && postCountOnPage) && (\n                <div className={b('paginator')}>\n                    <Paginator\n                        onPageChange={handlePageChange}\n                        page={currentPage}\n                        totalItems={postCountOnPage}\n                        itemsPerPage={perPageInQuery}\n                        maxPages={Infinity}\n                        pageCountForShowSupportButtons={pageCountForShowSupportButtons}\n                        queryParams={queryParams}\n                    />\n                </div>\n            )}\n        </div>\n    </div>\n);\n"]}

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

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

package/build/esm/components/PostsEmpty/PostsEmpty.js

@@ -1,8 +1,7 @@
-import React from 'react';
-import { Keyset, i18n } from '../../i18n';
-import { block } from '../../utils/cn';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Keyset, i18n } from "../../i18n/index.js";
+import { block } from "../../utils/cn.js";
 import './PostsEmpty.css';
 const b = block('posts-empty');
-export const PostsEmpty = () => (React.createElement("div", { className: b('container') },
-    React.createElement("div", { className: b('title') }, i18n(Keyset.TitleEmptyContainer)),
-    React.createElement("div", { className: b('subtitle') }, i18n(Keyset.ContextEmptyContainer))));
+export const PostsEmpty = () => (_jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('title'), children: i18n(Keyset.TitleEmptyContainer) }), _jsx("div", { className: b('subtitle'), children: i18n(Keyset.ContextEmptyContainer) })] }));
+//# sourceMappingURL=PostsEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostsEmpty.js","sourceRoot":"../../../../src","sources":["components/PostsEmpty/PostsEmpty.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC5B,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAO,EACpE,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAO,IACvE,CACT,CAAC","sourcesContent":["import {Keyset, i18n} from '../../i18n';\nimport {block} from '../../utils/cn';\n\nimport './PostsEmpty.scss';\n\nconst b = block('posts-empty');\n\nexport const PostsEmpty = () => (\n    <div className={b('container')}>\n        <div className={b('title')}>{i18n(Keyset.TitleEmptyContainer)}</div>\n        <div className={b('subtitle')}>{i18n(Keyset.ContextEmptyContainer)}</div>\n    </div>\n);\n"]}

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

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

package/build/esm/components/PostsError/PostsError.js

@@ -1,14 +1,11 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18n } from '../../i18n';
-import { block } from '../../utils/cn';
+import { Keyset, i18n } from "../../i18n/index.js";
+import { block } from "../../utils/cn.js";
 import './PostError.css';
 const b = block('posts-error');
 export const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
-    return (React.createElement("div", { className: b('container') },
-        React.createElement("div", { className: b('title') }, i18n(Keyset.ErrorTitle)),
-        React.createElement("div", { className: b('subtitle') }, i18n(Keyset.PostLoadError)),
-        React.createElement("div", { className: b('button') },
-            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18n(Keyset.ActionTryAgain)))));
-};
+    return (_jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('title'), children: i18n(Keyset.ErrorTitle) }), _jsx("div", { className: b('subtitle'), children: i18n(Keyset.PostLoadError) }), _jsx("div", { className: b('button'), children: _jsx(Button, { size: "xl", view: "outlined", onClick: handleClick, children: i18n(Keyset.ActionTryAgain) }) })] }));
+};
+//# sourceMappingURL=PostsError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostsError.js","sourceRoot":"../../../../src","sources":["components/PostsError/PostsError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAM/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,aAAa,EAA2B,EAAE,EAAE;IACpE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAEvF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAO,EAC3D,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAO,EACjE,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,WAAW,YACjD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GACvB,GACP,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Button} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../i18n';\nimport {block} from '../../utils/cn';\n\nimport './PostError.scss';\n\nconst b = block('posts-error');\n\ntype PostsErrorContainerProps = {\n    onButtonClick?: () => void | Promise<void>;\n};\n\nexport const PostsError = ({onButtonClick}: PostsErrorContainerProps) => {\n    const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());\n\n    return (\n        <div className={b('container')}>\n            <div className={b('title')}>{i18n(Keyset.ErrorTitle)}</div>\n            <div className={b('subtitle')}>{i18n(Keyset.PostLoadError)}</div>\n            <div className={b('button')}>\n                <Button size=\"xl\" view=\"outlined\" onClick={handleClick}>\n                    {i18n(Keyset.ActionTryAgain)}\n                </Button>\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps } from '@gravity-ui/uikit';
 import './Prompt.css';
 export interface PromptProps {
@@ -16,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) => React.JSX.Element;
+export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/Prompt/Prompt.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@gravity-ui/uikit';
-import { useHover } from '../../hooks/useHover';
-import { useOpenCloseTimer } from '../../hooks/useOpenCloseTimer';
-import { block } from '../../utils/cn';
+import { useHover } from "../../hooks/useHover.js";
+import { useOpenCloseTimer } from "../../hooks/useOpenCloseTimer.js";
+import { block } from "../../utils/cn.js";
 import './Prompt.css';
 const b = block('prompt');
 /**
@@ -18,11 +18,9 @@ export const Prompt = ({ text, actions, className, openTimestamp = 0, openDurati
     const { open: isOpen } = useOpenCloseTimer(openTimestamp, openDuration);
     const open = isOpen || hovering;
     const mounted = openTimestamp > 0;
-    return (React.createElement("div", { className: b({ theme, open, close: !open, mounted }, className) },
-        React.createElement("div", { className: b('content'), ref: ref },
-            React.createElement("span", { className: b('text') }, text),
-            React.createElement("div", { className: b('actions') }, actions.map((_a, i) => {
-                var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
-                return (React.createElement(Button, Object.assign({ key: i, className: b('action', btnClass), view: view }, btnProps)));
-            })))));
-};
+    return (_jsx("div", { className: b({ theme, open, close: !open, mounted }, className), children: _jsxs("div", { className: b('content'), ref: ref, children: [_jsx("span", { className: b('text'), children: text }), _jsx("div", { className: b('actions'), children: actions.map((_a, i) => {
+                        var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
+                        return (_jsx(Button, Object.assign({ className: b('action', btnClass), view: view }, btnProps), i));
+                    }) })] }) }));
+};
+//# sourceMappingURL=Prompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.js","sourceRoot":"../../../../src","sources":["components/Prompt/Prompt.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAC,MAAM,EAAc,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,iBAAiB,EAAC,yCAAsC;AAChE,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAc1B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,KAAK,GACK,EAAE,EAAE;IACd,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAkB,CAAC;IACnD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,iBAAiB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,MAAM,IAAI,QAAQ,CAAC;IAChC,MAAM,OAAO,GAAG,aAAa,GAAG,CAAC,CAAC;IAElC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,YAC9D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAClC,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACzC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAmD,EAAE,CAAC,EAAE,EAAE;4BAA1D,EAAC,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,OAAc,EAAT,QAAQ,cAAlD,qBAAmD,CAAD;wBAAS,OAAA,CACrE,KAAC,MAAM,kBAEH,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAChC,IAAI,EAAE,IAAI,IACN,QAAQ,GAHP,CAAC,CAIR,CACL,CAAA;qBAAA,CAAC,GACA,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Button, ButtonProps} from '@gravity-ui/uikit';\n\nimport {useHover} from '../../hooks/useHover';\nimport {useOpenCloseTimer} from '../../hooks/useOpenCloseTimer';\nimport {block} from '../../utils/cn';\n\nimport './Prompt.scss';\n\nconst b = block('prompt');\n\nexport interface PromptProps {\n    // Prompt message\n    text: string;\n    actions: ButtonProps[];\n    // Unix Timestamp in milliseconds when the Prompt opens\n    openTimestamp?: number;\n    // Milliseconds to remain visible\n    openDuration?: number;\n    className?: string;\n    theme?: 'grey' | 'beige' | 'white';\n}\n\n/**\n * Popup that appears with text message and button(s) for given `actions`.\n * Features:\n *  - Automatically disappears after `openDuration` in milliseconds\n *  - `openTimestamp` (`Date.now()`) resets the visible duration\n * @returns {JSX|null}\n */\nexport const Prompt = ({\n    text,\n    actions,\n    className,\n    openTimestamp = 0,\n    openDuration,\n    theme,\n}: PromptProps) => {\n    const [ref, hovering] = useHover<HTMLDivElement>();\n    const {open: isOpen} = useOpenCloseTimer(openTimestamp, openDuration);\n    const open = isOpen || hovering;\n    const mounted = openTimestamp > 0;\n\n    return (\n        <div className={b({theme, open, close: !open, mounted}, className)}>\n            <div className={b('content')} ref={ref}>\n                <span className={b('text')}>{text}</span>\n                <div className={b('actions')}>\n                    {actions.map(({view = 'action', className: btnClass, ...btnProps}, i) => (\n                        <Button\n                            key={i}\n                            className={b('action', btnClass)}\n                            view={view}\n                            {...btnProps}\n                        />\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

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

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

package/build/esm/components/PromptSignIn/PromptSignIn.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
-import React from 'react';
-import { Keyset, i18n } from '../../i18n';
-import { Prompt } from '../Prompt/Prompt';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Keyset, i18n } from "../../i18n/index.js";
+import { Prompt } from "../Prompt/Prompt.js";
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
@@ -14,5 +14,6 @@ export const PromptSignIn = (_a) => {
             size: 'l',
         },
     ] } = _a, props = __rest(_a, ["text", "onClickSignIn", "actions"]);
-    return React.createElement(Prompt, Object.assign({}, { text, actions }, props));
-};
+    return _jsx(Prompt, Object.assign({ text, actions }, props));
+};
+//# sourceMappingURL=PromptSignIn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSignIn.js","sourceRoot":"../../../../src","sources":["components/PromptSignIn/PromptSignIn.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,MAAM,EAAc,4BAAyB;AAMrD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACzB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAChD,OAAO,GAAG;QACN;YACI,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YAC7B,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,GAAG;SACZ;KACJ,OAEe,EADb,KAAK,cAViB,oCAW5B,CADW;IACa,OAAA,KAAC,MAAM,kBAAM,IAAI,EAAE,OAAO,IAAO,KAAK,EAAI,CAAA;CAAA,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Keyset, i18n} from '../../i18n';\nimport {Prompt, PromptProps} from '../Prompt/Prompt';\n\nexport interface PromptSignInProps extends Partial<PromptProps> {\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n}\n\n/**\n * Authentication Popup that appears when user action requires login\n * @returns {JSX|null}\n */\nexport const PromptSignIn = ({\n    text = i18n(Keyset.PromptSignInOnLike),\n    onClickSignIn = () => alert(i18n(Keyset.SignIn)),\n    actions = [\n        {\n            children: i18n(Keyset.SignIn),\n            onClick: onClickSignIn,\n            size: 'l',\n        },\n    ],\n    ...props\n}: PromptSignInProps) => <Prompt {...{text, actions}} {...props} />;\n"]}

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

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

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

@@ -1,7 +1,7 @@
-import { useMemo, useState } from 'react';
+import * as React from 'react';
 export function usePromptSignInProps(onClickSignIn) {
-    const [openTimestamp, setTime] = useState(0);
-    const requireSignIn = useMemo(() => {
+    const [openTimestamp, setTime] = React.useState(0);
+    const requireSignIn = React.useMemo(() => {
         return onClickSignIn
             ? () => {
                 setTime(Date.now());
@@ -9,4 +9,5 @@ export function usePromptSignInProps(onClickSignIn) {
             : undefined;
     }, [onClickSignIn, setTime]);
     return { onClickSignIn, openTimestamp, requireSignIn };
-}
+}
+//# sourceMappingURL=usePromptSignInProps.js.map

package/build/esm/components/PromptSignIn/hooks/usePromptSignInProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePromptSignInProps.js","sourceRoot":"../../../../../src","sources":["components/PromptSignIn/hooks/usePromptSignInProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,oBAAoB,CAAC,aAAwD;IACzF,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,aAAa;YAChB,CAAC,CAAC,GAAG,EAAE;gBACD,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YACxB,CAAC;YACH,CAAC,CAAC,SAAS,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,CAAC;AACzD,CAAC","sourcesContent":["import * as React from 'react';\n\nexport function usePromptSignInProps(onClickSignIn?: React.EventHandler<React.SyntheticEvent>) {\n    const [openTimestamp, setTime] = React.useState(0);\n    const requireSignIn = React.useMemo(() => {\n        return onClickSignIn\n            ? () => {\n                  setTime(Date.now());\n              }\n            : undefined;\n    }, [onClickSignIn, setTime]);\n\n    return {onClickSignIn, openTimestamp, requireSignIn};\n}\n"]}

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

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

package/build/esm/components/Search/Search.js

@@ -1,11 +1,12 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
 import lodashDebounce from 'lodash/debounce';
-import { useIsIPhone } from '../../hooks/useIsIPhone';
-import { Keyset, i18n } from '../../i18n';
-import { Close } from '../../icons/Close';
-import { SearchIcon } from '../../icons/SearchIcon';
-import { block } from '../../utils/cn';
+import { useIsIPhone } from "../../hooks/useIsIPhone.js";
+import { Keyset, i18n } from "../../i18n/index.js";
+import { Close } from "../../icons/Close.js";
+import { SearchIcon } from "../../icons/SearchIcon.js";
+import { block } from "../../utils/cn.js";
 import './Search.css';
 const b = block('search');
 const SEARCH_ICON_SIZE = 16;
@@ -19,20 +20,20 @@ const AUTOFOCUS_TIMEOUT = 0;
  */
 export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18n(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = lodashDebounce(onSubmit, debounce);
-    const [value, setValue] = useState(initialValue);
-    const inputRef = useRef(null);
+    const [value, setValue] = React.useState(initialValue);
+    const inputRef = React.useRef(null);
     const isIPhone = useIsIPhone();
-    useEffect(() => {
+    React.useEffect(() => {
         if (externalValue !== undefined) {
             setValue(externalValue);
         }
     }, [externalValue]);
-    useEffect(() => {
+    React.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 = useMemo(() => {
+    const rightContent = React.useMemo(() => {
         const iconData = value ? Close : SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
@@ -44,14 +45,13 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value },
-            React.createElement(Icon, { size: iconSize, data: iconData })));
+        return (_jsx("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value, children: _jsx(Icon, { size: iconSize, data: iconData }) }));
     }, [handleChange, onSubmit, value]);
-    return (React.createElement("div", { className: b({ size }, className) },
-        React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+    return (_jsx("div", { className: b({ size }, className), children: _jsx(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'),
-            }, rightContent: rightContent })));
-};
+            }, endContent: rightContent }) }));
+};
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {Close} from '../../icons/Close';\nimport {SearchIcon} from '../../icons/SearchIcon';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 12;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const iconData = value ? Close : SearchIcon;\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon')}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={iconData} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}

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

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

package/build/esm/components/Wrapper/Wrapper.js

@@ -1,11 +1,12 @@
-import React from 'react';
-import { DEFAULT_PADDINGS } from '../../constants';
-import { block } from '../../utils/cn';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DEFAULT_PADDINGS } from "../../constants.js";
+import { block } from "../../utils/cn.js";
 import './Wrapper.css';
 const b = block('wrapper');
-export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (React.createElement("section", { className: b({
+export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (_jsx("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));
+    }, className), "data-qa": qa, children: children }));
+//# sourceMappingURL=Wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,2BAAwB;AAGjD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAQ3B,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,gBAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,kBACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,YAEV,QAAQ,GACH,CACb,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n    >\n        {children}\n    </section>\n);\n"]}

package/build/esm/constants.d.ts

@@ -1,4 +1,4 @@
-import { Paddings } from './models/paddings';
+import { Paddings } from "./models/paddings.js";
 export declare const BREAKPOINTS: {
     xs: number;
     sm: number;
@@ -8,7 +8,7 @@ export declare const BREAKPOINTS: {
 };
 export declare const DEFAULT_THEME = "light";
 export declare const UIKIT_ROOT_CLASS = "g-root";
-export declare const UIKIT_THEME_LIGHT_CLASS: string;
+export declare const UIKIT_THEME_LIGHT_CLASS = "g-root_theme_light";
 export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",

package/build/esm/constants.js

@@ -1,4 +1,4 @@
-import { PaddingsDirections } from './models/paddings';
+import { PaddingsDirections } from "./models/paddings.js";
 export const BREAKPOINTS = {
     xs: 0,
     sm: 577,
@@ -31,4 +31,5 @@ export var DefaultGoalIds;
 export const DEFAULT_PADDINGS = {
     [PaddingsDirections.bottom]: 'l',
     [PaddingsDirections.top]: 'xs',
-};
+};
+//# sourceMappingURL=constants.js.map

package/build/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../src","sources":["constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,kBAAkB,EAAC,6BAA0B;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AACzC,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,gBAAgB,UAAU,aAAa,EAAE,CAAC;AAEpF,MAAM,CAAN,IAAY,cAiBX;AAjBD,WAAY,cAAc;IACtB,wDAAsC,CAAA;IACtC,8DAA4C,CAAA;IAC5C,oEAAkD,CAAA;IAClD,0EAAwD,CAAA;IACxD,sDAAoC,CAAA;IACpC,4DAA0C,CAAA;IAC1C,8DAA4C,CAAA;IAC5C,8DAA4C,CAAA;IAC5C,8DAA4C,CAAA;IAC5C,6CAA2B,CAAA;IAC3B,uDAAqC,CAAA;IACrC,6DAA2C,CAAA;IAC3C,kEAAgD,CAAA;IAChD,yDAAuC,CAAA;IACvC,yDAAuC,CAAA;IACvC,8DAA4C,CAAA;AAChD,CAAC,EAjBW,cAAc,KAAd,cAAc,QAiBzB;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAa;IACtC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,GAAG;IAChC,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAAI;CACjC,CAAC","sourcesContent":["import {Paddings, PaddingsDirections} from './models/paddings';\n\nexport const BREAKPOINTS = {\n    xs: 0,\n    sm: 577,\n    md: 769,\n    lg: 1081,\n    xl: 1185,\n};\n\nexport const DEFAULT_THEME = 'light';\n\nexport const UIKIT_ROOT_CLASS = 'g-root';\nexport const UIKIT_THEME_LIGHT_CLASS = `${UIKIT_ROOT_CLASS}_theme_${DEFAULT_THEME}`;\n\nexport enum DefaultGoalIds {\n    shareTop = 'SITE_BLOG_SHARE-TOP_CLICK',\n    shareBottom = 'SITE_BLOG_SHARE-BOTTOM_CLICK',\n    breadcrumbsTop = 'SITE_BLOG_BREADCRUMBS-TOP_CLICK',\n    breadcrumbsBottom = 'SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK',\n    saveTop = 'SITE_BLOG_SAVE-TOP_CLICK',\n    saveBottom = 'SITE_BLOG_SAVE-BOTTOM_CLICK',\n    saveSuggest = 'SITE_BLOG_SAVE-SUGGEST_CLICK',\n    suggest = 'SITE_BLOG_INTERESTING-CARD_CLICK',\n    bannerCommon = 'SITE_BLOG_TEXT-BANNER_CLICK',\n    cta = 'SITE_BLOG_CTA_CLICK',\n    tag = 'SITE_BLOG_THEME-SELECTOR_CLCK',\n    service = 'SITE_BLOG_SERVICE-SELECTOR_CLCK',\n    showMore = 'SITE_BLOG-PAGINATION_SHOW-MORE_CLCK',\n    next = 'SITE_BLOG-PAGINATION_NEXT_CLCK',\n    home = 'SITE_BLOG-PAGINATION_HOME_CLCK',\n    page = 'SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK',\n}\n\nexport const DEFAULT_PADDINGS: Paddings = {\n    [PaddingsDirections.bottom]: 'l',\n    [PaddingsDirections.top]: 'xs',\n};\n"]}

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -1,10 +1,10 @@
-import React, { PropsWithChildren } from 'react';
+import * as React from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
-import { DeviceContextProps } from '../contexts/DeviceContext';
-import { RouterContextProps } from '../contexts/RouterContext';
-import { SettingsContextProps } from '../contexts/SettingsContext';
-import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
-import { Locale } from '../models/locale';
+import { DeviceContextProps } from "../contexts/DeviceContext.js";
+import { RouterContextProps } from "../contexts/RouterContext.js";
+import { SettingsContextProps } from "../contexts/SettingsContext.js";
+import { ThemeValueType } from "../contexts/theme/ThemeValueContext.js";
+import { Locale } from "../models/locale.js";
 export interface BlogConstructorProviderProps {
     isMobile?: boolean;
     locale?: Locale;
@@ -15,4 +15,4 @@ export interface BlogConstructorProviderProps {
     settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
-export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: PropsWithChildren<BlogConstructorProviderProps>) => React.JSX.Element;
+export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: React.PropsWithChildren<BlogConstructorProviderProps>) => import("react/jsx-runtime").JSX.Element;