@gravity-ui/page-constructor 2.2.1-alpha.0 → 2.3.0

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

@@ -7,7 +7,7 @@ export interface HTMLProps {
 }
 declare const HTML: ({ children, block, className }: WithChildren<HTMLProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
-        __html: string & (boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null);
+        __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
     };
     className: string | undefined;
 }, HTMLElement> | null;

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

@@ -1,6 +1,7 @@
 import React, { useContext, useState, Fragment } from 'react';
 import { ProjectSettingsContext } from '../../context/projectSettingsContext';
 import { BREAKPOINTS } from '../../constants';
+import { isCompressible } from '../../utils/imageCompress';
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
@@ -12,10 +13,9 @@ const Image = (props) => {
     if (!imageSrc) {
         return null;
     }
-    // TODO: Temporary solution for .svg images
     const disableWebp = projectSettings.disableCompress ||
         disableCompress ||
-        imageSrc.endsWith('.svg') ||
+        !isCompressible(imageSrc) ||
         imgLoadingError;
     return (React.createElement("picture", { className: containerClassName },
         mobile && (React.createElement(Fragment, null,

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

@@ -1,11 +1,13 @@
 export declare const blockMap: {
     "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "simple-block": (props: import("./models").WithChildren<import("./models").SimpleBlockProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
     "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
     "companies-block": ({ title, images, animated }: import("./models").CompaniesBlockProps) => JSX.Element;
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
+    "preview-block": (props: import("./models").PreviewBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "security-block": (props: import("./models").SecurityBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
@@ -35,6 +37,10 @@ export declare const subBlockMap: {
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
     "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
     "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
+    /**
+     * @deprecated Use LayoutItem
+     */
+    "card-with-image": ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: import("./models").CardWithImageProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
     content: (props: import("./models").ContentBlockProps & import("./models").ClassNameProps) => JSX.Element;

package/build/esm/constructor-items.js

@@ -1,14 +1,16 @@
 import { BlockType, SubBlockType } from './models';
-import { Partner, PriceDetailed, MediaCard, NewsCard, TutorialCard, LayoutItem, BackgroundCard, Content, Quote, Divider, BannerCard, BasicCard, } from './sub-blocks';
-import { BannerBlock, CompaniesBlock, MediaBlock, MapBlock, InfoBlock, SecurityBlock, SliderBlock, ExtendedFeaturesBlock, PromoFeaturesBlock, QuestionsBlock, TableBlock, TabsBlock, LinkTableBlock, HeaderBlock, IconsBlock, HeaderSliderBlock, CardLayoutBlock, ContentLayoutBlock, ShareBlock, FilterBlock, } from './blocks';
+import { Partner, PriceDetailed, MediaCard, NewsCard, TutorialCard, CardWithImage, LayoutItem, BackgroundCard, Content, Quote, Divider, BannerCard, BasicCard, } from './sub-blocks';
+import { BannerBlock, CompaniesBlock, SimpleBlock, MediaBlock, MapBlock, PreviewBlock, InfoBlock, SecurityBlock, SliderBlock, ExtendedFeaturesBlock, PromoFeaturesBlock, QuestionsBlock, TableBlock, TabsBlock, LinkTableBlock, HeaderBlock, IconsBlock, HeaderSliderBlock, CardLayoutBlock, ContentLayoutBlock, ShareBlock, FilterBlock, } from './blocks';
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
+    [BlockType.SimpleBlock]: SimpleBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
     [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,
     [BlockType.QuestionsBlock]: QuestionsBlock,
     [BlockType.BannerBlock]: BannerBlock,
     [BlockType.CompaniesBlock]: CompaniesBlock,
     [BlockType.MediaBlock]: MediaBlock,
+    [BlockType.PreviewBlock]: PreviewBlock,
     [BlockType.InfoBlock]: InfoBlock,
     [BlockType.SecurityBlock]: SecurityBlock,
     [BlockType.TableBlock]: TableBlock,
@@ -38,6 +40,10 @@ export const subBlockMap = {
     [SubBlockType.BannerCard]: BannerCard,
     [SubBlockType.NewsCard]: NewsCard,
     [SubBlockType.LayoutItem]: LayoutItem,
+    /**
+     * @deprecated Use LayoutItem
+     */
+    [SubBlockType.CardWithImage]: CardWithImage,
     [SubBlockType.BackgroundCard]: BackgroundCard,
     [SubBlockType.BasicCard]: BasicCard,
     [SubBlockType.Content]: Content,

package/build/esm/context/breakpointContext/breakpointContext.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BreakpointContext: React.Context<number>;

package/build/esm/context/breakpointContext/breakpointContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BREAKPOINTS } from '../../constants';
+export const BreakpointContext = React.createContext(BREAKPOINTS.sm);

package/build/esm/context/breakpointContext/index.d.ts

@@ -0,0 +1 @@
+export * from './breakpointContext';

package/build/esm/context/breakpointContext/index.js

@@ -0,0 +1 @@
+export * from './breakpointContext';

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

@@ -1,5 +1,6 @@
 export { default as useFocus } from './useFocus';
 export { default as useWindowBreakpoint } from './useWindowBreakpoint';
+export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
 export * from './hubspot';

package/build/esm/hooks/index.js

@@ -1,5 +1,6 @@
 export { default as useFocus } from './useFocus';
 export { default as useWindowBreakpoint } from './useWindowBreakpoint';
+export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
 export * from './hubspot';

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

@@ -0,0 +1 @@
+export declare const useIntersection: (element?: Element, startMargin?: string, threshold?: number) => boolean;

package/build/esm/hooks/useIntersection.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+export const useIntersection = (element, startMargin = '0px', threshold = 0.2) => {
+    const [isVisible, setState] = useState(false);
+    useEffect(() => {
+        const observer = new IntersectionObserver(([entry]) => {
+            setState(entry.isIntersecting);
+        }, {
+            rootMargin: startMargin,
+            threshold,
+        });
+        if (element) {
+            observer.observe(element);
+        }
+        return () => element && observer.unobserve(element);
+    }, [element, startMargin, threshold]);
+    return isVisible;
+};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonSize } from '@gravity-ui/uikit';
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
+import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
 import { ThemeSupporting } from '../../utils';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
@@ -14,10 +14,12 @@ export declare enum BlockType {
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
     MediaBlock = "media-block",
+    PreviewBlock = "preview-block",
     InfoBlock = "info-block",
     SecurityBlock = "security-block",
     TableBlock = "table-block",
     TabsBlock = "tabs-block",
+    SimpleBlock = "simple-block",
     HeaderSliderBlock = "header-slider-block",
     LinkTableBlock = "link-table-block",
     HeaderBlock = "header-block",
@@ -112,6 +114,10 @@ export interface HeaderBlockProps {
     status?: JSX.Element;
 }
 export type CalculatorProps = Animatable;
+export interface SimpleBlockProps extends Animatable, Childable {
+    title: TitleBaseProps;
+    description: string;
+}
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -174,6 +180,15 @@ export interface MediaBlockProps extends MediaBaseBlockProps {
 export interface MapBlockProps extends MediaBaseBlockProps {
     map: MapProps;
 }
+export interface PreviewBlockProps extends Animatable {
+    title: string;
+    items: PreviewItemProps[];
+    description?: string;
+    direction?: MediaDirection;
+    ratioMediaContent?: PreviewRatioMediaContent;
+    stopVideo?: boolean;
+    showImmediately?: boolean;
+}
 export interface InfoBlockProps {
     theme?: TextTheme;
     backgroundColor?: ThemeSupporting<string>;
@@ -331,6 +346,9 @@ export type MediaBlockModel = {
 export type MapBlockModel = {
     type: BlockType.MapBlock;
 } & MapBlockProps;
+export type PreviewBlockModel = {
+    type: BlockType.PreviewBlock;
+} & PreviewBlockProps;
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
@@ -343,6 +361,9 @@ export type TableBlockModel = {
 export type TabsBlockModel = {
     type: BlockType.TabsBlock;
 } & TabsBlockProps;
+export type SimpleBlockModel = {
+    type: BlockType.SimpleBlock;
+} & SimpleBlockProps;
 export type LinkTableBlockModel = {
     type: BlockType.LinkTableBlock;
 } & LinkTableBlockProps;
@@ -364,6 +385,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | LinkTableBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -9,10 +9,12 @@ export var BlockType;
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";
     BlockType["MediaBlock"] = "media-block";
+    BlockType["PreviewBlock"] = "preview-block";
     BlockType["InfoBlock"] = "info-block";
     BlockType["SecurityBlock"] = "security-block";
     BlockType["TableBlock"] = "table-block";
     BlockType["TabsBlock"] = "tabs-block";
+    BlockType["SimpleBlock"] = "simple-block";
     BlockType["HeaderSliderBlock"] = "header-slider-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["HeaderBlock"] = "header-block";

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

@@ -17,6 +17,10 @@ export declare enum PriceLabelColor {
     PURPLE = "purple",
     RED = "red"
 }
+export declare enum PreviewItemType {
+    Video = "video",
+    Image = "image"
+}
 export declare enum PlayButtonType {
     Default = "default",
     Text = "text"
@@ -45,6 +49,7 @@ export type LegendTableMarkerType = 'disk';
 export type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';
 export type MediaDirection = 'media-content' | 'content-media';
 export type PriceDescriptionColor = 'cornflower' | 'black';
+export type PreviewRatioMediaContent = '2-1' | '1-1';
 export type ContentSize = 's' | 'l';
 export type ContentTextSize = 's' | 'm' | 'l';
 export type ContentTheme = 'default' | 'dark' | 'light';
@@ -244,6 +249,15 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
+export interface PreviewContentItemProps {
+    title: string;
+    description?: string;
+}
+export interface PreviewItemProps {
+    type: PreviewItemType;
+    media: ThemedMediaProps;
+    content: PreviewContentItemProps;
+}
 export interface TitleProps extends Justifyable, TitleBaseProps {
     navTitle?: string;
     anchor?: string;

package/build/esm/models/constructor-items/common.js

@@ -17,6 +17,11 @@ export var PriceLabelColor;
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
 })(PriceLabelColor || (PriceLabelColor = {}));
+export var PreviewItemType;
+(function (PreviewItemType) {
+    PreviewItemType["Video"] = "video";
+    PreviewItemType["Image"] = "image";
+})(PreviewItemType || (PreviewItemType = {}));
 export var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";

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

@@ -1,7 +1,7 @@
 import { ClassNameProps } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 export declare enum SubBlockType {
@@ -9,26 +9,27 @@ export declare enum SubBlockType {
     Quote = "quote",
     NewsCard = "news-card",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     Partner = "partner",
-    /**
-     * @deprecated Will be removed
-     */
     PriceDetailed = "price-detailed",
     MediaCard = "media-card",
     BannerCard = "banner-card",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     TutorialCard = "tutoral-card",
+    /**
+     * @deprecated Use LayoutItem
+     */
+    CardWithImage = "card-with-image",
     LayoutItem = "layout-item",
     BackgroundCard = "background-card",
     BasicCard = "basic-card",
     Content = "content",
     HubspotForm = "hubspot-form",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     Card = "card"
 }
@@ -118,6 +119,18 @@ export interface BannerCardProps {
 }
 export interface MediaCardProps extends MediaProps, CardBaseProps {
 }
+export interface CardWithImageLinkProps extends Omit<LinkProps, 'text' | 'url'> {
+    title: string;
+    link: string;
+}
+export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme'> {
+    image: string;
+    description?: string;
+    disableCompress?: boolean;
+    border?: boolean;
+    fullScreen?: boolean;
+    links?: CardWithImageLinkProps[];
+}
 export interface LayoutItemProps extends ClassNameProps {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media: MediaProps;
@@ -134,8 +147,11 @@ export type QuoteModel = {
 export type NewsCardModel = {
     type: SubBlockType.NewsCard;
 } & NewsCardProps;
+export type CardWithImageModel = {
+    type: SubBlockType.CardWithImage;
+} & CardWithImageProps;
 export type LayoutItemModel = {
-    type: SubBlockType.LayoutItem;
+    type: SubBlockType.CardWithImage;
 } & LayoutItemProps;
 export type TutorialCardModel = {
     type: SubBlockType.TutorialCard;
@@ -161,5 +177,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
+export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | CardWithImageModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel;
 export type SubBlock = SubBlockModels;

package/build/esm/models/constructor-items/sub-blocks.js

@@ -4,26 +4,27 @@ export var SubBlockType;
     SubBlockType["Quote"] = "quote";
     SubBlockType["NewsCard"] = "news-card";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["Partner"] = "partner";
-    /**
-     * @deprecated Will be removed
-     */
     SubBlockType["PriceDetailed"] = "price-detailed";
     SubBlockType["MediaCard"] = "media-card";
     SubBlockType["BannerCard"] = "banner-card";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["TutorialCard"] = "tutoral-card";
+    /**
+     * @deprecated Use LayoutItem
+     */
+    SubBlockType["CardWithImage"] = "card-with-image";
     SubBlockType["LayoutItem"] = "layout-item";
     SubBlockType["BackgroundCard"] = "background-card";
     SubBlockType["BasicCard"] = "basic-card";
     SubBlockType["Content"] = "content";
     SubBlockType["HubspotForm"] = "hubspot-form";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType || (SubBlockType = {}));

package/build/esm/schema/index.js

@@ -1,6 +1,6 @@
 export { validators } from './validators';
-import { TabsBlock, BannerCard, SliderBlock, ExtendedFeaturesBlock, HeaderBlock, BannerBlock, CompaniesBlock, MediaBlock, InfoBlock, QuestionsBlock, SecurityBlock, TableBlock, LinkTableBlock, PromoFeaturesBlock, ContentLayoutBlock, HeaderSliderBlock, IconsBlock, CardLayoutBlock, ShareBlock, MapBlock, } from './validators/blocks';
-import { PartnerBlock, MediaCardBlock, TutorialCard, BackgroundCard, NewsCard, PriceDetailedBlock, Quote, Divider, BasicCard, } from './validators/sub-blocks';
+import { TabsBlock, BannerCard, SliderBlock, ExtendedFeaturesBlock, HeaderBlock, BannerBlock, CompaniesBlock, MediaBlock, InfoBlock, QuestionsBlock, SecurityBlock, TableBlock, SimpleBlock, LinkTableBlock, PromoFeaturesBlock, PreviewBlock, ContentLayoutBlock, HeaderSliderBlock, IconsBlock, CardLayoutBlock, ShareBlock, MapBlock, } from './validators/blocks';
+import { PartnerBlock, MediaCardBlock, TutorialCard, BackgroundCard, NewsCard, CardWithImage, PriceDetailedBlock, Quote, Divider, BasicCard, } from './validators/sub-blocks';
 import { AnimatableProps, BackgroundProps, MenuProps, withTheme } from './validators/common';
 import { filteredItem } from './validators/utils';
 import { LogoProps, NavigationHeaderProps } from './validators/navigation';
@@ -9,8 +9,8 @@ export const getBlocksCases = (blocks) => {
 };
 export function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
-    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), SecurityBlock), TableBlock), TabsBlock), LinkTableBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock);
-    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, PartnerBlock), MediaCardBlock), BannerCard), PriceDetailedBlock), TutorialCard), BackgroundCard), NewsCard), Quote), BasicCard);
+    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), SecurityBlock), TableBlock), TabsBlock), SimpleBlock), LinkTableBlock), PreviewBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock);
+    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, PartnerBlock), MediaCardBlock), BannerCard), PriceDetailedBlock), TutorialCard), BackgroundCard), NewsCard), CardWithImage), Quote), BasicCard);
     const constructorBlockSchemaNames = [
         'divider',
         'quote',
@@ -29,6 +29,7 @@ export function generateDefaultSchema(config) {
         'security-block',
         'table-block',
         'tabs-block',
+        'simple-block',
         'link-table-block',
         'preview-block',
         'price-detailed',
@@ -47,6 +48,7 @@ export function generateDefaultSchema(config) {
         'tutoral-card',
         'background-card',
         'news-card',
+        'card-with-image',
         'quote',
         'basic-card',
         'layout-item',

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

@@ -2,6 +2,7 @@ export * from '../../blocks/Banner/schema';
 export * from '../../blocks/Companies/schema';
 export * from '../../blocks/ExtendedFeatures/schema';
 export * from '../../blocks/PromoFeaturesBlock/schema';
+export * from '../../blocks/Simple/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
@@ -12,6 +13,7 @@ export * from '../../blocks/Slider/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/Tabs/schema';
+export * from '../../blocks/Preview/schema';
 export * from '../../blocks/HeaderSlider/schema';
 export * from '../../blocks/Icons/schema';
 export * from '../../blocks/CardLayout/schema';

package/build/esm/schema/validators/blocks.js

@@ -2,6 +2,7 @@ export * from '../../blocks/Banner/schema';
 export * from '../../blocks/Companies/schema';
 export * from '../../blocks/ExtendedFeatures/schema';
 export * from '../../blocks/PromoFeaturesBlock/schema';
+export * from '../../blocks/Simple/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
@@ -12,6 +13,7 @@ export * from '../../blocks/Slider/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/Tabs/schema';
+export * from '../../blocks/Preview/schema';
 export * from '../../blocks/HeaderSlider/schema';
 export * from '../../blocks/Icons/schema';
 export * from '../../blocks/CardLayout/schema';

package/build/esm/schema/validators/sub-blocks.d.ts

@@ -5,6 +5,7 @@ export * from '../../sub-blocks/MediaCard/schema';
 export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/Partner/schema';
 export * from '../../sub-blocks/TutorialCard/schema';
+export * from '../../sub-blocks/CardWithImage/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/esm/schema/validators/sub-blocks.js

@@ -5,6 +5,7 @@ export * from '../../sub-blocks/MediaCard/schema';
 export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/Partner/schema';
 export * from '../../sub-blocks/TutorialCard/schema';
+export * from '../../sub-blocks/CardWithImage/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/esm/sub-blocks/CardWithImage/CardWithImage.css

@@ -0,0 +1,19 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-card-with-image__content {
+  padding-right: 16px;
+}
+.pc-card-with-image__image {
+  width: 100%;
+  display: block;
+  margin-bottom: 16px;
+  border-radius: var(--pc-border-radius);
+}
+.pc-card-with-image__image_border {
+  border: 1px solid var(--yc-color-line-generic);
+}
+.pc-card-with-image__image-item {
+  width: 100%;
+  display: block;
+  border-radius: var(--pc-border-radius);
+}

package/build/esm/sub-blocks/CardWithImage/CardWithImage.d.ts

@@ -0,0 +1,4 @@
+import { CardWithImageProps } from '../../models';
+import './CardWithImage.css';
+declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: CardWithImageProps) => JSX.Element;
+export default CardWithImage;

package/build/esm/sub-blocks/CardWithImage/CardWithImage.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { block } from '../../utils';
+import { Image, FullscreenImage } from '../../components';
+import { Content } from '../';
+import './CardWithImage.css';
+const b = block('card-with-image');
+const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }) => {
+    const unifiedLinks = links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign(Object.assign({ theme: 'normal' }, link), { text: link.title, url: link.link })));
+    return (React.createElement("div", { className: b(null, className) },
+        React.createElement("div", { className: b('image', { border }) }, fullScreen ? (React.createElement(FullscreenImage, { src: image, imageClassName: b('image-item'), disableCompress: disableCompress })) : (React.createElement(Image, { className: b('image-item'), src: image, alt: 'card-image', disableCompress: disableCompress }))),
+        React.createElement("div", { className: b('content') },
+            React.createElement(Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } }))));
+};
+export default CardWithImage;