@gravity-ui/blog-constructor 8.3.0 → 8.5.0

package/build/esm/blocks/Take/Take.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AuthorType, Author as PCAuthor, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { MobileContext } from "../../contexts/MobileContext.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './Take.css';
+const b = block('take');
+export const Take = (props) => {
+    const { paddingTop, paddingBottom, paddingLeft, paddingRight, text, author, color, noBackground, } = props;
+    const isMobile = React.useContext(MobileContext);
+    const containerStyle = color ? { '--take-color': color } : undefined;
+    return (_jsxs(Wrapper, { className: b('container', { noBackground }), paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+            [PaddingsDirections.left]: paddingLeft,
+            [PaddingsDirections.right]: paddingRight,
+        }, style: containerStyle, children: [_jsx(YFMWrapper, { content: text, contentClassName: b('text'), tagName: "div", modifiers: {
+                    blog: true,
+                    resetPaddings: true,
+                } }), _jsx(PCAuthor, { type: isMobile ? AuthorType.Column : AuthorType.Line, author: author, className: b('author'), authorContainerClassName: b('avatar') })] }));
+};
+//# sourceMappingURL=Take.js.map

package/build/esm/blocks/Take/Take.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Take.js","sourceRoot":"../../../../src","sources":["blocks/Take/Take.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAE,MAAM,IAAI,QAAQ,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,aAAa,EAAC,wCAAqC;AAE3D,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAExB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACrC,MAAM,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAE,EAAC,cAAc,EAAE,KAAK,EAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,OAAO,CACH,MAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,YAAY,EAAC,CAAC,EACzC,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,KAAK,EAAE,cAAc,aAErB,KAAC,UAAU,IACP,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAC,KAAK,EACb,SAAS,EAAE;oBACP,IAAI,EAAE,IAAI;oBACV,aAAa,EAAE,IAAI;iBACtB,GACH,EACF,KAAC,QAAQ,IACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EACpD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,wBAAwB,EAAE,CAAC,CAAC,QAAQ,CAAC,GACvC,IACI,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorType, Author as PCAuthor, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {MobileContext} from '../../contexts/MobileContext';\nimport {TakeProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Take.scss';\n\nconst b = block('take');\n\nexport const Take = (props: TakeProps) => {\n    const {\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        text,\n        author,\n        color,\n        noBackground,\n    } = props;\n\n    const isMobile = React.useContext(MobileContext);\n\n    const containerStyle = color ? ({'--take-color': color} as React.CSSProperties) : undefined;\n\n    return (\n        <Wrapper\n            className={b('container', {noBackground})}\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            style={containerStyle}\n        >\n            <YFMWrapper\n                content={text}\n                contentClassName={b('text')}\n                tagName=\"div\"\n                modifiers={{\n                    blog: true,\n                    resetPaddings: true,\n                }}\n            />\n            <PCAuthor\n                type={isMobile ? AuthorType.Column : AuthorType.Line}\n                author={author}\n                className={b('author')}\n                authorContainerClassName={b('avatar')}\n            />\n        </Wrapper>\n    );\n};\n"]}

package/build/esm/blocks/Take/schema.d.ts

@@ -0,0 +1,96 @@
+export declare const Take: {
+    "blog-take-block": {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            text: {
+                type: string;
+                contentType: string;
+            };
+            author: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    firstName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    secondName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    description: {
+                        type: string;
+                        contentType: string;
+                    };
+                    avatar: {
+                        type: string;
+                    };
+                };
+            };
+            paddingTop: {
+                type: string;
+                enum: string[];
+            };
+            paddingBottom: {
+                type: string;
+                enum: string[];
+            };
+            fullWidth: {
+                type: string;
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            qa: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,23 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
+const { common: { BlockBaseProps }, } = validators;
+export const Take = {
+    [BlockType.Take]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['text', 'author'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), { text: { type: 'string', contentType: 'text' }, author: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['firstName', 'secondName'],
+                properties: {
+                    firstName: { type: 'string', contentType: 'text' },
+                    secondName: { type: 'string', contentType: 'text' },
+                    description: { type: 'string', contentType: 'yfm' },
+                    avatar: { type: 'string' },
+                },
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Take/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Take/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;QACd,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAC5B,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,IAAI,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC,EAC3C,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,oBAAoB,EAAE,KAAK;gBAC3B,QAAQ,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;gBACrC,UAAU,EAAE;oBACR,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC;oBAChD,UAAU,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC;oBACjD,WAAW,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAC;oBACjD,MAAM,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;iBAC3B;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nexport const Take = {\n    [BlockType.Take]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['text', 'author'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            text: {type: 'string', contentType: 'text'},\n            author: {\n                type: 'object',\n                additionalProperties: false,\n                required: ['firstName', 'secondName'],\n                properties: {\n                    firstName: {type: 'string', contentType: 'text'},\n                    secondName: {type: 'string', contentType: 'text'},\n                    description: {type: 'string', contentType: 'yfm'},\n                    avatar: {type: 'string'},\n                },\n            },\n        },\n    },\n};\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FeedHeader.js","sourceRoot":"../../../../src","sources":["components/FeedHeader/FeedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,eAAe,EACf,mBAAmB,EACnB,IAAI,EAEJ,cAAc,GACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,EAAC,QAAQ,EAAgB,0CAAuC;AAEvE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAQ/B,MAAM,CAAC,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,cAAc,CAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,kBAAQ,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,KAAC,mBAAmB,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,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,KAAC,eAAe,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,KAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GAC1B,IACC,IACF,CACZ,CAAC;AACN,CAAC,CAAC","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,OAAO,EACH,eAAe,EACf,mBAAmB,EACnB,IAAI,EAEJ,cAAc,GACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,EAAC,QAAQ,EAAgB,0CAAuC;AAEvE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAQ/B,MAAM,CAAC,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,cAAc,CAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,kBAAQ,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,KAAC,mBAAmB,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,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,KAAC,eAAe,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,KAAC,QAAQ,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","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/esm/components/FeedHeader/components/Controls/Controls.d.ts

@@ -11,5 +11,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/esm/components/FeedHeader/components/Controls/Controls.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Bookmark} from '@gravity-ui/icons';\nimport {useAnalytics} from '@gravity-ui/page-constructor';\nimport {Button, Icon, MobileProvider, Select} from '@gravity-ui/uikit';\n\nimport {DefaultGoalIds} from '../../../../constants';\nimport {LikesContext} from '../../../../contexts/LikesContext';\nimport {MobileContext} from '../../../../contexts/MobileContext';\nimport {AnalyticsCounter} from '../../../../counters/utils';\nimport {Keyset, i18n} from '../../../../i18n';\nimport {DefaultEventNames, FetchArgs, Query} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {prepareAnalyticsEvent} from '../../../../utils/common';\nimport {Search} from '../../../Search/Search';\n\nimport {renderFilter, renderOption, renderSwitcher} from './customRenders';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type SelectItem = {\n    content: string;\n    value: string;\n    icon?: React.ReactNode;\n};\n\nexport type ControlsProps = {\n    handleLoadData: (props: FetchArgs) => void;\n    tags?: SelectItem[];\n    services?: SelectItem[];\n    queryParams: Query;\n};\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/esm/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/esm/components/Wrapper/Wrapper.d.ts

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

package/build/esm/components/Wrapper/Wrapper.js

@@ -3,10 +3,10 @@ import { DEFAULT_PADDINGS } from "../../constants.js";
 import { block } from "../../utils/cn.js";
 import './Wrapper.css';
 const b = block('wrapper');
-export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (_jsx("section", { className: b({
+export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, style, }) => (_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 }));
 //# sourceMappingURL=Wrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,2BAAwB;AAGjD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAQ3B,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,gBAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,kBACI,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","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,OAAO,EAAC,gBAAgB,EAAC,2BAAwB;AAGjD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAS3B,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,gBAAgB,EAC3B,SAAS,EACT,EAAE,EACF,KAAK,GACR,EAAE,EAAE,CAAC,CACF,kBACI,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","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/esm/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/esm/constructor/blocksMap.js

@@ -9,7 +9,9 @@ import { Header } from "../blocks/Header/Header.js";
 import { Layout } from "../blocks/Layout/Layout.js";
 import { Media } from "../blocks/Media/Media.js";
 import { Meta } from "../blocks/Meta/Meta.js";
+import { SideCardList } from "../blocks/SideCardList/SideCardList.js";
 import { Suggest } from "../blocks/Suggest/Suggest.js";
+import { Take } from "../blocks/Take/Take.js";
 import { YFM } from "../blocks/YFM/YFM.js";
 import { BlockType } from "../models/common.js";
 const blocks = {
@@ -25,6 +27,8 @@ const blocks = {
     [BlockType.Feed]: Feed,
     [BlockType.Form]: Form,
     [BlockType.CompactMedia]: CompactMedia,
+    [BlockType.Take]: Take,
+    [BlockType.SideCardList]: SideCardList,
 };
 const headers = {
     [BlockType.Header]: Header,

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

@@ -1 +1 @@
-{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,WAAW,EAAC,6CAA0C;AAC9D,OAAO,EAAC,YAAY,EAAC,+CAA4C;AACjE,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,KAAK,EAAC,iCAA8B;AAC5C,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,OAAO,EAAC,qCAAkC;AAClD,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK;IACxB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW;IACpC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;CAC7B,CAAC;AAEF,eAAe,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,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,WAAW,EAAC,6CAA0C;AAC9D,OAAO,EAAC,YAAY,EAAC,+CAA4C;AACjE,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,KAAK,EAAC,iCAA8B;AAC5C,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,YAAY,EAAC,+CAA4C;AACjE,OAAO,EAAC,OAAO,EAAC,qCAAkC;AAClD,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK;IACxB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW;IACpC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY;IACtC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;CAC7B,CAAC;AAEF,eAAe,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/esm/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/esm/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/esm/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/esm/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/esm/models/common.js

@@ -18,6 +18,8 @@ export 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 || (BlockType = {}));
 export var DefaultEventNames;
 (function (DefaultEventNames) {

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

@@ -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,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,KAAT,SAAS,QAcpB;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}\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,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"]}