@gravity-ui/page-constructor 4.29.0 → 4.29.1-alpha.0

package/build/esm/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/esm/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/esm/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/esm/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/esm/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/esm/blocks/Table/schema.d.ts

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

package/build/esm/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/esm/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/esm/blocks/index.js

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

@@ -4,6 +4,7 @@ import './Button.css';
 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/esm/components/Button/Button.js

@@ -15,7 +15,7 @@ const b = block('button-block');
 const Button = (props) => {
     const handleMetrika = useMetrika();
     const { tld } = useContext(LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = __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 = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = useCallback((e) => {
@@ -44,7 +44,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, width: width }, buttonProps),
+    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, title: urlTitle, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         React.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

package/build/esm/components/Media/Image/Image.js

@@ -1,6 +1,6 @@
 import React, { Fragment, useEffect, useState } from 'react';
+import { animated, config, useSpring } from '@react-spring/web';
 import debounce from 'lodash/debounce';
-import { animated, config, useSpring } from 'react-spring';
 import SliderBlock from '../../../blocks/Slider/Slider';
 import { SliderType } from '../../../models';
 import { block, getQaAttrubutes } from '../../../utils';

package/build/esm/components/ReactPlayer/ReactPlayer.d.ts

@@ -12,6 +12,5 @@ export interface ReactPlayerBlockProps extends Omit<MediaVideoProps, 'loop' | 's
     ratio?: number;
     children?: React.ReactNode;
 }
-type ReactPlayerBlockRefType = ReactPlayerBlockHandler | undefined;
-export declare const ReactPlayerBlock: React.ForwardRefExoticComponent<ReactPlayerBlockProps & React.RefAttributes<ReactPlayerBlockRefType>>;
+export declare const ReactPlayerBlock: React.ForwardRefExoticComponent<ReactPlayerBlockProps & React.RefAttributes<ReactPlayerBlockHandler>>;
 export default ReactPlayerBlock;

package/build/esm/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/esm/components/YandexForm/YandexForm.js

@@ -7,13 +7,15 @@ import { DefaultEventNames } from '../../models/common';
 import { block } from '../../utils';
 import { HEADER_HEIGHT } from '../constants';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
+export const YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = useRef(null);
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
+    const yaFormSection = customFormSection || YANDEX_FORM_SECTION;
     const handleMetrika = useMetrika();
     const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
     const isMobile = useContext(MobileContext);
@@ -35,7 +37,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;
         }
@@ -50,7 +52,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 = useCallback(() => {
         if (formContainerRef && formContainerRef.current) {
             const { top } = formContainerRef.current.getBoundingClientRect();

package/build/esm/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/esm/components/YandexForm/schema.js

@@ -0,0 +1,10 @@
+import { BaseProps } from '../../schema/validators/common';
+export const YandexFormProps = {
+    type: 'object',
+    required: ['id'],
+    properties: Object.assign(Object.assign({}, BaseProps), { id: {
+            type: 'string',
+        }, containerId: {
+            type: 'string',
+        } }),
+};

package/build/esm/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/esm/constructor-items.js

@@ -1,4 +1,4 @@
-import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
+import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
 import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
@@ -22,6 +22,7 @@ export const blockMap = {
     [BlockType.ShareBlock]: ShareBlock,
     [BlockType.MapBlock]: MapBlock,
     [BlockType.FilterBlock]: FilterBlock,
+    [BlockType.FormBlock]: FormBlock,
 };
 export const subBlockMap = {
     [SubBlockType.Divider]: Divider,

package/build/esm/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/esm/models/components.d.ts

@@ -1,3 +1,2 @@
 export type ArrowDirection = 'left' | 'right';
-export interface ReactPlayerBlockHandler extends Pick<HTMLVideoElement, 'play' | 'pause' | 'addEventListener'> {
-}
+export type ReactPlayerBlockHandler = Pick<HTMLVideoElement, 'play' | 'pause' | 'addEventListener'> | undefined;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 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[];
@@ -109,6 +110,7 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
+    renderTitle?: (title: string) => React.ReactNode;
 }
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
@@ -294,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;
@@ -348,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/esm/models/constructor-items/blocks.js

@@ -18,6 +18,7 @@ export var BlockType;
     BlockType["ShareBlock"] = "share-block";
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
+    BlockType["FormBlock"] = "form-block";
 })(BlockType || (BlockType = {}));
 export const BlockTypes = Object.values(BlockType);
 export const HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
@@ -41,3 +42,14 @@ export var PCShareSocialNetwork;
     PCShareSocialNetwork["Facebook"] = "facebook";
     PCShareSocialNetwork["LinkedIn"] = "linkedin";
 })(PCShareSocialNetwork || (PCShareSocialNetwork = {}));
+export var FormBlockDataTypes;
+(function (FormBlockDataTypes) {
+    FormBlockDataTypes["YANDEX"] = "yandex";
+    FormBlockDataTypes["HUBSPOT_INLINE"] = "hubspot-inline";
+})(FormBlockDataTypes || (FormBlockDataTypes = {}));
+export var FormBlockDirection;
+(function (FormBlockDirection) {
+    FormBlockDirection["FormContent"] = "form-content";
+    FormBlockDirection["ContentForm"] = "content-form";
+    FormBlockDirection["Center"] = "center";
+})(FormBlockDirection || (FormBlockDirection = {}));

package/build/esm/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"
@@ -42,6 +42,10 @@ export declare enum MediaVideoControlsType {
     Default = "default",
     Custom = "custom"
 }
+export declare enum QuoteType {
+    Chevron = "chevron",
+    EnglishDouble = "english-double"
+}
 export type TextTheme = 'light' | 'dark';
 export type TextSize = 'xs' | 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
@@ -333,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/esm/models/constructor-items/common.js

@@ -48,3 +48,8 @@ export var MediaVideoControlsType;
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
 })(MediaVideoControlsType || (MediaVideoControlsType = {}));
+export var QuoteType;
+(function (QuoteType) {
+    QuoteType["Chevron"] = "chevron";
+    QuoteType["EnglishDouble"] = "english-double";
+})(QuoteType || (QuoteType = {}));

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

@@ -1,4 +1,4 @@
-import { ClassNameProps } from '../../models';
+import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
@@ -67,9 +67,11 @@ export interface QuoteProps extends Themable, CardBaseProps {
     logo: ImageProps;
     color?: string;
     url?: string;
+    urlTitle?: string;
     author?: AuthorItem;
     buttonText?: string;
     theme?: TextTheme;
+    quoteType?: QuoteType;
 }
 export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
@@ -80,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/esm/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/esm/models/guards.js

@@ -1,7 +1,13 @@
-import { BlockTypes } from './';
+import { BlockTypes, } from './';
 export function isBlock(block) {
     return block.type in BlockTypes;
 }
 export function isNewMetrikaFormat(metrika) {
     return Boolean(Array.isArray(metrika) && metrika.length && typeof metrika[0] === 'object');
 }
+export function isYandexDataForm(data) {
+    return Boolean(data.yandex);
+}
+export function isHubspotDataForm(data) {
+    return Boolean(data.hubspot);
+}