@gravity-ui/blog-constructor 8.2.0 → 8.3.0

package/build/cjs/blocks/CompactMedia/CompactMedia.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-compact-media__container {
+  max-width: 296px;
+}
+.bc-compact-media__media {
+  max-width: 232px;
+  padding: 8px 0;
+}
+.bc-compact-media__image {
+  object-fit: contain;
+  object-position: left;
+  max-height: 88px;
+  max-width: 232px;
+  width: auto;
+}
+@media (max-width: 1081px) {
+  .bc-compact-media__container {
+    max-width: none;
+    width: 50%;
+  }
+}
+@media (max-width: 577px) {
+  .bc-compact-media__container {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,2 @@
+import { CompactMediaProps } from "../../models/blocks.js";
+export declare const CompactMedia: ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: CompactMediaProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/blocks/CompactMedia/CompactMedia.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompactMedia = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
+const paddings_1 = require("../../models/paddings.js");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.block)('compact-media');
+const CompactMedia = ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }) => {
+    return ((0, jsx_runtime_1.jsxs)(Wrapper_1.Wrapper, { paddings: {
+            [paddings_1.PaddingsDirections.top]: paddingTop,
+            [paddings_1.PaddingsDirections.bottom]: paddingBottom,
+            [paddings_1.PaddingsDirections.left]: paddingLeft,
+            [paddings_1.PaddingsDirections.right]: paddingRight,
+        }, className: b('container'), children: [(0, jsx_runtime_1.jsx)(page_constructor_1.Media, { className: b('media'), imageClassName: b('image'), image: image }), description && ((0, jsx_runtime_1.jsx)("div", { className: b('text-content'), children: (0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: description, modifiers: {
+                        blog: true,
+                        resetPaddings: true,
+                    } }) }))] }));
+};
+exports.CompactMedia = CompactMedia;
+//# sourceMappingURL=CompactMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactMedia.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/CompactMedia.tsx"],"names":[],"mappings":";;;;AAAA,mEAA0E;AAE1E,iEAAyD;AAEzD,uDAAyD;AACzD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAC1B,MAAM,YAAY,GAAG,CAAC,EACzB,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,GACW,EAAE,EAAE;IACpB,OAAO,CACH,wBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,6BAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,6BAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAEzB,uBAAC,wBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC3E,WAAW,IAAI,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,uBAAC,6BAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;wBACP,IAAI,EAAE,IAAI;wBACV,aAAa,EAAE,IAAI;qBACtB,GACH,GACA,CACT,IACK,CACb,CAAC;AACN,CAAC,CAAC;AAhCW,QAAA,YAAY,gBAgCvB","sourcesContent":["import {Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {CompactMediaProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './CompactMedia.scss';\n\nconst b = block('compact-media');\nexport const CompactMedia = ({\n    paddingBottom,\n    paddingTop,\n    description,\n    paddingRight,\n    paddingLeft,\n    image,\n}: CompactMediaProps) => {\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            className={b('container')}\n        >\n            <PCMedia className={b('media')} imageClassName={b('image')} image={image} />\n            {description && (\n                <div className={b('text-content')}>\n                    <YFMWrapper\n                        content={description}\n                        modifiers={{\n                            blog: true,\n                            resetPaddings: true,\n                        }}\n                    />\n                </div>\n            )}\n        </Wrapper>\n    );\n};\n"]}

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

@@ -0,0 +1,135 @@
+export declare const CompactMedia: {
+    "blog-compact-media-block": {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            image: {
+                oneOf: ({
+                    optionName: string;
+                    oneOf: ({
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        pattern: string;
+                        optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
+                    })[];
+                    type?: undefined;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    optionName: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: 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/cjs/blocks/CompactMedia/schema.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompactMedia = void 0;
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const common_1 = require("../../models/common.js");
+const common_2 = require("../../schema/common.js");
+const { common: { BlockBaseProps, MediaProps }, } = page_constructor_1.validators;
+exports.CompactMedia = {
+    [common_1.BlockType.CompactMedia]: {
+        type: 'object',
+        additionalProperties: false,
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { image: MediaProps['image'], description: {
+                type: 'string',
+                contentType: 'text',
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAE,UAAU,EAAC,GACvC,GAAG,6BAAU,CAAC;AAEF,QAAA,YAAY,GAAG;IACxB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAC1B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,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, MediaProps},\n} = validators;\n\nexport const CompactMedia = {\n    [BlockType.CompactMedia]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            image: MediaProps['image'],\n            description: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n};\n"]}

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

@@ -11,6 +11,7 @@ declare const _default: {
         "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-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;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/constructor/blocksMap.js

@@ -4,6 +4,7 @@ const Author_1 = require("../blocks/Author/Author.js");
 const Banner_1 = require("../blocks/Banner/Banner.js");
 const CTA_1 = require("../blocks/CTA/CTA.js");
 const ColoredText_1 = require("../blocks/ColoredText/ColoredText.js");
+const CompactMedia_1 = require("../blocks/CompactMedia/CompactMedia.js");
 const Feed_1 = require("../blocks/Feed/Feed.js");
 const Form_1 = require("../blocks/Form/Form.js");
 const Header_1 = require("../blocks/Header/Header.js");
@@ -25,6 +26,7 @@ const blocks = {
     [common_1.BlockType.Meta]: Meta_1.Meta,
     [common_1.BlockType.Feed]: Feed_1.Feed,
     [common_1.BlockType.Form]: Form_1.Form,
+    [common_1.BlockType.CompactMedia]: CompactMedia_1.CompactMedia,
 };
 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,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;CACzB,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 {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};\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,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"]}

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

@@ -13,6 +13,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "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-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;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -50,6 +50,9 @@ export type FormProps = {
     formData: FormBlockData;
     border?: 'shadow' | 'line' | 'none';
 } & PaddingsYFMProps & QAProps;
+export type CompactMediaProps = {
+    description?: string;
+} & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -86,7 +89,10 @@ export type FeedBlockModel = {
 export type FormBlockModel = {
     type: BlockType.Form;
 } & FormProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
+export type CompactMediaBlockModel = {
+    type: BlockType.CompactMedia;
+} & CompactMediaProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel;
 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\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 BlockModel =\n    | AuthorBlockModel\n    | BannerBlockModel\n    | ColoredTextBlockModel\n    | CTABlockModel\n    | HeaderBlockModel\n    | LayoutBlockModel\n    | MediaBlockModel\n    | MetaBlockModel\n    | SuggestBlockModel\n    | YFMBlockModel\n    | FeedBlockModel;\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    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"]}

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

@@ -97,7 +97,8 @@ export declare enum BlockType {
     Suggest = "blog-suggest-block",
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
-    Form = "blog-form-block"
+    Form = "blog-form-block",
+    CompactMedia = "blog-compact-media-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/build/cjs/models/common.js

@@ -20,6 +20,7 @@ var BlockType;
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
+    BlockType["CompactMedia"] = "blog-compact-media-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,SAaX;AAbD,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;AAC5B,CAAC,EAbW,SAAS,yBAAT,SAAS,QAapB;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}\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,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"]}

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

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

package/build/cjs/schema/blocks.js

@@ -11,4 +11,5 @@ tslib_1.__exportStar(require("../blocks/Media/schema.js"), exports);
 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);
 //# 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","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';\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","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"]}

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

@@ -2001,5 +2001,140 @@ export declare const schemasForCustom: {
                 };
             };
         };
+        "blog-compact-media-block": {
+            "blog-compact-media-block": {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    image: {
+                        oneOf: ({
+                            optionName: string;
+                            oneOf: ({
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } | {
+                                type: string;
+                                pattern: string;
+                                optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                                pattern?: undefined;
+                            })[];
+                            type?: undefined;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                oneOf: ({
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                } | {
+                                    type: string;
+                                    pattern: string;
+                                    optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
+                                })[];
+                            };
+                            optionName: string;
+                        })[];
+                    };
+                    description: {
+                        type: string;
+                        contentType: 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/cjs/schema/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const common_1 = require("../models/common.js");
 const blocks = tslib_1.__importStar(require("./blocks.js"));
 const headers = tslib_1.__importStar(require("./headers.js"));
-const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM } = blocks;
+const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia } = blocks;
 const { Header } = headers;
 exports.validators = {
     blocks,
@@ -26,6 +26,7 @@ exports.schemasForCustom = {
         [common_1.BlockType.Meta]: Meta,
         [common_1.BlockType.Suggest]: Suggest,
         [common_1.BlockType.YFM]: YFM,
+        [common_1.BlockType.CompactMedia]: CompactMedia,
     },
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;;AAAA,gDAA2C;AAE3C,4DAAmC;AACnC,8DAAqC;AAErC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAC,GAAG,MAAM,CAAC;AAC3F,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEZ,QAAA,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;KACvB;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM} = blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n    },\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;;AAAA,gDAA2C;AAE3C,4DAAmC;AACnC,8DAAqC;AAErC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAC,GAC3F,MAAM,CAAC;AACX,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEZ,QAAA,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,YAAY;KACzC;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia} =\n    blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n        [BlockType.CompactMedia]: CompactMedia,\n    },\n};\n"]}

package/build/esm/blocks/CompactMedia/CompactMedia.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-compact-media__container {
+  max-width: 296px;
+}
+.bc-compact-media__media {
+  max-width: 232px;
+  padding: 8px 0;
+}
+.bc-compact-media__image {
+  object-fit: contain;
+  object-position: left;
+  max-height: 88px;
+  max-width: 232px;
+  width: auto;
+}
+@media (max-width: 1081px) {
+  .bc-compact-media__container {
+    max-width: none;
+    width: 50%;
+  }
+}
+@media (max-width: 577px) {
+  .bc-compact-media__container {
+    width: 100%;
+  }
+}

package/build/esm/blocks/CompactMedia/CompactMedia.d.ts

@@ -0,0 +1,3 @@
+import { CompactMediaProps } from "../../models/blocks.js";
+import './CompactMedia.css';
+export declare const CompactMedia: ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: CompactMediaProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/CompactMedia/CompactMedia.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Media as PCMedia, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './CompactMedia.css';
+const b = block('compact-media');
+export const CompactMedia = ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }) => {
+    return (_jsxs(Wrapper, { paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+            [PaddingsDirections.left]: paddingLeft,
+            [PaddingsDirections.right]: paddingRight,
+        }, className: b('container'), children: [_jsx(PCMedia, { className: b('media'), imageClassName: b('image'), image: image }), description && (_jsx("div", { className: b('text-content'), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                        blog: true,
+                        resetPaddings: true,
+                    } }) }))] }));
+};
+//# sourceMappingURL=CompactMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactMedia.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/CompactMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,IAAI,OAAO,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,GACW,EAAE,EAAE;IACpB,OAAO,CACH,MAAC,OAAO,IACJ,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,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAEzB,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC3E,WAAW,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;wBACP,IAAI,EAAE,IAAI;wBACV,aAAa,EAAE,IAAI;qBACtB,GACH,GACA,CACT,IACK,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {CompactMediaProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './CompactMedia.scss';\n\nconst b = block('compact-media');\nexport const CompactMedia = ({\n    paddingBottom,\n    paddingTop,\n    description,\n    paddingRight,\n    paddingLeft,\n    image,\n}: CompactMediaProps) => {\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            className={b('container')}\n        >\n            <PCMedia className={b('media')} imageClassName={b('image')} image={image} />\n            {description && (\n                <div className={b('text-content')}>\n                    <YFMWrapper\n                        content={description}\n                        modifiers={{\n                            blog: true,\n                            resetPaddings: true,\n                        }}\n                    />\n                </div>\n            )}\n        </Wrapper>\n    );\n};\n"]}

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

@@ -0,0 +1,135 @@
+export declare const CompactMedia: {
+    "blog-compact-media-block": {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            image: {
+                oneOf: ({
+                    optionName: string;
+                    oneOf: ({
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        pattern: string;
+                        optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
+                    })[];
+                    type?: undefined;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    optionName: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: 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/CompactMedia/schema.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/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,EAAE,UAAU,EAAC,GACvC,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAC1B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,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, MediaProps},\n} = validators;\n\nexport const CompactMedia = {\n    [BlockType.CompactMedia]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            image: MediaProps['image'],\n            description: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n};\n"]}

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

@@ -11,6 +11,7 @@ declare const _default: {
         "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-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;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/constructor/blocksMap.js

@@ -2,6 +2,7 @@ import { Author } from "../blocks/Author/Author.js";
 import { Banner } from "../blocks/Banner/Banner.js";
 import { CTA } from "../blocks/CTA/CTA.js";
 import { ColoredText } from "../blocks/ColoredText/ColoredText.js";
+import { CompactMedia } from "../blocks/CompactMedia/CompactMedia.js";
 import { Feed } from "../blocks/Feed/Feed.js";
 import { Form } from "../blocks/Form/Form.js";
 import { Header } from "../blocks/Header/Header.js";
@@ -23,6 +24,7 @@ const blocks = {
     [BlockType.Meta]: Meta,
     [BlockType.Feed]: Feed,
     [BlockType.Form]: Form,
+    [BlockType.CompactMedia]: CompactMedia,
 };
 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,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;CACzB,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 {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};\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,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"]}

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

@@ -13,6 +13,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "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-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;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -50,6 +50,9 @@ export type FormProps = {
     formData: FormBlockData;
     border?: 'shadow' | 'line' | 'none';
 } & PaddingsYFMProps & QAProps;
+export type CompactMediaProps = {
+    description?: string;
+} & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -86,7 +89,10 @@ export type FeedBlockModel = {
 export type FormBlockModel = {
     type: BlockType.Form;
 } & FormProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
+export type CompactMediaBlockModel = {
+    type: BlockType.CompactMedia;
+} & CompactMediaProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel;
 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\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 BlockModel =\n    | AuthorBlockModel\n    | BannerBlockModel\n    | ColoredTextBlockModel\n    | CTABlockModel\n    | HeaderBlockModel\n    | LayoutBlockModel\n    | MediaBlockModel\n    | MetaBlockModel\n    | SuggestBlockModel\n    | YFMBlockModel\n    | FeedBlockModel;\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    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"]}

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

@@ -97,7 +97,8 @@ export declare enum BlockType {
     Suggest = "blog-suggest-block",
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
-    Form = "blog-form-block"
+    Form = "blog-form-block",
+    CompactMedia = "blog-compact-media-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/build/esm/models/common.js

@@ -17,6 +17,7 @@ export var BlockType;
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
+    BlockType["CompactMedia"] = "blog-compact-media-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,SAaX;AAbD,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;AAC5B,CAAC,EAbW,SAAS,KAAT,SAAS,QAapB;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}\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,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"]}

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

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

package/build/esm/schema/blocks.js

@@ -8,4 +8,5 @@ export * from "../blocks/Media/schema.js";
 export * from "../blocks/Meta/schema.js";
 export * from "../blocks/Suggest/schema.js";
 export * from "../blocks/YFM/schema.js";
+export * from "../blocks/CompactMedia/schema.js";
 //# sourceMappingURL=blocks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":"AAAA,2CAAwC;AACxC,2CAAwC;AACxC,gDAA6C;AAC7C,wCAAqC;AACrC,yCAAsC;AACtC,2CAAwC;AACxC,0CAAuC;AACvC,yCAAsC;AACtC,4CAAyC;AACzC,wCAAqC","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';\n"]}
+{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":"AAAA,2CAAwC;AACxC,2CAAwC;AACxC,gDAA6C;AAC7C,wCAAqC;AACrC,yCAAsC;AACtC,2CAAwC;AACxC,0CAAuC;AACvC,yCAAsC;AACtC,4CAAyC;AACzC,wCAAqC;AACrC,iDAA8C","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"]}

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

@@ -2001,5 +2001,140 @@ export declare const schemasForCustom: {
                 };
             };
         };
+        "blog-compact-media-block": {
+            "blog-compact-media-block": {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    image: {
+                        oneOf: ({
+                            optionName: string;
+                            oneOf: ({
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } | {
+                                type: string;
+                                pattern: string;
+                                optionName: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                                pattern?: undefined;
+                            })[];
+                            type?: undefined;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                oneOf: ({
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                } | {
+                                    type: string;
+                                    pattern: string;
+                                    optionName: string;
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                    pattern?: undefined;
+                                })[];
+                            };
+                            optionName: string;
+                        })[];
+                    };
+                    description: {
+                        type: string;
+                        contentType: 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/schema/index.js

@@ -1,7 +1,7 @@
 import { BlockType } from "../models/common.js";
 import * as blocks from "./blocks.js";
 import * as headers from "./headers.js";
-const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM } = blocks;
+const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia } = blocks;
 const { Header } = headers;
 export const validators = {
     blocks,
@@ -22,6 +22,7 @@ export const schemasForCustom = {
         [BlockType.Meta]: Meta,
         [BlockType.Suggest]: Suggest,
         [BlockType.YFM]: YFM,
+        [BlockType.CompactMedia]: CompactMedia,
     },
 };
 //# sourceMappingURL=index.js.map

package/build/esm/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAE3C,OAAO,KAAK,MAAM,oBAAiB;AACnC,OAAO,KAAK,OAAO,qBAAkB;AAErC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAC,GAAG,MAAM,CAAC;AAC3F,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;KACvB;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM} = blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n    },\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAE3C,OAAO,KAAK,MAAM,oBAAiB;AACnC,OAAO,KAAK,OAAO,qBAAkB;AAErC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAC,GAC3F,MAAM,CAAC;AACX,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY;KACzC;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia} =\n    blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n        [BlockType.CompactMedia]: CompactMedia,\n    },\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "type": "commonjs",

package/server/models/blocks.d.ts

@@ -50,6 +50,9 @@ export type FormProps = {
     formData: FormBlockData;
     border?: 'shadow' | 'line' | 'none';
 } & PaddingsYFMProps & QAProps;
+export type CompactMediaProps = {
+    description?: string;
+} & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -86,7 +89,10 @@ export type FeedBlockModel = {
 export type FormBlockModel = {
     type: BlockType.Form;
 } & FormProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
+export type CompactMediaBlockModel = {
+    type: BlockType.CompactMedia;
+} & CompactMediaProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;
 };

package/server/models/common.d.ts

@@ -97,7 +97,8 @@ export declare enum BlockType {
     Suggest = "blog-suggest-block",
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
-    Form = "blog-form-block"
+    Form = "blog-form-block",
+    CompactMedia = "blog-compact-media-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/server/models/common.js

@@ -20,6 +20,7 @@ var BlockType;
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
+    BlockType["CompactMedia"] = "blog-compact-media-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 var DefaultEventNames;
 (function (DefaultEventNames) {