@gravity-ui/blog-constructor 5.12.1-alpha.2 → 5.13.0

package/build/cjs/blocks/Form/Form.css

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-form-block__container {
+  border-radius: var(--bc-border-radius);
+  position: relative;
+  overflow: hidden;
+  padding: 24px;
+}
+.bc-form-block__container_border_shadow {
+  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+  overflow-x: hidden;
+  border-radius: var(--bc-border-radius);
+}
+.bc-form-block__container_border_line {
+  border: 1px solid var(--g-color-line-generic);
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FormProps } from '../../models/blocks';
+export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => React.JSX.Element | null;

package/build/cjs/blocks/Form/Form.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const paddings_1 = require("../../models/paddings");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('form-block');
+const Form = (_a) => {
+    var { paddingTop, paddingBottom } = _a, props = tslib_1.__rest(_a, ["paddingTop", "paddingBottom"]);
+    const { formData, border = 'shadow' } = props;
+    const [contentLoaded, setContentLoaded] = (0, react_1.useState)(false);
+    const onContentLoad = () => {
+        setContentLoaded(true);
+    };
+    if (!formData) {
+        return null;
+    }
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
+            [paddings_1.PaddingsDirections.top]: paddingTop,
+            [paddings_1.PaddingsDirections.bottom]: paddingBottom,
+        }, className: b('wrapper') },
+        react_1.default.createElement("div", { className: b('container', { hidden: !contentLoaded, border }) },
+            react_1.default.createElement(page_constructor_1.InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))));
+};
+exports.Form = Form;

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

@@ -0,0 +1,126 @@
+export declare const Media: {
+    "blog-media-block": {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            formData: {
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                    properties: {
+                        yandex: {
+                            type: string;
+                            required: string[];
+                            properties: {
+                                id: {
+                                    type: string;
+                                };
+                                containerId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        hubspot?: undefined;
+                    };
+                } | {
+                    type: string;
+                    optionName: string;
+                    properties: {
+                        hubspot: {
+                            type: string;
+                            required: string[];
+                            properties: {
+                                region: {
+                                    type: string;
+                                };
+                                portalId: {
+                                    type: string;
+                                };
+                                formId: {
+                                    type: string;
+                                };
+                                formInstanceId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        yandex?: undefined;
+                    };
+                })[];
+            };
+            border: {
+                type: string;
+                enum: 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/Form/schema.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Media = void 0;
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
+const { common: { BlockBaseProps }, components: { YandexFormProps }, subBlocks: { HubspotFormProps }, } = page_constructor_1.validators;
+exports.Media = {
+    [common_1.BlockType.Media]: {
+        type: 'object',
+        additionalProperties: false,
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { formData: {
+                oneOf: [
+                    {
+                        type: 'object',
+                        optionName: 'yandex',
+                        properties: {
+                            yandex: YandexFormProps,
+                        },
+                    },
+                    {
+                        type: 'object',
+                        optionName: 'hubspot',
+                        properties: {
+                            hubspot: HubspotFormProps,
+                        },
+                    },
+                ],
+            }, border: {
+                type: 'string',
+                enum: ['shadow', 'line', 'none'],
+            } }),
+    },
+};

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

@@ -450,20 +450,10 @@ export declare const Header: {
                                     type: string;
                                 };
                                 height: {
-                                    oneOf: ({
-                                        type: string;
-                                        enum?: undefined;
-                                    } | {
-                                        type: string;
-                                        enum: string[];
-                                    })[];
-                                };
-                                width: {
                                     type: string;
                                 };
-                                justifyContent: {
+                                width: {
                                     type: string;
-                                    enum: string[];
                                 };
                             };
                         };

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

@@ -264,20 +264,10 @@ export declare const Media: {
                         type: string;
                     };
                     height: {
-                        oneOf: ({
-                            type: string;
-                            enum?: undefined;
-                        } | {
-                            type: string;
-                            enum: string[];
-                        })[];
-                    };
-                    width: {
                         type: string;
                     };
-                    justifyContent: {
+                    width: {
                         type: string;
-                        enum: string[];
                     };
                 };
             };

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

@@ -10,6 +10,7 @@ declare const _default: {
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;

package/build/cjs/constructor/blocksMap.js

@@ -5,6 +5,7 @@ const Banner_1 = require("../blocks/Banner/Banner");
 const CTA_1 = require("../blocks/CTA/CTA");
 const ColoredText_1 = require("../blocks/ColoredText/ColoredText");
 const Feed_1 = require("../blocks/Feed/Feed");
+const Form_1 = require("../blocks/Form/Form");
 const Header_1 = require("../blocks/Header/Header");
 const Layout_1 = require("../blocks/Layout/Layout");
 const Media_1 = require("../blocks/Media/Media");
@@ -23,6 +24,7 @@ const blocks = {
     [common_1.BlockType.Suggest]: Suggest_1.Suggest,
     [common_1.BlockType.Meta]: Meta_1.Meta,
     [common_1.BlockType.Feed]: Feed_1.Feed,
+    [common_1.BlockType.Form]: Form_1.Form,
 };
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,

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

@@ -11,6 +11,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { 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 & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
 export type FeedProps = {
     image: string;
 };
+export type FormProps = {
+    formData: FormBlockData;
+    border?: 'shadow' | 'line' | 'none';
+} & PaddingsYFMProps & QAProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
 export type FeedBlockModel = {
     type: BlockType.Feed;
 } & FeedProps;
+export type FormBlockModel = {
+    type: BlockType.Form;
+} & FormProps;
 export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;

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

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

package/build/cjs/models/common.js

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

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

@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
                                             type: string;
                                         };
                                         height: {
-                                            oneOf: ({
-                                                type: string;
-                                                enum?: undefined;
-                                            } | {
-                                                type: string;
-                                                enum: string[];
-                                            })[];
-                                        };
-                                        width: {
                                             type: string;
                                         };
-                                        justifyContent: {
+                                        width: {
                                             type: string;
-                                            enum: string[];
                                         };
                                     };
                                 };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
                                 type: string;
                             };
                             height: {
-                                oneOf: ({
-                                    type: string;
-                                    enum?: undefined;
-                                } | {
-                                    type: string;
-                                    enum: string[];
-                                })[];
-                            };
-                            width: {
                                 type: string;
                             };
-                            justifyContent: {
+                            width: {
                                 type: string;
-                                enum: string[];
                             };
                         };
                     };

package/build/esm/blocks/Form/Form.css

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-form-block__container {
+  border-radius: var(--bc-border-radius);
+  position: relative;
+  overflow: hidden;
+  padding: 24px;
+}
+.bc-form-block__container_border_shadow {
+  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
+  overflow-x: hidden;
+  border-radius: var(--bc-border-radius);
+}
+.bc-form-block__container_border_line {
+  border: 1px solid var(--g-color-line-generic);
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormProps } from '../../models/blocks';
+import './Form.css';
+export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => React.JSX.Element | null;

package/build/esm/blocks/Form/Form.js

@@ -0,0 +1,25 @@
+import { __rest } from "tslib";
+import React, { useState } from 'react';
+import { InnerForm } from '@gravity-ui/page-constructor';
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
+import './Form.css';
+const b = block('form-block');
+export const Form = (_a) => {
+    var { paddingTop, paddingBottom } = _a, props = __rest(_a, ["paddingTop", "paddingBottom"]);
+    const { formData, border = 'shadow' } = props;
+    const [contentLoaded, setContentLoaded] = useState(false);
+    const onContentLoad = () => {
+        setContentLoaded(true);
+    };
+    if (!formData) {
+        return null;
+    }
+    return (React.createElement(Wrapper, { paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+        }, className: b('wrapper') },
+        React.createElement("div", { className: b('container', { hidden: !contentLoaded, border }) },
+            React.createElement(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))));
+};

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

@@ -0,0 +1,126 @@
+export declare const Media: {
+    "blog-media-block": {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            formData: {
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                    properties: {
+                        yandex: {
+                            type: string;
+                            required: string[];
+                            properties: {
+                                id: {
+                                    type: string;
+                                };
+                                containerId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        hubspot?: undefined;
+                    };
+                } | {
+                    type: string;
+                    optionName: string;
+                    properties: {
+                        hubspot: {
+                            type: string;
+                            required: string[];
+                            properties: {
+                                region: {
+                                    type: string;
+                                };
+                                portalId: {
+                                    type: string;
+                                };
+                                formId: {
+                                    type: string;
+                                };
+                                formInstanceId: {
+                                    type: string;
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        yandex?: undefined;
+                    };
+                })[];
+            };
+            border: {
+                type: string;
+                enum: 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/Form/schema.js

@@ -0,0 +1,31 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
+const { common: { BlockBaseProps }, components: { YandexFormProps }, subBlocks: { HubspotFormProps }, } = validators;
+export const Media = {
+    [BlockType.Media]: {
+        type: 'object',
+        additionalProperties: false,
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), { formData: {
+                oneOf: [
+                    {
+                        type: 'object',
+                        optionName: 'yandex',
+                        properties: {
+                            yandex: YandexFormProps,
+                        },
+                    },
+                    {
+                        type: 'object',
+                        optionName: 'hubspot',
+                        properties: {
+                            hubspot: HubspotFormProps,
+                        },
+                    },
+                ],
+            }, border: {
+                type: 'string',
+                enum: ['shadow', 'line', 'none'],
+            } }),
+    },
+};

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

@@ -450,20 +450,10 @@ export declare const Header: {
                                     type: string;
                                 };
                                 height: {
-                                    oneOf: ({
-                                        type: string;
-                                        enum?: undefined;
-                                    } | {
-                                        type: string;
-                                        enum: string[];
-                                    })[];
-                                };
-                                width: {
                                     type: string;
                                 };
-                                justifyContent: {
+                                width: {
                                     type: string;
-                                    enum: string[];
                                 };
                             };
                         };

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

@@ -264,20 +264,10 @@ export declare const Media: {
                         type: string;
                     };
                     height: {
-                        oneOf: ({
-                            type: string;
-                            enum?: undefined;
-                        } | {
-                            type: string;
-                            enum: string[];
-                        })[];
-                    };
-                    width: {
                         type: string;
                     };
-                    justifyContent: {
+                    width: {
                         type: string;
-                        enum: string[];
                     };
                 };
             };

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

@@ -10,6 +10,7 @@ declare const _default: {
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;

package/build/esm/constructor/blocksMap.js

@@ -3,6 +3,7 @@ import { Banner } from '../blocks/Banner/Banner';
 import { CTA } from '../blocks/CTA/CTA';
 import { ColoredText } from '../blocks/ColoredText/ColoredText';
 import { Feed } from '../blocks/Feed/Feed';
+import { Form } from '../blocks/Form/Form';
 import { Header } from '../blocks/Header/Header';
 import { Layout } from '../blocks/Layout/Layout';
 import { Media } from '../blocks/Media/Media';
@@ -21,6 +22,7 @@ const blocks = {
     [BlockType.Suggest]: Suggest,
     [BlockType.Meta]: Meta,
     [BlockType.Feed]: Feed,
+    [BlockType.Form]: Form,
 };
 const headers = {
     [BlockType.Header]: Header,

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

@@ -11,6 +11,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
         "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { 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 & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
 export type FeedProps = {
     image: string;
 };
+export type FormProps = {
+    formData: FormBlockData;
+    border?: 'shadow' | 'line' | 'none';
+} & PaddingsYFMProps & QAProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
 export type FeedBlockModel = {
     type: BlockType.Feed;
 } & FeedProps;
+export type FormBlockModel = {
+    type: BlockType.Form;
+} & FormProps;
 export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;

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

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

package/build/esm/models/common.js

@@ -16,6 +16,7 @@ export var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
+    BlockType["Form"] = "blog-form-block";
 })(BlockType || (BlockType = {}));
 export var DefaultEventNames;
 (function (DefaultEventNames) {

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

@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
                                             type: string;
                                         };
                                         height: {
-                                            oneOf: ({
-                                                type: string;
-                                                enum?: undefined;
-                                            } | {
-                                                type: string;
-                                                enum: string[];
-                                            })[];
-                                        };
-                                        width: {
                                             type: string;
                                         };
-                                        justifyContent: {
+                                        width: {
                                             type: string;
-                                            enum: string[];
                                         };
                                     };
                                 };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
                                 type: string;
                             };
                             height: {
-                                oneOf: ({
-                                    type: string;
-                                    enum?: undefined;
-                                } | {
-                                    type: string;
-                                    enum: string[];
-                                })[];
-                            };
-                            width: {
                                 type: string;
                             };
-                            justifyContent: {
+                            width: {
                                 type: string;
-                                enum: string[];
                             };
                         };
                     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.12.1-alpha.2",
+  "version": "5.13.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -62,7 +62,6 @@
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/components": "^2.8.0",
     "@gravity-ui/i18n": "^1.1.0",
-    "@gravity-ui/page-constructor": "^4.43.2-alpha.0",
     "lodash": "^4.17.21",
     "react-helmet": "^6.1.0",
     "ua-parser-js": "^0.7.28",
@@ -72,6 +71,7 @@
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
+    "@gravity-ui/page-constructor": "^4.45.0",
     "@gravity-ui/uikit": "^5.12.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -82,6 +82,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.11.0",
     "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/page-constructor": "^4.46.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",

package/server/models/blocks.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { 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 & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
 export type FeedProps = {
     image: string;
 };
+export type FormProps = {
+    formData: FormBlockData;
+    border?: 'shadow' | 'line' | 'none';
+} & PaddingsYFMProps & QAProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
 export type FeedBlockModel = {
     type: BlockType.Feed;
 } & FeedProps;
+export type FormBlockModel = {
+    type: BlockType.Form;
+} & FormProps;
 export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;

package/server/models/common.d.ts

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

package/server/models/common.js

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