@gravity-ui/blog-constructor 6.4.4-alpha.0 → 6.6.0

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

@@ -23,7 +23,7 @@ const breadcrumbsGoals = (0, common_1.prepareAnalyticsEvent)({
 });
 const Header = (props) => {
     const { theme, paddingTop, paddingBottom } = props;
-    const { post } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
+    const { post, breadcrumbs: customBreadcrumbs = {} } = (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 || '');
@@ -37,7 +37,7 @@ const Header = (props) => {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
         } },
-        react_1.default.createElement(page_constructor_1.HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: breadcrumbs }),
+        react_1.default.createElement(page_constructor_1.HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: Object.assign(Object.assign({}, breadcrumbs), customBreadcrumbs) }),
             react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, theme: theme, qa: "blog-header-meta-container" }))));
 };
 exports.Header = Header;

package/build/cjs/components/FeedHeader/components/Controls/Controls.js

@@ -89,27 +89,26 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
     };
     const tagsItems = (0, react_1.useMemo)(() => [{ value: 'empty', content: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags) }, ...tags], [tags]);
     const servicesItems = (0, react_1.useMemo)(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return (react_1.default.createElement(uikit_1.MobileProvider, { mobile: false },
-        react_1.default.createElement("div", { className: b('header') },
-            react_1.default.createElement("h1", { className: b('header-item', { title: true }) }, (0, i18n_1.i18n)(i18n_1.Keyset.Title)),
-            react_1.default.createElement("div", { className: b('header-item', { filters: true }) },
-                react_1.default.createElement("div", { className: b('filter-item') },
-                    react_1.default.createElement(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
-                react_1.default.createElement("div", { className: b('filter-item') },
-                    react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
-                            initial: [tagInitial],
-                            list: tagsItems,
-                            defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),
-                        }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
-                services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
-                    react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
-                            initial: servicesItems,
-                            list: services,
-                            defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices),
-                        }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
-                hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
-                    react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
-                        react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
-                        (0, i18n_1.i18n)(i18n_1.Keyset.ActionSavedOnly)))) : null))));
+    return (react_1.default.createElement("div", { className: b('header') },
+        react_1.default.createElement("h1", { className: b('header-item', { title: true }) }, (0, i18n_1.i18n)(i18n_1.Keyset.Title)),
+        react_1.default.createElement("div", { className: b('header-item', { filters: true }) },
+            react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
+            react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
+                        initial: [tagInitial],
+                        list: tagsItems,
+                        defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),
+                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
+            services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
+                        initial: servicesItems,
+                        list: services,
+                        defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices),
+                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
+            hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
+                react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
+                    react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
+                    (0, i18n_1.i18n)(i18n_1.Keyset.ActionSavedOnly)))) : null)));
 };
 exports.Controls = Controls;

package/build/cjs/components/FeedHeader/components/Controls/customRenders.d.ts

@@ -6,7 +6,8 @@ type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     list: CustomSwitcherProps['list'];
     defaultLabel: string;
 }) => SelectProps['renderControl'];
+type RenderFilterType = SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
-export declare const renderFilter: SelectProps['renderFilter'];
+export declare const renderFilter: RenderFilterType;
 export declare const renderOption: (option: SelectOption) => React.JSX.Element;
 export {};

package/build/cjs/components/FeedHeader/components/Controls/customRenders.js

@@ -11,9 +11,15 @@ const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref, onKeyDown, open, renderClear, popupId, activeIndex }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open, popupId: popupId, activeIndex: activeIndex }));
+(_a) => {
+    var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = tslib_1.__rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
+    return (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, a11yProps: a11yProps }));
+};
 exports.renderSwitcher = renderSwitcher;
-const renderFilter = ({ value, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
+const renderFilter = (_a) => {
+    var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = tslib_1.__rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
+    return (react_1.default.createElement(uikit_1.TextInput, { value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+};
 exports.renderFilter = renderFilter;
 const renderOption = (option) => (react_1.default.createElement(CustomSelectOption_1.CustomSelectOption, { data: option }));
 exports.renderOption = renderOption;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -2,11 +2,17 @@ import React from 'react';
 import { SelectProps } from '@gravity-ui/uikit';
 import { SelectItem } from '../Controls/Controls';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
+type TriggerProps = Required<RenderControlParameters>['triggerProps'];
+type A11yKeys = {
+    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;
+}[keyof TriggerProps];
+type RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;
 export type CustomSwitcherProps = {
     initial: (string | number | null)[];
     defaultLabel: string;
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
-} & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }: CustomSwitcherProps) => React.JSX.Element;
+    a11yProps: RenderControlA11yProps;
+} & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
+export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -10,7 +10,7 @@ const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }) => {
+const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }) => {
     const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -20,7 +20,7 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKe
     const hasCounter = itemsNames.length > 1;
     const contentElementId = (0, uikit_1.useUniqId)();
     return (react_1.default.createElement("div", { className: b('custom-switcher'), ref: controlRef },
-        react_1.default.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open, "aria-labelledby": contentElementId, "aria-activedescendant": activeIndex === undefined ? undefined : `${popupId}-item-${activeIndex}` }),
+        react_1.default.createElement("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })),
         react_1.default.createElement("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         renderClear &&
             renderClear({

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

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
+import { CustomConfig, HeaderBreadCrumbsProps, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
 export interface BlogPostPageProps {
     suggestedPosts: PostData[];
@@ -18,5 +18,6 @@ export interface BlogPostPageProps {
     shareOptions?: ShareOptions[];
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<SyntheticEvent>;
+    breadcrumbs?: HeaderBreadCrumbsProps;
 }
-export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;
+export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, breadcrumbs, }: BlogPostPageProps) => React.JSX.Element;

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -12,7 +12,7 @@ const PostPageContext_1 = require("../../contexts/PostPageContext");
 const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
 const useLikes_1 = require("../../hooks/useLikes");
 const SettingsContext_1 = require("../../contexts/SettingsContext");
-const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
+const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, breadcrumbs, }) => {
     const { isAnimationEnabled } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
@@ -40,6 +40,7 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
                     }
                     : undefined,
                 shareOptions,
+                breadcrumbs,
             } },
             react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
                 metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
 import { PostData } from '../models/common';
+import { HeaderBreadCrumbsProps } from '@gravity-ui/page-constructor';
 export type LikesRoutineType = {
     handleUserLike: () => void;
     hasUserLike: boolean;
@@ -11,5 +12,6 @@ export interface PostPageContextProps {
     suggestedPosts: PostData[];
     likes?: LikesRoutineType;
     shareOptions?: ShareOptions[];
+    breadcrumbs?: HeaderBreadCrumbsProps;
 }
 export declare const PostPageContext: React.Context<PostPageContextProps>;

package/build/cjs/index.d.ts

@@ -5,3 +5,4 @@ export * from './models/common';
 export * from './models/locale';
 export * from './schema';
 export { BREAKPOINTS } from './constants';
+export * from './utils';

package/build/cjs/index.js

@@ -12,4 +12,5 @@ tslib_1.__exportStar(require("./models/common"), exports);
 tslib_1.__exportStar(require("./models/locale"), exports);
 tslib_1.__exportStar(require("./schema"), exports);
 var constants_1 = require("./constants");
-Object.defineProperty(exports, "BREAKPOINTS", { enumerable: true, get: function () { return constants_1.BREAKPOINTS; } });
+Object.defineProperty(exports, "BREAKPOINTS", { enumerable: true, get: function () { return constants_1.BREAKPOINTS; } });
+tslib_1.__exportStar(require("./utils"), exports);

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

@@ -0,0 +1 @@
+export { getBreadcrumbs } from './common';

package/build/cjs/utils/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBreadcrumbs = void 0;
+var common_1 = require("./common");
+Object.defineProperty(exports, "getBreadcrumbs", { enumerable: true, get: function () { return common_1.getBreadcrumbs; } });

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

@@ -19,7 +19,7 @@ const breadcrumbsGoals = prepareAnalyticsEvent({
 });
 export const Header = (props) => {
     const { theme, paddingTop, paddingBottom } = props;
-    const { post } = useContext(PostPageContext);
+    const { post, breadcrumbs: customBreadcrumbs = {} } = useContext(PostPageContext);
     const { locale } = useContext(LocaleContext);
     const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
     const blogPath = getBlogPath(locale.pathPrefix || '');
@@ -33,6 +33,6 @@ export const Header = (props) => {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
         } },
-        React.createElement(HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: breadcrumbs }),
+        React.createElement(HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: Object.assign(Object.assign({}, breadcrumbs), customBreadcrumbs) }),
             React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, theme: theme, qa: "blog-header-meta-container" }))));
 };

package/build/esm/components/FeedHeader/components/Controls/Controls.js

@@ -1,6 +1,6 @@
 import React, { useContext, useMemo, useState } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { Button, Icon, MobileProvider, Select } from '@gravity-ui/uikit';
+import { Button, Icon, Select } from '@gravity-ui/uikit';
 import { DefaultGoalIds } from '../../../../constants';
 import { LikesContext } from '../../../../contexts/LikesContext';
 import { MobileContext } from '../../../../contexts/MobileContext';
@@ -86,26 +86,25 @@ export const Controls = ({ handleLoadData, tags = [], services = [], queryParams
     };
     const tagsItems = useMemo(() => [{ value: 'empty', content: i18n(Keyset.AllTags) }, ...tags], [tags]);
     const servicesItems = useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return (React.createElement(MobileProvider, { mobile: false },
-        React.createElement("div", { className: b('header') },
-            React.createElement("h1", { className: b('header-item', { title: true }) }, i18n(Keyset.Title)),
-            React.createElement("div", { className: b('header-item', { filters: true }) },
-                React.createElement("div", { className: b('filter-item') },
-                    React.createElement(Search, { className: b('search'), placeholder: i18n(Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
-                React.createElement("div", { className: b('filter-item') },
-                    React.createElement(Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: i18n(Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: renderSwitcher({
-                            initial: [tagInitial],
-                            list: tagsItems,
-                            defaultLabel: i18n(Keyset.AllTags),
-                        }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption })),
-                services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
-                    React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: i18n(Keyset.AllServices), renderControl: renderSwitcher({
-                            initial: servicesItems,
-                            list: services,
-                            defaultLabel: i18n(Keyset.AllServices),
-                        }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }))) : null,
-                hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
-                    React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
-                        React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
-                        i18n(Keyset.ActionSavedOnly)))) : null))));
+    return (React.createElement("div", { className: b('header') },
+        React.createElement("h1", { className: b('header-item', { title: true }) }, i18n(Keyset.Title)),
+        React.createElement("div", { className: b('header-item', { filters: true }) },
+            React.createElement("div", { className: b('filter-item') },
+                React.createElement(Search, { className: b('search'), placeholder: i18n(Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
+            React.createElement("div", { className: b('filter-item') },
+                React.createElement(Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: i18n(Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: renderSwitcher({
+                        initial: [tagInitial],
+                        list: tagsItems,
+                        defaultLabel: i18n(Keyset.AllTags),
+                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption })),
+            services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
+                React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: i18n(Keyset.AllServices), renderControl: renderSwitcher({
+                        initial: servicesItems,
+                        list: services,
+                        defaultLabel: i18n(Keyset.AllServices),
+                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }))) : null,
+            hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
+                React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
+                    React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
+                    i18n(Keyset.ActionSavedOnly)))) : null)));
 };

package/build/esm/components/FeedHeader/components/Controls/customRenders.d.ts

@@ -7,7 +7,8 @@ type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     list: CustomSwitcherProps['list'];
     defaultLabel: string;
 }) => SelectProps['renderControl'];
+type RenderFilterType = SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
-export declare const renderFilter: SelectProps['renderFilter'];
+export declare const renderFilter: RenderFilterType;
 export declare const renderOption: (option: SelectOption) => React.JSX.Element;
 export {};

package/build/esm/components/FeedHeader/components/Controls/customRenders.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React from 'react';
 import { TextInput } from '@gravity-ui/uikit';
 import { Keyset, i18n } from '../../../../i18n';
@@ -8,6 +9,12 @@ import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref, onKeyDown, open, renderClear, popupId, activeIndex }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open, popupId: popupId, activeIndex: activeIndex }));
-export const renderFilter = ({ value, onChange, onKeyDown }) => (React.createElement(TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
+(_a) => {
+    var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = __rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
+    return (React.createElement(CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, a11yProps: a11yProps }));
+};
+export const renderFilter = (_a) => {
+    var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = __rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
+    return (React.createElement(TextInput, { value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+};
 export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -3,11 +3,17 @@ import { SelectProps } from '@gravity-ui/uikit';
 import { SelectItem } from '../Controls/Controls';
 import './CustomSwitcher.css';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
+type TriggerProps = Required<RenderControlParameters>['triggerProps'];
+type A11yKeys = {
+    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;
+}[keyof TriggerProps];
+type RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;
 export type CustomSwitcherProps = {
     initial: (string | number | null)[];
     defaultLabel: string;
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
-} & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }: CustomSwitcherProps) => React.JSX.Element;
+    a11yProps: RenderControlA11yProps;
+} & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
+export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -7,7 +7,7 @@ import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }) => {
+export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }) => {
     const itemsNames = useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -17,7 +17,7 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
     const hasCounter = itemsNames.length > 1;
     const contentElementId = useUniqId();
     return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
-        React.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open, "aria-labelledby": contentElementId, "aria-activedescendant": activeIndex === undefined ? undefined : `${popupId}-item-${activeIndex}` }),
+        React.createElement("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })),
         React.createElement("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         renderClear &&
             renderClear({

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

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
+import { CustomConfig, HeaderBreadCrumbsProps, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
 import './BlogPostPage.css';
 export interface BlogPostPageProps {
@@ -19,5 +19,6 @@ export interface BlogPostPageProps {
     shareOptions?: ShareOptions[];
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<SyntheticEvent>;
+    breadcrumbs?: HeaderBreadCrumbsProps;
 }
-export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;
+export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, breadcrumbs, }: BlogPostPageProps) => React.JSX.Element;

package/build/esm/containers/BlogPostPage/BlogPostPage.js

@@ -10,7 +10,7 @@ import { useExtendedComponentMap } from '../../hooks/useExtendedComponentMap';
 import { useLikes } from '../../hooks/useLikes';
 import { SettingsContext } from '../../contexts/SettingsContext';
 import './BlogPostPage.css';
-export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
+export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, breadcrumbs, }) => {
     const { isAnimationEnabled } = useContext(SettingsContext);
     const { hasUserLike, likesCount, handleLike } = useLikes({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
@@ -38,6 +38,7 @@ export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, s
                     }
                     : undefined,
                 shareOptions,
+                breadcrumbs,
             } },
             React.createElement(PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
                 metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
 import { PostData } from '../models/common';
+import { HeaderBreadCrumbsProps } from '@gravity-ui/page-constructor';
 export type LikesRoutineType = {
     handleUserLike: () => void;
     hasUserLike: boolean;
@@ -11,5 +12,6 @@ export interface PostPageContextProps {
     suggestedPosts: PostData[];
     likes?: LikesRoutineType;
     shareOptions?: ShareOptions[];
+    breadcrumbs?: HeaderBreadCrumbsProps;
 }
 export declare const PostPageContext: React.Context<PostPageContextProps>;

package/build/esm/index.d.ts

@@ -5,3 +5,4 @@ export * from './models/common';
 export * from './models/locale';
 export * from './schema';
 export { BREAKPOINTS } from './constants';
+export * from './utils';

package/build/esm/index.js

@@ -4,4 +4,5 @@ export { BlogPage } from './containers/BlogPage/BlogPage';
 export * from './models/common';
 export * from './models/locale';
 export * from './schema';
-export { BREAKPOINTS } from './constants';
+export { BREAKPOINTS } from './constants';
+export * from './utils';

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

@@ -0,0 +1 @@
+export { getBreadcrumbs } from './common';

package/build/esm/utils/index.js

@@ -0,0 +1 @@
+export { getBreadcrumbs } from './common';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "6.4.4-alpha.0",
+  "version": "6.6.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -79,7 +79,7 @@
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.7",
     "@gravity-ui/page-constructor": "^5.0.0",
-    "@gravity-ui/uikit": "^6.1.1",
+    "@gravity-ui/uikit": "^6.26.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
@@ -93,7 +93,7 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.22.0",
+    "@gravity-ui/uikit": "^6.26.0",
     "@jest/environment": "^29.7.0",
     "@playwright/experimental-ct-react": "^1.45.3",
     "@playwright/test": "^1.45.3",