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

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

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

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

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

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

@@ -1,16 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadingTime = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../../i18n");
-const Time_1 = require("../../../icons/Time");
-const cn_1 = require("../../../utils/cn");
+const i18n_1 = require("../../../i18n/index.js");
+const Time_1 = require("../../../icons/Time.js");
+const cn_1 = require("../../../utils/cn.js");
 const b = (0, cn_1.block)('post-info');
 const ICON_SIZE = 16;
-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;
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AAEvC,iDAA2C;AAC3C,iDAAyC;AACzC,6CAAwC;AAKxC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQd,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IAAC,IAAI,EAAE,WAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC9D,EACN,IAAA,WAAI,EAAC,aAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC;AAPW,QAAA,WAAW,eAOtB","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {Time} from '../../../icons/Time';\nimport {block} from '../../../utils/cn';\n\nimport {QAProps} from '../../../models/common';\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Time} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}

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

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

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

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Save = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = 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");
-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 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 ICON_SIZE = 16;
 const b = (0, cn_1.block)('post-info');
 /**
@@ -27,12 +28,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 } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const { toggleLike, isSignedInUser, requireSignIn } = React.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 (react_1.default.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
+    return ((0, jsx_runtime_1.jsx)("button", { className: b('item', { size, save: true }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
             event.preventDefault();
@@ -48,10 +49,7 @@ 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 },
-        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))));
+        }, "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 })] }) }));
 };
-exports.Save = Save;
+exports.Save = Save;
+//# sourceMappingURL=Save.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAA+E;AAC/E,6CAAkD;AAElD,oEAA4D;AAC5D,iDAAqD;AACrD,6DAAqD;AACrD,sDAAkE;AAClE,6CAAwC;AACxC,qDAAqD;AAGrD,iDAA2C;AAE3C,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACI,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,IAAI,EACJ,KAAK,EACL,EAAE,EACF,eAAe,GACP,EAAE,EAAE;IACZ,MAAM,EAAC,UAAU,EAAE,cAAc,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACnF,MAAM,eAAe,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,IAAA,iBAAS,GAAE,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC;IAEjD,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,6EAA6E;YAC7E,mHAAmH;YACnH,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;YAE7C,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,OAAO;YACX,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,cAAc,IAAI,aAAa,EAAE,CAAC;gBACnC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;YACX,CAAC;YAED,IAAA,uBAAc,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC7C,cAAc,EAAE,CAAC;YACjB,eAAe,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC,aACQ,EAAE,kBACG,WAAW,gBACb,cAAc,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,sBACxC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,YAE7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC,aACrD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IACD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,uBAAU,CAAC,CAAC,CAAC,WAAQ,EACzC,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAC,CAAC,GAC9C,GACC,EACP,iCAAM,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,YAChE,KAAK,GACH,IACL,GACD,CACZ,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,IAAI,QA2Df","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {Save as SaveIcon} from '../../../icons/Save';\nimport {SaveFilled} from '../../../icons/SaveFilled';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\n\nimport '../PostInfo.scss';\nimport {Keyset, i18n} from '../../../i18n';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? SaveFilled : SaveIcon}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}

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

@@ -1,8 +1,7 @@
-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) => React.JSX.Element;
+export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => import("react/jsx-runtime").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 react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = 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");
-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 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 b = (0, cn_1.block)('post-info');
 const Sharing = ({ theme, analyticsEvents }) => {
-    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 router = React.useContext(RouterContext_1.RouterContext);
+    const isMobile = React.useContext(MobileContext_1.MobileContext);
+    const { shareOptions } = React.useContext(PostPageContext_1.PostPageContext);
     const handleAnalyticsGlobal = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.ShareButton);
-    const handleAnalytics = (0, react_1.useCallback)(() => {
+    const handleAnalytics = React.useCallback(() => {
         handleAnalyticsGlobal(analyticsEvents);
     }, [analyticsEvents, handleAnalyticsGlobal]);
-    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 }))));
+    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 }) }) }));
 };
-exports.Sharing = Sharing;
+exports.Sharing = Sharing;
+//# sourceMappingURL=Sharing.js.map

package/build/cjs/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,qDAA+B;AAE/B,uDAA0E;AAC1E,mEAA+E;AAE/E,sEAA8D;AAC9D,0EAAkE;AAClE,sEAA8D;AAC9D,iDAA2C;AAC3C,iEAAyD;AACzD,sDAAyD;AACzD,6CAAwC;AACxC,qDAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAOtB,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,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,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,yBAAY,IACT,GAAG,EAAE,IAAA,wBAAe,EAAC,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,iCAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,2BAAY,EACxB,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,OAAO,WA+BlB","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/cjs/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";
 type PostCardProps = {
     containerId: string;
     currentPage: number;
@@ -8,12 +8,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/cjs/components/Posts/Posts.js

@@ -1,34 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Posts = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 b = (0, cn_1.block)('posts');
-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;
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Posts.js","sourceRoot":"../../../../src","sources":["components/Posts/Posts.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,6CAAyC;AAEzC,8CAAwC;AACxC,mDAA6F;AAC7F,0CAAqC;AACrC,yDAAiD;AACjD,sDAA8C;AAC9C,4DAAoD;AAIpD,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,OAAO,CAAC,CAAC;AAoBlB,MAAM,KAAK,GAAG,CAAC,EAClB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,cAAc,EACd,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,8BAA8B,EAC9B,WAAW,GACC,EAAE,EAAE,CAAC,CACjB,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAI,EACvD,iCAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,SAAS,EAAE,UAAU,EAAC,CAAC,aACzE,gBAAgB,IAAI,WAAW,KAAK,CAAC,IAAI,CACtC,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,uBAAC,mBAAQ,IACL,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAE,qBAAY,CAAC,MAAM,EACzB,SAAS,QACT,OAAO,QACP,iBAAiB,EAAE,kCAAyB,CAAC,EAAE,GACjD,GACA,CACT,EACA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAAC,CAAC,CAAC,CACnB,uBAAC,kCAAe,IACZ,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE;wBACN,GAAG,EAAE,EAAE;wBACP,EAAE,EAAE,CAAC;wBACL,EAAE,EAAE,CAAC;qBACR,YAEA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,uBAAC,mBAAQ,IAEL,IAAI,EAAE,IAAI,EACV,OAAO,QACP,iBAAiB,EACb,gBAAgB;4BACZ,CAAC,CAAC,kCAAyB,CAAC,EAAE;4BAC9B,CAAC,CAAC,kCAAyB,CAAC,EAAE,IANjC,IAAI,CAAC,EAAE,CAQd,CACL,CAAC,GACY,CACrB,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,KAAG,CACjB,IACC,EAEN,iCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC1B,OAAO,CAAC,iBAAiB,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,CAAC,IAAI,CAClD,uBAAC,cAAM,IACH,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAC3B,OAAO,EAAE,cAAc,YAEtB,IAAA,WAAI,EAAC,aAAM,CAAC,cAAc,CAAC,GACvB,CACZ,EACA,aAAa,IAAI,CACd,iCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aAChC,0CAAM,IAAA,WAAI,EAAC,aAAM,CAAC,UAAU,CAAC,GAAO,EACpC,0CAAM,IAAA,WAAI,EAAC,aAAM,CAAC,aAAa,CAAC,GAAO,IACrC,CACT,EACA,OAAO,CAAC,WAAW,IAAI,eAAe,CAAC,IAAI,CACxC,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,qBAAS,IACN,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,eAAe,EAC3B,YAAY,EAAE,cAAc,EAC5B,QAAQ,EAAE,QAAQ,EAClB,8BAA8B,EAAE,8BAA8B,EAC9D,WAAW,EAAE,WAAW,GAC1B,GACA,CACT,IACC,IACJ,CACT,CAAC;AAxFW,QAAA,KAAK,SAwFhB","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/cjs/components/PostsEmpty/PostsEmpty.d.ts

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

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

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostsEmpty = void 0;
-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 jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("../../i18n/index.js");
+const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('posts-empty');
-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;
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostsEmpty.js","sourceRoot":"../../../../src","sources":["components/PostsEmpty/PostsEmpty.tsx"],"names":[],"mappings":";;;;AAAA,8CAAwC;AACxC,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC5B,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAA,WAAI,EAAC,aAAM,CAAC,mBAAmB,CAAC,GAAO,EACpE,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,IAAA,WAAI,EAAC,aAAM,CAAC,qBAAqB,CAAC,GAAO,IACvE,CACT,CAAC;AALW,QAAA,UAAU,cAKrB","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/cjs/components/PostsError/PostsError.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 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/cjs/components/PostsError/PostsError.js

@@ -1,18 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostsError = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../i18n");
-const cn_1 = require("../../utils/cn");
+const i18n_1 = require("../../i18n/index.js");
+const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('posts-error');
 const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
-    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)))));
+    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) }) })] }));
 };
-exports.PostsError = PostsError;
+exports.PostsError = PostsError;
+//# sourceMappingURL=PostsError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostsError.js","sourceRoot":"../../../../src","sources":["components/PostsError/PostsError.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AAEzC,8CAAwC;AACxC,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAMxB,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,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAA,WAAI,EAAC,aAAM,CAAC,UAAU,CAAC,GAAO,EAC3D,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,IAAA,WAAI,EAAC,aAAM,CAAC,aAAa,CAAC,GAAO,EACjE,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,cAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,WAAW,YACjD,IAAA,WAAI,EAAC,aAAM,CAAC,cAAc,CAAC,GACvB,GACP,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB","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/cjs/components/Prompt/Prompt.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps } from '@gravity-ui/uikit';
 export interface PromptProps {
     text: string;
@@ -15,4 +14,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/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 react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const useHover_1 = require("../../hooks/useHover");
-const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer");
-const cn_1 = require("../../utils/cn");
+const useHover_1 = require("../../hooks/useHover.js");
+const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer.js");
+const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('prompt');
 /**
  * Popup that appears with text message and button(s) for given `actions`.
@@ -20,12 +20,10 @@ 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 (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)));
-            })))));
+    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));
+                    }) })] }) }));
 };
-exports.Prompt = Prompt;
+exports.Prompt = Prompt;
+//# sourceMappingURL=Prompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.js","sourceRoot":"../../../../src","sources":["components/Prompt/Prompt.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAsD;AAEtD,sDAA8C;AAC9C,wEAAgE;AAChE,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,QAAQ,CAAC,CAAC;AAc1B;;;;;;GAMG;AACI,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,IAAA,mBAAQ,GAAkB,CAAC;IACnD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,IAAA,qCAAiB,EAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,MAAM,IAAI,QAAQ,CAAC;IAChC,MAAM,OAAO,GAAG,aAAa,GAAG,CAAC,CAAC;IAElC,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,YAC9D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAClC,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACzC,gCAAK,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,sBAAlD,qBAAmD,CAAD;wBAAS,OAAA,CACrE,uBAAC,cAAM,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;AA9BW,QAAA,MAAM,UA8BjB","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/cjs/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/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 react_1 = tslib_1.__importDefault(require("react"));
-const i18n_1 = require("../../i18n");
-const Prompt_1 = require("../Prompt/Prompt");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("../../i18n/index.js");
+const Prompt_1 = require("../Prompt/Prompt.js");
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
@@ -17,6 +17,7 @@ const PromptSignIn = (_a) => {
             size: 'l',
         },
     ] } = _a, props = tslib_1.__rest(_a, ["text", "onClickSignIn", "actions"]);
-    return react_1.default.createElement(Prompt_1.Prompt, Object.assign({}, { text, actions }, props));
+    return (0, jsx_runtime_1.jsx)(Prompt_1.Prompt, Object.assign({ text, actions }, props));
 };
-exports.PromptSignIn = PromptSignIn;
+exports.PromptSignIn = PromptSignIn;
+//# sourceMappingURL=PromptSignIn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSignIn.js","sourceRoot":"../../../../src","sources":["components/PromptSignIn/PromptSignIn.tsx"],"names":[],"mappings":";;;;;AAEA,8CAAwC;AACxC,gDAAqD;AAMrD;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACzB,IAAI,GAAG,IAAA,WAAI,EAAC,aAAM,CAAC,kBAAkB,CAAC,EACtC,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC,CAAC,EAChD,OAAO,GAAG;QACN;YACI,QAAQ,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC;YAC7B,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,GAAG;SACZ;KACJ,OAEe,EADb,KAAK,sBAViB,oCAW5B,CADW;IACa,OAAA,uBAAC,eAAM,kBAAM,IAAI,EAAE,OAAO,IAAO,KAAK,EAAI,CAAA;CAAA,CAAC;AAXvD,QAAA,YAAY,gBAW2C","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/cjs/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/cjs/components/PromptSignIn/hooks/usePromptSignInProps.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePromptSignInProps.js","sourceRoot":"../../../../../src","sources":["components/PromptSignIn/hooks/usePromptSignInProps.ts"],"names":[],"mappings":";;AAEA,oDAWC;;AAbD,qDAA+B;AAE/B,SAAgB,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/cjs/components/Search/Search.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ClassNameProps } from '../../models/common';
+import { ClassNameProps } from "../../models/common.js";
 export type SearchSize = 's' | 'm';
 interface SearchProps extends ClassNameProps {
     value?: string;
@@ -17,5 +16,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 {};