@gravity-ui/blog-constructor 3.1.0-alpha.0 → 3.1.0-alpha.2

package/README.md

@@ -47,6 +47,8 @@ import {BlogPostPage, BlogConstructorProvider} from '@gravity-ui/blog-constructo
 
 ```
 
+Documentation about [providerProps](./src/constructor/README.md).
+
 Also blog-constructor have server components to help you transform your data if you need
 
 ```jsx

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

@@ -53,14 +53,15 @@ const b = (0, cn_1.block)('post-info');
  * @returns jsx
  */
 const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
-    const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const { toggleLike } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
+    const isLikeable = Boolean(toggleLike);
     return (react_1.default.createElement("div", { className: b('item', { size }), 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();
             event.nativeEvent.stopImmediatePropagation();
-            if (!hasLikes) {
+            if (!isLikeable) {
                 return;
             }
             (0, common_2.postLikeStatus)(postId, Boolean(hasUserLike));
@@ -68,9 +69,9 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
             handleAnalytics();
         }, "data-qa": `${dataQa ? dataQa + '-' : ''}save` },
-        react_1.default.createElement("div", { className: b('content', { cursor: hasLikes, theme }) },
+        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", { className: b('title', { cursor: hasLikes }) }, title))));
+            react_1.default.createElement("span", { className: b('title', { cursor: isLikeable }) }, title))));
 };
 exports.Save = Save;

package/build/cjs/containers/BlogPage/BlogPage.d.ts

@@ -7,10 +7,11 @@ export type BlogPageProps = {
     services?: Service[];
     navigation?: NavigationData;
     getPosts: GetPostsType;
+    hasLikes?: boolean;
     toggleLike?: ToggleLikeCallbackType;
     metaData?: MetaProps;
     setQuery?: SetQueryType;
     settings?: PageConstructorProviderProps;
     pageCountForShowSupportButtons?: number;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;

package/build/cjs/containers/BlogPage/BlogPage.js

@@ -10,10 +10,10 @@ const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
 const blocksMap_1 = __importDefault(require("../../constructor/blocksMap"));
 const FeedContext_1 = require("../../contexts/FeedContext");
 const LikesContext_1 = require("../../contexts/LikesContext");
-const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
+const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
     react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
             toggleLike: toggleLike,
-            hasLikes: Boolean(toggleLike),
+            hasLikes,
         } },
         react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
                 posts: posts.posts,

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

@@ -25,14 +25,15 @@ const b = block('post-info');
  * @returns jsx
  */
 export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
-    const { hasLikes } = useContext(LikesContext);
+    const { toggleLike } = useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
+    const isLikeable = Boolean(toggleLike);
     return (React.createElement("div", { className: b('item', { size }), 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();
             event.nativeEvent.stopImmediatePropagation();
-            if (!hasLikes) {
+            if (!isLikeable) {
                 return;
             }
             postLikeStatus(postId, Boolean(hasUserLike));
@@ -40,8 +41,8 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
             metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
             handleAnalytics();
         }, "data-qa": `${dataQa ? dataQa + '-' : ''}save` },
-        React.createElement("div", { className: b('content', { cursor: hasLikes, theme }) },
+        React.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             React.createElement("span", { className: b('icon') },
                 React.createElement(Icon, { data: hasUserLike ? SaveFilled : SaveIcon, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) })),
-            React.createElement("span", { className: b('title', { cursor: hasLikes }) }, title))));
+            React.createElement("span", { className: b('title', { cursor: isLikeable }) }, title))));
 };

package/build/esm/containers/BlogPage/BlogPage.d.ts

@@ -8,10 +8,11 @@ export type BlogPageProps = {
     services?: Service[];
     navigation?: NavigationData;
     getPosts: GetPostsType;
+    hasLikes?: boolean;
     toggleLike?: ToggleLikeCallbackType;
     metaData?: MetaProps;
     setQuery?: SetQueryType;
     settings?: PageConstructorProviderProps;
     pageCountForShowSupportButtons?: number;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;

package/build/esm/containers/BlogPage/BlogPage.js

@@ -5,10 +5,10 @@ import componentMap from '../../constructor/blocksMap';
 import { FeedContext } from '../../contexts/FeedContext';
 import { LikesContext } from '../../contexts/LikesContext';
 import './BlogPage.css';
-export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (React.createElement("main", null,
+export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (React.createElement("main", null,
     React.createElement(LikesContext.Provider, { value: {
             toggleLike: toggleLike,
-            hasLikes: Boolean(toggleLike),
+            hasLikes,
         } },
         React.createElement(FeedContext.Provider, { value: {
                 posts: posts.posts,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "3.1.0-alpha.0",
+  "version": "3.1.0-alpha.2",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {