@gravity-ui/blog-constructor 6.5.1-beta.0 → 6.6.1

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

@@ -1,16 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext } from 'react';
 import { HeaderBreadcrumbs, YFMWrapper } from '@gravity-ui/page-constructor';
-import { PostInfo } from "../../components/PostInfo/PostInfo.js";
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { DefaultGoalIds } from "../../constants.js";
-import { LocaleContext } from "../../contexts/LocaleContext.js";
-import { SettingsContext } from "../../contexts/SettingsContext.js";
-import { PostPageContext } from "../../contexts/PostPageContext.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
-import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, } from "../../utils/common.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
+import { PostInfo } from '../../components/PostInfo/PostInfo';
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { DefaultGoalIds } 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, getBlogPath as getDefaultBlogPath, getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, } from '../../utils/common';
+import { AnalyticsCounter } from '../../counters/utils';
 import './Meta.css';
 const b = block('meta');
 const analyticsEventsContainer = {
@@ -23,20 +22,22 @@ const breadcrumbsGoals = prepareAnalyticsEvent({
 });
 export const Meta = (props) => {
     const { paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa } = props;
-    const { post } = React.useContext(PostPageContext);
-    const { locale } = React.useContext(LocaleContext);
+    const { post } = useContext(PostPageContext);
+    const { locale } = useContext(LocaleContext);
     const qaAttributes = getQaAttributes(qa, 'post-info');
-    const { getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
+    const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
     const blogPath = getBlogPath(locale.pathPrefix || '');
     const { title, id, date, readingTime, tags } = post;
     const breadcrumbs = getBreadcrumbs({ tags, blogPath });
     breadcrumbs.analyticsEvents = getMergedAnalyticsEvents(breadcrumbsGoals);
-    return (_jsxs(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: [breadcrumbs && (_jsx(HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })), title && (_jsx(YFMWrapper, { content: title, modifiers: {
-                    blogBreadcrumbs: true,
-                    resetPaddings: true,
-                } })), post && (_jsx(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))] }));
-};
-//# sourceMappingURL=Meta.js.map
+        }, qa: qaAttributes.wrapper },
+        breadcrumbs && (React.createElement(HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })),
+        title && (React.createElement(YFMWrapper, { content: title, modifiers: {
+                blogBreadcrumbs: true,
+                resetPaddings: true,
+            } })),
+        post && (React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))));
+};

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

@@ -1,12 +1,11 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps }, } = validators;
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 export const Meta = {
     [BlockType.Meta]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

package/build/esm/blocks/Suggest/Suggest.d.ts

@@ -1,4 +1,5 @@
-import { SuggestProps } from "../../models/blocks.js";
+import React from 'react';
+import { SuggestProps } from '../../models/blocks';
 /**
  * Suggested posts block
  *
@@ -8,4 +9,4 @@ import { SuggestProps } from "../../models/blocks.js";
  *
  * @returns -jsx
  */
-export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => React.JSX.Element | null;

package/build/esm/blocks/Suggest/Suggest.js

@@ -1,14 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext } from 'react';
 import { SliderBlock } from '@gravity-ui/page-constructor';
-import { PostCard } from "../../components/PostCard/PostCard.js";
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PostPageContext } from "../../contexts/PostPageContext.js";
-import { Keyset, i18n } from "../../i18n/index.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { prepareAnalyticsEvent } from "../../utils/common.js";
-import { DefaultGoalIds } from "../../constants.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
+import { PostCard } from '../../components/PostCard/PostCard';
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PostPageContext } from '../../contexts/PostPageContext';
+import { Keyset, i18n } from '../../i18n';
+import { PaddingsDirections } from '../../models/paddings';
+import { prepareAnalyticsEvent } from '../../utils/common';
+import { DefaultGoalIds } from '../../constants';
+import { AnalyticsCounter } from '../../counters/utils';
 const suggestGoals = prepareAnalyticsEvent({
     name: DefaultGoalIds.suggest,
     counter: AnalyticsCounter.CrossSite,
@@ -23,13 +22,13 @@ const suggestGoals = prepareAnalyticsEvent({
  * @returns -jsx
  */
 export const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
-    const { suggestedPosts } = React.useContext(PostPageContext);
+    const { suggestedPosts } = useContext(PostPageContext);
     if (suggestedPosts.length === 0) {
         return null;
     }
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, children: _jsx(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, lazyLoad: false, children: suggestedPosts.map((post) => (_jsx(PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
-};
-//# sourceMappingURL=Suggest.js.map
+        } },
+        React.createElement(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, lazyLoad: false }, suggestedPosts.map((post) => (React.createElement(PostCard, { key: post.id, analyticsEvents: suggestGoals, post: post }))))));
+};

package/build/esm/blocks/Suggest/schema.js

@@ -1,12 +1,11 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps }, } = validators;
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 export const Suggest = {
     [BlockType.Suggest]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

package/build/esm/blocks/YFM/YFM.d.ts

@@ -1,2 +1,3 @@
-import { YFMProps } from "../../models/blocks.js";
-export declare const YFM: (props: YFMProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { YFMProps } from '../../models/blocks';
+export declare const YFM: (props: YFMProps) => React.JSX.Element;

package/build/esm/blocks/YFM/YFM.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { YFMWrapper } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { cn } from "../../utils/cn.js";
-import { getQaAttributes } from "../../utils/common.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { cn } from '../../utils/cn';
+import { getQaAttributes } from '../../utils/common';
 const b = cn('yfm');
 export const YFM = (props) => {
     const { text, paddingTop, paddingBottom, qa } = props;
     const qaAttributes = getQaAttributes(qa);
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: _jsx(YFMWrapper, { content: text, modifiers: {
+        }, qa: qaAttributes.wrapper },
+        React.createElement(YFMWrapper, { content: text, modifiers: {
                 blog: true,
                 resetPaddings: true,
-            }, className: b({ 'no-list-reset': true }) }) }));
-};
-//# sourceMappingURL=YFM.js.map
+            }, className: b({ 'no-list-reset': true }) })));
+};

package/build/esm/blocks/YFM/schema.js

@@ -1,7 +1,7 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps }, } = validators;
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 export const YFM = {
     [BlockType.YFM]: {
         type: 'object',
@@ -12,5 +12,4 @@ export const YFM = {
                 contentType: 'yfm',
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

package/build/esm/blocks/constants.js

@@ -2,5 +2,4 @@ export const CONTENT_DEFAULT_SIZE = 's';
 export const CONTENT_DEFAULT_COL_SIZES = { all: 12, md: 12 };
 export const CONTENT_DEFAULT_THEME = 'default';
 export const DEFAULT_PAGE = 1;
-export const DEFAULT_ROWS_PER_PAGE = 12;
-//# sourceMappingURL=constants.js.map
+export const DEFAULT_ROWS_PER_PAGE = 12;

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

@@ -1,8 +1,9 @@
-import { ClassNameProps, HeaderBlockProps } from "../../models/common.js";
-import { ControlsProps } from "./components/Controls/Controls.js";
+import React from 'react';
+import { ClassNameProps, HeaderBlockProps } from '../../models/common';
+import { ControlsProps } from './components/Controls/Controls';
 import './FeedHeader.css';
 type HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;
 type FeedHeaderProps = HeaderProps & ControlsProps;
 type FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;
-export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => React.JSX.Element;
 export {};

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

@@ -1,15 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { BackgroundImage, FullWidthBackground, Grid, getThemedValue, } from '@gravity-ui/page-constructor';
-import { block } from "../../utils/cn.js";
-import { Controls } from "./components/Controls/Controls.js";
+import { block } from '../../utils/cn';
+import { Controls } from './components/Controls/Controls';
 import './FeedHeader.css';
 const b = block('feed-header');
 export const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, }) => {
     const backgroundThemed = background && getThemedValue(background, theme);
-    return (_jsxs("header", { className: b('header', { ['has-background']: Boolean(background) }, className), children: [(backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (_jsx(FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null, _jsxs(Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }), children: [backgroundThemed ? (_jsx(BackgroundImage, { src: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.url, className: b('background'), imageClassName: b('background-img'), style: {
-                            backgroundColor: backgroundThemed.fullWidth
-                                ? ''
-                                : backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color,
-                        }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null, _jsx(Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams })] })] }));
-};
-//# sourceMappingURL=FeedHeader.js.map
+    return (React.createElement("header", { className: b('header', { ['has-background']: Boolean(background) }, className) },
+        (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (React.createElement(FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null,
+        React.createElement(Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }) },
+            backgroundThemed ? (React.createElement(BackgroundImage, { src: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.url, className: b('background'), imageClassName: b('background-img'), style: {
+                    backgroundColor: backgroundThemed.fullWidth
+                        ? ''
+                        : backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color,
+                }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null,
+            React.createElement(Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams }))));
+};

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

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { FetchArgs, Query } from "../../../../models/common.js";
+import React, { ReactNode } from 'react';
+import { FetchArgs, Query } from '../../../../models/common';
 import './Controls.css';
 export type SelectItem = {
     content: string;
     value: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
 };
 export type ControlsProps = {
     handleLoadData: (props: FetchArgs) => void;
@@ -12,4 +12,4 @@ export type ControlsProps = {
     services?: SelectItem[];
     queryParams: Query;
 };
-export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => React.JSX.Element;

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

@@ -1,32 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Button, Icon, Select } from '@gravity-ui/uikit';
-import { DefaultGoalIds } from "../../../../constants.js";
-import { LikesContext } from "../../../../contexts/LikesContext.js";
-import { MobileContext } from "../../../../contexts/MobileContext.js";
-import { AnalyticsCounter } from "../../../../counters/utils.js";
-import { Keyset, i18n } from "../../../../i18n/index.js";
-import { Save } from "../../../../icons/Save.js";
-import { DefaultEventNames } from "../../../../models/common.js";
-import { block } from "../../../../utils/cn.js";
-import { Search } from "../../../Search/Search.js";
-import { prepareAnalyticsEvent } from "../../../../utils/common.js";
-import { renderFilter, renderOption, renderSwitcher } from "./customRenders.js";
+import { DefaultGoalIds } from '../../../../constants';
+import { LikesContext } from '../../../../contexts/LikesContext';
+import { MobileContext } from '../../../../contexts/MobileContext';
+import { AnalyticsCounter } from '../../../../counters/utils';
+import { Keyset, i18n } from '../../../../i18n';
+import { Save } from '../../../../icons/Save';
+import { DefaultEventNames } from '../../../../models/common';
+import { block } from '../../../../utils/cn';
+import { Search } from '../../../Search/Search';
+import { prepareAnalyticsEvent } from '../../../../utils/common';
+import { renderFilter, renderOption, renderSwitcher } from './customRenders';
 import './Controls.css';
 const b = block('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) => {
-    const { hasLikes } = React.useContext(LikesContext);
+    const { hasLikes } = useContext(LikesContext);
     const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);
     const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);
     const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
-    const [savedOnly, setSavedOnly] = React.useState(savedOnlyInitial === 'true');
-    const [search, setSearch] = React.useState(searchInitial);
-    const isMobile = React.useContext(MobileContext);
+    const [savedOnly, setSavedOnly] = useState(savedOnlyInitial === 'true');
+    const [search, setSearch] = useState(searchInitial);
+    const isMobile = useContext(MobileContext);
     const handleSavedOnly = () => {
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
@@ -85,16 +84,27 @@ export const Controls = ({ handleLoadData, tags = [], services = [], queryParams
             query: { services: servicesAsString, page: DEFAULT_PAGE },
         });
     };
-    const tagsItems = React.useMemo(() => [{ value: 'empty', content: i18n(Keyset.AllTags) }, ...tags], [tags]);
-    const servicesItems = React.useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return (_jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-item', { title: true }), children: i18n(Keyset.Title) }), _jsxs("div", { className: b('header-item', { filters: true }), children: [_jsx("div", { className: b('filter-item'), children: _jsx(Search, { className: b('search'), placeholder: i18n(Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch }) }), _jsx("div", { className: b('filter-item'), children: _jsx(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 ? (_jsx("div", { className: b('filter-item'), children: _jsx(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 ? (_jsx("div", { className: b('filter-item', { 'width-auto': true }), children: _jsxs(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly, children: [_jsx(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }), i18n(Keyset.ActionSavedOnly)] }) })) : null] })] }));
-};
-//# sourceMappingURL=Controls.js.map
+    const tagsItems = useMemo(() => [{ value: 'empty', content: i18n(Keyset.AllTags) }, ...tags], [tags]);
+    const servicesItems = useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
+    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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SelectOption, SelectProps } from '@gravity-ui/uikit';
-import { CustomSwitcherProps } from "../CustomSwitcher/CustomSwitcher.js";
+import { CustomSwitcherProps } from '../CustomSwitcher/CustomSwitcher';
 import './Controls.css';
 type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     initial: CustomSwitcherProps['initial'];
@@ -9,5 +10,5 @@ type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
 type RenderFilterType = SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
 export declare const renderFilter: RenderFilterType;
-export declare const renderOption: (option: SelectOption) => import("react/jsx-runtime").JSX.Element;
+export declare const renderOption: (option: SelectOption) => React.JSX.Element;
 export {};

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

@@ -1,24 +1,20 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { TextInput } from '@gravity-ui/uikit';
-import { Keyset, i18n } from "../../../../i18n/index.js";
-import { block } from "../../../../utils/cn.js";
-import { CustomSelectOption, } from "../CustomSelectOption/CustomSelectOption.js";
-import { CustomSwitcher } from "../CustomSwitcher/CustomSwitcher.js";
+import { Keyset, i18n } from '../../../../i18n';
+import { block } from '../../../../utils/cn';
+import { CustomSelectOption, } from '../CustomSelectOption/CustomSelectOption';
+import { CustomSwitcher } from '../CustomSwitcher/CustomSwitcher';
 import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
 (_a) => {
     var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = __rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
-    return (_jsx(CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, triggerProps: {
-            onClick,
-            onKeyDown,
-        }, renderClear: renderClear, a11yProps: a11yProps }));
+    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 (_jsx(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) }));
+    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) => (_jsx(CustomSelectOption, { data: option }));
-//# sourceMappingURL=customRenders.js.map
+export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SelectOption as SelectOptionType } from '@gravity-ui/uikit';
 import './CustomSelectOption.css';
 export type CustomSelectOptionProps = {
@@ -6,4 +6,4 @@ export type CustomSelectOptionProps = {
         icon?: React.ReactElement;
     } & SelectOptionType;
 };
-export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { block } from "../../../../utils/cn.js";
+import React from 'react';
+import { block } from '../../../../utils/cn';
 import './CustomSelectOption.css';
 const b = block('feed-custom-select-option');
-export const CustomSelectOption = ({ data }) => (_jsxs("div", { className: b(), children: [_jsx("span", { className: b('icon'), children: data.icon }), _jsx("span", { children: data.content })] }));
-//# sourceMappingURL=CustomSelectOption.js.map
+export const CustomSelectOption = ({ data }) => (React.createElement("div", { className: b() },
+    React.createElement("span", { className: b('icon') }, data.icon),
+    React.createElement("span", null, data.content)));

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

@@ -24,7 +24,7 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
   outline: 0;
 }
-.bc-feed-custom-switcher__custom-switcher + div[data-floating-ui-status] {
+.bc-feed-custom-switcher__custom-switcher + .g-popup.g-popup_open {
   position: absolute !important;
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SelectProps } from '@gravity-ui/uikit';
-import { SelectItem } from "../Controls/Controls.js";
+import { SelectItem } from '../Controls/Controls';
 import './CustomSwitcher.css';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
 type TriggerProps = Required<RenderControlParameters>['triggerProps'];
@@ -14,5 +15,5 @@ export type CustomSwitcherProps = {
     controlRef: RenderControlParameters['ref'];
     a11yProps: RenderControlA11yProps;
 } & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
-export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }: CustomSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useMemo } from 'react';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
-import { DropdownArrow } from "../../../../icons/DropdownArrow.js";
-import { Close } from "../../../../icons/Close.js";
-import { block } from "../../../../utils/cn.js";
+import { DropdownArrow } from '../../../../icons/DropdownArrow';
+import { Close } from '../../../../icons/Close';
+import { block } from '../../../../utils/cn';
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }) => {
-    const itemsNames = React.useMemo(() => {
+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))
             .map((item) => item.content);
@@ -17,9 +16,14 @@ export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
     const contentElementId = useUniqId();
-    return (_jsxs("div", { className: b('custom-switcher'), ref: controlRef, children: [_jsx("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })), _jsx("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true, children: itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ') }), renderClear &&
-                renderClear({
-                    renderIcon: () => (_jsx(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
-                }), hasCounter && (_jsx("div", { className: b('custom-switcher-element', { counter: true }), children: itemsNames.length })), _jsx("div", { className: b('custom-switcher-element', { arrow: true }), children: _jsx(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }) })] }));
-};
-//# sourceMappingURL=CustomSwitcher.js.map
+    return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
+        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({
+                renderIcon: () => (React.createElement(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+            }),
+        hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
+        React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
+            React.createElement(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));
+};

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

@@ -1,4 +1,4 @@
-import { MetaProps } from "../../models/common.js";
+import { MetaProps } from '../../models/common';
 /**
  * Wrapper on meta data of page
  *

package/build/esm/components/MetaWrapper/MetaWrapper.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Helmet } from 'react-helmet';
 /**
  * Wrapper on meta data of page
@@ -8,5 +8,4 @@ import { Helmet } from 'react-helmet';
  *
  * @returns jsx
  */
-export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? _jsx(Helmet, { children: metaComponent }) : metaComponent;
-//# sourceMappingURL=MetaWrapper.js.map
+export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? React.createElement(Helmet, null, metaComponent) : metaComponent;

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

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