@gravity-ui/blog-constructor 8.3.0 → 8.5.0

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

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

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

@@ -6,13 +6,13 @@ const page_constructor_1 = require("@gravity-ui/page-constructor");
 const cn_1 = require("../../utils/cn.js");
 const Controls_1 = require("./components/Controls/Controls.js");
 const b = (0, cn_1.block)('feed-header');
-const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, }) => {
+const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, title, }) => {
     const backgroundThemed = background && (0, page_constructor_1.getThemedValue)(background, theme);
     return ((0, jsx_runtime_1.jsxs)("header", { className: b('header', { ['has-background']: Boolean(background) }, className), children: [(backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? ((0, jsx_runtime_1.jsx)(page_constructor_1.FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null, (0, jsx_runtime_1.jsxs)(page_constructor_1.Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }), children: [backgroundThemed ? ((0, jsx_runtime_1.jsx)(page_constructor_1.BackgroundImage, { src: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.url, className: b('background'), imageClassName: b('background-img'), style: {
                             backgroundColor: backgroundThemed.fullWidth
                                 ? ''
                                 : backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color,
-                        }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null, (0, jsx_runtime_1.jsx)(Controls_1.Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams })] })] }));
+                        }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null, (0, jsx_runtime_1.jsx)(Controls_1.Controls, { title: title, tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams })] })] }));
 };
 exports.FeedHeader = FeedHeader;
 //# sourceMappingURL=FeedHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedHeader.js","sourceRoot":"../../../../src","sources":["components/FeedHeader/FeedHeader.tsx"],"names":[],"mappings":";;;;AAAA,mEAMsC;AAGtC,0CAAqC;AAErC,gEAAuE;AAIvE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAQxB,MAAM,UAAU,GAAG,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,MAAM,GAAG,SAAS,EAClB,UAAU,EACV,KAAK,GAAG,OAAO,EACf,cAAc,GAAG,GAAG,EACpB,SAAS,EACT,WAAW,GACY,EAAE,EAAE;IAC3B,MAAM,gBAAgB,GAAG,UAAU,IAAI,IAAA,iCAAc,EAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,oCAAQ,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,EAAE,SAAS,CAAC,aAC/E,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,CAAC,CAAC,CACvB,uBAAC,sCAAmB,IAChB,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,EACjD,KAAK,EAAC,SAAS,GACjB,CACL,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,uBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,uBAAC,kCAAe,IACZ,GAAG,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,EAC1B,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACnC,KAAK,EAAE;4BACH,eAAe,EAAE,gBAAgB,CAAC,SAAS;gCACvC,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK;yBAChC,EACD,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,GACpD,CACL,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAQ,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GAC1B,IACC,IACF,CACZ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB","sourcesContent":["import {\n    BackgroundImage,\n    FullWidthBackground,\n    Grid,\n    Theme,\n    getThemedValue,\n} from '@gravity-ui/page-constructor';\n\nimport {ClassNameProps, HeaderBlockProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Controls, ControlsProps} from './components/Controls/Controls';\n\nimport './FeedHeader.scss';\n\nconst b = block('feed-header');\n\ntype HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;\n\ntype FeedHeaderProps = HeaderProps & ControlsProps;\n\ntype FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;\n\nexport const FeedHeader = ({\n    tags,\n    services,\n    handleLoadData,\n    offset = 'default',\n    background,\n    theme = 'light',\n    verticalOffset = 'l',\n    className,\n    queryParams,\n}: FeedHeaderContainerProps) => {\n    const backgroundThemed = background && getThemedValue(background, theme as Theme);\n\n    return (\n        <header className={b('header', {['has-background']: Boolean(background)}, className)}>\n            {backgroundThemed?.color ? (\n                <FullWidthBackground\n                    style={{backgroundColor: backgroundThemed?.color}}\n                    theme=\"rounded\"\n                />\n            ) : null}\n            <Grid className={b('content', {offset, theme, 'vertical-offset': verticalOffset})}>\n                {backgroundThemed ? (\n                    <BackgroundImage\n                        src={backgroundThemed?.url}\n                        className={b('background')}\n                        imageClassName={b('background-img')}\n                        style={{\n                            backgroundColor: backgroundThemed.fullWidth\n                                ? ''\n                                : backgroundThemed?.color,\n                        }}\n                        disableCompress={backgroundThemed?.disableCompress}\n                    />\n                ) : null}\n                <Controls\n                    tags={tags}\n                    services={services}\n                    handleLoadData={handleLoadData}\n                    queryParams={queryParams}\n                />\n            </Grid>\n        </header>\n    );\n};\n"]}
+{"version":3,"file":"FeedHeader.js","sourceRoot":"../../../../src","sources":["components/FeedHeader/FeedHeader.tsx"],"names":[],"mappings":";;;;AAAA,mEAMsC;AAGtC,0CAAqC;AAErC,gEAAuE;AAIvE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAQxB,MAAM,UAAU,GAAG,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,MAAM,GAAG,SAAS,EAClB,UAAU,EACV,KAAK,GAAG,OAAO,EACf,cAAc,GAAG,GAAG,EACpB,SAAS,EACT,WAAW,EACX,KAAK,GACkB,EAAE,EAAE;IAC3B,MAAM,gBAAgB,GAAG,UAAU,IAAI,IAAA,iCAAc,EAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,oCAAQ,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,EAAE,SAAS,CAAC,aAC/E,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,CAAC,CAAC,CACvB,uBAAC,sCAAmB,IAChB,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,EACjD,KAAK,EAAC,SAAS,GACjB,CACL,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,uBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,uBAAC,kCAAe,IACZ,GAAG,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,EAC1B,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACnC,KAAK,EAAE;4BACH,eAAe,EAAE,gBAAgB,CAAC,SAAS;gCACvC,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK;yBAChC,EACD,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,GACpD,CACL,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAQ,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GAC1B,IACC,IACF,CACZ,CAAC;AACN,CAAC,CAAC;AA9CW,QAAA,UAAU,cA8CrB","sourcesContent":["import {\n    BackgroundImage,\n    FullWidthBackground,\n    Grid,\n    Theme,\n    getThemedValue,\n} from '@gravity-ui/page-constructor';\n\nimport {ClassNameProps, HeaderBlockProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Controls, ControlsProps} from './components/Controls/Controls';\n\nimport './FeedHeader.scss';\n\nconst b = block('feed-header');\n\ntype HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;\n\ntype FeedHeaderProps = HeaderProps & ControlsProps;\n\ntype FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;\n\nexport const FeedHeader = ({\n    tags,\n    services,\n    handleLoadData,\n    offset = 'default',\n    background,\n    theme = 'light',\n    verticalOffset = 'l',\n    className,\n    queryParams,\n    title,\n}: FeedHeaderContainerProps) => {\n    const backgroundThemed = background && getThemedValue(background, theme as Theme);\n\n    return (\n        <header className={b('header', {['has-background']: Boolean(background)}, className)}>\n            {backgroundThemed?.color ? (\n                <FullWidthBackground\n                    style={{backgroundColor: backgroundThemed?.color}}\n                    theme=\"rounded\"\n                />\n            ) : null}\n            <Grid className={b('content', {offset, theme, 'vertical-offset': verticalOffset})}>\n                {backgroundThemed ? (\n                    <BackgroundImage\n                        src={backgroundThemed?.url}\n                        className={b('background')}\n                        imageClassName={b('background-img')}\n                        style={{\n                            backgroundColor: backgroundThemed.fullWidth\n                                ? ''\n                                : backgroundThemed?.color,\n                        }}\n                        disableCompress={backgroundThemed?.disableCompress}\n                    />\n                ) : null}\n                <Controls\n                    title={title}\n                    tags={tags}\n                    services={services}\n                    handleLoadData={handleLoadData}\n                    queryParams={queryParams}\n                />\n            </Grid>\n        </header>\n    );\n};\n"]}

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

@@ -10,5 +10,6 @@ export type ControlsProps = {
     tags?: SelectItem[];
     services?: SelectItem[];
     queryParams: Query;
+    title?: string;
 };
-export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: ({ handleLoadData, tags, services, queryParams, title, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -21,7 +21,7 @@ const b = (0, cn_1.block)('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
-const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) => {
+const Controls = ({ handleLoadData, tags = [], services = [], queryParams, title = (0, i18n_1.i18n)(i18n_1.Keyset.Title), }) => {
     const { hasLikes } = React.useContext(LikesContext_1.LikesContext);
     const handleAnalyticsTag = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Tag);
     const handleAnalyticsService = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Service);
@@ -90,7 +90,7 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
     };
     const tagsItems = React.useMemo(() => [{ value: 'empty', content: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags) }, ...tags], [tags]);
     const servicesItems = React.useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.MobileProvider, { mobile: false, children: (0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)("h1", { className: b('header-item', { title: true }), children: (0, i18n_1.i18n)(i18n_1.Keyset.Title) }), (0, jsx_runtime_1.jsxs)("div", { className: b('header-item', { filters: true }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch }) }), (0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
+    return ((0, jsx_runtime_1.jsx)(uikit_1.MobileProvider, { mobile: false, children: (0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)("h1", { className: b('header-item', { title: true }), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: b('header-item', { filters: true }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch }) }), (0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
                                     initial: [tagInitial],
                                     list: tagsItems,
                                     defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),

package/build/cjs/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};\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}: 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 = (searchValue: string) => {\n        setSearch(searchValue);\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {search: searchValue, page: DEFAULT_PAGE},\n        });\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})}>{i18n(Keyset.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":"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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 = (searchValue: string) => {\n        setSearch(searchValue);\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {search: searchValue, page: DEFAULT_PAGE},\n        });\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"]}

package/build/cjs/components/Wrapper/Wrapper.css

@@ -6,6 +6,9 @@ unpredictable css rules order in build */
 .bc-wrapper_padding-top_s {
   padding-top: 16px;
 }
+.bc-wrapper_padding-top_sm {
+  padding-top: 24px;
+}
 .bc-wrapper_padding-top_m {
   padding-top: 32px;
 }
@@ -21,6 +24,9 @@ unpredictable css rules order in build */
 .bc-wrapper_padding-bottom_s {
   padding-bottom: 16px;
 }
+.bc-wrapper_padding-bottom_sm {
+  padding-bottom: 24px;
+}
 .bc-wrapper_padding-bottom_m {
   padding-bottom: 32px;
 }
@@ -29,4 +35,40 @@ unpredictable css rules order in build */
 }
 .bc-wrapper_padding-bottom_xl {
   padding-bottom: 64px;
+}
+.bc-wrapper_padding-left_xs {
+  padding-left: 0px;
+}
+.bc-wrapper_padding-left_s {
+  padding-left: 16px;
+}
+.bc-wrapper_padding-left_sm {
+  padding-left: 24px;
+}
+.bc-wrapper_padding-left_m {
+  padding-left: 32px;
+}
+.bc-wrapper_padding-left_l {
+  padding-left: 48px;
+}
+.bc-wrapper_padding-left_xl {
+  padding-left: 64px;
+}
+.bc-wrapper_padding-right_xs {
+  padding-right: 0px;
+}
+.bc-wrapper_padding-right_s {
+  padding-right: 16px;
+}
+.bc-wrapper_padding-right_sm {
+  padding-right: 24px;
+}
+.bc-wrapper_padding-right_m {
+  padding-right: 32px;
+}
+.bc-wrapper_padding-right_l {
+  padding-right: 48px;
+}
+.bc-wrapper_padding-right_xl {
+  padding-right: 64px;
 }

package/build/cjs/components/Wrapper/Wrapper.d.ts

@@ -4,6 +4,7 @@ import { Paddings } from "../../models/paddings.js";
 type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;
     children?: React.ReactNode;
+    style?: React.CSSProperties;
 };
 export declare const Wrapper: React.FunctionComponent<WrapperProps>;
 export {};

package/build/cjs/components/Wrapper/Wrapper.js

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../../constants.js");
 const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('wrapper');
-const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => ((0, jsx_runtime_1.jsx)("section", { className: b({
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, style, }) => ((0, jsx_runtime_1.jsx)("section", { className: b({
         ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
         ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
         ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
         ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
-    }, className), "data-qa": qa, children: children }));
+    }, className), "data-qa": qa, style: style, children: children }));
 exports.Wrapper = Wrapper;
 //# sourceMappingURL=Wrapper.js.map

package/build/cjs/components/Wrapper/Wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";;;;AAEA,kDAAiD;AAGjD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,SAAS,CAAC,CAAC;AAQpB,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,4BAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,oCACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,YAEV,QAAQ,GACH,CACb,CAAC;AApBW,QAAA,OAAO,WAoBlB","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n    >\n        {children}\n    </section>\n);\n"]}
+{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";;;;AAEA,kDAAiD;AAGjD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,SAAS,CAAC,CAAC;AASpB,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,4BAAgB,EAC3B,SAAS,EACT,EAAE,EACF,KAAK,GACR,EAAE,EAAE,CAAC,CACF,oCACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,EACX,KAAK,EAAE,KAAK,YAEX,QAAQ,GACH,CACb,CAAC;AAtBW,QAAA,OAAO,WAsBlB","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n        style?: React.CSSProperties;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n    style,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n        style={style}\n    >\n        {children}\n    </section>\n);\n"]}

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

@@ -9,9 +9,11 @@ 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 }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-feed-block": ({ image, title }: 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;
+        "blog-side-card-list-block": ({ title, items, paddingTop, paddingBottom }: import("../models/blocks.js").SideCardListProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/constructor/blocksMap.js

@@ -11,7 +11,9 @@ const Header_1 = require("../blocks/Header/Header.js");
 const Layout_1 = require("../blocks/Layout/Layout.js");
 const Media_1 = require("../blocks/Media/Media.js");
 const Meta_1 = require("../blocks/Meta/Meta.js");
+const SideCardList_1 = require("../blocks/SideCardList/SideCardList.js");
 const Suggest_1 = require("../blocks/Suggest/Suggest.js");
+const Take_1 = require("../blocks/Take/Take.js");
 const YFM_1 = require("../blocks/YFM/YFM.js");
 const common_1 = require("../models/common.js");
 const blocks = {
@@ -27,6 +29,8 @@ const blocks = {
     [common_1.BlockType.Feed]: Feed_1.Feed,
     [common_1.BlockType.Form]: Form_1.Form,
     [common_1.BlockType.CompactMedia]: CompactMedia_1.CompactMedia,
+    [common_1.BlockType.Take]: Take_1.Take,
+    [common_1.BlockType.SideCardList]: SideCardList_1.SideCardList,
 };
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,

package/build/cjs/constructor/blocksMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,yEAAiE;AACjE,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,0DAAkD;AAClD,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {CompactMedia} from '../blocks/CompactMedia/CompactMedia';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n    [BlockType.CompactMedia]: CompactMedia,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}
+{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,yEAAiE;AACjE,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,yEAAiE;AACjE,0DAAkD;AAClD,iDAAyC;AACzC,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;IACtC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {CompactMedia} from '../blocks/CompactMedia/CompactMedia';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {SideCardList} from '../blocks/SideCardList/SideCardList';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {Take} from '../blocks/Take/Take';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n    [BlockType.CompactMedia]: CompactMedia,\n    [BlockType.Take]: Take,\n    [BlockType.SideCardList]: SideCardList,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}

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

@@ -11,9 +11,11 @@ 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 }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-feed-block": ({ image, title }: 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;
+        "blog-side-card-list-block": ({ title, items, paddingTop, paddingBottom }: import("../models/blocks.js").SideCardListProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/models/blocks.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { AuthorItem, ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
 import { BlockType, ClassNameProps, PostData, QAProps } from "./common.js";
 import { PaddingsYFMProps } from "./paddings.js";
 export type AuthorProps = ClassNameProps & {
@@ -45,6 +45,7 @@ export type YFMProps = {
 } & PaddingsYFMProps & QAProps;
 export type FeedProps = {
     image: string;
+    title?: string;
 };
 export type FormProps = {
     formData: FormBlockData;
@@ -53,6 +54,19 @@ export type FormProps = {
 export type CompactMediaProps = {
     description?: string;
 } & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
+export type TakeProps = YFMProps & {
+    author: AuthorItem;
+    color?: string;
+    noBackground?: boolean;
+};
+export type SideCard = Pick<PCMediaProps, 'image'> & {
+    description: string;
+    url: string;
+};
+export type SideCardListProps = {
+    title?: string;
+    items: SideCard[];
+} & PaddingsYFMProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -92,7 +106,13 @@ export type FormBlockModel = {
 export type CompactMediaBlockModel = {
     type: BlockType.CompactMedia;
 } & CompactMediaProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel;
+export type TakeBlockModel = {
+    type: BlockType.Take;
+} & TakeProps;
+export type SideCardListBlockModel = {
+    type: BlockType.SideCardList;
+} & SideCardListProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel | TakeBlockModel | SideCardListBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;
 };

package/build/cjs/models/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\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};\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\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 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\nexport type Block = BlockModel & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [x: string]: any;\n};\n"]}
+{"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"]}

package/build/cjs/models/common.d.ts

@@ -98,7 +98,9 @@ export declare enum BlockType {
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
     Form = "blog-form-block",
-    CompactMedia = "blog-compact-media-block"
+    CompactMedia = "blog-compact-media-block",
+    Take = "blog-take-block",
+    SideCardList = "blog-side-card-list-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/build/cjs/models/common.js

@@ -21,6 +21,8 @@ var BlockType;
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
     BlockType["CompactMedia"] = "blog-compact-media-block";
+    BlockType["Take"] = "blog-take-block";
+    BlockType["SideCardList"] = "blog-side-card-list-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 var DefaultEventNames;
 (function (DefaultEventNames) {

package/build/cjs/models/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AASA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AA2FD,IAAY,SAcX;AAdD,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;AAC7C,CAAC,EAdW,SAAS,yBAAT,SAAS,QAcpB;AA+DD,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,iCAAjB,iBAAiB,QAU5B;AAWD,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,yCAAzB,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}\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"]}
+{"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AASA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AA2FD,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,yBAAT,SAAS,QAgBpB;AA+DD,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,iCAAjB,iBAAiB,QAU5B;AAWD,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,yCAAzB,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"]}

package/build/cjs/models/paddings.d.ts

@@ -4,7 +4,7 @@ export declare enum PaddingsDirections {
     left = "left",
     right = "right"
 }
-export type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type PaddingSize = 'xs' | 's' | 'sm' | 'm' | 'l' | 'xl';
 export type Paddings = {
     [key in PaddingsDirections]?: PaddingSize;
 };

package/build/cjs/models/paddings.js.map

@@ -1 +1 @@
-{"version":3,"file":"paddings.js","sourceRoot":"../../../src","sources":["models/paddings.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC1B,iCAAW,CAAA;IACX,uCAAiB,CAAA;IACjB,mCAAa,CAAA;IACb,qCAAe,CAAA;AACnB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["export enum PaddingsDirections {\n    top = 'top',\n    bottom = 'bottom',\n    left = 'left',\n    right = 'right',\n}\n\nexport type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';\n\nexport type Paddings = {\n    [key in PaddingsDirections]?: PaddingSize;\n};\n\nexport type PaddingsYFMProps = {\n    paddingTop?: PaddingSize;\n    paddingBottom?: PaddingSize;\n    paddingRight?: PaddingSize;\n    paddingLeft?: PaddingSize;\n};\n"]}
+{"version":3,"file":"paddings.js","sourceRoot":"../../../src","sources":["models/paddings.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC1B,iCAAW,CAAA;IACX,uCAAiB,CAAA;IACjB,mCAAa,CAAA;IACb,qCAAe,CAAA;AACnB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["export enum PaddingsDirections {\n    top = 'top',\n    bottom = 'bottom',\n    left = 'left',\n    right = 'right',\n}\n\nexport type PaddingSize = 'xs' | 's' | 'sm' | 'm' | 'l' | 'xl';\n\nexport type Paddings = {\n    [key in PaddingsDirections]?: PaddingSize;\n};\n\nexport type PaddingsYFMProps = {\n    paddingTop?: PaddingSize;\n    paddingBottom?: PaddingSize;\n    paddingRight?: PaddingSize;\n    paddingLeft?: PaddingSize;\n};\n"]}

package/build/cjs/schema/blocks.d.ts

@@ -9,3 +9,4 @@ export * from "../blocks/Meta/schema.js";
 export * from "../blocks/Suggest/schema.js";
 export * from "../blocks/YFM/schema.js";
 export * from "../blocks/CompactMedia/schema.js";
+export * from "../blocks/Take/schema.js";

package/build/cjs/schema/blocks.js

@@ -12,4 +12,5 @@ tslib_1.__exportStar(require("../blocks/Meta/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/Suggest/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/YFM/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/CompactMedia/schema.js"), exports);
+tslib_1.__exportStar(require("../blocks/Take/schema.js"), exports);
 //# sourceMappingURL=blocks.js.map

package/build/cjs/schema/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":";;;AAAA,qEAAwC;AACxC,qEAAwC;AACxC,0EAA6C;AAC7C,kEAAqC;AACrC,mEAAsC;AACtC,qEAAwC;AACxC,oEAAuC;AACvC,mEAAsC;AACtC,sEAAyC;AACzC,kEAAqC;AACrC,2EAA8C","sourcesContent":["export * from '../blocks/Author/schema';\nexport * from '../blocks/Banner/schema';\nexport * from '../blocks/ColoredText/schema';\nexport * from '../blocks/CTA/schema';\nexport * from '../blocks/Feed/schema';\nexport * from '../blocks/Layout/schema';\nexport * from '../blocks/Media/schema';\nexport * from '../blocks/Meta/schema';\nexport * from '../blocks/Suggest/schema';\nexport * from '../blocks/YFM/schema';\nexport * from '../blocks/CompactMedia/schema';\n"]}
+{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":";;;AAAA,qEAAwC;AACxC,qEAAwC;AACxC,0EAA6C;AAC7C,kEAAqC;AACrC,mEAAsC;AACtC,qEAAwC;AACxC,oEAAuC;AACvC,mEAAsC;AACtC,sEAAyC;AACzC,kEAAqC;AACrC,2EAA8C;AAC9C,mEAAsC","sourcesContent":["export * from '../blocks/Author/schema';\nexport * from '../blocks/Banner/schema';\nexport * from '../blocks/ColoredText/schema';\nexport * from '../blocks/CTA/schema';\nexport * from '../blocks/Feed/schema';\nexport * from '../blocks/Layout/schema';\nexport * from '../blocks/Media/schema';\nexport * from '../blocks/Meta/schema';\nexport * from '../blocks/Suggest/schema';\nexport * from '../blocks/YFM/schema';\nexport * from '../blocks/CompactMedia/schema';\nexport * from '../blocks/Take/schema';\n"]}