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

package/build/cjs/hooks/useEditorInitialize.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const types_1 = require("../common/types");
+const constructor_items_1 = require("../constructor-items");
+const editorContext_1 = require("../context/editorContext");
+const messagesContext_1 = require("../context/messagesContext");
+const schema_1 = require("../schema");
+const form_generator_1 = require("../utils/form-generator");
+const useEditorInitialize = ({ setContent, content }) => {
+    const { manipulateOverlayMode, isSelectActive } = (0, editorContext_1.useEditorStore)();
+    const sendMessage = (0, messagesContext_1.useMessageSender)();
+    const { activeElement } = (0, react_1.useContext)(editorContext_1.EditorContext);
+    const onResize = (0, react_1.useCallback)(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        sendMessage({
+            type: types_1.ActionTypes.SetHeight,
+            payload: { height },
+        });
+        if (isSelectActive && activeElement) {
+            const rect = activeElement.getClientRects().item(0);
+            if (rect) {
+                sendMessage({
+                    type: types_1.ActionTypes.UpdateSelectedBlockRect,
+                    payload: {
+                        rect: rect,
+                    },
+                });
+            }
+        }
+    }, [activeElement, isSelectActive, sendMessage]);
+    (0, messagesContext_1.useMessageObserver)(types_1.ActionTypes.UpdateConfigs, ({ content: newContent }) => {
+        setContent(newContent);
+    });
+    (0, react_1.useEffect)(() => {
+        onResize();
+    }, [content, onResize]);
+    // Fires only once
+    (0, react_1.useEffect)(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        sendMessage({
+            type: types_1.ActionTypes.IframeReady,
+            payload: { height },
+        }, { direction: 'editor' });
+        sendMessage({
+            type: types_1.ActionTypes.BlocksConfigs,
+            payload: {
+                blocks: Object.entries(constructor_items_1.blockDataMap).reduce((acc, [key, value]) => {
+                    acc.push({ type: key, schema: value.schema });
+                    return acc;
+                }, []),
+                subBlocks: [],
+                global: (0, form_generator_1.generateFromAJV)(schema_1.defaultComponentsConfigurationSchema),
+            },
+        });
+    }, [sendMessage]);
+    (0, react_1.useEffect)(() => {
+        const onMouseUp = (e) => {
+            if (manipulateOverlayMode === 'insert') {
+                e.preventDefault();
+                sendMessage({ type: types_1.ActionTypes.InsertModeDisable, payload: undefined });
+            }
+            if (manipulateOverlayMode === 'reorder') {
+                e.preventDefault();
+                sendMessage({ type: types_1.ActionTypes.ReorderModeDisable, payload: undefined });
+            }
+        };
+        const onMouseMove = (event) => {
+            if (manipulateOverlayMode) {
+                sendMessage({
+                    type: types_1.ActionTypes.OverlayModeOnMove,
+                    payload: { cursor: { x: event.clientX, y: event.clientY } },
+                });
+            }
+        };
+        const throttleOnMouseMove = lodash_1.default.throttle(onMouseMove, 1);
+        const throttleOnMouseUp = lodash_1.default.throttle(onMouseUp, 1);
+        document.addEventListener('mousemove', throttleOnMouseMove);
+        document.addEventListener('mouseup', throttleOnMouseUp);
+        window.addEventListener('resize', onResize);
+        return () => {
+            document.removeEventListener('mousemove', throttleOnMouseMove);
+            document.removeEventListener('mouseup', throttleOnMouseUp);
+            window.removeEventListener('resize', onResize);
+        };
+    }, [activeElement, manipulateOverlayMode, onResize, sendMessage]);
+};
+exports.default = useEditorInitialize;

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

@@ -24,7 +24,8 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block"
+    FormBlock = "form-block",
+    TestEditorBlock = "test-editor-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];

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

@@ -22,6 +22,7 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
+    BlockType["TestEditorBlock"] = "test-editor-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

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

@@ -117,7 +117,7 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
     mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -24,7 +24,10 @@ const NavigationItem = (_a) => {
             ? componentProperties
             : Object.assign(Object.assign({}, componentProperties), { menuLayout });
     }, [data, props, type, menuLayout]);
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
         react_1.default.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
             react_1.default.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));
 };

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -11,7 +11,10 @@ const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
         react_1.default.createElement(components_1.Button, Object.assign({}, props, { className: classes, url: url }))))));
 };
 exports.NavigationButton = NavigationButton;

package/build/cjs/navigation/containers/Layout/Layout.css

@@ -1,7 +1,6 @@
 .pc-layout {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
 }
 .pc-layout__content {
   display: flex;

package/build/cjs/schema/constants.d.ts

@@ -119,7 +119,7 @@ export declare const cardSchemas: {
                 };
             } | undefined;
             controlPosition: {
-                type: string; /** @deprecated */
+                type: string;
                 enum: string[];
             };
             border: {

package/build/cjs/schema/constants.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
+const TestEditorBlock_1 = require("../blocks/TestEditorBlock");
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = 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({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock);
+exports.blockSchemas = 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({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), TestEditorBlock_1.TestEditorBlockSchema);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard);
 exports.constructorBlockSchemaNames = [
     'divider',

package/build/cjs/schema/index.d.ts

@@ -11,4 +11,231 @@ export interface SchemaCustomConfig {
     extensions?: object;
 }
 export declare const getBlocksCases: (blocks: Schema) => any;
+export declare const defaultComponentsConfigurationSchema: {
+    type: string;
+    properties: {
+        logo: {
+            oneOf: (({
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    icon: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                        })[];
+                    };
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        header: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                leftItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                rightItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                iconSize: {
+                    type: string;
+                };
+            };
+        };
+        menu: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                title: {
+                    type: string;
+                    contentType: string;
+                };
+            };
+        };
+        background: {
+            oneOf: (({
+                additionalProperties: boolean;
+                properties: {
+                    image: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                        })[];
+                    };
+                    color: {
+                        type: string;
+                    };
+                    video: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            src: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            loop: {
+                                oneOf: ({
+                                    optionName: string;
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: string[];
+                                    properties: {
+                                        start: {
+                                            type: string;
+                                        };
+                                        end: {
+                                            type: string;
+                                        };
+                                    };
+                                } | {
+                                    type: string;
+                                    optionName: string;
+                                })[];
+                            };
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            muted: {
+                                type: string;
+                            };
+                            autoplay: {
+                                type: string;
+                            };
+                            elapsedTime: {
+                                type: string;
+                            };
+                            playButton: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    theme: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    text: {
+                                        type: string;
+                                        contentType: string;
+                                    };
+                                };
+                            };
+                            controls: {
+                                type: string;
+                                enum: import("..").MediaVideoControlsType[];
+                            };
+                            customControlsOptions: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: import("..").CustomControlsType[];
+                                    };
+                                    muteButtonShown: {
+                                        type: string;
+                                    };
+                                    positioning: {
+                                        type: string;
+                                        enum: import("..").CustomControlsButtonPositioning[];
+                                    };
+                                };
+                            };
+                            ariaLabel: {
+                                type: string;
+                            };
+                        };
+                    };
+                    height: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    parallax: {
+                        type: string;
+                    };
+                    fullWidthMedia: {
+                        type: string;
+                    };
+                    animated: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        animated: {
+            type: string;
+        };
+    };
+};
 export declare function generateDefaultSchema(config?: SchemaCustomConfig): JSONSchema4;

package/build/cjs/schema/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateDefaultSchema = exports.getBlocksCases = exports.validators = void 0;
+exports.generateDefaultSchema = exports.defaultComponentsConfigurationSchema = exports.getBlocksCases = exports.validators = void 0;
 var validators_1 = require("./validators");
 Object.defineProperty(exports, "validators", { enumerable: true, get: function () { return validators_1.validators; } });
 const constants_1 = require("./constants");
@@ -11,6 +11,10 @@ const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)), {});
 };
 exports.getBlocksCases = getBlocksCases;
+exports.defaultComponentsConfigurationSchema = {
+    type: 'object',
+    properties: Object.assign(Object.assign({}, common_1.AnimatableProps), { logo: (0, common_1.withTheme)(navigation_1.LogoProps), header: navigation_1.NavigationHeaderProps, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps) }),
+};
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
     const configBlockSchemaNames = Object.keys(blocks).filter((item) => !constants_1.constructorBlockSchemaNames.includes(item));
@@ -46,12 +50,12 @@ function generateDefaultSchema(config) {
         type: 'object',
         additionalProperties: false,
         required: ['blocks'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.AnimatableProps), { logo: (0, common_1.withTheme)(navigation_1.LogoProps), header: navigation_1.NavigationHeaderProps, blocks: {
+        properties: Object.assign(Object.assign(Object.assign({}, exports.defaultComponentsConfigurationSchema.properties), { blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',
                 },
-            }, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps) }), extensions),
+            } }), extensions),
     };
 }
 exports.generateDefaultSchema = generateDefaultSchema;

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+import { BlockConfig } from '../../common/types';
+export declare const blockConfig: BlockConfig;

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockConfig = void 0;
+const common_1 = require("../../schema/validators/common");
+const textSizeEnum = common_1.textSize.map((size) => ({ value: size, content: size }));
+const contentThemesEnum = common_1.contentThemes.map((size) => ({ value: size, content: size }));
+exports.blockConfig = {
+    name: 'Background Card',
+    inputs: [
+        {
+            type: 'oneOf',
+            name: 'title',
+            title: 'Title Object',
+            options: [
+                {
+                    title: 'Simple',
+                    value: 'simple',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: '',
+                            title: 'Title',
+                        },
+                    ],
+                },
+                {
+                    title: 'Complex',
+                    value: 'complex',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: 'text',
+                            title: 'Title',
+                        },
+                        {
+                            type: 'select',
+                            name: 'textSize',
+                            title: 'Text Size',
+                            enum: textSizeEnum,
+                            view: 'select',
+                            mode: 'single',
+                        },
+                        {
+                            type: 'text',
+                            name: 'url',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'text',
+                            name: 'urlTitle',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'boolean',
+                            name: 'resetMargin',
+                            title: 'Reset Margin',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            type: 'textarea',
+            name: 'text',
+            title: 'Description',
+        },
+        {
+            type: 'textarea',
+            name: 'additionalInfo',
+            title: 'Additional Info',
+        },
+        {
+            type: 'select',
+            name: 'size',
+            title: 'Size',
+            enum: contentThemesEnum,
+            view: 'select',
+            mode: 'single',
+        },
+    ],
+};

package/build/cjs/sub-blocks/BackgroundCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BackgroundCardConfig: BlockData;
+export default BackgroundCardConfig;

package/build/cjs/sub-blocks/BackgroundCard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const BackgroundCard_1 = tslib_1.__importDefault(require("./BackgroundCard"));
+const schema_1 = require("./schema");
+const BackgroundCardConfig = {
+    component: BackgroundCard_1.default,
+    schema: {
+        name: 'Background Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BackgroundCard['background-card']),
+        default: {
+            title: 'Background Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            additionalInfo: 'Additional info',
+        },
+    },
+};
+exports.default = BackgroundCardConfig;

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -8,9 +8,10 @@ const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' }, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
+    const { title, subtitle, button, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = (0, theme_1.useTheme)();
     const contentStyle = {};
+    const { url, text, target, theme: buttonTheme = 'raised' } = button || {};
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }
@@ -21,8 +22,8 @@ const BannerCard = (props) => {
                     react_1.default.createElement("h2", { className: b('title') },
                         react_1.default.createElement(components_1.HTML, null, title)),
                     subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                react_1.default.createElement(components_1.RouterLink, { href: url },
-                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target }))),
+                text && (react_1.default.createElement(components_1.RouterLink, { href: url || '' },
+                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target })))),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
 };
 exports.BannerCard = BannerCard;

package/build/cjs/sub-blocks/BannerCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BannerCardConfig: BlockData;
+export default BannerCardConfig;

package/build/cjs/sub-blocks/BannerCard/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const schema_1 = require("../../blocks/Banner/schema");
+const form_generator_1 = require("../../utils/form-generator");
+const BannerCard_1 = tslib_1.__importDefault(require("./BannerCard"));
+const BannerCardConfig = {
+    component: BannerCard_1.default,
+    schema: {
+        name: 'Banner Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Card',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+exports.default = BannerCardConfig;

package/build/cjs/sub-blocks/BasicCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BasicCardConfig: BlockData;
+export default BasicCardConfig;

package/build/cjs/sub-blocks/BasicCard/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const BasicCard_1 = tslib_1.__importDefault(require("./BasicCard"));
+const schema_1 = require("./schema");
+const BasicCardConfig = {
+    component: BasicCard_1.default,
+    schema: {
+        name: 'Basic Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BasicCard['basic-card']),
+        default: {
+            title: 'Basic Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = BasicCardConfig;

package/build/cjs/sub-blocks/Content/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const ContentConfig: BlockData;
+export default ContentConfig;

package/build/cjs/sub-blocks/Content/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Content_1 = tslib_1.__importDefault(require("./Content"));
+const schema_1 = require("./schema");
+const ContentConfig = {
+    component: Content_1.default,
+    schema: {
+        name: 'Content',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentBlock['content']),
+        default: {
+            title: 'Content',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = ContentConfig;