@gravity-ui/page-constructor 4.33.0 → 4.34.0

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

@@ -0,0 +1,136 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-form-block {
+  border-radius: 32px;
+  position: relative;
+}
+.pc-form-block__title {
+  margin: 0 0 24px 10px;
+}
+.pc-form-block__title_mobile {
+  margin-left: 4px;
+}
+.pc-form-block__full-form {
+  background-color: var(--g-color-base-background);
+  padding: 48px 64px 48px calc(64px - 10px);
+  border-radius: var(--pc-border-radius);
+}
+.pc-form-block__media {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  border-radius: 32px;
+}
+.pc-form-block__image {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.pc-form-block__row_direction_form-content {
+  flex-direction: row-reverse;
+}
+.pc-form-block__row_direction_center {
+  padding-top: 64px;
+  padding-bottom: 48px;
+  flex-direction: column;
+}
+.pc-form-block__row_direction_center .pc-form-block__content-wrapper {
+  margin-bottom: 32px;
+}
+.pc-form-block:not(.pc-form-block_with-background) .pc-form-block__full-form {
+  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
+}
+.pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row_direction_form-content .pc-form-block__content-wrapper {
+  padding: 48px 0 64px 64px;
+}
+.pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row_direction_content-form .pc-form-block__content-wrapper {
+  padding: 48px 64px 64px 0;
+}
+.pc-form-block_with-background .pc-form-block__row_direction_form-content .pc-form-block__form-wrapper {
+  padding: 16px 0 24px 16px;
+}
+.pc-form-block_with-background .pc-form-block__row_direction_content-form .pc-form-block__form-wrapper {
+  padding: 16px 16px 24px 0;
+}
+.pc-form-block_with-background .pc-form-block__row_direction_form-content .pc-form-block__content-wrapper, .pc-form-block_with-background .pc-form-block__row_direction_content-form .pc-form-block__content-wrapper {
+  padding: 64px;
+}
+@media (min-width: 1081px) {
+  .pc-form-block_form-type_yandex .pc-form-block__row_direction_form-content .pc-form-block__content-col, .pc-form-block_form-type_yandex .pc-form-block__row_direction_content-form .pc-form-block__content-col {
+    flex: 1 0 0;
+  }
+  .pc-form-block_form-type_yandex .pc-form-block__row_direction_form-content .pc-form-block__form, .pc-form-block_form-type_yandex .pc-form-block__row_direction_content-form .pc-form-block__form, .pc-form-block_form-type_yandex .pc-form-block__row_direction_center .pc-form-block__form {
+    min-width: 475px;
+  }
+  .pc-form-block_form-type_yandex .pc-form-block__row_direction_form-content .pc-form-block__form-col, .pc-form-block_form-type_yandex .pc-form-block__row_direction_content-form .pc-form-block__form-col, .pc-form-block_form-type_yandex .pc-form-block__row_direction_center .pc-form-block__form-col {
+    max-width: initial;
+    width: fit-content;
+  }
+}
+@media (max-width: 1081px) and (min-width: 769px) {
+  .pc-form-block__row {
+    flex-direction: column;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__content-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    max-width: 609px;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__center,
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__content-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__center,
+  .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    margin: 0 auto;
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__form-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__form-wrapper {
+    padding-top: 0;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__content-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    text-align: center;
+    padding-bottom: 32px;
+  }
+  .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    padding: 0 0 32px 0;
+  }
+}
+@media (max-width: 769px) {
+  .pc-form-block__full-form {
+    padding: 32px;
+  }
+  .pc-form-block_with-background .pc-form-block__row, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row {
+    padding: 0;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__content-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__form-wrapper,
+  .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    padding: 0;
+  }
+  .pc-form-block_with-background .pc-form-block__row .pc-form-block__content-wrapper, .pc-form-block:not(.pc-form-block_with-background) .pc-form-block__row .pc-form-block__content-wrapper {
+    padding-bottom: 32px;
+    margin-bottom: 0;
+  }
+  .pc-form-block_with-background {
+    padding: 0 8px;
+  }
+  .pc-form-block_with-background .pc-form-block__row {
+    padding-top: 48px;
+  }
+  .pc-form-block_with-background .pc-form-block__row_padding-bottom_m {
+    padding-bottom: 32px;
+  }
+  .pc-form-block_with-background .pc-form-block__row_padding-bottom_l {
+    padding-bottom: 48px;
+  }
+  .pc-form-block_with-background .pc-form-block__row_direction_form-content .pc-form-block__content-wrapper, .pc-form-block_with-background .pc-form-block__row_direction_content-form .pc-form-block__content-wrapper, .pc-form-block_with-background .pc-form-block__row_direction_center .pc-form-block__content-wrapper {
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+  .pc-form-block_with-background .pc-form-block__row_direction_form-content, .pc-form-block_with-background .pc-form-block__row_direction_content-form {
+    padding-top: 32px;
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FormBlockProps } from '../../models';
+declare const FormBlock: React.FC<FormBlockProps>;
+export default FormBlock;

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const mobileContext_1 = require("../../context/mobileContext");
+const grid_1 = require("../../grid");
+const models_1 = require("../../models");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
+const InnerForm_1 = tslib_1.__importDefault(require("./InnerForm/InnerForm"));
+const b = (0, utils_1.block)('form-block');
+const colSizes = { [grid_1.GridColumnSize.Lg]: 6, [grid_1.GridColumnSize.All]: 12 };
+const FormBlock = (props) => {
+    var _a;
+    const { formData, title, textContent, direction = models_1.FormBlockDirection.Center, background } = props;
+    const [contentLoaded, setContentLoaded] = (0, react_1.useState)(false);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const hasImage = background && (background.src || background.desktop);
+    const paddingBottom = background && ((_a = background.style) === null || _a === void 0 ? void 0 : _a.backgroundColor) && !hasImage ? 'l' : 'm'; // bigger padding for case with background color and no image
+    const onContentLoad = (0, react_1.useCallback)(() => {
+        setContentLoaded(true);
+    }, []);
+    if (!formData) {
+        return null;
+    }
+    let formType;
+    if ((0, models_1.isYandexDataForm)(formData)) {
+        formType = models_1.FormBlockDataTypes.YANDEX;
+    }
+    else if ((0, models_1.isHubspotDataForm)(formData)) {
+        formType = models_1.FormBlockDataTypes.HUBSPOT;
+    }
+    return (react_1.default.createElement("div", { className: b({
+            'with-background': Boolean(background),
+            'form-type': formType,
+        }) },
+        background && (react_1.default.createElement(components_1.BackgroundImage, Object.assign({}, background, { className: b('media'), imageClassName: b('image') }))),
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
+                    ? grid_1.GridAlignItems.Center
+                    : grid_1.GridAlignItems.Start, className: b('row', {
+                    direction,
+                    'padding-bottom': paddingBottom,
+                }) },
+                react_1.default.createElement(grid_1.Col, { sizes: colSizes, className: b('content-col') }, textContent && (react_1.default.createElement("div", { className: b('content-wrapper') },
+                    react_1.default.createElement(sub_blocks_1.Content, Object.assign({ theme: "default" }, textContent, { centered: direction === models_1.FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') }))))),
+                react_1.default.createElement(grid_1.Col, { sizes: colSizes, className: b('form-col') },
+                    react_1.default.createElement("div", { className: b('form-wrapper') },
+                        react_1.default.createElement("div", { className: b('full-form', {
+                                hidden: !contentLoaded,
+                            }) },
+                            title && (react_1.default.createElement(components_1.Title, { title: {
+                                    text: title,
+                                    textSize: 's',
+                                }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })),
+                            react_1.default.createElement(InnerForm_1.default, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))))))));
+};
+exports.default = FormBlock;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FormBlockData } from '../../../models';
+interface InnerFormProps {
+    formData: FormBlockData;
+    onContentLoad: () => void;
+    className?: string;
+}
+declare const InnerForm: React.FC<InnerFormProps>;
+export default InnerForm;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components");
+const models_1 = require("../../../models");
+const sub_blocks_1 = require("../../../sub-blocks");
+const InnerForm = (props) => {
+    const { formData, onContentLoad, className } = props;
+    (0, react_1.useEffect)(() => {
+        if ((0, models_1.isHubspotDataForm)(formData)) {
+            onContentLoad();
+        }
+    }, [onContentLoad, formData]);
+    if ((0, models_1.isYandexDataForm)(formData)) {
+        const _a = formData.yandex, { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
+        return (react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(components_1.YandexForm, Object.assign({}, rest, { onLoad: () => {
+                    onContentLoad();
+                    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+                } }))));
+    }
+    if ((0, models_1.isHubspotDataForm)(formData)) {
+        return react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formData.hubspot));
+    }
+    return null;
+};
+exports.default = InnerForm;

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

@@ -0,0 +1,202 @@
+export declare const FormBlock: {
+    'form-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                type: string;
+            };
+            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;
+                    };
+                })[];
+            };
+            textContent: {
+                additionalProperties: boolean;
+                properties: Partial<{
+                    title: {
+                        oneOf: ({
+                            type: string;
+                            contentType: string;
+                            optionName: string;
+                        } | {
+                            optionName: string;
+                            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;
+                                };
+                            };
+                            contentType?: undefined;
+                        })[];
+                    };
+                    text: {
+                        type: string;
+                        contentType: string;
+                        inputType: string;
+                    };
+                    additionalInfo: {
+                        type: string;
+                        contentType: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    links: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    buttons: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    theme: {
+                        type: string;
+                        enum: string[];
+                    };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                }>;
+            };
+            direction: {
+                enum: string[];
+            };
+            image: {
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                })[];
+            };
+            backgroundColor: {
+                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;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormBlock = void 0;
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
+const schema_1 = require("../../components/Image/schema");
+const schema_2 = require("../../components/YandexForm/schema");
+const common_1 = require("../../schema/validators/common");
+const schema_3 = require("../../sub-blocks/Content/schema");
+const schema_4 = require("../../sub-blocks/HubspotForm/schema");
+const FormBlockContentProps = (0, omit_1.default)(schema_3.ContentBase, ['size', 'centered', 'colSizes']);
+exports.FormBlock = {
+    'form-block': {
+        additionalProperties: false,
+        required: ['formData'],
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
+                type: 'string',
+            }, formData: {
+                oneOf: [
+                    {
+                        type: 'object',
+                        optionName: 'yandex',
+                        properties: {
+                            yandex: schema_2.YandexFormProps,
+                        },
+                    },
+                    {
+                        type: 'object',
+                        optionName: 'hubspot',
+                        properties: {
+                            hubspot: schema_4.HubspotFormProps,
+                        },
+                    },
+                ],
+            }, textContent: {
+                additionalProperties: false,
+                properties: FormBlockContentProps,
+            }, direction: {
+                enum: ['content-form', 'form-content', 'center'],
+            }, image: schema_1.ImageProps, backgroundColor: {
+                type: 'string',
+            } }),
+    },
+};

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

@@ -16,3 +16,4 @@ export { default as CardLayoutBlock } from './CardLayout/CardLayout';
 export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
 export { default as ShareBlock } from './Share/Share';
 export { default as FilterBlock } from './FilterBlock/FilterBlock';
+export { default as FormBlock } from './Form/Form';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -40,3 +40,5 @@ var Share_1 = require("./Share/Share");
 Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return __importDefault(Share_1).default; } });
 var FilterBlock_1 = require("./FilterBlock/FilterBlock");
 Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return __importDefault(FilterBlock_1).default; } });
+var Form_1 = require("./Form/Form");
+Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });

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

@@ -1,20 +1,5 @@
-import { PixelEvent } from '../../models';
-import { AnalyticsEventsBase } from '../../models/common';
+import { YandexFormProps } from '../../models';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
-export interface YandexFormProps extends AnalyticsEventsBase {
-    id: number | string;
-    containerId?: string;
-    theme?: string;
-    className?: string;
-    headerHeight?: number;
-    customFormOrigin?: string;
-    params?: {
-        [key: string]: string;
-    };
-    onSubmit?: () => void;
-    onLoad?: () => void;
-    metrikaGoals?: string | string[];
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
-}
+export declare const YANDEX_FORM_SECTION = "surveys";
 declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/cjs/components/YandexForm/YandexForm.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YANDEX_FORM_ORIGIN = void 0;
+exports.YANDEX_FORM_SECTION = exports.YANDEX_FORM_ORIGIN = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const localeContext_1 = require("../../context/localeContext");
@@ -11,13 +11,15 @@ const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
 exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
+exports.YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = (0, react_1.useRef)(null);
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
+    const yaFormSection = customFormSection || exports.YANDEX_FORM_SECTION;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
@@ -39,7 +41,7 @@ const YandexForm = (props) => {
                 queryParams.set(param, params[param]);
             });
         }
-        const src = `${yaFormOrigin}/surveys/${id}/?${queryParams}`;
+        const src = `${yaFormOrigin}/${yaFormSection}/${id}/?${queryParams}`;
         if (iframeRef.current) {
             iframeRef.current.src = src;
         }
@@ -54,7 +56,7 @@ const YandexForm = (props) => {
             iframeRef.current.width = '100%';
             container.appendChild(iframeRef.current);
         }
-    }, [locale.lang, theme, isMobile, yaFormOrigin, id, containerId, params]);
+    }, [locale.lang, theme, isMobile, yaFormOrigin, yaFormSection, id, containerId, params]);
     const handleSubmit = (0, react_1.useCallback)(() => {
         if (formContainerRef && formContainerRef.current) {
             const { top } = formContainerRef.current.getBoundingClientRect();

package/build/cjs/components/YandexForm/schema.d.ts

@@ -0,0 +1,16 @@
+export declare const YandexFormProps: {
+    type: string;
+    required: string[];
+    properties: {
+        id: {
+            type: string;
+        };
+        containerId: {
+            type: string;
+        };
+        type: {};
+        when: {
+            type: string;
+        };
+    };
+};

package/build/cjs/components/YandexForm/schema.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YandexFormProps = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.YandexFormProps = {
+    type: 'object',
+    required: ['id'],
+    properties: Object.assign(Object.assign({}, common_1.BaseProps), { id: {
+            type: 'string',
+        }, containerId: {
+            type: 'string',
+        } }),
+};

package/build/cjs/constructor-items.d.ts

@@ -17,6 +17,7 @@ export declare const blockMap: {
     "share-block": ({ items, title }: import("./models").ShareBlockProps) => JSX.Element;
     "map-block": ({ map, ...props }: import("./models").MapBlockProps) => JSX.Element;
     "filter-block": import("react").FC<import("./models").FilterBlockProps>;
+    "form-block": import("react").FC<import("./models").FormBlockProps>;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -26,6 +26,7 @@ exports.blockMap = {
     [models_1.BlockType.ShareBlock]: blocks_1.ShareBlock,
     [models_1.BlockType.MapBlock]: blocks_1.MapBlock,
     [models_1.BlockType.FilterBlock]: blocks_1.FilterBlock,
+    [models_1.BlockType.FormBlock]: blocks_1.FormBlock,
 };
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,

package/build/cjs/editor/data/templates/form-block.json

@@ -0,0 +1,20 @@
+{
+  "template": {
+    "type": "form-block",
+    "formData": {
+      "yandex": {
+        "hash": "hashString",
+        "title": ""
+      }
+    },
+    "direction": "center",
+    "textContent": {
+      "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+      "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+    },
+    "image": {
+      "src": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+    },
+    "backgroundColor": "#262626"
+  }
+}