@gravity-ui/blog-constructor 10.0.0 → 10.0.1-alpha.1

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

@@ -5,58 +5,27 @@ unpredictable css rules order in build */
   display: flex;
   flex-direction: column;
   border-radius: var(--bc-border-radius);
-  padding-bottom: 20px;
+  padding-bottom: 32px;
   z-index: 10;
 }
-.bc-feed-controls__header-item {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-.bc-feed-controls__header-item_title {
+.bc-feed-controls__header-title {
   font-size: var(--g-text-display-4-font-size);
   line-height: var(--g-text-display-4-line-height);
+  text-align: center;
   padding-top: 112px;
   padding-bottom: 96px;
 }
-.bc-feed-controls__search {
-  width: 100%;
-  max-width: 100%;
-}
-.bc-feed-controls__filter-item {
-  margin-right: 8px;
-  margin-left: 8px;
-  margin-bottom: 12px;
-  min-width: 230px;
-  flex-grow: 1;
-}
-@media (min-width: 577px) {
-  .bc-feed-controls__filter-item {
-    max-width: 240px;
-  }
-}
-.bc-feed-controls__filter-item_width-auto {
-  width: auto;
-  min-width: auto;
-  flex-grow: 0;
-}
-.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly {
-  --g-button-background-color: var(--pc-monochrome-button-background-color);
-  --g-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
+.bc-feed-controls__header-title.bc-feed-controls__header-item_reset-margin {
+  margin: 0;
 }
-.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:link, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:visited, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:active, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:focus {
-  color: var(--pc-monochrome-button-color);
-}
-.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:hover {
-  color: var(--pc-monochrome-button-color);
-}
-
-.bc-feed-controls__saved-only-button_savedOnly:focus {
-  color: var(--g-color-base-background);
-}
-.bc-feed-controls__icon {
-  color: var(--g-color-base-brand);
+.bc-feed-controls__header-filters {
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
 }
-.bc-feed-controls__icon_savedOnly {
-  color: var(--g-color-base-background);
+.bc-feed-controls__header-filters-row {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 16px;
 }

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

@@ -1,9 +1,10 @@
-import { FetchArgs, FilterConfig, Query } from "../../../../models/common.js";
+import { FetchArgs, FiltersConfig, Query } from "../../../../models/common.js";
 import './Controls.css';
 export type ControlsProps = {
     handleLoadData: (props: FetchArgs) => void;
-    filters?: FilterConfig[];
+    filters?: FiltersConfig;
     queryParams: Query;
     title?: string;
+    resetTitleMargin?: boolean;
 };
-export declare const Controls: ({ handleLoadData, filters, queryParams, title, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: ({ handleLoadData, filters, queryParams, title, resetTitleMargin, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,44 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Bookmark } from '@gravity-ui/icons';
-import { useAnalytics } from '@gravity-ui/page-constructor';
-import { Button, Icon, MobileProvider } from '@gravity-ui/uikit';
-import { LikesContext } from "../../../../contexts/LikesContext.js";
+import { MobileProvider } from '@gravity-ui/uikit';
 import { Keyset, i18n } from "../../../../i18n/index.js";
-import { DefaultEventNames } from "../../../../models/common.js";
+import { normalizeFiltersToRows } from "../../../../models/common.js";
 import { block } from "../../../../utils/cn.js";
-import { Search } from "../../../Search/Search.js";
-import { Filter } from "../Filters/Filter.js";
+import { FilterControl } from "../FilterControl/FilterControl.js";
 import './Controls.css';
 const b = block('feed-controls');
-const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
-export const Controls = ({ handleLoadData, filters = [], queryParams, title = i18n(Keyset.Title), }) => {
-    const { hasLikes } = React.useContext(LikesContext);
-    const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);
-    const { savedOnly: savedOnlyInitial, search: searchInitial } = queryParams || {};
-    const [savedOnly, setSavedOnly] = React.useState(savedOnlyInitial === 'true');
-    const [search, setSearch] = React.useState(searchInitial);
-    const handleSavedOnly = () => {
-        handleAnalyticsSaveOnly();
-        setSavedOnly(!savedOnly);
-        handleLoadData({
-            page: DEFAULT_PAGE,
-            query: {
-                savedOnly: savedOnly ? '' : 'true',
-                search: '',
-                page: DEFAULT_PAGE,
-            },
-        });
-    };
-    const handleSearch = React.useCallback((searchValue) => {
-        setSearch(searchValue);
-        handleLoadData({
-            page: DEFAULT_PAGE,
-            query: { search: searchValue, page: DEFAULT_PAGE },
-        });
-    }, [handleLoadData]);
-    const handleFilterSelect = React.useCallback((query) => handleLoadData({ page: DEFAULT_PAGE, query: Object.assign({ page: DEFAULT_PAGE }, query) }), [handleLoadData]);
-    return (_jsx(MobileProvider, { mobile: false, children: _jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-item', { title: true }), children: 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 }) }), filters.map((filter) => (_jsx(Filter, { filter: filter, initialValue: queryParams === null || queryParams === void 0 ? void 0 : queryParams[filter.queryParamName], onSelect: handleFilterSelect, className: b('filter-item') }, filter.queryParamName))), 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: Bookmark, size: ICON_SIZE, className: b('icon', { savedOnly }) }), i18n(Keyset.ActionSavedOnly)] }) })) : null] })] }) }));
+export const Controls = ({ handleLoadData, filters = [], queryParams, title = i18n(Keyset.Title), resetTitleMargin, }) => {
+    const handleFilterChange = React.useCallback((query) => handleLoadData({ page: DEFAULT_PAGE, query: Object.assign({ page: DEFAULT_PAGE }, query) }), [handleLoadData]);
+    const rows = normalizeFiltersToRows(filters);
+    return (_jsx(MobileProvider, { mobile: false, children: _jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-title', { 'reset-margin': resetTitleMargin }), children: title }), _jsx("div", { className: b('header-filters'), children: rows.map((row, rowIndex) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    _jsx("div", { className: b('header-filters-row'), children: row.map((filter) => (_jsx(FilterControl, { filter: filter, initialValue: queryParams === null || queryParams === void 0 ? void 0 : queryParams[filter.queryParamName], onChange: handleFilterChange }, filter.queryParamName))) }, rowIndex))) })] }) }));
 };
 //# sourceMappingURL=Controls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Bookmark} from '@gravity-ui/icons';\nimport {useAnalytics} from '@gravity-ui/page-constructor';\nimport {Button, Icon, MobileProvider} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../../../contexts/LikesContext';\nimport {Keyset, i18n} from '../../../../i18n';\nimport {DefaultEventNames, FetchArgs, FilterConfig, Query} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {Search} from '../../../Search/Search';\nimport {Filter} from '../Filters/Filter';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type ControlsProps = {\n    handleLoadData: (props: FetchArgs) => void;\n    filters?: FilterConfig[];\n    queryParams: Query;\n    title?: string;\n};\n\nconst ICON_SIZE = 16;\nconst DEFAULT_PAGE = 1;\n\nexport const Controls = ({\n    handleLoadData,\n    filters = [],\n    queryParams,\n    title = i18n(Keyset.Title),\n}: ControlsProps) => {\n    const {hasLikes} = React.useContext(LikesContext);\n    const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);\n\n    const {savedOnly: savedOnlyInitial, search: searchInitial} = queryParams || {};\n\n    const [savedOnly, setSavedOnly] = React.useState<boolean>(savedOnlyInitial === 'true');\n    const [search, setSearch] = React.useState<string>(searchInitial as string);\n\n    const handleSavedOnly = () => {\n        handleAnalyticsSaveOnly();\n        setSavedOnly(!savedOnly);\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {\n                savedOnly: savedOnly ? '' : 'true',\n                search: '',\n                page: DEFAULT_PAGE,\n            },\n        });\n    };\n\n    const handleSearch = React.useCallback(\n        (searchValue: string) => {\n            setSearch(searchValue);\n\n            handleLoadData({\n                page: DEFAULT_PAGE,\n                query: {search: searchValue, page: DEFAULT_PAGE},\n            });\n        },\n        [handleLoadData],\n    );\n\n    const handleFilterSelect = React.useCallback(\n        (query: Query) =>\n            handleLoadData({page: DEFAULT_PAGE, query: {page: DEFAULT_PAGE, ...query}}),\n        [handleLoadData],\n    );\n\n    return (\n        <MobileProvider mobile={false}>\n            <div className={b('header')}>\n                <h1 className={b('header-item', {title: true})}>{title}</h1>\n                <div className={b('header-item', {filters: true})}>\n                    <div className={b('filter-item')}>\n                        <Search\n                            className={b('search')}\n                            placeholder={i18n(Keyset.Search)}\n                            initialValue={search && typeof search === 'string' ? search : ''}\n                            onSubmit={handleSearch}\n                        />\n                    </div>\n\n                    {filters.map((filter) => (\n                        <Filter\n                            key={filter.queryParamName}\n                            filter={filter}\n                            initialValue={queryParams?.[filter.queryParamName]}\n                            onSelect={handleFilterSelect}\n                            className={b('filter-item')}\n                        />\n                    ))}\n\n                    {hasLikes ? (\n                        <div className={b('filter-item', {'width-auto': true})}>\n                            <Button\n                                view={'outlined'}\n                                className={b('saved-only-button', {savedOnly})}\n                                size=\"xl\"\n                                onClick={handleSavedOnly}\n                                selected={savedOnly}\n                            >\n                                <Icon\n                                    data={Bookmark}\n                                    size={ICON_SIZE}\n                                    className={b('icon', {savedOnly})}\n                                />\n                                {i18n(Keyset.ActionSavedOnly)}\n                            </Button>\n                        </div>\n                    ) : null}\n                </div>\n            </div>\n        </MobileProvider>\n    );\n};\n"]}
+{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAkC,sBAAsB,EAAC,qCAAkC;AAClG,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAE7D,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,gBAAgB,GACJ,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE,CACb,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,kBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,CAAC,EAAC,CAAC,EAC/E,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,IAAI,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,KAAC,cAAc,IAAC,MAAM,EAAE,KAAK,YACzB,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,aAAI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,cAAc,EAAE,gBAAgB,EAAC,CAAC,YAAG,KAAK,GAAM,EAClF,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC;oBACzB,oDAAoD;oBACpD,cAAoB,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACjD,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjB,KAAC,aAAa,IAEV,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,cAAc,CAAC,EAClD,QAAQ,EAAE,kBAAkB,IAHvB,MAAM,CAAC,cAAc,CAI5B,CACL,CAAC,IARI,QAAQ,CASZ,CACT,CAAC,GACA,IACJ,GACO,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileProvider} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {FetchArgs, FiltersConfig, Query, normalizeFiltersToRows} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {FilterControl} from '../FilterControl/FilterControl';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type ControlsProps = {\n    handleLoadData: (props: FetchArgs) => void;\n    filters?: FiltersConfig;\n    queryParams: Query;\n    title?: string;\n    resetTitleMargin?: boolean;\n};\n\nconst DEFAULT_PAGE = 1;\n\nexport const Controls = ({\n    handleLoadData,\n    filters = [],\n    queryParams,\n    title = i18n(Keyset.Title),\n    resetTitleMargin,\n}: ControlsProps) => {\n    const handleFilterChange = React.useCallback(\n        (query: Query) =>\n            handleLoadData({page: DEFAULT_PAGE, query: {page: DEFAULT_PAGE, ...query}}),\n        [handleLoadData],\n    );\n\n    const rows = normalizeFiltersToRows(filters);\n\n    return (\n        <MobileProvider mobile={false}>\n            <div className={b('header')}>\n                <h1 className={b('header-title', {'reset-margin': resetTitleMargin})}>{title}</h1>\n                <div className={b('header-filters')}>\n                    {rows.map((row, rowIndex) => (\n                        // eslint-disable-next-line react/no-array-index-key\n                        <div key={rowIndex} className={b('header-filters-row')}>\n                            {row.map((filter) => (\n                                <FilterControl\n                                    key={filter.queryParamName}\n                                    filter={filter}\n                                    initialValue={queryParams?.[filter.queryParamName]}\n                                    onChange={handleFilterChange}\n                                />\n                            ))}\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </MobileProvider>\n    );\n};\n"]}

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

@@ -0,0 +1,17 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-filter-control {
+  flex: 230px 1 0;
+  min-width: 230px;
+}
+@media (min-width: 577px) {
+  .bc-filter-control {
+    max-width: 240px;
+  }
+}
+.bc-filter-control_width-auto {
+  width: auto;
+  min-width: auto;
+  flex-grow: 0;
+  flex-basis: auto;
+}

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

@@ -0,0 +1,8 @@
+import { FilterConfig, Query } from "../../../../models/common.js";
+import './FilterControl.css';
+export type FilterControlProps = {
+    filter: FilterConfig;
+    initialValue: string | number | null | undefined;
+    onChange: (query: Query) => void;
+};
+export declare const FilterControl: ({ filter, initialValue, onChange }: FilterControlProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
+import { LikesContext } from "../../../../contexts/LikesContext.js";
+import { block } from "../../../../utils/cn.js";
+import { SavedOnlyFilter } from "../SavedOnlyFilter/SavedOnlyFilter.js";
+import { SearchFilter } from "../SearchFilter/SearchFilter.js";
+import { SelectFilter } from "../SelectFilter/SelectFilter.js";
+import './FilterControl.css';
+const b = block('filter-control');
+export const FilterControl = ({ filter, initialValue, onChange }) => {
+    const handleAnalytics = useAnalytics();
+    const { hasLikes } = React.useContext(LikesContext);
+    const handleChange = React.useCallback((query) => {
+        if (filter.analyticsEvents) {
+            handleAnalytics(filter.analyticsEvents);
+        }
+        onChange(query);
+    }, [filter.analyticsEvents, handleAnalytics, onChange]);
+    if (filter.type === 'search') {
+        const { queryParamName, placeholder } = filter;
+        return (_jsx("div", { className: b(), children: _jsx(SearchFilter, { placeholder: placeholder, initialValue: initialValue, onChange: (value) => handleChange({ [queryParamName]: value }) }) }));
+    }
+    if (filter.type === 'savedOnly') {
+        const { queryParamName } = filter;
+        if (!hasLikes) {
+            return null;
+        }
+        return (_jsx("div", { className: b({ 'width-auto': true }), children: _jsx(SavedOnlyFilter, { initialValue: initialValue === 'true', onChange: (value) => handleChange({ [queryParamName]: value ? 'true' : '', search: '' }) }) }));
+    }
+    const { queryParamName, multiple, filterable, hasClear, placeholder, options, allLabel, qa } = filter;
+    return (_jsx("div", { className: b(), children: _jsx(SelectFilter, { multiple: multiple, filterable: filterable, hasClear: hasClear, placeholder: placeholder, options: options, allLabel: allLabel, qa: qa, initialValue: initialValue, onChange: (value) => handleChange({ [queryParamName]: value }) }) }));
+};
+//# sourceMappingURL=FilterControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterControl.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/FilterControl/FilterControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAC,YAAY,EAAC,6CAA0C;AAQ/D,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,eAAe,EAAC,8CAA2C;AACnE,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAC1D,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAE1D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAQlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAClF,MAAM,eAAe,GAAG,YAAY,EAAE,CAAC;IACvC,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,KAAY,EAAE,EAAE;QACb,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAC5C,CAAC;QACD,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,CAAC,CACtD,CAAC;IAEF,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,MAAM,EAAC,cAAc,EAAE,WAAW,EAAC,GAAG,MAA4B,CAAC;QACnE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAkC,EAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAU,CAAC,GACvE,GACA,CACT,CAAC;IACN,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC9B,MAAM,EAAC,cAAc,EAAC,GAAG,MAA+B,CAAC;QAEzD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,CAAC,YACnC,KAAC,eAAe,IACZ,YAAY,EAAE,YAAY,KAAK,MAAM,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,YAAY,CAAC,EAAC,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAU,CAAC,GAEhF,GACA,CACT,CAAC;IACN,CAAC;IAED,MAAM,EAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAC,GACtF,MAA4B,CAAC;IAEjC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAiC,EAC9C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAU,CAAC,GACvE,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {LikesContext} from '../../../../contexts/LikesContext';\nimport {\n    FilterConfig,\n    Query,\n    SavedOnlyFilterConfig,\n    SearchFilterConfig,\n    SelectFilterConfig,\n} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {SavedOnlyFilter} from '../SavedOnlyFilter/SavedOnlyFilter';\nimport {SearchFilter} from '../SearchFilter/SearchFilter';\nimport {SelectFilter} from '../SelectFilter/SelectFilter';\n\nimport './FilterControl.scss';\n\nconst b = block('filter-control');\n\nexport type FilterControlProps = {\n    filter: FilterConfig;\n    initialValue: string | number | null | undefined;\n    onChange: (query: Query) => void;\n};\n\nexport const FilterControl = ({filter, initialValue, onChange}: FilterControlProps) => {\n    const handleAnalytics = useAnalytics();\n    const {hasLikes} = React.useContext(LikesContext);\n\n    const handleChange = React.useCallback(\n        (query: Query) => {\n            if (filter.analyticsEvents) {\n                handleAnalytics(filter.analyticsEvents);\n            }\n            onChange(query);\n        },\n        [filter.analyticsEvents, handleAnalytics, onChange],\n    );\n\n    if (filter.type === 'search') {\n        const {queryParamName, placeholder} = filter as SearchFilterConfig;\n        return (\n            <div className={b()}>\n                <SearchFilter\n                    placeholder={placeholder}\n                    initialValue={initialValue as string | undefined}\n                    onChange={(value) => handleChange({[queryParamName]: value} as Query)}\n                />\n            </div>\n        );\n    }\n\n    if (filter.type === 'savedOnly') {\n        const {queryParamName} = filter as SavedOnlyFilterConfig;\n\n        if (!hasLikes) {\n            return null;\n        }\n\n        return (\n            <div className={b({'width-auto': true})}>\n                <SavedOnlyFilter\n                    initialValue={initialValue === 'true'}\n                    onChange={(value) =>\n                        handleChange({[queryParamName]: value ? 'true' : '', search: ''} as Query)\n                    }\n                />\n            </div>\n        );\n    }\n\n    const {queryParamName, multiple, filterable, hasClear, placeholder, options, allLabel, qa} =\n        filter as SelectFilterConfig;\n\n    return (\n        <div className={b()}>\n            <SelectFilter\n                multiple={multiple}\n                filterable={filterable}\n                hasClear={hasClear}\n                placeholder={placeholder as string | undefined}\n                options={options}\n                allLabel={allLabel}\n                qa={qa}\n                initialValue={initialValue}\n                onChange={(value) => handleChange({[queryParamName]: value} as Query)}\n            />\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,22 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly {
+  --g-button-background-color: var(--pc-monochrome-button-background-color);
+  --g-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
+}
+.bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly, .bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly:link, .bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly:visited, .bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly:active, .bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly:focus {
+  color: var(--pc-monochrome-button-color);
+}
+.bc-saved-only-filter__button_savedOnly.bc-saved-only-filter__button_savedOnly:hover {
+  color: var(--pc-monochrome-button-color);
+}
+
+.bc-saved-only-filter__button_savedOnly:focus {
+  color: var(--g-color-base-background);
+}
+.bc-saved-only-filter__icon {
+  color: var(--g-color-base-brand);
+}
+.bc-saved-only-filter__icon_savedOnly {
+  color: var(--g-color-base-background);
+}

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

@@ -0,0 +1,7 @@
+import './SavedOnlyFilter.css';
+export type SavedOnlyFilterProps = {
+    initialValue: boolean;
+    onChange: (value: boolean) => void;
+    className?: string;
+};
+export declare const SavedOnlyFilter: ({ initialValue, onChange, className }: SavedOnlyFilterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Bookmark } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { Keyset, i18n } from "../../../../i18n/index.js";
+import { block } from "../../../../utils/cn.js";
+import './SavedOnlyFilter.css';
+const b = block('saved-only-filter');
+const ICON_SIZE = 16;
+export const SavedOnlyFilter = ({ initialValue, onChange, className }) => {
+    const [savedOnly, setSavedOnly] = React.useState(initialValue);
+    const handleChange = () => {
+        const next = !savedOnly;
+        setSavedOnly(next);
+        onChange(next);
+    };
+    return (_jsx("div", { className: className, children: _jsxs(Button, { view: 'outlined', className: b('button', { savedOnly }), size: "xl", onClick: handleChange, selected: savedOnly, children: [_jsx(Icon, { data: Bookmark, size: ICON_SIZE, className: b('icon', { savedOnly }) }), i18n(Keyset.ActionSavedOnly)] }) }));
+};
+//# sourceMappingURL=SavedOnlyFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SavedOnlyFilter.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/SavedOnlyFilter/SavedOnlyFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAE3C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,SAAS,GAAG,EAAE,CAAC;AAQrB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAuB,EAAE,EAAE;IACzF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,MAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,SAAS,EAAC,CAAC,EACnC,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,SAAS,aAEnB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,SAAS,EAAC,CAAC,GAAI,EAC3E,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IACxB,GACP,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Bookmark} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {block} from '../../../../utils/cn';\n\nimport './SavedOnlyFilter.scss';\n\nconst b = block('saved-only-filter');\n\nconst ICON_SIZE = 16;\n\nexport type SavedOnlyFilterProps = {\n    initialValue: boolean;\n    onChange: (value: boolean) => void;\n    className?: string;\n};\n\nexport const SavedOnlyFilter = ({initialValue, onChange, className}: SavedOnlyFilterProps) => {\n    const [savedOnly, setSavedOnly] = React.useState<boolean>(initialValue);\n\n    const handleChange = () => {\n        const next = !savedOnly;\n        setSavedOnly(next);\n        onChange(next);\n    };\n\n    return (\n        <div className={className}>\n            <Button\n                view={'outlined'}\n                className={b('button', {savedOnly})}\n                size=\"xl\"\n                onClick={handleChange}\n                selected={savedOnly}\n            >\n                <Icon data={Bookmark} size={ICON_SIZE} className={b('icon', {savedOnly})} />\n                {i18n(Keyset.ActionSavedOnly)}\n            </Button>\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,6 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-search-filter__search {
+  width: 100%;
+  max-width: 100%;
+}

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

@@ -0,0 +1,8 @@
+import './SearchFilter.css';
+export type SearchFilterProps = {
+    placeholder?: string;
+    initialValue: string | undefined;
+    onChange: (value: string) => void;
+    className?: string;
+};
+export declare const SearchFilter: ({ placeholder, initialValue, onChange, className, }: SearchFilterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Keyset, i18n } from "../../../../i18n/index.js";
+import { block } from "../../../../utils/cn.js";
+import { Search } from "../../../Search/Search.js";
+import './SearchFilter.css';
+const b = block('search-filter');
+export const SearchFilter = ({ placeholder, initialValue, onChange, className, }) => {
+    return (_jsx("div", { className: className, children: _jsx(Search, { className: b('search'), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : i18n(Keyset.Search), initialValue: initialValue && typeof initialValue === 'string' ? initialValue : '', onSubmit: onChange }) }));
+};
+//# sourceMappingURL=SearchFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/SearchFilter/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,MAAM,EAAC,kCAA+B;AAE9C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AASjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,GACO,EAAE,EAAE;IACpB,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAC/C,YAAY,EAAE,YAAY,IAAI,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAClF,QAAQ,EAAE,QAAQ,GACpB,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Keyset, i18n} from '../../../../i18n';\nimport {block} from '../../../../utils/cn';\nimport {Search} from '../../../Search/Search';\n\nimport './SearchFilter.scss';\n\nconst b = block('search-filter');\n\nexport type SearchFilterProps = {\n    placeholder?: string;\n    initialValue: string | undefined;\n    onChange: (value: string) => void;\n    className?: string;\n};\n\nexport const SearchFilter = ({\n    placeholder,\n    initialValue,\n    onChange,\n    className,\n}: SearchFilterProps) => {\n    return (\n        <div className={className}>\n            <Search\n                className={b('search')}\n                placeholder={placeholder ?? i18n(Keyset.Search)}\n                initialValue={initialValue && typeof initialValue === 'string' ? initialValue : ''}\n                onSubmit={onChange}\n            />\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,15 @@
+import { SelectOption } from '@gravity-ui/uikit';
+import './SelectFilter.css';
+export type SelectFilterProps = {
+    multiple?: boolean;
+    filterable?: boolean;
+    hasClear?: boolean;
+    placeholder?: string;
+    options: SelectOption[];
+    allLabel: string;
+    qa?: string;
+    initialValue: string | number | null | undefined;
+    onChange: (value: string) => void;
+    className?: string;
+};
+export declare const SelectFilter: ({ multiple, filterable, hasClear, placeholder, options, allLabel, qa, initialValue, onChange, className, }: SelectFilterProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/FeedHeader/components/{Filters/Filter.js → SelectFilter/SelectFilter.js}

@@ -1,31 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Select } from '@gravity-ui/uikit';
 import { MobileContext } from "../../../../contexts/MobileContext.js";
 import { block } from "../../../../utils/cn.js";
 import { renderFilter, renderOption, renderSwitcher } from "./customRenders.js";
-import './Filter.css';
+import './SelectFilter.css';
 const b = block('feed-filter');
 const VIRTUALIZATION_THRESHOLD = 1000;
-export const Filter = ({ filter, initialValue, onSelect, className }) => {
+export const SelectFilter = ({ multiple, filterable, hasClear, placeholder, options, allLabel, qa, initialValue, onChange, className, }) => {
     const isMobile = React.useContext(MobileContext);
-    const handleAnalyticsFilter = useAnalytics();
-    const { queryParamName, multiple, filterable, hasClear, options, allLabel, placeholder, qa, analyticsEvents, } = filter;
-    const handleFilterSelect = (selectedValues) => {
-        if (analyticsEvents) {
-            handleAnalyticsFilter(analyticsEvents);
-        }
-        const query = {};
-        if (multiple) {
-            query[queryParamName] = selectedValues.join(',');
-        }
-        else {
-            const isEmpty = selectedValues.some((v) => v === 'empty');
-            query[queryParamName] = isEmpty ? '' : selectedValues[0];
-        }
-        onSelect(query);
-    };
     let defaultValue;
     if (multiple) {
         defaultValue = initialValue ? initialValue.split(',') : [];
@@ -36,11 +19,20 @@ export const Filter = ({ filter, initialValue, onSelect, className }) => {
     const optionsWithEmpty = multiple
         ? options
         : [{ value: 'empty', content: allLabel }, ...options];
-    return (_jsx("div", { className: className, children: _jsx(Select, { className: b('select'), size: "xl", multiple: multiple, filterable: filterable, hasClear: hasClear !== null && hasClear !== void 0 ? hasClear : multiple, disablePortal: true, options: optionsWithEmpty, defaultValue: defaultValue, popupClassName: b('popup', { isMobile }), onUpdate: handleFilterSelect, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : allLabel, renderControl: renderSwitcher({
+    const handleChange = (selectedValues) => {
+        if (multiple) {
+            onChange(selectedValues.join(','));
+        }
+        else {
+            const isEmpty = selectedValues.some((v) => v === 'empty');
+            onChange(isEmpty ? '' : selectedValues[0]);
+        }
+    };
+    return (_jsx("div", { className: className, children: _jsx(Select, { className: b('select'), size: "xl", multiple: multiple, filterable: filterable, hasClear: hasClear !== null && hasClear !== void 0 ? hasClear : multiple, disablePortal: true, options: optionsWithEmpty, defaultValue: defaultValue, popupClassName: b('popup', { isMobile }), onUpdate: handleChange, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : allLabel, renderControl: renderSwitcher({
                 initial: defaultValue,
                 list: optionsWithEmpty,
                 defaultLabel: allLabel,
                 qa,
             }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: filterable ? renderFilter({ className: b('popup-filter') }) : undefined }) }));
 };
-//# sourceMappingURL=Filter.js.map
+//# sourceMappingURL=SelectFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilter.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/SelectFilter/SelectFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,aAAa,EAAC,8CAA2C;AACjE,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAE3C,OAAO,EAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAC,2BAAwB;AAE3E,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAetC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,SAAS,GACO,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,IAAI,YAAsB,CAAC;IAC3B,IAAI,QAAQ,EAAE,CAAC;QACX,YAAY,GAAG,YAAY,CAAC,CAAC,CAAE,YAAuB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3E,CAAC;SAAM,CAAC;QACJ,YAAY,GAAG,CAAC,YAAY,CAAa,CAAC;IAC9C,CAAC;IAED,MAAM,gBAAgB,GAAmB,QAAQ;QAC7C,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,EAAE,GAAG,OAAO,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,CAAC,cAAwB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACJ,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;YAC1D,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ,EAC9B,aAAa,QACb,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,CAAC,EACtC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,EACpC,aAAa,EAAE,cAAc,CAAC;gBAC1B,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE,gBAAgB;gBACtB,YAAY,EAAE,QAAQ;gBACtB,EAAE;aACL,CAAC,EACF,uBAAuB,EAAE,wBAAwB,EACjD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,EAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GACrF,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Select, SelectOption} from '@gravity-ui/uikit';\n\nimport {MobileContext} from '../../../../contexts/MobileContext';\nimport {block} from '../../../../utils/cn';\n\nimport {renderFilter, renderOption, renderSwitcher} from './customRenders';\n\nimport './SelectFilter.scss';\n\nconst b = block('feed-filter');\n\nconst VIRTUALIZATION_THRESHOLD = 1000;\n\nexport type SelectFilterProps = {\n    multiple?: boolean;\n    filterable?: boolean;\n    hasClear?: boolean;\n    placeholder?: string;\n    options: SelectOption[];\n    allLabel: string;\n    qa?: string;\n    initialValue: string | number | null | undefined;\n    onChange: (value: string) => void;\n    className?: string;\n};\n\nexport const SelectFilter = ({\n    multiple,\n    filterable,\n    hasClear,\n    placeholder,\n    options,\n    allLabel,\n    qa,\n    initialValue,\n    onChange,\n    className,\n}: SelectFilterProps) => {\n    const isMobile = React.useContext(MobileContext);\n\n    let defaultValue: string[];\n    if (multiple) {\n        defaultValue = initialValue ? (initialValue as string).split(',') : [];\n    } else {\n        defaultValue = [initialValue] as string[];\n    }\n\n    const optionsWithEmpty: SelectOption[] = multiple\n        ? options\n        : [{value: 'empty', content: allLabel}, ...options];\n\n    const handleChange = (selectedValues: string[]) => {\n        if (multiple) {\n            onChange(selectedValues.join(','));\n        } else {\n            const isEmpty = selectedValues.some((v) => v === 'empty');\n            onChange(isEmpty ? '' : selectedValues[0]);\n        }\n    };\n\n    return (\n        <div className={className}>\n            <Select\n                className={b('select')}\n                size=\"xl\"\n                multiple={multiple}\n                filterable={filterable}\n                hasClear={hasClear ?? multiple}\n                disablePortal\n                options={optionsWithEmpty}\n                defaultValue={defaultValue}\n                popupClassName={b('popup', {isMobile})}\n                onUpdate={handleChange}\n                placeholder={placeholder ?? allLabel}\n                renderControl={renderSwitcher({\n                    initial: defaultValue,\n                    list: optionsWithEmpty,\n                    defaultLabel: allLabel,\n                    qa,\n                })}\n                virtualizationThreshold={VIRTUALIZATION_THRESHOLD}\n                renderOption={renderOption}\n                renderFilter={filterable ? renderFilter({className: b('popup-filter')}) : undefined}\n            />\n        </div>\n    );\n};\n"]}

package/build/esm/components/FeedHeader/components/SelectFilter/customRenders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customRenders.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/SelectFilter/customRenders.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAA4B,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EACH,kBAAkB,GAErB,oDAAiD;AAClD,OAAO,EAAC,cAAc,EAAsB,4CAAyC;AAerF,MAAM,CAAC,MAAM,cAAc,GACvB,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,EAAE,EAAE;AACtC,8CAA8C;AAC9C,CAAC,EAAwF,EAAE,EAAE;QAA5F,EAAC,GAAG,EAAE,WAAW,OAAuE,EAArE,oBAAoE,EAApE,EAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,OAAe,EAAV,SAAS,cAArD,kDAAsD,CAAD;IAAO,OAAA,CAC1F,KAAC,cAAc,IACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,GAAG,EACf,YAAY,EAAE;YACV,OAAO;YACP,SAAS;SACZ,EACD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACR,CACL,CAAA;CAAA,CAAC;AAEN,MAAM,CAAC,MAAM,YAAY,GACrB,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;AAChB,8CAA8C;AAC9C,CAAC,EAIA,EAAE,EAAE;QAJJ,EACG,GAAG,EACH,QAAQ,OAEX,EADG,kBAAqF,EAArF,EAAa,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,OAAe,EAAV,SAAS,cAAxE,yDAAyE,CAAD;IAClF,OAAA,CACF,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,GAAG,EACf,YAAY,kBAAG,IAAI,EAAE,CAAC,IAAK,SAAS,IACtC,CACL,CAAA;CAAA,CAAC;AAEN,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAClD,KAAC,kBAAkB,IAAC,IAAI,EAAE,MAAyC,GAAI,CAC1E,CAAC","sourcesContent":["import {SelectOption, SelectProps, TextInput} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {\n    CustomSelectOption,\n    CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport {CustomSwitcher, CustomSwitcherProps} from '../CustomSwitcher/CustomSwitcher';\n\ntype RenderSwitcherType = ({\n    initial,\n    list,\n    defaultLabel,\n}: {\n    initial: CustomSwitcherProps['initial'];\n    list: CustomSwitcherProps['list'];\n    defaultLabel: string;\n    qa?: string;\n}) => SelectProps['renderControl'];\n\ntype RenderFilterType = (options: {className?: string}) => SelectProps['renderFilter'];\n\nexport const renderSwitcher: RenderSwitcherType =\n    ({initial, list, defaultLabel, qa}) =>\n    // eslint-disable-next-line react/display-name\n    ({ref, renderClear, triggerProps: {id, disabled, type, onClick, onKeyDown, ...a11yProps}}) => (\n        <CustomSwitcher\n            id={id}\n            disabled={disabled}\n            type={type}\n            initial={initial}\n            defaultLabel={defaultLabel}\n            list={list}\n            controlRef={ref}\n            triggerProps={{\n                onClick,\n                onKeyDown,\n            }}\n            renderClear={renderClear}\n            a11yProps={a11yProps}\n            qa={qa}\n        />\n    );\n\nexport const renderFilter: RenderFilterType =\n    ({className}) =>\n    // eslint-disable-next-line react/display-name\n    ({\n        ref,\n        onChange,\n        inputProps: {value, onKeyDown, onChange: _, size: __, placeholder: ___, ...a11yProps},\n    }) => (\n        <TextInput\n            value={value}\n            view=\"clear\"\n            placeholder={i18n(Keyset.Search)}\n            onUpdate={onChange}\n            onKeyDown={onKeyDown}\n            className={className}\n            controlRef={ref}\n            controlProps={{size: 1, ...a11yProps}}\n        />\n    );\n\nexport const renderOption = (option: SelectOption) => (\n    <CustomSelectOption data={option as CustomSelectOptionProps['data']} />\n);\n"]}

package/build/esm/constructor/blocksMap.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         "blog-author-block": (props: import("../models/blocks.js").AuthorProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks.js").SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-feed-block": ({ image, title }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-feed-block": ({ image, title, resetTitleMargin }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
         "blog-take-block": (props: import("../models/blocks.js").TakeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { FilterConfig, GetPostsType, MetaProps, PostsProps, ToggleLikeCallbackType } from "../../models/common.js";
+import { FiltersConfig, GetPostsType, MetaProps, PostsProps, ToggleLikeCallbackType } from "../../models/common.js";
 import './BlogPage.css';
 export type BlogPageProps = {
     content: PageContent;
     posts: PostsProps;
-    filters?: FilterConfig[];
+    filters?: FiltersConfig;
     navigation?: NavigationData;
     getPosts: GetPostsType;
     hasLikes?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGH,eAAe,EACf,uBAAuB,GAG1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAC,WAAW,EAAC,oDAAiD;AACrE,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,oBAAoB,EAAC,oEAAiE;AAC9F,OAAO,EAAC,WAAW,EAAC,sCAAmC;AACvD,OAAO,EAAC,YAAY,EAAC,uCAAoC;AACzD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,uBAAuB,EAAC,+CAA4C;AAS5E,OAAO,gBAAgB,CAAC;AAmBxB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,oBAAoB,CAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,cAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,KAAC,WAAW,CAAC,QAAQ,IACjB,KAAK,EAAE;oBACH,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,KAAK,CAAC,UAAU;oBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,OAAO;oBACP,QAAQ;oBACR,8BAA8B;iBACjC,YAED,MAAC,uBAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,KAAC,YAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    CustomConfig,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {FeedContext} from '../../contexts/FeedContext';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {\n    FilterConfig,\n    GetPostsType,\n    MetaProps,\n    PostsProps,\n    ToggleLikeCallbackType,\n} from '../../models/common';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    filters?: FilterConfig[];\n    navigation?: NavigationData;\n    getPosts: GetPostsType;\n    hasLikes?: boolean;\n    toggleLike?: ToggleLikeCallbackType;\n    metaData?: MetaProps;\n    settings?: PageConstructorProviderProps;\n    custom?: CustomConfig;\n    pageCountForShowSupportButtons?: number;\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n};\n\nexport const BlogPage = ({\n    content,\n    posts,\n    filters,\n    getPosts,\n    metaData,\n    custom,\n    hasLikes = false,\n    toggleLike,\n    navigation,\n    settings,\n    pageCountForShowSupportButtons,\n    isSignedInUser = false,\n    onClickSignIn,\n}: BlogPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({toggleLike, hasLikes, isSignedInUser, requireSignIn}),\n        [toggleLike, hasLikes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <FeedContext.Provider\n                value={{\n                    posts: posts.posts,\n                    pinnedPost: posts.pinnedPost,\n                    totalCount: posts.count,\n                    filters,\n                    getPosts,\n                    pageCountForShowSupportButtons,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                    />\n                </PageConstructorProvider>\n            </FeedContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGH,eAAe,EACf,uBAAuB,GAG1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAC,WAAW,EAAC,oDAAiD;AACrE,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,oBAAoB,EAAC,oEAAiE;AAC9F,OAAO,EAAC,WAAW,EAAC,sCAAmC;AACvD,OAAO,EAAC,YAAY,EAAC,uCAAoC;AACzD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,uBAAuB,EAAC,+CAA4C;AAS5E,OAAO,gBAAgB,CAAC;AAmBxB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,oBAAoB,CAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,cAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,KAAC,WAAW,CAAC,QAAQ,IACjB,KAAK,EAAE;oBACH,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,KAAK,CAAC,UAAU;oBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,OAAO;oBACP,QAAQ;oBACR,8BAA8B;iBACjC,YAED,MAAC,uBAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,KAAC,YAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    CustomConfig,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {FeedContext} from '../../contexts/FeedContext';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {\n    FiltersConfig,\n    GetPostsType,\n    MetaProps,\n    PostsProps,\n    ToggleLikeCallbackType,\n} from '../../models/common';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    filters?: FiltersConfig;\n    navigation?: NavigationData;\n    getPosts: GetPostsType;\n    hasLikes?: boolean;\n    toggleLike?: ToggleLikeCallbackType;\n    metaData?: MetaProps;\n    settings?: PageConstructorProviderProps;\n    custom?: CustomConfig;\n    pageCountForShowSupportButtons?: number;\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n};\n\nexport const BlogPage = ({\n    content,\n    posts,\n    filters,\n    getPosts,\n    metaData,\n    custom,\n    hasLikes = false,\n    toggleLike,\n    navigation,\n    settings,\n    pageCountForShowSupportButtons,\n    isSignedInUser = false,\n    onClickSignIn,\n}: BlogPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({toggleLike, hasLikes, isSignedInUser, requireSignIn}),\n        [toggleLike, hasLikes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <FeedContext.Provider\n                value={{\n                    posts: posts.posts,\n                    pinnedPost: posts.pinnedPost,\n                    totalCount: posts.count,\n                    filters,\n                    getPosts,\n                    pageCountForShowSupportButtons,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                    />\n                </PageConstructorProvider>\n            </FeedContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { FilterConfig, GetPostsType, PostData } from "../models/common.js";
+import { FiltersConfig, GetPostsType, PostData } from "../models/common.js";
 export interface FeedContextProps {
     posts?: PostData[];
     pinnedPost?: PostData;
     totalCount?: number;
-    filters?: FilterConfig[];
+    filters?: FiltersConfig;
     getPosts?: GetPostsType;
     pageCountForShowSupportButtons?: number;
 }

package/build/esm/contexts/FeedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.js","sourceRoot":"../../../src","sources":["contexts/FeedContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,EAAsB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {FilterConfig, GetPostsType, PostData} from '../models/common';\n\nexport interface FeedContextProps {\n    posts?: PostData[];\n    pinnedPost?: PostData;\n    totalCount?: number;\n    filters?: FilterConfig[];\n    getPosts?: GetPostsType;\n    pageCountForShowSupportButtons?: number;\n}\n\nexport const FeedContext = React.createContext<FeedContextProps>({} as FeedContextProps);\n"]}
+{"version":3,"file":"FeedContext.js","sourceRoot":"../../../src","sources":["contexts/FeedContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,EAAsB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {FiltersConfig, GetPostsType, PostData} from '../models/common';\n\nexport interface FeedContextProps {\n    posts?: PostData[];\n    pinnedPost?: PostData;\n    totalCount?: number;\n    filters?: FiltersConfig;\n    getPosts?: GetPostsType;\n    pageCountForShowSupportButtons?: number;\n}\n\nexport const FeedContext = React.createContext<FeedContextProps>({} as FeedContextProps);\n"]}

package/build/esm/hooks/useExtendedComponentMap.d.ts

@@ -11,7 +11,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "blog-author-block": (props: import("../models/blocks.js").AuthorProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks.js").SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-feed-block": ({ image, title }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-feed-block": ({ image, title, resetTitleMargin }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
         "blog-take-block": (props: import("../models/blocks.js").TakeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -16,6 +16,7 @@ export declare enum Keyset {
     AllTags = "label_all_tags",
     ActionSavedOnly = "action_saved_only",
     AllServices = "label_all_services",
+    AllOptions = "label_all_some_filter",
     PromptSignInOnLike = "prompt_sign_in_on_like",
     SignIn = "Sign In",
     Save = "save",

package/build/esm/i18n/index.js

@@ -19,6 +19,7 @@ export var Keyset;
     Keyset["AllTags"] = "label_all_tags";
     Keyset["ActionSavedOnly"] = "action_saved_only";
     Keyset["AllServices"] = "label_all_services";
+    Keyset["AllOptions"] = "label_all_some_filter";
     Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
     Keyset["SignIn"] = "Sign In";
     Keyset["Save"] = "save";
@@ -41,6 +42,7 @@ const en = {
     [Keyset.AllTags]: 'All topics',
     [Keyset.ActionSavedOnly]: 'Saved',
     [Keyset.AllServices]: 'All Services',
+    [Keyset.AllOptions]: 'All options',
     [Keyset.PromptSignInOnLike]: 'Sign in to save this post',
     [Keyset.ContextReadingTime]: [
         '{{count}} min to read',
@@ -68,6 +70,7 @@ const ru = {
     [Keyset.AllTags]: 'Все темы',
     [Keyset.ActionSavedOnly]: 'Сохранённые',
     [Keyset.AllServices]: 'Все сервисы',
+    [Keyset.AllOptions]: 'Все варианты',
     [Keyset.PromptSignInOnLike]: 'Войдите, чтобы сохранить пост',
     [Keyset.ContextReadingTime]: [
         '{{count}} минута чтения',