@gravity-ui/blog-constructor 9.1.2 → 10.0.1-alpha.0

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, Select} from '@gravity-ui/uikit';\n\nimport {DefaultGoalIds} from '../../../../constants';\nimport {LikesContext} from '../../../../contexts/LikesContext';\nimport {MobileContext} from '../../../../contexts/MobileContext';\nimport {AnalyticsCounter} from '../../../../counters/utils';\nimport {Keyset, i18n} from '../../../../i18n';\nimport {DefaultEventNames, FetchArgs, Query} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {prepareAnalyticsEvent} from '../../../../utils/common';\nimport {Search} from '../../../Search/Search';\n\nimport {renderFilter, renderOption, renderSwitcher} from './customRenders';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type SelectItem = {\n    content: string;\n    value: string;\n    icon?: React.ReactNode;\n};\n\nexport type ControlsProps = {\n    handleLoadData: (props: FetchArgs) => void;\n    tags?: SelectItem[];\n    services?: SelectItem[];\n    queryParams: Query;\n    title?: string;\n};\n\nconst ICON_SIZE = 16;\nconst DEFAULT_PAGE = 1;\nconst VIRTUALIZATION_THRESHOLD = 1000;\n\nexport const Controls = ({\n    handleLoadData,\n    tags = [],\n    services = [],\n    queryParams,\n    title = i18n(Keyset.Title),\n}: ControlsProps) => {\n    const {hasLikes} = React.useContext(LikesContext);\n    const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);\n    const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);\n    const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);\n\n    const {\n        savedOnly: savedOnlyInitial,\n        search: searchInitial,\n        tags: tagInitial,\n        services: servicesInitial,\n    } = queryParams || {};\n\n    const [savedOnly, setSavedOnly] = React.useState<boolean>(savedOnlyInitial === 'true');\n    const [search, setSearch] = React.useState<string>(searchInitial as string);\n\n    const isMobile = React.useContext(MobileContext);\n\n    const handleSavedOnly = () => {\n        handleAnalyticsSaveOnly();\n        setSavedOnly(!savedOnly);\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {\n                savedOnly: savedOnly ? '' : 'true',\n                search: '',\n                tags: '',\n                page: DEFAULT_PAGE,\n                services: '',\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 handleTagSelect = (selectedTags: string[]) => {\n        const event = prepareAnalyticsEvent({\n            name: DefaultGoalIds.tag,\n            counter: AnalyticsCounter.CrossSite,\n        });\n        handleAnalyticsTag(event, {\n            theme: selectedTags[0],\n        });\n\n        const isEmptyTag = selectedTags.some((tag) => tag === 'empty');\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {\n                tags: isEmptyTag ? '' : selectedTags[0],\n                page: DEFAULT_PAGE,\n            },\n        });\n    };\n\n    const handleServicesSelect = (selectedServices: string[]) => {\n        const forAnalyticsServices = services.filter((service) => {\n            return selectedServices.includes(service.value);\n        });\n\n        const servicesAsStringForAnalytics = forAnalyticsServices\n            .map((service) => service.content)\n            .join(',');\n\n        const event = prepareAnalyticsEvent({\n            name: DefaultGoalIds.service,\n            counter: AnalyticsCounter.CrossSite,\n        });\n        handleAnalyticsService(event, {\n            service: servicesAsStringForAnalytics,\n        });\n\n        const servicesAsString = selectedServices.join(',');\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {services: servicesAsString, page: DEFAULT_PAGE},\n        });\n    };\n\n    const tagsItems = React.useMemo(\n        () => [{value: 'empty', content: i18n(Keyset.AllTags)} as unknown as SelectItem, ...tags],\n        [tags],\n    );\n\n    const servicesItems = React.useMemo(\n        () => (servicesInitial ? [...(servicesInitial as string).split(',')] : []),\n        [servicesInitial],\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                    <div className={b('filter-item')}>\n                        <Select\n                            className={b('select')}\n                            size=\"xl\"\n                            options={tagsItems}\n                            defaultValue={[tagInitial] as string[]}\n                            onUpdate={handleTagSelect}\n                            placeholder={i18n(Keyset.AllTags)}\n                            popupClassName={b('popup', {isMobile})}\n                            renderControl={renderSwitcher({\n                                initial: [tagInitial],\n                                list: tagsItems,\n                                defaultLabel: i18n(Keyset.AllTags),\n                            })}\n                            disablePortal\n                            virtualizationThreshold={VIRTUALIZATION_THRESHOLD}\n                            renderOption={renderOption}\n                        />\n                    </div>\n\n                    {services.length > 0 ? (\n                        <div className={b('filter-item')}>\n                            <Select\n                                className={b('select')}\n                                size=\"xl\"\n                                multiple\n                                filterable\n                                hasClear\n                                disablePortal\n                                options={services}\n                                defaultValue={servicesItems}\n                                popupClassName={b('popup', {isMobile})}\n                                onUpdate={handleServicesSelect}\n                                placeholder={i18n(Keyset.AllServices)}\n                                renderControl={renderSwitcher({\n                                    initial: servicesItems,\n                                    list: services,\n                                    defaultLabel: i18n(Keyset.AllServices),\n                                    qa: 'service-select',\n                                })}\n                                virtualizationThreshold={VIRTUALIZATION_THRESHOLD}\n                                renderOption={renderOption}\n                                renderFilter={renderFilter}\n                            />\n                        </div>\n                    ) : null}\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,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAC,CAAC,YAC3E,KAAK,GACL,EACJ,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC;gBACzB,oDAAoD;gBACpD,cAAoB,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YAC3D,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,IACA,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-item', {title: true, 'reset-margin': resetTitleMargin})}>\n                    {title}\n                </h1>\n                {rows.map((row, rowIndex) => (\n                    // eslint-disable-next-line react/no-array-index-key\n                    <div key={rowIndex} className={b('header-item', {filters: true})}>\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        </MobileProvider>\n    );\n};\n"]}

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

@@ -1,5 +1,4 @@
-import { SelectProps } from '@gravity-ui/uikit';
-import { SelectItem } from "../Controls/Controls.js";
+import { SelectOption, SelectProps } from '@gravity-ui/uikit';
 import './CustomSwitcher.css';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
 type TriggerProps = Required<RenderControlParameters>['triggerProps'];
@@ -10,7 +9,7 @@ type RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;
 export type CustomSwitcherProps = {
     initial: (string | number | null)[];
     defaultLabel: string;
-    list: SelectItem[];
+    list: SelectOption[];
     controlRef: RenderControlParameters['ref'];
     a11yProps: RenderControlA11yProps;
     qa?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAe,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAG3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAqBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,EAAE,GACgB,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,IAAI;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,SAAS,EAAE,CAAC;IAErC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,0CACa,EAAE,EACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EACxD,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,IAC9B,SAAS,uBACI,gBAAgB,IACnC,EACF,cACI,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,iCAGvD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,GACrB,EACL,WAAW;gBACR,WAAW,CAAC;oBACR,UAAU,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI;iBACjE,CAAC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC1E,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, Xmark} from '@gravity-ui/icons';\nimport {Icon, SelectProps, useUniqId} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {SelectItem} from '../Controls/Controls';\n\nimport './CustomSwitcher.scss';\n\nconst b = block('feed-custom-switcher');\n\ntype RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;\ntype TriggerProps = Required<RenderControlParameters>['triggerProps'];\n\ntype A11yKeys = {\n    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;\n}[keyof TriggerProps];\n\ntype RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;\n\nexport type CustomSwitcherProps = {\n    initial: (string | number | null)[];\n    defaultLabel: string;\n    list: SelectItem[];\n    controlRef: RenderControlParameters['ref'];\n    a11yProps: RenderControlA11yProps;\n    qa?: string;\n} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\n\nexport const CustomSwitcher = ({\n    id,\n    disabled,\n    type,\n    initial,\n    defaultLabel,\n    list,\n    triggerProps,\n    controlRef,\n    renderClear,\n    a11yProps,\n    qa,\n}: CustomSwitcherProps) => {\n    const itemsNames = React.useMemo(() => {\n        const items = list\n            .filter((item) => initial.includes(item.value))\n            .map((item) => item.content);\n\n        return items.length ? items : [defaultLabel];\n    }, [defaultLabel, initial, list]);\n    const hasCounter = itemsNames.length > 1;\n\n    const contentElementId = useUniqId();\n\n    return (\n        <div className={b('custom-switcher')} ref={controlRef as React.LegacyRef<HTMLDivElement>}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n            <button\n                data-qa={qa}\n                id={id}\n                disabled={disabled}\n                type={type}\n                onClick={triggerProps?.onClick}\n                className={b('custom-switcher-element', {overlay: true})}\n                onKeyDown={triggerProps?.onKeyDown}\n                {...a11yProps}\n                aria-labelledby={contentElementId}\n            />\n            <div\n                id={contentElementId}\n                className={b('custom-switcher-element', {content: true})}\n                aria-hidden\n            >\n                {itemsNames?.join(', ')}\n            </div>\n            {renderClear &&\n                renderClear({\n                    renderIcon: () => <Icon data={Xmark} className={b('clear')} />,\n                })}\n            {hasCounter && (\n                <div className={b('custom-switcher-element', {counter: true})}>\n                    {itemsNames.length}\n                </div>\n            )}\n            <div className={b('custom-switcher-element', {arrow: true})}>\n                <Icon data={ChevronDown} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAA6B,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAE3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAqBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,EAAE,GACgB,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,IAAI;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,SAAS,EAAE,CAAC;IAErC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,0CACa,EAAE,EACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EACxD,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,IAC9B,SAAS,uBACI,gBAAgB,IACnC,EACF,cACI,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,iCAGvD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,GACrB,EACL,WAAW;gBACR,WAAW,CAAC;oBACR,UAAU,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI;iBACjE,CAAC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC1E,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, Xmark} from '@gravity-ui/icons';\nimport {Icon, SelectOption, SelectProps, useUniqId} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\n\nimport './CustomSwitcher.scss';\n\nconst b = block('feed-custom-switcher');\n\ntype RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;\ntype TriggerProps = Required<RenderControlParameters>['triggerProps'];\n\ntype A11yKeys = {\n    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;\n}[keyof TriggerProps];\n\ntype RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;\n\nexport type CustomSwitcherProps = {\n    initial: (string | number | null)[];\n    defaultLabel: string;\n    list: SelectOption[];\n    controlRef: RenderControlParameters['ref'];\n    a11yProps: RenderControlA11yProps;\n    qa?: string;\n} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\n\nexport const CustomSwitcher = ({\n    id,\n    disabled,\n    type,\n    initial,\n    defaultLabel,\n    list,\n    triggerProps,\n    controlRef,\n    renderClear,\n    a11yProps,\n    qa,\n}: CustomSwitcherProps) => {\n    const itemsNames = React.useMemo(() => {\n        const items = list\n            .filter((item) => initial.includes(item.value))\n            .map((item) => item.content);\n\n        return items.length ? items : [defaultLabel];\n    }, [defaultLabel, initial, list]);\n    const hasCounter = itemsNames.length > 1;\n\n    const contentElementId = useUniqId();\n\n    return (\n        <div className={b('custom-switcher')} ref={controlRef as React.LegacyRef<HTMLDivElement>}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n            <button\n                data-qa={qa}\n                id={id}\n                disabled={disabled}\n                type={type}\n                onClick={triggerProps?.onClick}\n                className={b('custom-switcher-element', {overlay: true})}\n                onKeyDown={triggerProps?.onKeyDown}\n                {...a11yProps}\n                aria-labelledby={contentElementId}\n            />\n            <div\n                id={contentElementId}\n                className={b('custom-switcher-element', {content: true})}\n                aria-hidden\n            >\n                {itemsNames?.join(', ')}\n            </div>\n            {renderClear &&\n                renderClear({\n                    renderIcon: () => <Icon data={Xmark} className={b('clear')} />,\n                })}\n            {hasCounter && (\n                <div className={b('custom-switcher-element', {counter: true})}>\n                    {itemsNames.length}\n                </div>\n            )}\n            <div className={b('custom-switcher-element', {arrow: true})}>\n                <Icon data={ChevronDown} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}

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

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

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.css

@@ -0,0 +1,48 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-feed-filter__select {
+  width: 100%;
+}
+.bc-feed-filter__select:hover {
+  width: 100%;
+}
+.bc-feed-filter__popup.bc-feed-filter__popup {
+  max-height: 500px;
+  border-radius: 12px;
+}
+.bc-feed-filter__popup.bc-feed-filter__popup .g-select-list::-webkit-scrollbar {
+  display: none;
+}
+.bc-feed-filter__popup.bc-feed-filter__popup .g-select-list .g-list {
+  max-height: calc(500px - var(--g-text-body-3-line-height) - 12px);
+}
+.bc-feed-filter__popup.bc-feed-filter__popup .g-list__item {
+  margin: 4px;
+  border-radius: 8px;
+}
+
+.bc-feed-filter__popup_isMobile .bc-feed-filter__popup-filter {
+  position: relative;
+  border: none;
+}
+.bc-feed-filter__popup_isMobile .bc-feed-filter__popup-filter::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  bottom: 0px;
+  border-bottom: 2px solid var(--g-color-line-generic);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  width: 100%;
+  height: 2px;
+  transform: translateX(-50%);
+}
+.bc-feed-filter__popup-filter {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  padding: 4px 12px;
+  border: none;
+  border-bottom: 1px solid var(--g-color-line-generic);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}

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/SelectFilter/SelectFilter.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+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 './SelectFilter.css';
+const b = block('feed-filter');
+const VIRTUALIZATION_THRESHOLD = 1000;
+export const SelectFilter = ({ multiple, filterable, hasClear, placeholder, options, allLabel, qa, initialValue, onChange, className, }) => {
+    const isMobile = React.useContext(MobileContext);
+    let defaultValue;
+    if (multiple) {
+        defaultValue = initialValue ? initialValue.split(',') : [];
+    }
+    else {
+        defaultValue = [initialValue];
+    }
+    const optionsWithEmpty = multiple
+        ? options
+        : [{ value: 'empty', content: allLabel }, ...options];
+    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=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/{Controls → SelectFilter}/customRenders.d.ts

@@ -1,13 +1,14 @@
 import { SelectOption, SelectProps } from '@gravity-ui/uikit';
 import { CustomSwitcherProps } from "../CustomSwitcher/CustomSwitcher.js";
-import './Controls.css';
 type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     initial: CustomSwitcherProps['initial'];
     list: CustomSwitcherProps['list'];
     defaultLabel: string;
     qa?: string;
 }) => SelectProps['renderControl'];
-type RenderFilterType = SelectProps['renderFilter'];
+type RenderFilterType = (options: {
+    className?: string;
+}) => SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
 export declare const renderFilter: RenderFilterType;
 export declare const renderOption: (option: SelectOption) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/FeedHeader/components/{Controls → SelectFilter}/customRenders.js

@@ -2,11 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 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 './Controls.css';
-const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel, qa }) => 
 // eslint-disable-next-line react/display-name
 (_a) => {
@@ -16,9 +13,11 @@ export const renderSwitcher = ({ initial, list, defaultLabel, qa }) =>
             onKeyDown,
         }, renderClear: renderClear, a11yProps: a11yProps, qa: qa }));
 };
-export const renderFilter = (_a) => {
+export const renderFilter = ({ className }) => 
+// eslint-disable-next-line react/display-name
+(_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 (_jsx(TextInput, { value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: className, controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
 };
 export const renderOption = (option) => (_jsx(CustomSelectOption, { data: option }));
 //# sourceMappingURL=customRenders.js.map

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,12 +1,11 @@
 import * as React from 'react';
 import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { GetPostsType, MetaProps, PostsProps, Service, Tag, 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;
-    tags: Tag[];
-    services?: Service[];
+    filters?: FiltersConfig;
     navigation?: NavigationData;
     getPosts: GetPostsType;
     hasLikes?: boolean;
@@ -18,4 +17,4 @@ export type BlogPageProps = {
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPage: ({ content, posts, filters, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -10,7 +10,7 @@ import { LikesContext } from "../../contexts/LikesContext.js";
 import { SettingsContext } from "../../contexts/SettingsContext.js";
 import { useExtendedComponentMap } from "../../hooks/useExtendedComponentMap.js";
 import './BlogPage.css';
-export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
+export const BlogPage = ({ content, posts, filters, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
     const { isAnimationEnabled } = React.useContext(SettingsContext);
     const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
     const likesContextData = React.useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
@@ -19,8 +19,7 @@ export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, c
                     posts: posts.posts,
                     pinnedPost: posts.pinnedPost,
                     totalCount: posts.count,
-                    tags,
-                    services: services !== null && services !== void 0 ? services : [],
+                    filters,
                     getPosts,
                     pageCountForShowSupportButtons,
                 }, children: _jsxs(PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? _jsx(MetaWrapper, Object.assign({}, metaData)) : null, _jsx(PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), _jsx(PromptSignIn, Object.assign({}, promptSignInProps))] }));

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;AAU5E,OAAO,gBAAgB,CAAC;AAoBxB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,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,IAAI;oBACJ,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;oBACxB,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    GetPostsType,\n    MetaProps,\n    PostsProps,\n    Service,\n    Tag,\n    ToggleLikeCallbackType,\n} from '../../models/common';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    tags: Tag[];\n    services?: Service[];\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    tags,\n    services,\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                    tags,\n                    services: services ?? [],\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,11 +1,10 @@
 import * as React from 'react';
-import { GetPostsType, PostData, Service, Tag } from "../models/common.js";
+import { FiltersConfig, GetPostsType, PostData } from "../models/common.js";
 export interface FeedContextProps {
     posts?: PostData[];
     pinnedPost?: PostData;
     totalCount?: number;
-    tags?: Tag[];
-    services?: Service[];
+    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;AAc/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,EAAsB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {GetPostsType, PostData, Service, Tag} from '../models/common';\n\nexport interface FeedContextProps {\n    posts?: PostData[];\n    pinnedPost?: PostData;\n    totalCount?: number;\n    tags?: Tag[];\n    services?: Service[];\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}} минута чтения',