@gravity-ui/page-constructor 4.31.1-alpha.0 → 4.33.0

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

@@ -1,136 +0,0 @@
-/* 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

@@ -1,4 +0,0 @@
-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

@@ -1,61 +0,0 @@
-"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);
-    }, []);
-    const formType = (0, react_1.useMemo)(() => {
-        if ((0, models_1.isYandexDataForm)(formData)) {
-            return models_1.FormBlockDataTypes.YANDEX;
-        }
-        if ((0, models_1.isHubspotDataForm)(formData)) {
-            return models_1.FormBlockDataTypes.HUBSPOT_INLINE;
-        }
-        return undefined;
-    }, [formData]);
-    if (!formData) {
-        return null;
-    }
-    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/HubspotInlineForm.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { HubspotFormProps } from '../../models';
-type Props = HubspotFormProps & {
-    onReady?: () => void;
-};
-declare const HubspotInlineForm: React.FC<Props>;
-export default HubspotInlineForm;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const useMount_1 = tslib_1.__importDefault(require("../../hooks/useMount"));
-const sub_blocks_1 = require("../../sub-blocks");
-const HubspotInlineForm = (props) => {
-    const { onReady } = props, rest = tslib_1.__rest(props, ["onReady"]);
-    (0, useMount_1.default)(() => {
-        onReady === null || onReady === void 0 ? void 0 : onReady();
-    });
-    return react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({}, rest, { createDOMElement: true }));
-};
-exports.default = HubspotInlineForm;

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

@@ -1,9 +0,0 @@
-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

@@ -1,28 +0,0 @@
-"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({}, formData.hubspot));
-    }
-    return null;
-};
-exports.default = InnerForm;

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

@@ -1,202 +0,0 @@
-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

@@ -1,44 +0,0 @@
-"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-inline',
-                        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/components/YandexForm/schema.d.ts

@@ -1,16 +0,0 @@
-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

@@ -1,13 +0,0 @@
-"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/editor/data/templates/form-block.json

@@ -1,20 +0,0 @@
-{
-  "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"
-  }
-}

package/build/cjs/sub-blocks/HubspotForm/schema.d.ts

@@ -1,22 +0,0 @@
-export declare const HubspotFormProps: {
-    type: string;
-    required: string[];
-    properties: {
-        region: {
-            type: string;
-        };
-        portalId: {
-            type: string;
-        };
-        formId: {
-            type: string;
-        };
-        formInstanceId: {
-            type: string;
-        };
-        type: {};
-        when: {
-            type: string;
-        };
-    };
-};

package/build/cjs/sub-blocks/HubspotForm/schema.js

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