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

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

@@ -1228,6 +1228,9 @@ export declare const HeaderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -547,6 +547,9 @@ export declare const HeaderSliderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -127,6 +127,9 @@ export declare const IconsProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
             };
         };
         visible: {
@@ -275,6 +278,9 @@ export declare const IconsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -75,6 +75,9 @@ export declare const InfoBlock: {
                                 url: {
                                     type: string;
                                 };
+                                urlTitle: {
+                                    type: string;
+                                };
                                 resetMargin: {
                                     type: string;
                                 };
@@ -159,6 +162,9 @@ export declare const InfoBlock: {
                                 url: {
                                     type: string;
                                 };
+                                urlTitle: {
+                                    type: string;
+                                };
                                 resetMargin: {
                                     type: string;
                                 };

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

@@ -141,6 +141,9 @@ export declare const MapBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };
@@ -389,6 +392,9 @@ export declare const MapBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -452,6 +458,9 @@ export declare const MapBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -280,6 +280,9 @@ export declare const MediaBlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             primary: {
                 type: string;
             };
@@ -528,6 +531,9 @@ export declare const MediaBlockBaseProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };
@@ -591,6 +597,9 @@ export declare const MediaBlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
         };
     };
     visible: {
@@ -904,6 +913,9 @@ export declare const MediaBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };
@@ -1152,6 +1164,9 @@ export declare const MediaBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -1215,6 +1230,9 @@ export declare const MediaBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -305,6 +305,9 @@ export declare const PromoFeaturesBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -331,6 +334,9 @@ export declare const PromoFeaturesBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -36,6 +36,9 @@ export declare const QuestionsBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -97,6 +100,9 @@ export declare const QuestionsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -100,6 +100,9 @@ export declare const SliderBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -197,6 +200,9 @@ export declare const SliderBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -66,6 +66,9 @@ export declare const TableBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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

@@ -279,6 +279,9 @@ export declare const tabsItem: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 arrow: {
                     type: string;
                 };
@@ -427,6 +430,9 @@ export declare const tabsItem: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     resetMargin: {
                         type: string;
                     };
@@ -535,6 +541,9 @@ export declare const TabsBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -558,6 +567,9 @@ export declare const TabsBlock: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                 };
             };
             visible: {

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/Button/Button.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps as ButtonParams, QAProps } from '../../models';
 export interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {
     className?: string;
     url?: string;
+    urlTitle?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;

package/build/cjs/components/Button/Button.js

@@ -16,7 +16,7 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = (0, react_1.useCallback)((e) => {
@@ -45,7 +45,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, width: width }, buttonProps),
+    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, title: urlTitle, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         react_1.default.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

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"
+  }
+}

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

@@ -3,8 +3,8 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
-import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
@@ -23,7 +23,8 @@ export declare enum BlockType {
     ContentLayoutBlock = "content-layout-block",
     ShareBlock = "share-block",
     MapBlock = "map-block",
-    FilterBlock = "filter-block"
+    FilterBlock = "filter-block",
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -295,6 +296,29 @@ export interface ShareBlockProps {
     items: PCShareSocialNetwork[];
     title?: string;
 }
+export declare enum FormBlockDataTypes {
+    YANDEX = "yandex",
+    HUBSPOT_INLINE = "hubspot-inline"
+}
+export declare enum FormBlockDirection {
+    FormContent = "form-content",
+    ContentForm = "content-form",
+    Center = "center"
+}
+export interface FormBlockYandexData {
+    yandex: YandexFormProps;
+}
+export interface FormBlockHubspotData {
+    hubspot: HubspotFormProps;
+}
+export type FormBlockData = FormBlockYandexData | FormBlockHubspotData;
+export interface FormBlockProps {
+    formData: FormBlockData;
+    title?: string;
+    textContent?: Omit<ContentBlockProps, 'centered' | 'colSizes' | 'size'>;
+    direction?: FormBlockDirection;
+    background?: BackgroundImageProps;
+}
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
@@ -349,6 +373,9 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+export type FormBlockModel = {
+    type: BlockType.FormBlock;
+} & FormBlockProps;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PCShareSocialNetwork = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
+exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
 var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
@@ -21,6 +21,7 @@ var BlockType;
     BlockType["ShareBlock"] = "share-block";
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
+    BlockType["FormBlock"] = "form-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
@@ -44,3 +45,14 @@ var PCShareSocialNetwork;
     PCShareSocialNetwork["Facebook"] = "facebook";
     PCShareSocialNetwork["LinkedIn"] = "linkedin";
 })(PCShareSocialNetwork = exports.PCShareSocialNetwork || (exports.PCShareSocialNetwork = {}));
+var FormBlockDataTypes;
+(function (FormBlockDataTypes) {
+    FormBlockDataTypes["YANDEX"] = "yandex";
+    FormBlockDataTypes["HUBSPOT_INLINE"] = "hubspot-inline";
+})(FormBlockDataTypes = exports.FormBlockDataTypes || (exports.FormBlockDataTypes = {}));
+var FormBlockDirection;
+(function (FormBlockDirection) {
+    FormBlockDirection["FormContent"] = "form-content";
+    FormBlockDirection["ContentForm"] = "content-form";
+    FormBlockDirection["Center"] = "center";
+})(FormBlockDirection = exports.FormBlockDirection || (exports.FormBlockDirection = {}));

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils';
-import { AnalyticsEventsBase, ClassNameProps, PixelEventType, QAProps } from '../common';
+import { AnalyticsEventsBase, ClassNameProps, PixelEvent, PixelEventType, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -337,4 +337,20 @@ export interface TitleProps {
     title?: TitleItemProps | string;
     subtitle?: string;
 }
+export interface YandexFormProps extends AnalyticsEventsBase {
+    id: number | string;
+    containerId?: string;
+    theme?: string;
+    className?: string;
+    headerHeight?: number;
+    customFormOrigin?: string;
+    customFormSection?: string;
+    params?: {
+        [key: string]: string;
+    };
+    onSubmit?: () => void;
+    onLoad?: () => void;
+    metrikaGoals?: string | string[];
+    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
+}
 export {};

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -67,6 +67,7 @@ export interface QuoteProps extends Themable, CardBaseProps {
     logo: ImageProps;
     color?: string;
     url?: string;
+    urlTitle?: string;
     author?: AuthorItem;
     buttonText?: string;
     theme?: TextTheme;
@@ -81,6 +82,7 @@ export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase,
 }
 export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     url: string;
+    urlTitle?: string;
     icon?: ImageProps;
     target?: string;
     iconPosition?: IconPosition;

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

@@ -1,4 +1,6 @@
-import { Block, ConstructorItem } from './';
+import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
 import { MetrikaGoal, NewMetrikaGoal } from './index';
 export declare function isBlock(block: ConstructorItem): block is Block;
 export declare function isNewMetrikaFormat(metrika: MetrikaGoal): metrika is NewMetrikaGoal[];
+export declare function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData;
+export declare function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData;

package/build/cjs/models/guards.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNewMetrikaFormat = exports.isBlock = void 0;
+exports.isHubspotDataForm = exports.isYandexDataForm = exports.isNewMetrikaFormat = exports.isBlock = void 0;
 const _1 = require("./");
 function isBlock(block) {
     return block.type in _1.BlockTypes;
@@ -10,3 +10,11 @@ function isNewMetrikaFormat(metrika) {
     return Boolean(Array.isArray(metrika) && metrika.length && typeof metrika[0] === 'object');
 }
 exports.isNewMetrikaFormat = isNewMetrikaFormat;
+function isYandexDataForm(data) {
+    return Boolean(data.yandex);
+}
+exports.isYandexDataForm = isYandexDataForm;
+function isHubspotDataForm(data) {
+    return Boolean(data.hubspot);
+}
+exports.isHubspotDataForm = isHubspotDataForm;