npm - @gravity-ui/blog-constructor - Versions diffs - 9.1.2 → 10.0.1-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/build/esm/i18n/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,CAAN,IAAY,~~MAsBX~~;~~AAtBD~~,WAAY,MAAM;IACd,yBAAe,CAAA;IACf,gDAAsC,CAAA;IACtC,wCAA8B,CAAA;IAC9B,sCAA4B,CAAA;IAC5B,qDAA2C,CAAA;IAC3C,6CAAmC,CAAA;IACnC,6CAAmC,CAAA;IACnC,oCAA0B,CAAA;IAC1B,2CAAiC,CAAA;IACjC,uDAA6C,CAAA;IAC7C,2DAAiD,CAAA;IACjD,sCAA4B,CAAA;IAC5B,0CAAgC,CAAA;IAChC,uCAA6B,CAAA;IAC7B,oCAA0B,CAAA;IAC1B,+CAAqC,CAAA;IACrC,4CAAkC,CAAA;IAClC,uDAA6C,CAAA;IAC7C,4BAAkB,CAAA;IAClB,uBAAa,CAAA;IACb,sCAA4B,CAAA;AAChC,CAAC,~~EAtBW~~,MAAM,KAAN,MAAM,~~QAsBjB~~;AAED,MAAM,EAAE,GAAG;IACP,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;IACtB,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM;IACjC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,UAAU;IACjC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO;IAC7B,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,WAAW;IACpC,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,UAAU;IACnC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,OAAO;IAC5B,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,mBAAmB;IAC3C,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,8CAA8C;IAC5E,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,2CAA2C;IAC3E,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,aAAa;IACnC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,WAAW;IACnC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;IACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,YAAY;IAC9B,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,OAAO;IACjC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,cAAc;IACpC,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,2BAA2B;IACxD,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;QACzB,uBAAuB;QACvB,wBAAwB;QACxB,wBAAwB;KAC3B;IACD,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS;IAC1B,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM;IACrB,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO;CAChC,CAAC;AAEF,MAAM,EAAE,GAAG;IACP,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;IACtB,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM;IACjC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,cAAc;IACrC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,YAAY;IAClC,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAC7C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc;IACvC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,kBAAkB;IACvC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,sBAAsB;IAC9C,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,sCAAsC;IACpE,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAC1B,mFAAmF;IACvF,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,UAAU;IAChC,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ;IAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;IACxB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,UAAU;IAC5B,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,aAAa;IACvC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,aAAa;IACnC,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,+BAA+B;IAC5D,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;QACzB,yBAAyB;QACzB,yBAAyB;QACzB,wBAAwB;KAC3B;IACD,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;IACxB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW;IAC1B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,UAAU;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nconst NAMESPACE = 'blog';\n\nexport enum Keyset {\n Title = 'title',\n TitleBreadcrumbs = 'title_breadcrumbs',\n TitleSuggest = 'title_suggest',\n ActionShare = 'action_share',\n ContextReadingTime = 'context_reading_time',\n ActionTryAgain = 'action_try_again',\n ActionLoadMore = 'action_load_more',\n ErrorTitle = 'error_title',\n PostLoadError = 'post_load_error',\n TitleEmptyContainer = 'title_empty_container',\n ContextEmptyContainer = 'context_empty_container',\n ButtonBegin = 'button_begin',\n ButtonFarther = 'button_farther',\n Search = 'search_placeholder',\n AllTags = 'label_all_tags',\n ActionSavedOnly = 'action_saved_only',\n AllServices = 'label_all_services',\n PromptSignInOnLike = 'prompt_sign_in_on_like',\n SignIn = 'Sign In',\n Save = 'save',\n ClearAction = 'clear_action',\n}\n\nconst en = {\n [Keyset.Title]: 'Blog',\n [Keyset.TitleBreadcrumbs]: 'Blog',\n [Keyset.TitleSuggest]: 'See also',\n [Keyset.ActionShare]: 'Share',\n [Keyset.ActionTryAgain]: 'Try again',\n [Keyset.ActionLoadMore]: 'See more',\n [Keyset.ErrorTitle]: 'Error',\n [Keyset.PostLoadError]: \"Posts didn't load\",\n [Keyset.TitleEmptyContainer]: \"Looks like we haven't written about that yet\",\n [Keyset.ContextEmptyContainer]: 'Try different spellings or other keywords',\n [Keyset.ButtonBegin]: 'Back to top',\n [Keyset.ButtonFarther]: 'Load more',\n [Keyset.Search]: 'Search',\n [Keyset.AllTags]: 'All topics',\n [Keyset.ActionSavedOnly]: 'Saved',\n [Keyset.AllServices]: 'All Services',\n [Keyset.PromptSignInOnLike]: 'Sign in to save this post',\n [Keyset.ContextReadingTime]: [\n '{{count}} min to read',\n '{{count}} mins to read',\n '{{count}} mins to read',\n ],\n [Keyset.SignIn]: 'Sign In',\n [Keyset.Save]: 'Save',\n [Keyset.ClearAction]: 'Clear',\n};\n\nconst ru = {\n [Keyset.Title]: 'Блог',\n [Keyset.TitleBreadcrumbs]: 'Блог',\n [Keyset.TitleSuggest]: 'Читать также',\n [Keyset.ActionShare]: 'Поделиться',\n [Keyset.ActionTryAgain]: 'Попробуйте ещё раз',\n [Keyset.ActionLoadMore]: 'Показать ещё',\n [Keyset.ErrorTitle]: 'Произошла ошибка',\n [Keyset.PostLoadError]: 'Посты не загрузились',\n [Keyset.TitleEmptyContainer]: 'Возможно, мы об этом ещё не написали',\n [Keyset.ContextEmptyContainer]:\n 'Пожалуйста, проверьте правильность написания или попробуйте другие ключевые слова',\n [Keyset.ButtonBegin]: 'В начало',\n [Keyset.ButtonFarther]: 'Дальше',\n [Keyset.Search]: 'Поиск',\n [Keyset.AllTags]: 'Все темы',\n [Keyset.ActionSavedOnly]: 'Сохранённые',\n [Keyset.AllServices]: 'Все сервисы',\n [Keyset.PromptSignInOnLike]: 'Войдите, чтобы сохранить пост',\n [Keyset.ContextReadingTime]: [\n '{{count}} минута чтения',\n '{{count}} минуты чтения',\n '{{count}} минут чтения',\n ],\n [Keyset.SignIn]: 'Войти',\n [Keyset.Save]: 'Сохранить',\n [Keyset.ClearAction]: 'Очистить',\n};\n\nexport const i18n = addComponentKeysets({en, ru}, NAMESPACE);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["i18n/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nconst NAMESPACE = 'blog';\n\nexport enum Keyset {\n Title = 'title',\n TitleBreadcrumbs = 'title_breadcrumbs',\n TitleSuggest = 'title_suggest',\n ActionShare = 'action_share',\n ContextReadingTime = 'context_reading_time',\n ActionTryAgain = 'action_try_again',\n ActionLoadMore = 'action_load_more',\n ErrorTitle = 'error_title',\n PostLoadError = 'post_load_error',\n TitleEmptyContainer = 'title_empty_container',\n ContextEmptyContainer = 'context_empty_container',\n ButtonBegin = 'button_begin',\n ButtonFarther = 'button_farther',\n Search = 'search_placeholder',\n AllTags = 'label_all_tags',\n ActionSavedOnly = 'action_saved_only',\n AllServices = 'label_all_services',\n AllOptions = 'label_all_some_filter',\n PromptSignInOnLike = 'prompt_sign_in_on_like',\n SignIn = 'Sign In',\n Save = 'save',\n ClearAction = 'clear_action',\n}\n\nconst en = {\n [Keyset.Title]: 'Blog',\n [Keyset.TitleBreadcrumbs]: 'Blog',\n [Keyset.TitleSuggest]: 'See also',\n [Keyset.ActionShare]: 'Share',\n [Keyset.ActionTryAgain]: 'Try again',\n [Keyset.ActionLoadMore]: 'See more',\n [Keyset.ErrorTitle]: 'Error',\n [Keyset.PostLoadError]: \"Posts didn't load\",\n [Keyset.TitleEmptyContainer]: \"Looks like we haven't written about that yet\",\n [Keyset.ContextEmptyContainer]: 'Try different spellings or other keywords',\n [Keyset.ButtonBegin]: 'Back to top',\n [Keyset.ButtonFarther]: 'Load more',\n [Keyset.Search]: 'Search',\n [Keyset.AllTags]: 'All topics',\n [Keyset.ActionSavedOnly]: 'Saved',\n [Keyset.AllServices]: 'All Services',\n [Keyset.AllOptions]: 'All options',\n [Keyset.PromptSignInOnLike]: 'Sign in to save this post',\n [Keyset.ContextReadingTime]: [\n '{{count}} min to read',\n '{{count}} mins to read',\n '{{count}} mins to read',\n ],\n [Keyset.SignIn]: 'Sign In',\n [Keyset.Save]: 'Save',\n [Keyset.ClearAction]: 'Clear',\n};\n\nconst ru = {\n [Keyset.Title]: 'Блог',\n [Keyset.TitleBreadcrumbs]: 'Блог',\n [Keyset.TitleSuggest]: 'Читать также',\n [Keyset.ActionShare]: 'Поделиться',\n [Keyset.ActionTryAgain]: 'Попробуйте ещё раз',\n [Keyset.ActionLoadMore]: 'Показать ещё',\n [Keyset.ErrorTitle]: 'Произошла ошибка',\n [Keyset.PostLoadError]: 'Посты не загрузились',\n [Keyset.TitleEmptyContainer]: 'Возможно, мы об этом ещё не написали',\n [Keyset.ContextEmptyContainer]:\n 'Пожалуйста, проверьте правильность написания или попробуйте другие ключевые слова',\n [Keyset.ButtonBegin]: 'В начало',\n [Keyset.ButtonFarther]: 'Дальше',\n [Keyset.Search]: 'Поиск',\n [Keyset.AllTags]: 'Все темы',\n [Keyset.ActionSavedOnly]: 'Сохранённые',\n [Keyset.AllServices]: 'Все сервисы',\n [Keyset.AllOptions]: 'Все варианты',\n [Keyset.PromptSignInOnLike]: 'Войдите, чтобы сохранить пост',\n [Keyset.ContextReadingTime]: [\n '{{count}} минута чтения',\n '{{count}} минуты чтения',\n '{{count}} минут чтения',\n ],\n [Keyset.SignIn]: 'Войти',\n [Keyset.Save]: 'Сохранить',\n [Keyset.ClearAction]: 'Очистить',\n};\n\nexport const i18n = addComponentKeysets({en, ru}, NAMESPACE);\n"]}

package/build/esm/models/blocks.d.ts CHANGED Viewed

@@ -46,6 +46,7 @@ export type YFMProps = {
 export type FeedProps = {
     image: string;
     title?: string;
+    resetTitleMargin?: boolean;
 };
 export type FormProps = {
     formData: FormBlockData;

package/build/esm/models/blocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n AuthorItem,\n ContentBlockProps,\n FormBlockData,\n HeaderBlockProps,\n MediaProps as PCMediaProps,\n TextTheme,\n} from '@gravity-ui/page-constructor';\n\nimport {BlockType, ClassNameProps, PostData, QAProps} from './common';\nimport {PaddingsYFMProps} from './paddings';\n\n// blocks props\nexport type AuthorProps = ClassNameProps & {\n authorId: number \| string;\n image: string;\n} & PaddingsYFMProps &\n QAProps;\n\nexport type BannerProps = ContentBlockProps &\n QAProps & {\n color?: string;\n image?: string;\n imageSize?: 's' \| 'm';\n } & PaddingsYFMProps;\n\nexport type ColoredTextProps = ContentBlockProps &\n QAProps & {\n background?: {\n color?: string;\n image?: string;\n altText?: string;\n };\n } & PaddingsYFMProps;\n\nexport type CTAProps = QAProps & {\n items: Array<ContentBlockProps>;\n} & PaddingsYFMProps;\n\ntype HeaderBlogProps = {\n imageInGrid?: boolean;\n};\n\nexport type HeaderProps = HeaderBlockProps & PaddingsYFMProps & HeaderBlogProps;\n\nexport type LayoutProps = {\n fullWidth?: boolean;\n mobileOrder?: string;\n children: React.ReactElement[];\n} & PaddingsYFMProps;\n\nexport type MediaProps = ClassNameProps &\n PaddingsYFMProps &\n Partial<\n Pick<\n PCMediaProps,\n \| 'youtube'\n \| 'previewImg'\n \| 'image'\n \| 'video'\n \| 'dataLens'\n \| 'videoIframe'\n \| 'videoMicrodata'\n >\n > & {\n text?: string;\n };\n\nexport type MetaProps = QAProps & {\n locale: string;\n theme?: TextTheme;\n} & PaddingsYFMProps;\n\nexport type SuggestProps = ClassNameProps & {\n posts: PostData[];\n} & PaddingsYFMProps;\n\nexport type YFMProps = {\n text: string;\n} & PaddingsYFMProps &\n QAProps;\n\nexport type FeedProps = {\n image: string;\n title?: string;\n};\n\nexport type FormProps = {\n formData: FormBlockData;\n border?: 'shadow' \| 'line' \| 'none';\n} & PaddingsYFMProps &\n QAProps;\n\nexport type CompactMediaProps = {\n description?: string;\n} & PaddingsYFMProps &\n Partial<Pick<PCMediaProps, 'image'>>;\n\nexport type TakeProps = YFMProps & {\n author: AuthorItem;\n color?: string;\n noBackground?: boolean;\n};\n\nexport type SideCard = Pick<PCMediaProps, 'image'> & {\n description: string;\n url: string;\n};\n\nexport type SideCardListProps = {\n title?: string;\n items: SideCard[];\n} & PaddingsYFMProps;\n\n// blocks models\nexport type AuthorBlockModel = {\n type: BlockType.Author;\n} & AuthorProps;\n\nexport type BannerBlockModel = {\n type: BlockType.Banner;\n} & BannerProps;\n\nexport type ColoredTextBlockModel = {\n type: BlockType.ColoredText;\n} & ColoredTextProps;\n\nexport type CTABlockModel = {\n type: BlockType.CTA;\n} & CTAProps;\n\nexport type HeaderBlockModel = {\n type: BlockType.Header;\n} & HeaderProps;\n\nexport type LayoutBlockModel = {\n type: BlockType.Layout;\n} & LayoutProps;\n\nexport type MediaBlockModel = {\n type: BlockType.Media;\n} & MediaProps;\n\nexport type MetaBlockModel = {\n type: BlockType.Meta;\n} & MetaProps;\n\nexport type SuggestBlockModel = {\n type: BlockType.Suggest;\n} & SuggestProps;\n\nexport type YFMBlockModel = {\n type: BlockType.YFM;\n} & YFMProps;\n\nexport type FeedBlockModel = {\n type: BlockType.Feed;\n} & FeedProps;\n\nexport type FormBlockModel = {\n type: BlockType.Form;\n} & FormProps;\n\nexport type CompactMediaBlockModel = {\n type: BlockType.CompactMedia;\n} & CompactMediaProps;\n\nexport type TakeBlockModel = {\n type: BlockType.Take;\n} & TakeProps;\n\nexport type SideCardListBlockModel = {\n type: BlockType.SideCardList;\n} & SideCardListProps;\n\nexport type BlockModel =\n \| AuthorBlockModel\n \| BannerBlockModel\n \| ColoredTextBlockModel\n \| CTABlockModel\n \| HeaderBlockModel\n \| LayoutBlockModel\n \| MediaBlockModel\n \| MetaBlockModel\n \| SuggestBlockModel\n \| YFMBlockModel\n \| FeedBlockModel\n \| CompactMediaBlockModel\n \| TakeBlockModel\n \| SideCardListBlockModel;\n\nexport type Block = BlockModel & {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n [x: string]: any;\n};\n"]}
1	+ {"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n AuthorItem,\n ContentBlockProps,\n FormBlockData,\n HeaderBlockProps,\n MediaProps as PCMediaProps,\n TextTheme,\n} from '@gravity-ui/page-constructor';\n\nimport {BlockType, ClassNameProps, PostData, QAProps} from './common';\nimport {PaddingsYFMProps} from './paddings';\n\n// blocks props\nexport type AuthorProps = ClassNameProps & {\n authorId: number \| string;\n image: string;\n} & PaddingsYFMProps &\n QAProps;\n\nexport type BannerProps = ContentBlockProps &\n QAProps & {\n color?: string;\n image?: string;\n imageSize?: 's' \| 'm';\n } & PaddingsYFMProps;\n\nexport type ColoredTextProps = ContentBlockProps &\n QAProps & {\n background?: {\n color?: string;\n image?: string;\n altText?: string;\n };\n } & PaddingsYFMProps;\n\nexport type CTAProps = QAProps & {\n items: Array<ContentBlockProps>;\n} & PaddingsYFMProps;\n\ntype HeaderBlogProps = {\n imageInGrid?: boolean;\n};\n\nexport type HeaderProps = HeaderBlockProps & PaddingsYFMProps & HeaderBlogProps;\n\nexport type LayoutProps = {\n fullWidth?: boolean;\n mobileOrder?: string;\n children: React.ReactElement[];\n} & PaddingsYFMProps;\n\nexport type MediaProps = ClassNameProps &\n PaddingsYFMProps &\n Partial<\n Pick<\n PCMediaProps,\n \| 'youtube'\n \| 'previewImg'\n \| 'image'\n \| 'video'\n \| 'dataLens'\n \| 'videoIframe'\n \| 'videoMicrodata'\n >\n > & {\n text?: string;\n };\n\nexport type MetaProps = QAProps & {\n locale: string;\n theme?: TextTheme;\n} & PaddingsYFMProps;\n\nexport type SuggestProps = ClassNameProps & {\n posts: PostData[];\n} & PaddingsYFMProps;\n\nexport type YFMProps = {\n text: string;\n} & PaddingsYFMProps &\n QAProps;\n\nexport type FeedProps = {\n image: string;\n title?: string;\n resetTitleMargin?: boolean;\n};\n\nexport type FormProps = {\n formData: FormBlockData;\n border?: 'shadow' \| 'line' \| 'none';\n} & PaddingsYFMProps &\n QAProps;\n\nexport type CompactMediaProps = {\n description?: string;\n} & PaddingsYFMProps &\n Partial<Pick<PCMediaProps, 'image'>>;\n\nexport type TakeProps = YFMProps & {\n author: AuthorItem;\n color?: string;\n noBackground?: boolean;\n};\n\nexport type SideCard = Pick<PCMediaProps, 'image'> & {\n description: string;\n url: string;\n};\n\nexport type SideCardListProps = {\n title?: string;\n items: SideCard[];\n} & PaddingsYFMProps;\n\n// blocks models\nexport type AuthorBlockModel = {\n type: BlockType.Author;\n} & AuthorProps;\n\nexport type BannerBlockModel = {\n type: BlockType.Banner;\n} & BannerProps;\n\nexport type ColoredTextBlockModel = {\n type: BlockType.ColoredText;\n} & ColoredTextProps;\n\nexport type CTABlockModel = {\n type: BlockType.CTA;\n} & CTAProps;\n\nexport type HeaderBlockModel = {\n type: BlockType.Header;\n} & HeaderProps;\n\nexport type LayoutBlockModel = {\n type: BlockType.Layout;\n} & LayoutProps;\n\nexport type MediaBlockModel = {\n type: BlockType.Media;\n} & MediaProps;\n\nexport type MetaBlockModel = {\n type: BlockType.Meta;\n} & MetaProps;\n\nexport type SuggestBlockModel = {\n type: BlockType.Suggest;\n} & SuggestProps;\n\nexport type YFMBlockModel = {\n type: BlockType.YFM;\n} & YFMProps;\n\nexport type FeedBlockModel = {\n type: BlockType.Feed;\n} & FeedProps;\n\nexport type FormBlockModel = {\n type: BlockType.Form;\n} & FormProps;\n\nexport type CompactMediaBlockModel = {\n type: BlockType.CompactMedia;\n} & CompactMediaProps;\n\nexport type TakeBlockModel = {\n type: BlockType.Take;\n} & TakeProps;\n\nexport type SideCardListBlockModel = {\n type: BlockType.SideCardList;\n} & SideCardListProps;\n\nexport type BlockModel =\n \| AuthorBlockModel\n \| BannerBlockModel\n \| ColoredTextBlockModel\n \| CTABlockModel\n \| HeaderBlockModel\n \| LayoutBlockModel\n \| MediaBlockModel\n \| MetaBlockModel\n \| SuggestBlockModel\n \| YFMBlockModel\n \| FeedBlockModel\n \| CompactMediaBlockModel\n \| TakeBlockModel\n \| SideCardListBlockModel;\n\nexport type Block = BlockModel & {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n [x: string]: any;\n};\n"]}

package/build/esm/models/common.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
-import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { AnalyticsEventsProp, HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { SelectOption, SelectProps } from '@gravity-ui/uikit';
 import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from "./locale.js";
 export declare enum Theme {
@@ -23,13 +24,6 @@ export type Author = {
 } & {
     [x: string]: string | null;
 };
-export type Service = {
-    id: number | string;
-    slug: string;
-    name: string;
-} & {
-    [x: string]: string | null;
-};
 export type Query = Record<string, number | string | null>;
 export interface Menu {
     title: string;
@@ -143,12 +137,11 @@ export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {
     };
 }
 export type GetPostsRequest = {
-    tags: string | undefined;
     page: number;
     perPage: number;
     savedOnly: boolean;
     search: string | undefined;
-    services: string | undefined;
+    [filterParam: string]: string | number | boolean | undefined;
 };
 export type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;
 export type HandleChangeQueryParams = (params: Query) => void;
@@ -170,6 +163,42 @@ export type FetchArgs = {
 export interface QAProps {
     qa?: string;
 }
+type FilterConfigBase = {
+    /** The key used in queryParams and passed to handleLoadData query */
+    queryParamName: string;
+    /** Optional analytics events fired when this control's value changes */
+    analyticsEvents?: AnalyticsEventsProp;
+};
+export type SelectFilterConfig = FilterConfigBase & Pick<SelectProps, 'multiple' | 'filterable' | 'hasClear' | 'placeholder'> & {
+    type?: 'select';
+    /** The selectable items for this filter */
+    options: SelectOption[];
+    /** Label shown when nothing is selected (acts as "All ..." placeholder) */
+    allLabel: string;
+    /** Optional QA attribute forwarded to the switcher */
+    qa?: string;
+};
+export type SearchFilterConfig = FilterConfigBase & {
+    type: 'search';
+    /** Placeholder text for the search input */
+    placeholder?: string;
+};
+export type SavedOnlyFilterConfig = FilterConfigBase & {
+    type: 'savedOnly';
+};
+export type FilterConfig = SelectFilterConfig | SearchFilterConfig | SavedOnlyFilterConfig;
+/**
+ * Filters can be supplied either as a flat array (all filters in one row)
+ * or as an array of rows (each inner array is rendered as a separate row).
+ *
+ * @example Single row (backward-compatible)
+ * filters: [searchFilter, tagsFilter]
+ *
+ * @example Multiple rows
+ * filters: [[searchFilter, savedOnlyFilter], [tagsFilter, serviceFilter]]
+ */
+export type FiltersConfig = FilterConfig[] | FilterConfig[][];
+export declare function normalizeFiltersToRows(filters: FiltersConfig): FilterConfig[][];
 export declare enum PostCardSize {
     SMALL = "s",
     MEDIUM = "m"
@@ -181,3 +210,4 @@ export declare enum PostCardTitleHeadingLevel {
 export interface TransformPostOptions {
     plugins?: MarkdownItPluginCb[];
 }
+export {};

package/build/esm/models/common.js CHANGED Viewed

@@ -33,6 +33,16 @@ export var DefaultEventNames;
     DefaultEventNames["Service"] = "selector-service-click";
     DefaultEventNames["SaveOnly"] = "save-only-button-click";
 })(DefaultEventNames || (DefaultEventNames = {}));
+export function normalizeFiltersToRows(filters) {
+    if (filters.length === 0) {
+        return [];
+    }
+    // If the first element is itself an array, the input is already multi-row.
+    if (Array.isArray(filters[0])) {
+        return filters;
+    }
+    return [filters];
+}
 export var PostCardSize;
 (function (PostCardSize) {
     PostCardSize["SMALL"] = "s";

package/build/esm/models/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":"~~AASA~~,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;~~AA2FD~~,MAAM,CAAN,IAAY,SAgBX;AAhBD,WAAY,SAAS;IACjB,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,oDAAuC,CAAA;IACvC,yCAA4B,CAAA;IAC5B,2CAA8B,CAAA;IAC9B,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;IACzC,qCAAwB,CAAA;IACxB,uDAA0C,CAAA;AAC9C,CAAC,EAhBW,SAAS,KAAT,SAAS,QAgBpB;~~AA+DD~~,MAAM,CAAN,IAAY,iBAUX;AAVD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,qDAAgC,CAAA;IAChC,wDAAmC,CAAA;IACnC,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,+CAA0B,CAAA;IAC1B,uDAAkC,CAAA;IAClC,wDAAmC,CAAA;AACvC,CAAC,EAVW,iBAAiB,KAAjB,iBAAiB,QAU5B;~~AAWD~~,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC","sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\nimport {HeaderBlockProps as PageConstructorHeaderBlockProps} from '@gravity-ui/page-constructor';\nimport {IBrowser, IDevice} from 'ua-parser-js';\n\nimport {Locale} from '../models/locale';\n\nexport enum Theme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport interface ClassNameProps {\n className?: string;\n}\n\nexport type Author = {\n id: number \| string;\n avatar: string \| null;\n createdAt: string;\n updatedAt: string;\n firstName: string \| null;\n secondName: string \| null;\n description: string \| null;\n fullDescription: string \| null;\n shortDescription: string \| null;\n} & {\n [x: string]: string \| null;\n};\n\nexport type ~~Service = {\n id: number \| string;\n slug: string;\n name: string;\n} & {\n [x: string]: string \| null;\n};\n\nexport type~~ Query = Record<string, number \| string \| null>;\n\n//page models\n\nexport interface Menu {\n title: string;\n}\n\nexport interface WithDeviceProps {\n device: IDevice;\n browser: IBrowser;\n isRobot: boolean;\n}\n\nexport interface PostsProps {\n posts: PostData[];\n count: number;\n totalCount: number;\n pinnedPost?: PostData;\n}\n\nexport type Tag = {\n slug: string;\n name: string;\n createdAt?: string;\n updatedAt?: string;\n icon?: string;\n isDeleted?: boolean;\n locale?: string;\n blogTagId?: number \| string;\n count?: number;\n};\n\nexport interface PostData {\n author?: string;\n authors?: Author[];\n blogPostId?: number \| string;\n content?: string;\n date: string;\n description?: string;\n hasUserLike: boolean;\n htmlTitle: string;\n id: number;\n image: string;\n isPublished?: boolean;\n sharedImage?: string;\n likes: number;\n locale: Locale;\n metaDescription?: string \| null;\n metaTitle?: string \| null;\n readingTime?: number;\n shareDescription?: string;\n shareImage?: string;\n shareTitle?: string;\n slug: string;\n keywords?: string[];\n tags: Tag[];\n textTitle: string;\n title: string;\n url: string;\n noIndex?: boolean;\n}\n\nexport enum BlockType {\n Header = 'blog-header-block',\n YFM = 'blog-yfm-block',\n Layout = 'blog-layout-block',\n Media = 'blog-media-block',\n Banner = 'blog-banner-block',\n CTA = 'blog-cta-block',\n ColoredText = 'blog-colored-text-block',\n Author = 'blog-author-block',\n Suggest = 'blog-suggest-block',\n Meta = 'blog-meta-block',\n Feed = 'blog-feed-block',\n Form = 'blog-form-block',\n CompactMedia = 'blog-compact-media-block',\n Take = 'blog-take-block',\n SideCardList = 'blog-side-card-list-block',\n}\n\nexport type MetaProps = {\n metaComponent: JSX.Element;\n needHelmetWrapper: boolean;\n};\n\nexport type MetaOrganizationType = {\n url: string;\n appTitle: string;\n legalName: string;\n supportEmail: string;\n};\n\nexport interface PostMetaProps {\n title: string;\n date: string;\n image: string;\n canonicalUrl: string;\n content?: string;\n description?: string;\n sharing: {\n shareTitle: string;\n shareDescription: string;\n shareImage: string;\n shareGenImage: string;\n shareGenTitle: string;\n };\n keywords?: string[];\n noIndex?: boolean;\n authors?: Author[];\n tags?: Tag[];\n organization: MetaOrganizationType;\n}\n\nexport type ToggleLikeCallbackType = ({\n postId,\n hasLike,\n}: {\n postId?: number \| string;\n hasLike?: boolean;\n}) => void;\n\nexport interface HeaderBlockProps extends PageConstructorHeaderBlockProps {\n backLink?: {\n url: string;\n title: React.ReactNode;\n };\n}\n\nexport type GetPostsRequest = {\n ~~tags: string \| undefined;\n~~ page: number;\n perPage: number;\n savedOnly: boolean;\n search: string \| undefined;\n ~~services~~: string \| undefined;\n};\n\nexport type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;\n\nexport type HandleChangeQueryParams = (params: Query) => void;\n\nexport enum DefaultEventNames {\n ShareButton = 'share-button-click',\n SaveButton = 'save-button-click',\n ShowMore = 'show-more-button-click',\n PaginatorHome = 'paginator-home-button-click',\n PaginatorNext = 'paginator-next-button-click',\n PaginatorPage = 'paginator-page-button-click',\n Tag = 'selector-tag-click',\n Service = 'selector-service-click',\n SaveOnly = 'save-only-button-click',\n}\n\nexport type FetchArgs = {\n page?: number;\n query: Query;\n};\n\nexport interface QAProps {\n qa?: string;\n}\n\nexport enum PostCardSize {\n SMALL = 's',\n MEDIUM = 'm',\n}\n\nexport enum PostCardTitleHeadingLevel {\n H2 = 'h2',\n H3 = 'h3',\n}\n\nexport interface TransformPostOptions {\n plugins?: MarkdownItPluginCb[];\n}\n"]}
1	+ {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAmFD,MAAM,CAAN,IAAY,SAgBX;AAhBD,WAAY,SAAS;IACjB,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,oDAAuC,CAAA;IACvC,yCAA4B,CAAA;IAC5B,2CAA8B,CAAA;IAC9B,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;IACzC,qCAAwB,CAAA;IACxB,uDAA0C,CAAA;AAC9C,CAAC,EAhBW,SAAS,KAAT,SAAS,QAgBpB;AA8DD,MAAM,CAAN,IAAY,iBAUX;AAVD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,qDAAgC,CAAA;IAChC,wDAAmC,CAAA;IACnC,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,+CAA0B,CAAA;IAC1B,uDAAkC,CAAA;IAClC,wDAAmC,CAAA;AACvC,CAAC,EAVW,iBAAiB,KAAjB,iBAAiB,QAU5B;AAqDD,MAAM,UAAU,sBAAsB,CAAC,OAAsB;IACzD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,2EAA2E;IAC3E,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5B,OAAO,OAA2B,CAAC;IACvC,CAAC;IAED,OAAO,CAAC,OAAyB,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC","sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\nimport {\n AnalyticsEventsProp,\n HeaderBlockProps as PageConstructorHeaderBlockProps,\n} from '@gravity-ui/page-constructor';\nimport {SelectOption, SelectProps} from '@gravity-ui/uikit';\nimport {IBrowser, IDevice} from 'ua-parser-js';\n\nimport {Locale} from '../models/locale';\n\nexport enum Theme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport interface ClassNameProps {\n className?: string;\n}\n\nexport type Author = {\n id: number \| string;\n avatar: string \| null;\n createdAt: string;\n updatedAt: string;\n firstName: string \| null;\n secondName: string \| null;\n description: string \| null;\n fullDescription: string \| null;\n shortDescription: string \| null;\n} & {\n [x: string]: string \| null;\n};\n\nexport type Query = Record<string, number \| string \| null>;\n\n//page models\n\nexport interface Menu {\n title: string;\n}\n\nexport interface WithDeviceProps {\n device: IDevice;\n browser: IBrowser;\n isRobot: boolean;\n}\n\nexport interface PostsProps {\n posts: PostData[];\n count: number;\n totalCount: number;\n pinnedPost?: PostData;\n}\n\nexport type Tag = {\n slug: string;\n name: string;\n createdAt?: string;\n updatedAt?: string;\n icon?: string;\n isDeleted?: boolean;\n locale?: string;\n blogTagId?: number \| string;\n count?: number;\n};\n\nexport interface PostData {\n author?: string;\n authors?: Author[];\n blogPostId?: number \| string;\n content?: string;\n date: string;\n description?: string;\n hasUserLike: boolean;\n htmlTitle: string;\n id: number;\n image: string;\n isPublished?: boolean;\n sharedImage?: string;\n likes: number;\n locale: Locale;\n metaDescription?: string \| null;\n metaTitle?: string \| null;\n readingTime?: number;\n shareDescription?: string;\n shareImage?: string;\n shareTitle?: string;\n slug: string;\n keywords?: string[];\n tags: Tag[];\n textTitle: string;\n title: string;\n url: string;\n noIndex?: boolean;\n}\n\nexport enum BlockType {\n Header = 'blog-header-block',\n YFM = 'blog-yfm-block',\n Layout = 'blog-layout-block',\n Media = 'blog-media-block',\n Banner = 'blog-banner-block',\n CTA = 'blog-cta-block',\n ColoredText = 'blog-colored-text-block',\n Author = 'blog-author-block',\n Suggest = 'blog-suggest-block',\n Meta = 'blog-meta-block',\n Feed = 'blog-feed-block',\n Form = 'blog-form-block',\n CompactMedia = 'blog-compact-media-block',\n Take = 'blog-take-block',\n SideCardList = 'blog-side-card-list-block',\n}\n\nexport type MetaProps = {\n metaComponent: JSX.Element;\n needHelmetWrapper: boolean;\n};\n\nexport type MetaOrganizationType = {\n url: string;\n appTitle: string;\n legalName: string;\n supportEmail: string;\n};\n\nexport interface PostMetaProps {\n title: string;\n date: string;\n image: string;\n canonicalUrl: string;\n content?: string;\n description?: string;\n sharing: {\n shareTitle: string;\n shareDescription: string;\n shareImage: string;\n shareGenImage: string;\n shareGenTitle: string;\n };\n keywords?: string[];\n noIndex?: boolean;\n authors?: Author[];\n tags?: Tag[];\n organization: MetaOrganizationType;\n}\n\nexport type ToggleLikeCallbackType = ({\n postId,\n hasLike,\n}: {\n postId?: number \| string;\n hasLike?: boolean;\n}) => void;\n\nexport interface HeaderBlockProps extends PageConstructorHeaderBlockProps {\n backLink?: {\n url: string;\n title: React.ReactNode;\n };\n}\n\nexport type GetPostsRequest = {\n page: number;\n perPage: number;\n savedOnly: boolean;\n search: string \| undefined;\n [filterParam: string]: string \| number \| boolean \| undefined;\n};\n\nexport type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;\n\nexport type HandleChangeQueryParams = (params: Query) => void;\n\nexport enum DefaultEventNames {\n ShareButton = 'share-button-click',\n SaveButton = 'save-button-click',\n ShowMore = 'show-more-button-click',\n PaginatorHome = 'paginator-home-button-click',\n PaginatorNext = 'paginator-next-button-click',\n PaginatorPage = 'paginator-page-button-click',\n Tag = 'selector-tag-click',\n Service = 'selector-service-click',\n SaveOnly = 'save-only-button-click',\n}\n\nexport type FetchArgs = {\n page?: number;\n query: Query;\n};\n\nexport interface QAProps {\n qa?: string;\n}\n\ntype FilterConfigBase = {\n /** The key used in queryParams and passed to handleLoadData query /\n queryParamName: string;\n /* Optional analytics events fired when this control's value changes /\n analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport type SelectFilterConfig = FilterConfigBase &\n Pick<SelectProps, 'multiple' \| 'filterable' \| 'hasClear' \| 'placeholder'> & {\n type?: 'select';\n /* The selectable items for this filter /\n options: SelectOption[];\n /* Label shown when nothing is selected (acts as \"All ...\" placeholder) /\n allLabel: string;\n /* Optional QA attribute forwarded to the switcher /\n qa?: string;\n };\n\nexport type SearchFilterConfig = FilterConfigBase & {\n type: 'search';\n /* Placeholder text for the search input /\n placeholder?: string;\n};\n\nexport type SavedOnlyFilterConfig = FilterConfigBase & {\n type: 'savedOnly';\n};\n\nexport type FilterConfig = SelectFilterConfig \| SearchFilterConfig \| SavedOnlyFilterConfig;\n\n/\n Filters can be supplied either as a flat array (all filters in one row)\n * or as an array of rows (each inner array is rendered as a separate row).\n \n @example Single row (backward-compatible)\n * filters: [searchFilter, tagsFilter]\n \n @example Multiple rows\n * filters: [[searchFilter, savedOnlyFilter], [tagsFilter, serviceFilter]]\n */\nexport type FiltersConfig = FilterConfig[] \| FilterConfig[][];\n\nexport function normalizeFiltersToRows(filters: FiltersConfig): FilterConfig[][] {\n if (filters.length === 0) {\n return [];\n }\n\n // If the first element is itself an array, the input is already multi-row.\n if (Array.isArray(filters[0])) {\n return filters as FilterConfig[][];\n }\n\n return [filters as FilterConfig[]];\n}\n\nexport enum PostCardSize {\n SMALL = 's',\n MEDIUM = 'm',\n}\n\nexport enum PostCardTitleHeadingLevel {\n H2 = 'h2',\n H3 = 'h3',\n}\n\nexport interface TransformPostOptions {\n plugins?: MarkdownItPluginCb[];\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { AnalyticsEvent, AnalyticsEventsProp, ContentBlockProps, HeaderBreadCrumbsProps } from '@gravity-ui/page-constructor';
 import { RouterContextProps } from "../contexts/RouterContext.js";
 import { AnalyticsCounter } from "../counters/utils.js";
-import { GetPostsRequest, Query, Tag } from "../models/common.js";
+import { FiltersConfig, GetPostsRequest, Query, Tag } from "../models/common.js";
 export interface QueryParam {
     name: string;
     value?: string | number | null;
@@ -47,7 +47,7 @@ export declare const getMergedAnalyticsEvents: (analyticEvents: AnalyticsEventsP
     context?: string;
     target?: string;
 }[];
-export declare const getFeedQueryParams: (queryString: Query, pageNumber?: number) => GetPostsRequest;
+export declare const getFeedQueryParams: (queryString: Query, pageNumber?: number, filters?: FiltersConfig) => GetPostsRequest;
 export declare const scrollOnPageChange: (containerId: string) => void;
 export declare const getQaAttributes: (qa?: string, ...customKeys: (string | Array<string>)[]) => Record<string, string>;
 type PrepareAnalyticsEventArgs = {

package/build/esm/utils/common.js CHANGED Viewed

@@ -7,6 +7,7 @@ import memoize from "lodash/memoize.js";
 import { CONTENT_DEFAULT_COL_SIZES, CONTENT_DEFAULT_SIZE, CONTENT_DEFAULT_THEME, DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE, } from "../blocks/constants.js";
 import { AnalyticsCounter } from "../counters/utils.js";
 import { Keyset, i18n } from "../i18n/index.js";
+import { normalizeFiltersToRows } from "../models/common.js";
 const QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];
 export function getAbsolutePath(router, url) {
     if (!router || !router.pathname) {
@@ -79,15 +80,20 @@ export const getMergedAnalyticsEvents = (analyticEvents, existringEvents) => {
     const existingAsArray = getArrayOfEvents(existringEvents);
     return eventsAsArray.concat(existingAsArray);
 };
-export const getFeedQueryParams = (queryString, pageNumber) => {
+export const getFeedQueryParams = (queryString, pageNumber, filters) => {
     const queryParams = getPageSearchParams(queryString);
-    const tags = queryParams.get('tags') || undefined;
     const page = pageNumber || Number(queryParams.get('page') || DEFAULT_PAGE);
     const perPage = Number(queryParams.get('perPage') || DEFAULT_ROWS_PER_PAGE);
     const savedOnly = queryParams.get('savedOnly') === 'true';
     const search = queryParams.get('search') || undefined;
-    const serviceIds = queryParams.get('services') || undefined;
-    return { tags, page, perPage, savedOnly, search, services: serviceIds };
+    const filterParams = {};
+    if (filters === null || filters === void 0 ? void 0 : filters.length) {
+        const rows = normalizeFiltersToRows(filters);
+        rows.flat().forEach(({ queryParamName }) => {
+            filterParams[queryParamName] = queryParams.get(queryParamName) || undefined;
+        });
+    }
+    return Object.assign({ page, perPage, savedOnly, search }, filterParams);
 };
 export const scrollOnPageChange = (containerId) => {
     var _a;

package/build/esm/utils/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["utils/common.ts"],"names":[],"mappings":"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","sourcesContent":["import {format, parse} from 'url';\n\nimport {\n AnalyticsEvent,\n AnalyticsEventsProp,\n ContentBlockProps,\n HeaderBreadCrumbsProps,\n} from '@gravity-ui/page-constructor';\nimport camelCase from 'lodash/camelCase';\nimport debounce from 'lodash/debounce';\nimport flatten from 'lodash/flatten';\nimport memoize from 'lodash/memoize';\n\nimport {\n CONTENT_DEFAULT_COL_SIZES,\n CONTENT_DEFAULT_SIZE,\n CONTENT_DEFAULT_THEME,\n DEFAULT_PAGE,\n DEFAULT_ROWS_PER_PAGE,\n} from '../blocks/constants';\nimport {RouterContextProps} from '../contexts/RouterContext';\nimport {AnalyticsCounter} from '../counters/utils';\nimport {Keyset, i18n} from '../i18n';\nimport {GetPostsRequest, Query, Tag} from '../models/common';\n\nconst QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];\n\nexport interface QueryParam {\n name: string;\n value?: string \| number \| null;\n}\n\nexport interface RouterActionOptions {\n shallow?: boolean;\n}\n\nexport function getAbsolutePath(router: RouterContextProps, url?: string) {\n if (!router \|\| !router.pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| router.as \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| router.hostname,\n pathname: parsed.pathname \|\| router.pathname,\n });\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport const scrollToHash = (hash: string, browser?: string) => {\n if (!hash) {\n return;\n }\n\n const element = document.getElementById(hash);\n\n if (!element) {\n return;\n }\n\n setTimeout(\n () => element.scrollIntoView({behavior: browser === 'Yandex' ? 'auto' : 'smooth'}),\n 0,\n );\n};\n\ntype CloudListTagStub = {};\n\nexport const getTags = memoize((tags: Tag[], blogPath: string) => {\n return tags.map(({slug, ...tag}) => {\n const queryParams = new URLSearchParams();\n queryParams.set('tags', slug);\n\n return {\n ...tag,\n id: slug,\n url: `${blogPath}?${queryParams}`,\n } as CloudListTagStub;\n });\n});\n\nconst stub = (postId: number \| string) => postId;\n\nexport const postLikeStatus = debounce((postId: number \| string, hasUserLike: boolean) => {\n (hasUserLike ? stub : stub)(postId);\n}, 300);\n\nexport const updateContentSizes = ({size, colSizes, theme, ...contentData}: ContentBlockProps) => ({\n ...contentData,\n size: size \|\| CONTENT_DEFAULT_SIZE,\n colSizes: colSizes \|\| CONTENT_DEFAULT_COL_SIZES,\n theme: theme \|\| CONTENT_DEFAULT_THEME,\n});\n\ntype GetBreadcrumbsProps = {\n tags?: Tag[];\n blogPath: string;\n};\n\nexport const getBlogPath = (pathPrefix: string) => {\n const prefix = pathPrefix ? `/${pathPrefix}` : '';\n return `${prefix}/blog`;\n};\n\nexport function getBreadcrumbs({tags, blogPath}: GetBreadcrumbsProps) {\n const breadcrumbs: HeaderBreadCrumbsProps = {\n items: [{text: i18n(Keyset.TitleBreadcrumbs), url: blogPath}],\n theme: 'light',\n };\n\n if (tags?.length) {\n const localizedTags = getTags(tags, blogPath);\n const tag = localizedTags[0];\n // @ts-ignore todo fix\n breadcrumbs.items.push({text: tag.name, url: tag.url});\n }\n\n return breadcrumbs;\n}\n\nconst getArrayOfEvents = (events?: AnalyticsEventsProp) => {\n if (!events) {\n return [];\n }\n\n if (Array.isArray(events)) {\n return events;\n }\n\n return [events];\n};\n\nexport const getMergedAnalyticsEvents = (\n analyticEvents: AnalyticsEventsProp,\n existringEvents?: AnalyticsEventsProp,\n) => {\n const eventsAsArray = getArrayOfEvents(analyticEvents);\n const existingAsArray = getArrayOfEvents(existringEvents);\n\n return eventsAsArray.concat(existingAsArray);\n};\n\nexport const getFeedQueryParams = (queryString: Query, pageNumber?: number): GetPostsRequest => {\n const queryParams = getPageSearchParams(queryString);\n const tags = queryParams.get('tags') \|\| undefined;\n const page = pageNumber \|\| Number(queryParams.get('page') \|\| DEFAULT_PAGE);\n const perPage = Number(queryParams.get('perPage') \|\| DEFAULT_ROWS_PER_PAGE);\n const savedOnly = queryParams.get('savedOnly') === 'true';\n const search = queryParams.get('search') \|\| undefined;\n const serviceIds = queryParams.get('services') \|\| undefined;\n\n return {tags, page, perPage, savedOnly, search, services: serviceIds};\n};\n\nexport const scrollOnPageChange = (containerId: string) => {\n const cardsContainerEl = document.getElementById(containerId);\n const y = cardsContainerEl?.getBoundingClientRect()?.y \|\| 0;\n\n if (y < 0) {\n scrollToHash(containerId);\n }\n};\n\nexport const getQaAttributes = (qa?: string, ...customKeys: (string \| Array<string>)[]) => {\n const attributes: Record<string, string> = {};\n\n if (qa) {\n const keys = QA_ATTRIBUTES_KEYS.concat(flatten(customKeys));\n\n keys.forEach((key) => {\n attributes[camelCase(key)] = `${qa}-${key}`;\n });\n\n attributes.default = qa;\n }\n\n return attributes;\n};\n\ntype PrepareAnalyticsEventArgs = {\n name: string;\n counter?: AnalyticsCounter;\n options?: Record<string, string \| number>;\n};\n\nexport const prepareAnalyticsEvent = ({\n name,\n counter = AnalyticsCounter.Main,\n options = {},\n}: PrepareAnalyticsEventArgs): AnalyticsEvent => ({\n ...options,\n name,\n counters: {\n include: [counter],\n },\n});\n"]}
1	+ {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["utils/common.ts"],"names":[],"mappings":"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","sourcesContent":["import {format, parse} from 'url';\n\nimport {\n AnalyticsEvent,\n AnalyticsEventsProp,\n ContentBlockProps,\n HeaderBreadCrumbsProps,\n} from '@gravity-ui/page-constructor';\nimport camelCase from 'lodash/camelCase';\nimport debounce from 'lodash/debounce';\nimport flatten from 'lodash/flatten';\nimport memoize from 'lodash/memoize';\n\nimport {\n CONTENT_DEFAULT_COL_SIZES,\n CONTENT_DEFAULT_SIZE,\n CONTENT_DEFAULT_THEME,\n DEFAULT_PAGE,\n DEFAULT_ROWS_PER_PAGE,\n} from '../blocks/constants';\nimport {RouterContextProps} from '../contexts/RouterContext';\nimport {AnalyticsCounter} from '../counters/utils';\nimport {Keyset, i18n} from '../i18n';\nimport {FiltersConfig, GetPostsRequest, Query, Tag, normalizeFiltersToRows} from '../models/common';\n\nconst QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];\n\nexport interface QueryParam {\n name: string;\n value?: string \| number \| null;\n}\n\nexport interface RouterActionOptions {\n shallow?: boolean;\n}\n\nexport function getAbsolutePath(router: RouterContextProps, url?: string) {\n if (!router \|\| !router.pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| router.as \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| router.hostname,\n pathname: parsed.pathname \|\| router.pathname,\n });\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport const scrollToHash = (hash: string, browser?: string) => {\n if (!hash) {\n return;\n }\n\n const element = document.getElementById(hash);\n\n if (!element) {\n return;\n }\n\n setTimeout(\n () => element.scrollIntoView({behavior: browser === 'Yandex' ? 'auto' : 'smooth'}),\n 0,\n );\n};\n\ntype CloudListTagStub = {};\n\nexport const getTags = memoize((tags: Tag[], blogPath: string) => {\n return tags.map(({slug, ...tag}) => {\n const queryParams = new URLSearchParams();\n queryParams.set('tags', slug);\n\n return {\n ...tag,\n id: slug,\n url: `${blogPath}?${queryParams}`,\n } as CloudListTagStub;\n });\n});\n\nconst stub = (postId: number \| string) => postId;\n\nexport const postLikeStatus = debounce((postId: number \| string, hasUserLike: boolean) => {\n (hasUserLike ? stub : stub)(postId);\n}, 300);\n\nexport const updateContentSizes = ({size, colSizes, theme, ...contentData}: ContentBlockProps) => ({\n ...contentData,\n size: size \|\| CONTENT_DEFAULT_SIZE,\n colSizes: colSizes \|\| CONTENT_DEFAULT_COL_SIZES,\n theme: theme \|\| CONTENT_DEFAULT_THEME,\n});\n\ntype GetBreadcrumbsProps = {\n tags?: Tag[];\n blogPath: string;\n};\n\nexport const getBlogPath = (pathPrefix: string) => {\n const prefix = pathPrefix ? `/${pathPrefix}` : '';\n return `${prefix}/blog`;\n};\n\nexport function getBreadcrumbs({tags, blogPath}: GetBreadcrumbsProps) {\n const breadcrumbs: HeaderBreadCrumbsProps = {\n items: [{text: i18n(Keyset.TitleBreadcrumbs), url: blogPath}],\n theme: 'light',\n };\n\n if (tags?.length) {\n const localizedTags = getTags(tags, blogPath);\n const tag = localizedTags[0];\n // @ts-ignore todo fix\n breadcrumbs.items.push({text: tag.name, url: tag.url});\n }\n\n return breadcrumbs;\n}\n\nconst getArrayOfEvents = (events?: AnalyticsEventsProp) => {\n if (!events) {\n return [];\n }\n\n if (Array.isArray(events)) {\n return events;\n }\n\n return [events];\n};\n\nexport const getMergedAnalyticsEvents = (\n analyticEvents: AnalyticsEventsProp,\n existringEvents?: AnalyticsEventsProp,\n) => {\n const eventsAsArray = getArrayOfEvents(analyticEvents);\n const existingAsArray = getArrayOfEvents(existringEvents);\n\n return eventsAsArray.concat(existingAsArray);\n};\n\nexport const getFeedQueryParams = (\n queryString: Query,\n pageNumber?: number,\n filters?: FiltersConfig,\n): GetPostsRequest => {\n const queryParams = getPageSearchParams(queryString);\n const page = pageNumber \|\| Number(queryParams.get('page') \|\| DEFAULT_PAGE);\n const perPage = Number(queryParams.get('perPage') \|\| DEFAULT_ROWS_PER_PAGE);\n const savedOnly = queryParams.get('savedOnly') === 'true';\n const search = queryParams.get('search') \|\| undefined;\n\n const filterParams: Record<string, string \| undefined> = {};\n\n if (filters?.length) {\n const rows = normalizeFiltersToRows(filters);\n rows.flat().forEach(({queryParamName}) => {\n filterParams[queryParamName] = queryParams.get(queryParamName) \|\| undefined;\n });\n }\n\n return {page, perPage, savedOnly, search, ...filterParams};\n};\n\nexport const scrollOnPageChange = (containerId: string) => {\n const cardsContainerEl = document.getElementById(containerId);\n const y = cardsContainerEl?.getBoundingClientRect()?.y \|\| 0;\n\n if (y < 0) {\n scrollToHash(containerId);\n }\n};\n\nexport const getQaAttributes = (qa?: string, ...customKeys: (string \| Array<string>)[]) => {\n const attributes: Record<string, string> = {};\n\n if (qa) {\n const keys = QA_ATTRIBUTES_KEYS.concat(flatten(customKeys));\n\n keys.forEach((key) => {\n attributes[camelCase(key)] = `${qa}-${key}`;\n });\n\n attributes.default = qa;\n }\n\n return attributes;\n};\n\ntype PrepareAnalyticsEventArgs = {\n name: string;\n counter?: AnalyticsCounter;\n options?: Record<string, string \| number>;\n};\n\nexport const prepareAnalyticsEvent = ({\n name,\n counter = AnalyticsCounter.Main,\n options = {},\n}: PrepareAnalyticsEventArgs): AnalyticsEvent => ({\n ...options,\n name,\n counters: {\n include: [counter],\n },\n});\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "9.1.2",
+  "version": "10.0.1-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "type": "commonjs",

package/server/models/blocks.d.ts CHANGED Viewed

@@ -46,6 +46,7 @@ export type YFMProps = {
 export type FeedProps = {
     image: string;
     title?: string;
+    resetTitleMargin?: boolean;
 };
 export type FormProps = {
     formData: FormBlockData;

package/server/models/common.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
-import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { AnalyticsEventsProp, HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { SelectOption, SelectProps } from '@gravity-ui/uikit';
 import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
 export declare enum Theme {
@@ -23,13 +24,6 @@ export type Author = {
 } & {
     [x: string]: string | null;
 };
-export type Service = {
-    id: number | string;
-    slug: string;
-    name: string;
-} & {
-    [x: string]: string | null;
-};
 export type Query = Record<string, number | string | null>;
 export interface Menu {
     title: string;
@@ -143,12 +137,11 @@ export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {
     };
 }
 export type GetPostsRequest = {
-    tags: string | undefined;
     page: number;
     perPage: number;
     savedOnly: boolean;
     search: string | undefined;
-    services: string | undefined;
+    [filterParam: string]: string | number | boolean | undefined;
 };
 export type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;
 export type HandleChangeQueryParams = (params: Query) => void;
@@ -170,6 +163,42 @@ export type FetchArgs = {
 export interface QAProps {
     qa?: string;
 }
+type FilterConfigBase = {
+    /** The key used in queryParams and passed to handleLoadData query */
+    queryParamName: string;
+    /** Optional analytics events fired when this control's value changes */
+    analyticsEvents?: AnalyticsEventsProp;
+};
+export type SelectFilterConfig = FilterConfigBase & Pick<SelectProps, 'multiple' | 'filterable' | 'hasClear' | 'placeholder'> & {
+    type?: 'select';
+    /** The selectable items for this filter */
+    options: SelectOption[];
+    /** Label shown when nothing is selected (acts as "All ..." placeholder) */
+    allLabel: string;
+    /** Optional QA attribute forwarded to the switcher */
+    qa?: string;
+};
+export type SearchFilterConfig = FilterConfigBase & {
+    type: 'search';
+    /** Placeholder text for the search input */
+    placeholder?: string;
+};
+export type SavedOnlyFilterConfig = FilterConfigBase & {
+    type: 'savedOnly';
+};
+export type FilterConfig = SelectFilterConfig | SearchFilterConfig | SavedOnlyFilterConfig;
+/**
+ * Filters can be supplied either as a flat array (all filters in one row)
+ * or as an array of rows (each inner array is rendered as a separate row).
+ *
+ * @example Single row (backward-compatible)
+ * filters: [searchFilter, tagsFilter]
+ *
+ * @example Multiple rows
+ * filters: [[searchFilter, savedOnlyFilter], [tagsFilter, serviceFilter]]
+ */
+export type FiltersConfig = FilterConfig[] | FilterConfig[][];
+export declare function normalizeFiltersToRows(filters: FiltersConfig): FilterConfig[][];
 export declare enum PostCardSize {
     SMALL = "s",
     MEDIUM = "m"
@@ -181,3 +210,4 @@ export declare enum PostCardTitleHeadingLevel {
 export interface TransformPostOptions {
     plugins?: MarkdownItPluginCb[];
 }
+export {};

package/server/models/common.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostCardTitleHeadingLevel = exports.PostCardSize = exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
+exports.normalizeFiltersToRows = normalizeFiltersToRows;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -36,6 +37,16 @@ var DefaultEventNames;
     DefaultEventNames["Service"] = "selector-service-click";
     DefaultEventNames["SaveOnly"] = "save-only-button-click";
 })(DefaultEventNames || (exports.DefaultEventNames = DefaultEventNames = {}));
+function normalizeFiltersToRows(filters) {
+    if (filters.length === 0) {
+        return [];
+    }
+    // If the first element is itself an array, the input is already multi-row.
+    if (Array.isArray(filters[0])) {
+        return filters;
+    }
+    return [filters];
+}
 var PostCardSize;
 (function (PostCardSize) {
     PostCardSize["SMALL"] = "s";

package/build/cjs/components/FeedHeader/components/Controls/customRenders.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"customRenders.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/customRenders.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAuE;AAEvE,oDAA8C;AAC9C,gDAA2C;AAC3C,oFAGkD;AAClD,wEAAqF;AAIrF,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAe1B,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,sBAArD,kDAAsD,CAAD;IAAO,OAAA,CAC1F,uBAAC,+BAAc,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;AApBO,QAAA,cAAc,kBAoBrB;AAEC,MAAM,YAAY,GAAqB,CAAC,EAI9C,EAAE,EAAE;QAJ0C,EAC3C,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,sBAAxE,yDAAyE,CAAD;IAClF,OAAA,CACF,uBAAC,iBAAS,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,UAAU,EAAE,GAAG,EACf,YAAY,kBAAG,IAAI,EAAE,CAAC,IAAK,SAAS,IACtC,CACL,CAAA;CAAA,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEK,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAClD,uBAAC,uCAAkB,IAAC,IAAI,EAAE,MAAyC,GAAI,CAC1E,CAAC;AAFW,QAAA,YAAY,gBAEvB","sourcesContent":["import {SelectOption, SelectProps, TextInput} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {block} from '../../../../utils/cn';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport {CustomSwitcher, CustomSwitcherProps} from '../CustomSwitcher/CustomSwitcher';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\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 = 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 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={b('popup-filter')}\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/components/FeedHeader/components/Controls/customRenders.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"customRenders.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/customRenders.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAA4B,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EACH,kBAAkB,GAErB,oDAAiD;AAClD,OAAO,EAAC,cAAc,EAAsB,4CAAyC;AAErF,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAejC,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,GAAqB,CAAC,EAI9C,EAAE,EAAE;QAJ0C,EAC3C,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,CAAC,CAAC,cAAc,CAAC,EAC5B,UAAU,EAAE,GAAG,EACf,YAAY,kBAAG,IAAI,EAAE,CAAC,IAAK,SAAS,IACtC,CACL,CAAA;CAAA,CAAC;AAEF,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 {block} from '../../../../utils/cn';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport {CustomSwitcher, CustomSwitcherProps} from '../CustomSwitcher/CustomSwitcher';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\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 = 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 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={b('popup-filter')}\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"]}