@gravity-ui/blog-constructor 8.3.0 → 8.5.0

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

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

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

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

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

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

package/build/esm/schema/blocks.js

@@ -9,4 +9,5 @@ export * from "../blocks/Meta/schema.js";
 export * from "../blocks/Suggest/schema.js";
 export * from "../blocks/YFM/schema.js";
 export * from "../blocks/CompactMedia/schema.js";
+export * from "../blocks/Take/schema.js";
 //# 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;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"]}
+{"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;AAC9C,yCAAsC","sourcesContent":["export * from '../blocks/Author/schema';\nexport * from '../blocks/Banner/schema';\nexport * from '../blocks/ColoredText/schema';\nexport * from '../blocks/CTA/schema';\nexport * from '../blocks/Feed/schema';\nexport * from '../blocks/Layout/schema';\nexport * from '../blocks/Media/schema';\nexport * from '../blocks/Meta/schema';\nexport * from '../blocks/Suggest/schema';\nexport * from '../blocks/YFM/schema';\nexport * from '../blocks/CompactMedia/schema';\nexport * from '../blocks/Take/schema';\n"]}

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

@@ -1247,43 +1247,14 @@ export declare const schemasForCustom: {
         "blog-feed-block": {
             "blog-feed-block": {
                 additionalProperties: boolean;
-                required: never[];
+                required: string;
                 properties: {
                     title: {
                         type: string;
-                        additionalProperties: boolean;
-                        required: string[];
-                        properties: {
-                            text: {
-                                type: string;
-                                contentType: string;
-                            };
-                            textSize: {
-                                type: string;
-                                enum: string[];
-                            };
-                            url: {
-                                type: string;
-                            };
-                            urlTitle: {
-                                type: string;
-                            };
-                            resetMargin: {
-                                type: string;
-                            };
-                        };
                     };
                     image: {
                         type: string;
                     };
-                    description: {
-                        type: string;
-                        contentType: string;
-                    };
-                    size: {
-                        type: string;
-                        enum: string[];
-                    };
                     anchor: {
                         type: string;
                         additionalProperties: boolean;
@@ -2136,5 +2107,101 @@ export declare const schemasForCustom: {
                 };
             };
         };
+        "blog-take-block": {
+            "blog-take-block": {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    author: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            firstName: {
+                                type: string;
+                                contentType: string;
+                            };
+                            secondName: {
+                                type: string;
+                                contentType: string;
+                            };
+                            description: {
+                                type: string;
+                                contentType: string;
+                            };
+                            avatar: {
+                                type: string;
+                            };
+                        };
+                    };
+                    paddingTop: {
+                        type: string;
+                        enum: string[];
+                    };
+                    paddingBottom: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fullWidth: {
+                        type: string;
+                    };
+                    column: {
+                        type: string;
+                        enum: string[];
+                    };
+                    qa: {
+                        type: string;
+                    };
+                    anchor: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            text: {
+                                type: string;
+                                contentType: string;
+                            };
+                            url: {
+                                type: string;
+                            };
+                            urlTitle: {
+                                type: string;
+                            };
+                        };
+                    };
+                    visible: {
+                        type: string;
+                        enum: string[];
+                    };
+                    resetPaddings: {
+                        type: string;
+                    };
+                    context: {
+                        type: string;
+                    };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
+                    type: {};
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        };
     };
 };

package/build/esm/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, CompactMedia } = blocks;
+const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia, Take, } = blocks;
 const { Header } = headers;
 export const validators = {
     blocks,
@@ -23,6 +23,7 @@ export const schemasForCustom = {
         [BlockType.Suggest]: Suggest,
         [BlockType.YFM]: YFM,
         [BlockType.CompactMedia]: CompactMedia,
+        [BlockType.Take]: Take,
     },
 };
 //# 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,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"]}
+{"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,EACF,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,EACH,YAAY,EACZ,IAAI,GACP,GAAG,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;QACtC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;KACzB;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {\n    Author,\n    Banner,\n    ColoredText,\n    CTA,\n    Feed,\n    Layout,\n    Media,\n    Meta,\n    Suggest,\n    YFM,\n    CompactMedia,\n    Take,\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        [BlockType.Take]: Take,\n    },\n};\n"]}

package/package.json

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

package/server/models/blocks.d.ts

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

package/server/models/common.d.ts

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

package/server/models/common.js

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

package/server/models/paddings.d.ts

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

package/styles/mixins.scss

@@ -12,6 +12,10 @@
             padding-top: $indentXS;
         }
 
+        &_sm {
+            padding-top: $indentSM;
+        }
+
         &_m {
             padding-top: $indentM;
         }
@@ -34,6 +38,10 @@
             padding-bottom: $indentXS;
         }
 
+        &_sm {
+            padding-bottom: $indentSM;
+        }
+
         &_m {
             padding-bottom: $indentM;
         }
@@ -46,4 +54,56 @@
             padding-bottom: $indentXL;
         }
     }
+
+    &_padding-left {
+        &_xs {
+            padding-left: 0px;
+        }
+
+        &_s {
+            padding-left: $indentXS;
+        }
+
+        &_sm {
+            padding-left: $indentSM;
+        }
+
+        &_m {
+            padding-left: $indentM;
+        }
+
+        &_l {
+            padding-left: $indentL;
+        }
+
+        &_xl {
+            padding-left: $indentXL;
+        }
+    }
+
+    &_padding-right {
+        &_xs {
+            padding-right: 0px;
+        }
+
+        &_s {
+            padding-right: $indentXS;
+        }
+
+        &_sm {
+            padding-right: $indentSM;
+        }
+
+        &_m {
+            padding-right: $indentM;
+        }
+
+        &_l {
+            padding-right: $indentL;
+        }
+
+        &_xl {
+            padding-right: $indentXL;
+        }
+    }
 }