@gravity-ui/blog-constructor 2.3.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [3.0.0](https://github.com/gravity-ui/blog-constructor/compare/v2.3.0...v3.0.0) (2023-04-10)
+
+
+### ⚠ BREAKING CHANGES
+
+* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25))
+
+### Features
+
+* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25)) ([7b1ab2c](https://github.com/gravity-ui/blog-constructor/commit/7b1ab2c12aa9ef4f8e5a11853508a9b439a196d7))
+
 ## [2.3.0](https://github.com/gravity-ui/blog-constructor/compare/v2.2.0...v2.3.0) (2023-04-10)
 
 

package/build/cjs/blocks/Feed/Feed.js

@@ -38,7 +38,6 @@ const Posts_1 = require("../../components/Posts/Posts");
 const PostsError_1 = require("../../components/PostsError/PostsError");
 const constants_1 = require("../../constants");
 const FeedContext_1 = require("../../contexts/FeedContext");
-const LocaleContext_1 = require("../../contexts/LocaleContext");
 const RouterContext_1 = require("../../contexts/RouterContext");
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
@@ -56,7 +55,6 @@ const Feed = ({ image }) => {
     var _a;
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = (0, react_1.useContext)(FeedContext_1.FeedContext);
     const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
-    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = (0, react_1.useReducer)(reducer_1.reducer, {
         errorLoad: false,
@@ -79,6 +77,12 @@ const Feed = ({ image }) => {
     };
     const handleChangeQueryParams = (value) => {
         dispatch({ type: reducer_1.ActionTypes.QueryParamsChange, payload: value });
+        const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
+        if (hasFirstPageQuery) {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            value[PAGE_QUERY] = null;
+        }
+        router.updateQueryCallback(value);
     };
     const handlePageChange = async (value) => {
         pageChange(value);
@@ -169,22 +173,6 @@ const Feed = ({ image }) => {
         value: tag.slug,
         icon: tag.icon && react_1.default.createElement(uikit_1.Icon, { data: tag.icon }),
     })), [tags]);
-    (0, react_1.useEffect)(() => {
-        const queryString = Object.keys(queryParams)
-            .reduce((acc, curr) => {
-            if (curr === PAGE_QUERY && queryParams[curr] === FIRST_PAGE) {
-                return acc;
-            }
-            if (queryParams[curr]) {
-                acc.push(`${curr}=${queryParams[curr]}`);
-            }
-            return acc;
-        }, [])
-            .join('&');
-        const pathPrefix = (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) ? `/${locale === null || locale === void 0 ? void 0 : locale.pathPrefix}/` : '/';
-        const newUrl = `${pathPrefix}blog${queryString ? `?${queryString}` : ''}`;
-        window.history.replaceState(Object.assign(Object.assign({}, window.history.state), { as: newUrl, url: newUrl }), '', newUrl);
-    }, [locale === null || locale === void 0 ? void 0 : locale.pathPrefix, queryParams]);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(FeedHeader_1.FeedHeader, { verticalOffset: "s", tags: tagItems, services: serviceItems, setIsFetching: setIsFetching, handleChangeQuery: handleChangeQueryParams, queryParams: queryParams, background: {
                 fullWidth: true,

package/build/cjs/contexts/RouterContext.d.ts

@@ -5,5 +5,6 @@ export interface RouterContextProps {
     as: string;
     hostname: string;
     query?: Query;
+    updateQueryCallback: (query: Query) => void;
 }
 export declare const RouterContext: React.Context<RouterContextProps>;

package/build/esm/blocks/Feed/Feed.js

@@ -9,7 +9,6 @@ import { Posts } from '../../components/Posts/Posts';
 import { PostsError } from '../../components/PostsError/PostsError';
 import { BlogMetrikaGoalIds } from '../../constants';
 import { FeedContext } from '../../contexts/FeedContext';
-import { LocaleContext } from '../../contexts/LocaleContext';
 import { RouterContext } from '../../contexts/RouterContext';
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
@@ -27,7 +26,6 @@ export const Feed = ({ image }) => {
     var _a;
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = useContext(FeedContext);
     const router = useContext(RouterContext);
-    const { locale } = useContext(LocaleContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = useReducer(reducer, {
         errorLoad: false,
@@ -50,6 +48,12 @@ export const Feed = ({ image }) => {
     };
     const handleChangeQueryParams = (value) => {
         dispatch({ type: ActionTypes.QueryParamsChange, payload: value });
+        const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
+        if (hasFirstPageQuery) {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            value[PAGE_QUERY] = null;
+        }
+        router.updateQueryCallback(value);
     };
     const handlePageChange = async (value) => {
         pageChange(value);
@@ -140,22 +144,6 @@ export const Feed = ({ image }) => {
         value: tag.slug,
         icon: tag.icon && React.createElement(Icon, { data: tag.icon }),
     })), [tags]);
-    useEffect(() => {
-        const queryString = Object.keys(queryParams)
-            .reduce((acc, curr) => {
-            if (curr === PAGE_QUERY && queryParams[curr] === FIRST_PAGE) {
-                return acc;
-            }
-            if (queryParams[curr]) {
-                acc.push(`${curr}=${queryParams[curr]}`);
-            }
-            return acc;
-        }, [])
-            .join('&');
-        const pathPrefix = (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) ? `/${locale === null || locale === void 0 ? void 0 : locale.pathPrefix}/` : '/';
-        const newUrl = `${pathPrefix}blog${queryString ? `?${queryString}` : ''}`;
-        window.history.replaceState(Object.assign(Object.assign({}, window.history.state), { as: newUrl, url: newUrl }), '', newUrl);
-    }, [locale === null || locale === void 0 ? void 0 : locale.pathPrefix, queryParams]);
     return (React.createElement("div", null,
         React.createElement(FeedHeader, { verticalOffset: "s", tags: tagItems, services: serviceItems, setIsFetching: setIsFetching, handleChangeQuery: handleChangeQueryParams, queryParams: queryParams, background: {
                 fullWidth: true,

package/build/esm/contexts/RouterContext.d.ts

@@ -5,5 +5,6 @@ export interface RouterContextProps {
     as: string;
     hostname: string;
     query?: Query;
+    updateQueryCallback: (query: Query) => void;
 }
 export declare const RouterContext: React.Context<RouterContextProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {