@gravity-ui/blog-constructor 5.15.0 → 5.16.0

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

@@ -164,6 +164,6 @@ const Feed = ({ image }) => {
                 url: image,
                 disableCompress: true,
             } }),
-        errorLoad ? (react_1.default.createElement(PostsError_1.PostsError, { onButtonClick: handleOnErrorReload })) : (react_1.default.createElement(Posts_1.Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))));
+        errorLoad ? (react_1.default.createElement(PostsError_1.PostsError, { onButtonClick: handleOnErrorReload })) : (react_1.default.createElement(Posts_1.Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, queryParams: queryParams, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))));
 };
 exports.Feed = Feed;

package/build/cjs/blocks/Header/Header.js

@@ -11,6 +11,7 @@ const LocaleContext_1 = require("../../contexts/LocaleContext");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const paddings_1 = require("../../models/paddings");
 const common_1 = require("../../utils/common");
+const SettingsContext_1 = require("../../contexts/SettingsContext");
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
@@ -28,8 +29,10 @@ const Header = (props) => {
     const { theme, paddingTop, paddingBottom } = props;
     const { post } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const { getBlogPath = common_1.getBlogPath } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+    const blogPath = getBlogPath(locale.pathPrefix || '');
     const { description, title, id, date, readingTime, tags } = post;
-    const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
+    const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, blogPath });
     if (theme === 'dark' && breadcrumbs) {
         breadcrumbs.theme = 'dark';
     }

package/build/cjs/blocks/Meta/Meta.js

@@ -8,6 +8,7 @@ const PostInfo_1 = require("../../components/PostInfo/PostInfo");
 const Wrapper_1 = require("../../components/Wrapper/Wrapper");
 const constants_1 = require("../../constants");
 const LocaleContext_1 = require("../../contexts/LocaleContext");
+const SettingsContext_1 = require("../../contexts/SettingsContext");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const paddings_1 = require("../../models/paddings");
 const cn_1 = require("../../utils/cn");
@@ -31,8 +32,10 @@ const Meta = (props) => {
     const { post } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
     const qaAttributes = (0, common_1.getQaAttributes)(qa, 'post-info');
+    const { getBlogPath = common_1.getBlogPath } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+    const blogPath = getBlogPath(locale.pathPrefix || '');
     const { title, id, date, readingTime, tags } = post;
-    const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
+    const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, blogPath });
     breadcrumbs.metrikaGoals = breadcrumbsGoals;
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PaginatorProps } from './types';
-export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;

package/build/cjs/components/Paginator/Paginator.js

@@ -16,10 +16,14 @@ const NavigationButton_1 = require("./components/NavigationButton");
 const PaginatorItem_1 = require("./components/PaginatorItem");
 const types_1 = require("./types");
 const utils_2 = require("./utils");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const b = (0, cn_1.block)('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
-const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
+const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
     const [pagesCount, setPagesCount] = (0, react_1.useState)((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = (0, react_1.useMemo)(() => {
+        return lodash_1.default.omit(queryParams, ['page']);
+    }, [queryParams]);
     (0, react_1.useEffect)(() => {
         const count = (0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
@@ -64,11 +68,17 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             handlePageChange(index);
         }
     };
-    const paginatorItems = (0, utils_2.getPageConfigs)({ page, pagesCount, handlePageClick });
+    const paginatorItems = (0, utils_2.getPageConfigs)({
+        page,
+        pagesCount,
+        queryParams: nonPagedQuery,
+        handlePageClick,
+    });
     if (page > 1 && isShowSupportButtons) {
         paginatorItems.unshift({
             key: types_1.ArrowType.Prev,
             dataKey: types_1.ArrowType.Prev,
+            queryParams: nonPagedQuery,
             mods: { type: types_1.ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
@@ -78,6 +88,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
     if (page < pagesCount && isShowSupportButtons) {
         paginatorItems.push({
             key: types_1.ArrowType.Next,
+            queryParams: nonPagedQuery,
             dataKey: types_1.ArrowType.Next,
             mods: { type: types_1.ArrowType.Next },
             index: page + 1,

package/build/cjs/components/Paginator/components/PaginatorItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PaginatorItemProps } from '../types';
-export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;

package/build/cjs/components/Paginator/components/PaginatorItem.js

@@ -9,13 +9,17 @@ const SettingsContext_1 = require("../../../contexts/SettingsContext");
 const cn_1 = require("../../../utils/cn");
 const common_1 = require("../../../utils/common");
 const b = (0, cn_1.block)('paginator');
-const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
+const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
-    const { addNavigationLinkForPages } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
-    const urlPath = (0, common_1.getBlogPath)((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
+    const { addNavigationLinkForPages, getBlogPath = common_1.getBlogPath } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+    const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navTag = index > 1 ? `?page=${index}` : '';
-    const navigationLink = `${urlPath || ''}${navTag}`;
+    const navigationLink = (0, react_1.useMemo)(() => {
+        const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
+            .map(([param, value]) => `${param}=${value}`)
+            .join('&');
+        return queryString ? `${urlPath}?${queryString}` : urlPath;
+    }, [queryParams, index, urlPath]);
     const renderButton = (react_1.default.createElement(uikit_1.Button, { view: "flat", size: "xl", className: b('item', mods), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(itemKey), loading: loading && Boolean(mods.active) }, content));
     return (react_1.default.createElement(react_1.Fragment, null, addNavigationLinkForPages ? (react_1.default.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, renderButton)) : (react_1.default.createElement(react_1.Fragment, null, renderButton))));
 };

package/build/cjs/components/Paginator/types.d.ts

@@ -1,11 +1,12 @@
 import type { ReactNode } from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps } from '../../models/common';
+import type { ClassNameProps, Query } from '../../models/common';
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
     content: ReactNode;
+    queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;
     index: number;
@@ -17,6 +18,7 @@ export type PaginatorProps = {
     maxPages: number;
     onPageChange: (page: number) => void;
     pageCountForShowSupportButtons?: number;
+    queryParams: Query;
 } & ClassNameProps;
 export declare enum ArrowType {
     Prev = "prev",
@@ -25,5 +27,6 @@ export declare enum ArrowType {
 export type GetPageConfigParams = {
     page: number;
     pagesCount: number;
+    queryParams: Query;
     handlePageClick: (key: number | ArrowType) => void;
 };

package/build/cjs/components/Paginator/utils.d.ts

@@ -1,3 +1,3 @@
 import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
-export declare const getPageConfigs: ({ page, pagesCount, handlePageClick }: GetPageConfigParams) => PaginatorItemProps[];
+export declare const getPageConfigs: ({ page, queryParams, pagesCount, handlePageClick, }: GetPageConfigParams) => PaginatorItemProps[];
 export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;

package/build/cjs/components/Paginator/utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPagesCount = exports.getPageConfigs = void 0;
 const MAX_VISIBLE_PAGES = 5;
-const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
+const getPageConfigs = ({ page, queryParams, pagesCount, handlePageClick, }) => {
     const paginatorItems = [];
     // it is calculating the middle of visible pages below
     const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;
@@ -19,6 +19,7 @@ const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
             dataKey: String(i),
             index: i,
             mods: { type: 'page', active: page === i },
+            queryParams,
             onClick: handlePageClick,
             content: i,
         });

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

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from 'react';
-import { PostData } from '../../models/common';
+import { PostData, Query } from '../../models/common';
 type PostCardProps = {
     containerId: string;
     currentPage: number;
@@ -13,6 +13,7 @@ type PostCardProps = {
     postsOnPage?: PostData[];
     pinnedPostOnPage?: PostData;
     pageCountForShowSupportButtons?: number;
+    queryParams: Query;
 };
-export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }: PostCardProps) => React.JSX.Element;
+export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => React.JSX.Element;
 export {};

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

@@ -12,7 +12,7 @@ const Paginator_1 = require("../Paginator/Paginator");
 const PostCard_1 = require("../PostCard/PostCard");
 const PostsEmpty_1 = require("../PostsEmpty/PostsEmpty");
 const b = (0, cn_1.block)('posts');
-const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (react_1.default.createElement("div", { className: b() },
+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') },
@@ -30,5 +30,5 @@ const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShow
             react_1.default.createElement("div", null, (0, i18n_1.i18)(i18n_1.Keyset.ErrorTitle)),
             react_1.default.createElement("div", null, (0, i18n_1.i18)(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 }))))));
+            react_1.default.createElement(Paginator_1.Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));
 exports.Posts = Posts;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface SettingsContextProps {
     addNavigationLinkForPages?: boolean;
+    getBlogPath?: (pathPrefix: string) => string;
 }
 export declare const SettingsContext: React.Context<SettingsContextProps>;

package/build/cjs/utils/common.d.ts

@@ -13,9 +13,8 @@ export declare function getAbsolutePath(router: RouterContextProps, url?: string
 export declare const getPageSearchParams: (query?: Query) => URLSearchParams;
 export declare const scrollToHash: (hash: string, browser?: string) => void;
 type CloudListTagStub = {};
-export declare const getTags: ((tags: Tag[], prefix?: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
+export declare const getTags: ((tags: Tag[], blogPath: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
 export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number, hasUserLike: boolean) => void>;
-export declare const getTagFilterUrl: (tagId: string | number, prefix: string) => string;
 export declare const updateContentSizes: ({ size, colSizes, theme, ...contentData }: ContentBlockProps) => {
     size: import("@gravity-ui/page-constructor").ContentSize;
     colSizes: {
@@ -35,10 +34,10 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
 };
 type GetBreadcrumbsProps = {
     tags?: Tag[];
-    pathPrefix?: string;
+    blogPath: string;
 };
 export declare const getBlogPath: (pathPrefix: string) => string;
-export declare const getBreadcrumbs: ({ tags, pathPrefix }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
+export declare const getBreadcrumbs: ({ tags, blogPath }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
 export declare const isMetrikaExist: (goal: NewMetrikaGoal, existGoals: NewMetrikaGoal[]) => boolean;
 export declare const getBlogElementMetrika: (blogCustomGoal: NewMetrikaGoal, existingGoals?: MetrikaGoal) => string | string[] | NewMetrikaGoal[];
 export declare const getFeedQueryParams: (queryString: Query, pageNumber?: number) => GetPostsRequest;

package/build/cjs/utils/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQaAttributes = exports.scrollOnPageChange = exports.getFeedQueryParams = exports.getBlogElementMetrika = exports.isMetrikaExist = exports.getBreadcrumbs = exports.getBlogPath = exports.updateContentSizes = exports.getTagFilterUrl = exports.postLikeStatus = exports.getTags = exports.scrollToHash = exports.getPageSearchParams = exports.getAbsolutePath = void 0;
+exports.getQaAttributes = exports.scrollOnPageChange = exports.getFeedQueryParams = exports.getBlogElementMetrika = exports.isMetrikaExist = exports.getBreadcrumbs = exports.getBlogPath = exports.updateContentSizes = exports.postLikeStatus = exports.getTags = exports.scrollToHash = exports.getPageSearchParams = exports.getAbsolutePath = void 0;
 const tslib_1 = require("tslib");
 const url_1 = require("url");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
@@ -38,43 +38,38 @@ const scrollToHash = (hash, browser) => {
     setTimeout(() => element.scrollIntoView({ behavior: browser === 'Yandex' ? 'auto' : 'smooth' }), 0);
 };
 exports.scrollToHash = scrollToHash;
-exports.getTags = (0, memoize_1.default)((tags, prefix) => {
+exports.getTags = (0, memoize_1.default)((tags, blogPath) => {
     return tags.map((_a) => {
         var { slug } = _a, tag = tslib_1.__rest(_a, ["slug"]);
         const queryParams = new URLSearchParams();
         queryParams.set('tags', slug);
-        return Object.assign(Object.assign({}, tag), { id: slug, url: `${prefix}blog?${queryParams}` });
+        return Object.assign(Object.assign({}, tag), { id: slug, url: `${blogPath}?${queryParams}` });
     });
 });
 const stub = (postId) => postId;
 exports.postLikeStatus = (0, debounce_1.default)((postId, hasUserLike) => {
     (hasUserLike ? stub : stub)(postId);
 }, 300);
-const getTagFilterUrl = (tagId, prefix) => {
-    return `${prefix}blog?tags=` + tagId;
-};
-exports.getTagFilterUrl = getTagFilterUrl;
 const updateContentSizes = (_a) => {
     var { size, colSizes, theme } = _a, contentData = tslib_1.__rest(_a, ["size", "colSizes", "theme"]);
     return (Object.assign(Object.assign({}, contentData), { size: size || constants_1.CONTENT_DEFAULT_SIZE, colSizes: colSizes || constants_1.CONTENT_DEFAULT_COL_SIZES, theme: theme || constants_1.CONTENT_DEFAULT_THEME }));
 };
 exports.updateContentSizes = updateContentSizes;
 const getBlogPath = (pathPrefix) => {
-    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
-    return `${prefix}blog`;
+    const prefix = pathPrefix ? `/${pathPrefix}` : '';
+    return `${prefix}/blog`;
 };
 exports.getBlogPath = getBlogPath;
-const getBreadcrumbs = ({ tags, pathPrefix }) => {
-    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
+const getBreadcrumbs = ({ tags, blogPath }) => {
     const breadcrumbs = {
-        items: [{ text: (0, i18n_1.i18)(i18n_1.Keyset.TitleBreadcrumbs), url: `${prefix}blog` }],
+        items: [{ text: (0, i18n_1.i18)(i18n_1.Keyset.TitleBreadcrumbs), url: blogPath }],
         theme: 'light',
     };
     if (tags === null || tags === void 0 ? void 0 : tags.length) {
-        const localizedTags = (0, exports.getTags)(tags, prefix);
+        const localizedTags = (0, exports.getTags)(tags, blogPath);
         const tag = localizedTags[0];
         // @ts-ignore todo fix
-        breadcrumbs.items.push({ text: tag.name, url: (0, exports.getTagFilterUrl)(tag.id, prefix) });
+        breadcrumbs.items.push({ text: tag.name, url: tag.url });
     }
     return breadcrumbs;
 };

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

@@ -160,5 +160,5 @@ export const Feed = ({ image }) => {
                 url: image,
                 disableCompress: true,
             } }),
-        errorLoad ? (React.createElement(PostsError, { onButtonClick: handleOnErrorReload })) : (React.createElement(Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))));
+        errorLoad ? (React.createElement(PostsError, { onButtonClick: handleOnErrorReload })) : (React.createElement(Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, queryParams: queryParams, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))));
 };

package/build/esm/blocks/Header/Header.js

@@ -6,7 +6,8 @@ import { BlogMetrikaGoalIds } from '../../constants';
 import { LocaleContext } from '../../contexts/LocaleContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { PaddingsDirections } from '../../models/paddings';
-import { getBreadcrumbs } from '../../utils/common';
+import { getBreadcrumbs, getBlogPath as getDefaultBlogPath } from '../../utils/common';
+import { SettingsContext } from '../../contexts/SettingsContext';
 /**
  * @deprecated Metrika will be deleted after launch of analyticsEvents
  */
@@ -24,8 +25,10 @@ export const Header = (props) => {
     const { theme, paddingTop, paddingBottom } = props;
     const { post } = useContext(PostPageContext);
     const { locale } = useContext(LocaleContext);
+    const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const blogPath = getBlogPath(locale.pathPrefix || '');
     const { description, title, id, date, readingTime, tags } = post;
-    const breadcrumbs = getBreadcrumbs({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
+    const breadcrumbs = getBreadcrumbs({ tags, blogPath });
     if (theme === 'dark' && breadcrumbs) {
         breadcrumbs.theme = 'dark';
     }

package/build/esm/blocks/Meta/Meta.js

@@ -4,10 +4,11 @@ import { PostInfo } from '../../components/PostInfo/PostInfo';
 import { Wrapper } from '../../components/Wrapper/Wrapper';
 import { BlogMetrikaGoalIds } from '../../constants';
 import { LocaleContext } from '../../contexts/LocaleContext';
+import { SettingsContext } from '../../contexts/SettingsContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { PaddingsDirections } from '../../models/paddings';
 import { block } from '../../utils/cn';
-import { getBreadcrumbs, getQaAttributes } from '../../utils/common';
+import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, getQaAttributes, } from '../../utils/common';
 import './Meta.css';
 const b = block('meta');
 /**
@@ -28,8 +29,10 @@ export const Meta = (props) => {
     const { post } = useContext(PostPageContext);
     const { locale } = useContext(LocaleContext);
     const qaAttributes = getQaAttributes(qa, 'post-info');
+    const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const blogPath = getBlogPath(locale.pathPrefix || '');
     const { title, id, date, readingTime, tags } = post;
-    const breadcrumbs = getBreadcrumbs({ tags, pathPrefix: (locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '' });
+    const breadcrumbs = getBreadcrumbs({ tags, blogPath });
     breadcrumbs.metrikaGoals = breadcrumbsGoals;
     return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaginatorProps } from './types';
 import './Paginator.css';
-export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;

package/build/esm/components/Paginator/Paginator.js

@@ -13,11 +13,15 @@ import { NavigationButton } from './components/NavigationButton';
 import { PaginatorItem } from './components/PaginatorItem';
 import { ArrowType } from './types';
 import { getPageConfigs, getPagesCount } from './utils';
+import _ from 'lodash';
 import './Paginator.css';
 const b = block('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
-export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
+export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
     const [pagesCount, setPagesCount] = useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = useMemo(() => {
+        return _.omit(queryParams, ['page']);
+    }, [queryParams]);
     useEffect(() => {
         const count = getPagesCount({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
@@ -62,11 +66,17 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             handlePageChange(index);
         }
     };
-    const paginatorItems = getPageConfigs({ page, pagesCount, handlePageClick });
+    const paginatorItems = getPageConfigs({
+        page,
+        pagesCount,
+        queryParams: nonPagedQuery,
+        handlePageClick,
+    });
     if (page > 1 && isShowSupportButtons) {
         paginatorItems.unshift({
             key: ArrowType.Prev,
             dataKey: ArrowType.Prev,
+            queryParams: nonPagedQuery,
             mods: { type: ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
@@ -76,6 +86,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     if (page < pagesCount && isShowSupportButtons) {
         paginatorItems.push({
             key: ArrowType.Next,
+            queryParams: nonPagedQuery,
             dataKey: ArrowType.Next,
             mods: { type: ArrowType.Next },
             index: page + 1,

package/build/esm/components/Paginator/components/PaginatorItem.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaginatorItemProps } from '../types';
 import '../Paginator.css';
-export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;

package/build/esm/components/Paginator/components/PaginatorItem.js

@@ -1,18 +1,22 @@
-import React, { Fragment, useContext } from 'react';
+import React, { Fragment, useContext, useMemo } from 'react';
 import { Button } from '@gravity-ui/uikit';
 import { LocaleContext } from '../../../contexts/LocaleContext';
 import { SettingsContext } from '../../../contexts/SettingsContext';
 import { block } from '../../../utils/cn';
-import { getBlogPath } from '../../../utils/common';
+import { getBlogPath as getDefaultBlogPath } from '../../../utils/common';
 import '../Paginator.css';
 const b = block('paginator');
-export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
+export const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
     const { locale } = useContext(LocaleContext);
-    const { addNavigationLinkForPages } = useContext(SettingsContext);
+    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navTag = index > 1 ? `?page=${index}` : '';
-    const navigationLink = `${urlPath || ''}${navTag}`;
+    const navigationLink = useMemo(() => {
+        const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
+            .map(([param, value]) => `${param}=${value}`)
+            .join('&');
+        return queryString ? `${urlPath}?${queryString}` : urlPath;
+    }, [queryParams, index, urlPath]);
     const renderButton = (React.createElement(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(itemKey), loading: loading && Boolean(mods.active) }, content));
     return (React.createElement(Fragment, null, addNavigationLinkForPages ? (React.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, renderButton)) : (React.createElement(Fragment, null, renderButton))));
 };

package/build/esm/components/Paginator/types.d.ts

@@ -1,11 +1,12 @@
 import type { ReactNode } from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps } from '../../models/common';
+import type { ClassNameProps, Query } from '../../models/common';
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
     content: ReactNode;
+    queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;
     index: number;
@@ -17,6 +18,7 @@ export type PaginatorProps = {
     maxPages: number;
     onPageChange: (page: number) => void;
     pageCountForShowSupportButtons?: number;
+    queryParams: Query;
 } & ClassNameProps;
 export declare enum ArrowType {
     Prev = "prev",
@@ -25,5 +27,6 @@ export declare enum ArrowType {
 export type GetPageConfigParams = {
     page: number;
     pagesCount: number;
+    queryParams: Query;
     handlePageClick: (key: number | ArrowType) => void;
 };

package/build/esm/components/Paginator/utils.d.ts

@@ -1,3 +1,3 @@
 import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
-export declare const getPageConfigs: ({ page, pagesCount, handlePageClick }: GetPageConfigParams) => PaginatorItemProps[];
+export declare const getPageConfigs: ({ page, queryParams, pagesCount, handlePageClick, }: GetPageConfigParams) => PaginatorItemProps[];
 export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;

package/build/esm/components/Paginator/utils.js

@@ -1,5 +1,5 @@
 const MAX_VISIBLE_PAGES = 5;
-export const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
+export const getPageConfigs = ({ page, queryParams, pagesCount, handlePageClick, }) => {
     const paginatorItems = [];
     // it is calculating the middle of visible pages below
     const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;
@@ -16,6 +16,7 @@ export const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
             dataKey: String(i),
             index: i,
             mods: { type: 'page', active: page === i },
+            queryParams,
             onClick: handlePageClick,
             content: i,
         });

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

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from 'react';
-import { PostData } from '../../models/common';
+import { PostData, Query } from '../../models/common';
 import './Posts.css';
 type PostCardProps = {
     containerId: string;
@@ -14,6 +14,7 @@ type PostCardProps = {
     postsOnPage?: PostData[];
     pinnedPostOnPage?: PostData;
     pageCountForShowSupportButtons?: number;
+    queryParams: Query;
 };
-export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }: PostCardProps) => React.JSX.Element;
+export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => React.JSX.Element;
 export {};

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

@@ -9,7 +9,7 @@ import { PostCard } from '../PostCard/PostCard';
 import { PostsEmpty } from '../PostsEmpty/PostsEmpty';
 import './Posts.css';
 const b = block('posts');
-export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (React.createElement("div", { className: b() },
+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') },
@@ -27,4 +27,4 @@ export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage,
             React.createElement("div", null, i18(Keyset.ErrorTitle)),
             React.createElement("div", null, i18(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 }))))));
+            React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));

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

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface SettingsContextProps {
     addNavigationLinkForPages?: boolean;
+    getBlogPath?: (pathPrefix: string) => string;
 }
 export declare const SettingsContext: React.Context<SettingsContextProps>;

package/build/esm/utils/common.d.ts

@@ -13,9 +13,8 @@ export declare function getAbsolutePath(router: RouterContextProps, url?: string
 export declare const getPageSearchParams: (query?: Query) => URLSearchParams;
 export declare const scrollToHash: (hash: string, browser?: string) => void;
 type CloudListTagStub = {};
-export declare const getTags: ((tags: Tag[], prefix?: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
+export declare const getTags: ((tags: Tag[], blogPath: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
 export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number, hasUserLike: boolean) => void>;
-export declare const getTagFilterUrl: (tagId: string | number, prefix: string) => string;
 export declare const updateContentSizes: ({ size, colSizes, theme, ...contentData }: ContentBlockProps) => {
     size: import("@gravity-ui/page-constructor").ContentSize;
     colSizes: {
@@ -35,10 +34,10 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
 };
 type GetBreadcrumbsProps = {
     tags?: Tag[];
-    pathPrefix?: string;
+    blogPath: string;
 };
 export declare const getBlogPath: (pathPrefix: string) => string;
-export declare const getBreadcrumbs: ({ tags, pathPrefix }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
+export declare const getBreadcrumbs: ({ tags, blogPath }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
 export declare const isMetrikaExist: (goal: NewMetrikaGoal, existGoals: NewMetrikaGoal[]) => boolean;
 export declare const getBlogElementMetrika: (blogCustomGoal: NewMetrikaGoal, existingGoals?: MetrikaGoal) => string | string[] | NewMetrikaGoal[];
 export declare const getFeedQueryParams: (queryString: Query, pageNumber?: number) => GetPostsRequest;

package/build/esm/utils/common.js

@@ -32,40 +32,36 @@ export const scrollToHash = (hash, browser) => {
     }
     setTimeout(() => element.scrollIntoView({ behavior: browser === 'Yandex' ? 'auto' : 'smooth' }), 0);
 };
-export const getTags = memoize((tags, prefix) => {
+export const getTags = memoize((tags, blogPath) => {
     return tags.map((_a) => {
         var { slug } = _a, tag = __rest(_a, ["slug"]);
         const queryParams = new URLSearchParams();
         queryParams.set('tags', slug);
-        return Object.assign(Object.assign({}, tag), { id: slug, url: `${prefix}blog?${queryParams}` });
+        return Object.assign(Object.assign({}, tag), { id: slug, url: `${blogPath}?${queryParams}` });
     });
 });
 const stub = (postId) => postId;
 export const postLikeStatus = debounce((postId, hasUserLike) => {
     (hasUserLike ? stub : stub)(postId);
 }, 300);
-export const getTagFilterUrl = (tagId, prefix) => {
-    return `${prefix}blog?tags=` + tagId;
-};
 export const updateContentSizes = (_a) => {
     var { size, colSizes, theme } = _a, contentData = __rest(_a, ["size", "colSizes", "theme"]);
     return (Object.assign(Object.assign({}, contentData), { size: size || CONTENT_DEFAULT_SIZE, colSizes: colSizes || CONTENT_DEFAULT_COL_SIZES, theme: theme || CONTENT_DEFAULT_THEME }));
 };
 export const getBlogPath = (pathPrefix) => {
-    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
-    return `${prefix}blog`;
+    const prefix = pathPrefix ? `/${pathPrefix}` : '';
+    return `${prefix}/blog`;
 };
-export const getBreadcrumbs = ({ tags, pathPrefix }) => {
-    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
+export const getBreadcrumbs = ({ tags, blogPath }) => {
     const breadcrumbs = {
-        items: [{ text: i18(Keyset.TitleBreadcrumbs), url: `${prefix}blog` }],
+        items: [{ text: i18(Keyset.TitleBreadcrumbs), url: blogPath }],
         theme: 'light',
     };
     if (tags === null || tags === void 0 ? void 0 : tags.length) {
-        const localizedTags = getTags(tags, prefix);
+        const localizedTags = getTags(tags, blogPath);
         const tag = localizedTags[0];
         // @ts-ignore todo fix
-        breadcrumbs.items.push({ text: tag.name, url: getTagFilterUrl(tag.id, prefix) });
+        breadcrumbs.items.push({ text: tag.name, url: tag.url });
     }
     return breadcrumbs;
 };

package/package.json

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