@gravity-ui/page-constructor 5.14.3 → 5.14.4-alpha.1

package/build/esm/common/types/actions/initial.d.ts

@@ -0,0 +1,23 @@
+import { ConfigInput } from '../../../common/types';
+import { ItemConfig } from '../index';
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface IframeReadyAction extends UnknownAction {
+    type: ActionTypes.IframeReady;
+    payload: {
+        height: number;
+    };
+}
+export interface EditorReadyAction extends UnknownAction {
+    type: ActionTypes.EditorReady;
+    payload: unknown;
+}
+export interface BlocksConfigsAction extends UnknownAction {
+    type: ActionTypes.BlocksConfigs;
+    payload: {
+        blocks: ItemConfig[];
+        subBlocks: ItemConfig[];
+        global: ConfigInput[];
+    };
+}
+export type InitialActions = BlocksConfigsAction | IframeReadyAction | EditorReadyAction;

package/build/esm/common/types/actions/initial.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/actions/insert.d.ts

@@ -0,0 +1,19 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface InsertBlockAction extends UnknownAction {
+    type: ActionTypes.InsertBlock;
+    payload: {
+        path: number[];
+    };
+}
+export interface InsertModeEnableAction extends UnknownAction {
+    type: ActionTypes.InsertModeEnable;
+    payload: {
+        blockType: string;
+    };
+}
+export interface InsertModeDisableAction extends UnknownAction {
+    type: ActionTypes.InsertModeDisable;
+    payload: undefined;
+}
+export type InsertActions = InsertBlockAction | InsertModeEnableAction | InsertModeDisableAction;

package/build/esm/common/types/actions/insert.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/actions/other.d.ts

@@ -0,0 +1,16 @@
+import { PageContent } from '../../../models';
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface UpdateConfigsAction extends UnknownAction {
+    type: ActionTypes.UpdateConfigs;
+    payload: {
+        content: PageContent;
+    };
+}
+export interface SetHeightAction extends UnknownAction {
+    type: ActionTypes.SetHeight;
+    payload: {
+        height: number;
+    };
+}
+export type OtherActions = UpdateConfigsAction | SetHeightAction;

package/build/esm/common/types/actions/other.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/actions/overlay.d.ts

@@ -0,0 +1,16 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface OverlayModeOnMoveAction extends UnknownAction {
+    type: ActionTypes.OverlayModeOnMove;
+    payload: {
+        block?: {
+            rect: DOMRect;
+            cursorPosition: 'top' | 'bottom' | 'left' | 'right';
+        };
+        cursor: {
+            x: number;
+            y: number;
+        };
+    };
+}
+export type OverlayActions = OverlayModeOnMoveAction;

package/build/esm/common/types/actions/overlay.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/actions/reorder.d.ts

@@ -0,0 +1,19 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface ReorderModeEnableAction extends UnknownAction {
+    type: ActionTypes.ReorderModeEnable;
+    payload: {
+        path: number[];
+    };
+}
+export interface ReorderModeDisableAction extends UnknownAction {
+    type: ActionTypes.ReorderModeDisable;
+    payload: undefined;
+}
+export interface ReorderBlocksAction extends UnknownAction {
+    type: ActionTypes.ReorderBlocks;
+    payload: {
+        path: number[];
+    };
+}
+export type ReorderActions = ReorderBlocksAction | ReorderModeEnableAction | ReorderModeDisableAction;

package/build/esm/common/types/actions/reorder.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/actions/select.d.ts

@@ -0,0 +1,16 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface SelectBlockAction extends UnknownAction {
+    type: ActionTypes.SelectBlock;
+    payload: {
+        path: number[];
+        rect: DOMRect;
+    };
+}
+export interface UpdateSelectedBlockRectAction extends UnknownAction {
+    type: ActionTypes.UpdateSelectedBlockRect;
+    payload: {
+        rect: DOMRect;
+    };
+}
+export type SelectActions = SelectBlockAction | UpdateSelectedBlockRectAction;

package/build/esm/common/types/actions/select.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/common.d.ts

@@ -0,0 +1,14 @@
+import { Action } from './actions';
+import { BlockConfig } from './forms';
+import { Meta } from './messages';
+export interface ItemConfig {
+    type: string;
+    schema: BlockConfig;
+}
+export interface WithStoreReducer {
+    reducer: (action: Action, meta: Meta) => void;
+}
+export type Subscriber<A extends Action = Action> = {
+    action: A['type'];
+    handler: (payload: A['payload'], meta: Meta) => void;
+};

package/build/esm/common/types/common.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/forms.d.ts

@@ -0,0 +1,93 @@
+export interface BlockConfig {
+    name: string;
+    inputs: Array<ConfigInput>;
+    default?: object;
+}
+export interface TextInput {
+    type: 'text';
+    name: string;
+    title: string;
+}
+export interface BooleanInput {
+    type: 'boolean';
+    name: string;
+    title: string;
+}
+export interface NumberInput {
+    type: 'number';
+    name: string;
+    title: string;
+}
+export interface TextAreaInput {
+    type: 'textarea';
+    name: string;
+    title: string;
+}
+export interface SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single' | 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectSingleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectMultipleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select';
+    mode: 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface ObjectInput {
+    type: 'object';
+    name: string;
+    title: string;
+    properties: Array<ConfigInput>;
+}
+export interface ArrayBaseInput {
+    type: 'array';
+    arrayType: 'object' | 'text';
+    name: string;
+    title: string;
+    buttonText: string;
+}
+export interface ArrayTextInput extends ArrayBaseInput {
+    arrayType: 'text';
+}
+export interface ArrayObjectInput extends ArrayBaseInput {
+    arrayType: 'object';
+    properties: Array<ConfigInput>;
+}
+export interface OneOfInput {
+    type: 'oneOf';
+    name: string;
+    key?: string;
+    title: string;
+    options: {
+        value: string;
+        title: string;
+        properties: Array<ConfigInput>;
+    }[];
+}
+export interface GeneralProps {
+    showIf?: string;
+}
+export type ConfigInput = (TextInput | BooleanInput | NumberInput | TextAreaInput | SelectSingleInput | SelectMultipleInput | ObjectInput | ArrayTextInput | ArrayObjectInput | OneOfInput) & GeneralProps;

package/build/esm/common/types/forms.js

@@ -0,0 +1 @@
+export {};

package/build/esm/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './actions';
+export * from './common';
+export * from './forms';
+export * from './messages';

package/build/esm/common/types/index.js

@@ -0,0 +1,4 @@
+export * from './actions';
+export * from './common';
+export * from './forms';
+export * from './messages';

package/build/esm/common/types/messages.d.ts

@@ -0,0 +1,14 @@
+import { Action } from './actions';
+export interface SendOptions {
+    direction?: MetaSource | 'both';
+    debug?: boolean;
+}
+export interface PostMessageArgs {
+    action: Action;
+    debug: boolean;
+}
+export type SubscriptionFunc = <A extends Action>(type: A['type'], payloadCallback: (payload: A['payload'], meta: Meta) => void) => void;
+export type MetaSource = 'pc' | 'editor';
+export interface Meta {
+    source: MetaSource;
+}

package/build/esm/common/types/messages.js

@@ -0,0 +1 @@
+export {};

package/build/esm/components/BlockBase/BlockBase.css

@@ -4,30 +4,25 @@ unpredictable css rules order in build */
   --anchor-offset: 48px;
 }
 .pc-block-base.pc-block-base {
-  margin-top: 48px;
-  padding: 0 0 48px;
+  padding: 48px 0;
 }
-.pc-block-base.pc-block-base:first-child {
-  margin-top: var(--pc-first-block-indent, 96px);
-}
-
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_0 {
-  margin-top: 0;
+  padding-top: 0;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xs {
-  margin-top: 16px;
+  padding-top: 16px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_s {
-  margin-top: 24px;
+  padding-top: 24px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_m {
-  margin-top: 32px;
+  padding-top: 32px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_l {
-  margin-top: 48px;
+  padding-top: 48px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xl {
-  margin-top: 64px;
+  padding-top: 64px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentBottom_0 {
   padding-bottom: 0;
@@ -50,12 +45,9 @@ unpredictable css rules order in build */
 
 @media only screen and (max-width: 577px) {
   .pc-block-base.pc-block-base {
-    margin-top: 32px;
+    padding-top: 32px;
     padding-bottom: 32px;
   }
-  .pc-block-base.pc-block-base:first-child {
-    margin-top: var(--pc-first-block-mobile-indent, 64px);
-  }
 }
 
 .pc-block-base_reset-paddings.pc-block-base.pc-block-base_reset-paddings.pc-block-base {

package/build/esm/components/Image/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+import { ConfigInput } from '../../common/types';
+export declare const imageInputs: ConfigInput[];

package/build/esm/components/Image/dynamic-form.js

@@ -0,0 +1,80 @@
+import _ from 'lodash';
+const devices = ['desktop', 'tablet', 'mobile'];
+const imageBaseInputs = [
+    {
+        type: 'text',
+        name: 'alt',
+        title: 'Alternative',
+    },
+    {
+        type: 'boolean',
+        name: 'disableCompress',
+        title: 'Disable Compress',
+    },
+];
+const imageStyleInputs = [
+    {
+        type: 'text',
+        name: 'style.backgroundColor',
+        title: 'Background Color',
+    },
+    {
+        type: 'text',
+        name: 'style.height',
+        title: 'Height',
+    },
+    {
+        type: 'text',
+        name: 'style.width',
+        title: 'Width',
+    },
+    {
+        type: 'text',
+        name: 'style.color',
+        title: 'Color',
+    },
+];
+const devicesInputs = devices.map((device) => ({
+    type: 'text',
+    title: _.capitalize(device),
+    name: `${device}`,
+}));
+export const imageInputs = [
+    {
+        type: 'oneOf',
+        name: '',
+        key: 'imageType',
+        title: 'Image Type',
+        options: [
+            {
+                title: 'Simple',
+                value: 'simple',
+                properties: [
+                    {
+                        type: 'text',
+                        name: '',
+                        title: 'Image URL',
+                    },
+                ],
+            },
+            {
+                title: 'Complex',
+                value: 'complex',
+                properties: [
+                    {
+                        type: 'text',
+                        name: 'src',
+                        title: 'Source',
+                    },
+                    ...imageStyleInputs,
+                    ...imageBaseInputs,
+                ],
+            },
+            {
+                title: 'Device Based',
+                value: 'deviseBased',
+                properties: [...devicesInputs, ...imageBaseInputs],
+            },
+        ],
+    },
+];

package/build/esm/components/editor/ChildrenWrap/ChildrenWrap.css

@@ -0,0 +1,5 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-children-wrap {
+  min-height: 50px;
+}

package/build/esm/components/editor/ChildrenWrap/ChildrenWrap.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import './ChildrenWrap.css';
+export interface ChildrenWrapProps extends PropsWithChildren {
+    checkChildren?: ReactNode;
+}
+declare const ChildrenWrap: (props: ChildrenWrapProps) => JSX.Element;
+export default ChildrenWrap;

package/build/esm/components/editor/ChildrenWrap/ChildrenWrap.js

@@ -0,0 +1,13 @@
+import React, { useContext } from 'react';
+import useEditorBlockMouseEvents from '../../../containers/PageConstructor/components/ConstructorBlock/hooks/useEditorBlockMouseEvents';
+import { BlockIdContext } from '../../../context/blockIdContext';
+import { block } from '../../../utils';
+import './ChildrenWrap.css';
+const b = block('children-wrap');
+const ChildrenWrap = (props) => {
+    const { children } = props;
+    const parentBlockId = useContext(BlockIdContext);
+    const { onMouseUp, onMouseMove } = useEditorBlockMouseEvents([parentBlockId, 0]);
+    return (React.createElement("div", { className: b(), onMouseMove: onMouseMove, onMouseUp: onMouseUp }, children));
+};
+export default ChildrenWrap;

package/build/esm/components/editor/ItemWrap/ItemWrap.css

@@ -0,0 +1,9 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-item-wrap {
+  height: 100%;
+}
+
+.pc-page-constructor_with-editor .pc-item-wrap {
+  cursor: pointer;
+}

package/build/esm/components/editor/ItemWrap/ItemWrap.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import './ItemWrap.css';
+export interface ItemWrapProps extends PropsWithChildren {
+    index: number;
+}
+declare const ItemWrap: (props: ItemWrapProps) => JSX.Element;
+export default ItemWrap;

package/build/esm/components/editor/ItemWrap/ItemWrap.js

@@ -0,0 +1,13 @@
+import React, { useContext } from 'react';
+import useEditorBlockMouseEvents from '../../../containers/PageConstructor/components/ConstructorBlock/hooks/useEditorBlockMouseEvents';
+import { BlockIdContext } from '../../../context/blockIdContext';
+import { block } from '../../../utils';
+import './ItemWrap.css';
+const b = block('item-wrap');
+const ItemWrap = (props) => {
+    const { children, index } = props;
+    const parentBlockId = useContext(BlockIdContext);
+    const adminBlockMouseEvents = useEditorBlockMouseEvents([parentBlockId, index]);
+    return (React.createElement("div", Object.assign({ className: b() }, adminBlockMouseEvents), children));
+};
+export default ItemWrap;

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

@@ -1,3 +1,8 @@
+import React from 'react';
+import { ConfigInput } from './common/types';
+/**
+ * @deprecated use blockDataMap
+ **/
 export declare const blockMap: {
     "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
@@ -12,13 +17,17 @@ export declare const blockMap: {
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
-    "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
+    "card-layout-block": React.FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
     "content-layout-block": (props: import("./models").ContentLayoutBlockProps) => JSX.Element;
     "share-block": ({ items, title }: import("./models").ShareBlockProps) => JSX.Element;
     "map-block": ({ map, border, disableShadow, ...props }: import("./models").MapBlockProps) => JSX.Element;
-    "filter-block": import("react").FC<import("./models").FilterBlockProps>;
-    "form-block": import("react").FC<import("./models").FormBlockProps>;
+    "filter-block": React.FC<import("./models").FilterBlockProps>;
+    "form-block": React.FC<import("./models").FormBlockProps>;
+    "test-editor-block": (props: import("./blocks/TestEditorBlock/TestEditorBlock").TestEditorBlockProps) => JSX.Element;
 };
+/**
+ * @deprecated use blockDataMap
+ **/
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
@@ -33,9 +42,18 @@ export declare const subBlockMap: {
     "image-card": (props: import("./models").ImageCardProps) => JSX.Element;
 };
 export declare const navItemMap: {
-    button: import("react").FC<Pick<import("./navigation/models").NavigationItemProps, "className"> & import("./models").ButtonProps>;
-    social: import("react").FC<import("./navigation/components/SocialIcon/SocialIcon").NavigationSocialItemOwnProps>;
+    button: React.FC<Pick<import("./navigation/models").NavigationItemProps, "className"> & import("./models").ButtonProps>;
+    social: React.FC<import("./navigation/components/SocialIcon/SocialIcon").NavigationSocialItemOwnProps>;
     dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation/models").NavigationItemProps & import("./models").NavigationDropdownItem) => JSX.Element;
-    link: import("react").FC<import("./navigation/models").NavigationItemProps & import("./models").NavigationLinkItem>;
+    link: React.FC<import("./navigation/models").NavigationItemProps & import("./models").NavigationLinkItem>;
     "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation/models").NavigationItemProps & import("./models").NavigationGithubButton) => JSX.Element;
 };
+export interface BlockData {
+    component: React.ComponentType<any>;
+    schema: {
+        name: string;
+        inputs: ConfigInput[];
+        default?: object;
+    };
+}
+export declare const blockDataMap: Record<string, BlockData>;

package/build/esm/constructor-items.js

@@ -1,8 +1,43 @@
 import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
+import BannerBlockConfig from './blocks/Banner';
+import CardLayoutBlockConfig from './blocks/CardLayout';
+import CompaniesBlockConfig from './blocks/Companies';
+import ContentLayoutBlockConfig from './blocks/ContentLayout';
+import ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';
+import FilterBlockConfig from './blocks/FilterBlock';
+import FormBlockConfig from './blocks/Form';
+import HeaderBlockConfig from './blocks/Header';
+import HeaderSliderBlockConfig from './blocks/HeaderSlider';
+import IconsBlockConfig from './blocks/Icons';
+import InfoBlockConfig from './blocks/Info';
+import MapBlockConfig from './blocks/Map';
+import MediaBlockConfig from './blocks/Media';
+import PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';
+import QuestionsBlockConfig from './blocks/Questions';
+import ShareBlockConfig from './blocks/Share';
+import SliderBlockConfig from './blocks/Slider';
+import TableBlockConfig from './blocks/Table';
+import TabsBlockConfig from './blocks/Tabs';
+import TestEditorBlockConfig from './blocks/TestEditorBlock';
+import TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
 import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
 import { BackgroundCard, BannerCard, BasicCard, Content, Divider, ImageCard, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from './sub-blocks';
+import BackgroundCardConfig from './sub-blocks/BackgroundCard';
+import BannerCardConfig from './sub-blocks/BannerCard';
+import BasicCardConfig from './sub-blocks/BasicCard';
+import ContentConfig from './sub-blocks/Content';
+import DividerConfig from './sub-blocks/Divider';
+import ImageCardConfig from './sub-blocks/ImageCard';
+import LayoutItemConfig from './sub-blocks/LayoutItem/form';
+import MediaCardConfig from './sub-blocks/MediaCard';
+import PriceCardConfig from './sub-blocks/PriceCard';
+import PriceDetailedConfig from './sub-blocks/PriceDetailed';
+import QuoteConfig from './sub-blocks/Quote';
+/**
+ * @deprecated use blockDataMap
+ **/
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -23,7 +58,11 @@ export const blockMap = {
     [BlockType.MapBlock]: MapBlock,
     [BlockType.FilterBlock]: FilterBlock,
     [BlockType.FormBlock]: FormBlock,
+    [BlockType.TestEditorBlock]: TestEditorBlock,
 };
+/**
+ * @deprecated use blockDataMap
+ **/
 export const subBlockMap = {
     [SubBlockType.Divider]: Divider,
     [SubBlockType.PriceDetailed]: PriceDetailed,
@@ -44,3 +83,36 @@ export const navItemMap = {
     [NavigationItemType.Link]: NavigationLink,
     [NavigationItemType.GithubButton]: GithubButton,
 };
+export const blockDataMap = {
+    [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,
+    [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,
+    [BlockType.QuestionsBlock]: QuestionsBlockConfig,
+    [BlockType.BannerBlock]: BannerBlockConfig,
+    [BlockType.CompaniesBlock]: CompaniesBlockConfig,
+    [BlockType.MediaBlock]: MediaBlockConfig,
+    [BlockType.InfoBlock]: InfoBlockConfig,
+    [BlockType.TableBlock]: TableBlockConfig,
+    [BlockType.TabsBlock]: TabsBlockConfig,
+    [BlockType.HeaderBlock]: HeaderBlockConfig,
+    [BlockType.IconsBlock]: IconsBlockConfig,
+    [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,
+    [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,
+    [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,
+    [BlockType.ShareBlock]: ShareBlockConfig,
+    [BlockType.MapBlock]: MapBlockConfig,
+    [BlockType.FilterBlock]: FilterBlockConfig,
+    [BlockType.FormBlock]: FormBlockConfig,
+    [BlockType.TestEditorBlock]: TestEditorBlockConfig,
+    [BlockType.SliderBlock]: SliderBlockConfig,
+    [SubBlockType.Divider]: DividerConfig,
+    [SubBlockType.PriceDetailed]: PriceDetailedConfig,
+    [SubBlockType.MediaCard]: MediaCardConfig,
+    [SubBlockType.BannerCard]: BannerCardConfig,
+    [SubBlockType.LayoutItem]: LayoutItemConfig,
+    [SubBlockType.BackgroundCard]: BackgroundCardConfig,
+    [SubBlockType.BasicCard]: BasicCardConfig,
+    [SubBlockType.Content]: ContentConfig,
+    [SubBlockType.Quote]: QuoteConfig,
+    [SubBlockType.PriceCard]: PriceCardConfig,
+    [SubBlockType.ImageCard]: ImageCardConfig,
+};