@gravity-ui/page-constructor 5.14.4-alpha.2 → 5.14.4-alpha.3

package/build/cjs/editor-v2/containers/Editor/Editor.js

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Editor = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const react_resizable_panels_1 = require("react-resizable-panels");
 const types_1 = require("../../../common/types");
 const utils_1 = require("../../../utils");
 const BigOverlay_1 = tslib_1.__importDefault(require("../../components/BigOverlay/BigOverlay"));
 const MiddleScreen_1 = tslib_1.__importDefault(require("../../components/MiddleScreen/MiddleScreen"));
+const Panels_1 = require("../../components/Panels/Panels");
 const Sidebar_1 = require("../../components/Sidebar/Sidebar");
 const contentConfig_1 = require("../../context/contentConfig");
 const editorContext_1 = require("../../context/editorContext");
@@ -43,17 +42,7 @@ const EditorView = (_props) => {
     }, [manipulateOverlayMode, sendMessage]);
     return (react_1.default.createElement("div", { className: b(), onMouseUp: onMouseUp, onMouseMove: onMouseMove },
         react_1.default.createElement("div", { className: b('body') },
-            react_1.default.createElement(react_resizable_panels_1.PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal" },
-                react_1.default.createElement(react_resizable_panels_1.Panel, { collapsible: true, defaultSize: 25, minSize: 15 },
-                    react_1.default.createElement(Sidebar_1.Sidebar, { position: 'left' })),
-                react_1.default.createElement(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable') },
-                    react_1.default.createElement(icons_1.Grip, { className: b('grip') })),
-                react_1.default.createElement(react_resizable_panels_1.Panel, { minSize: 20 },
-                    react_1.default.createElement(MiddleScreen_1.default, null)),
-                react_1.default.createElement(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable') },
-                    react_1.default.createElement(icons_1.Grip, { className: b('grip') })),
-                react_1.default.createElement(react_resizable_panels_1.Panel, { collapsible: true, minSize: 15, defaultSize: 25 },
-                    react_1.default.createElement(Sidebar_1.Sidebar, { position: 'right', startMenu: "block-config" })))),
+            react_1.default.createElement(Panels_1.Panels, { left: react_1.default.createElement(Sidebar_1.Sidebar, { position: 'left' }), right: react_1.default.createElement(Sidebar_1.Sidebar, { position: 'right', startMenu: "block-config" }), middle: react_1.default.createElement(MiddleScreen_1.default, null) })),
         react_1.default.createElement(BigOverlay_1.default, { className: b('overlay') })));
 };
 const Editor = (props) => {

package/build/cjs/editor-v2/context/contentConfig/store.d.ts

@@ -18,6 +18,7 @@ export interface ContentConfigMethods extends WithStoreReducer {
     duplicateBlock: (path: number[]) => void;
     reorderBlock: (path: number[], destination: number[]) => void;
     updateField: (path: string, value: DynamicFormValue) => void;
+    resetBlocks: () => void;
 }
 export type ContentConfigStore = ContentConfigState & ContentConfigMethods;
 export declare const createContentConfigStore: (overrideInitialState?: Partial<ContentConfigState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ContentConfigState & ContentConfigMethods>, "subscribe"> & {

package/build/cjs/editor-v2/context/contentConfig/store.js

@@ -61,6 +61,9 @@ exports.createContentConfigStore = (0, store_1.initializeStore)({
         }
         set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: newBlocksConfig }) })));
     },
+    resetBlocks: () => {
+        set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: [] }) })));
+    },
     reducer: function (action) {
         switch (action.type) {
             // Insert Actions

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

@@ -9,10 +9,12 @@ const BackgroundCardConfig = {
     schema: {
         name: 'Background Card',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.BackgroundCard['background-card']),
+        group: 'cards',
         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',
+            backgroundColor: '#F0F0F0',
         },
     },
 };

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

@@ -8,6 +8,7 @@ const BannerCardConfig = {
     component: BannerCard_1.default,
     schema: {
         name: 'Banner Card',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.BannerCardProps),
         default: {
             color: 'rgba(54, 151, 241, 0.4)',

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

@@ -8,6 +8,7 @@ const BasicCardConfig = {
     component: BasicCard_1.default,
     schema: {
         name: 'Basic Card',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.BasicCard['basic-card']),
         default: {
             title: 'Basic Card',

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

@@ -8,6 +8,7 @@ const ContentConfig = {
     component: Content_1.default,
     schema: {
         name: 'Content',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentBlock['content']),
         default: {
             title: 'Content',

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

@@ -8,6 +8,7 @@ const ImageCardConfig = {
     component: ImageCard_1.default,
     schema: {
         name: 'Image Card',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ImageCard['image-card']),
         default: {
             title: 'Image Card',

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

@@ -8,11 +8,16 @@ const LayoutItemConfig = {
     component: LayoutItem_1.default,
     schema: {
         name: 'Layout Item',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.LayoutItem),
         default: {
+            type: 'layout-item',
             content: {
-                title: 'Layout Item',
-                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                title: 'Lorem ipsum',
+                text: 'Dolor sit amet',
+            },
+            media: {
+                image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',
             },
         },
     },

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

@@ -8,12 +8,14 @@ const MediaCardConfig = {
     component: MediaCard_1.default,
     schema: {
         name: 'Media Card',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.MediaCardBlock['media-card']),
         default: {
             content: {
                 title: 'Media Card',
                 text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
             },
+            image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',
         },
     },
 };

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

@@ -8,6 +8,7 @@ const PriceCardConfig = {
     component: PriceCard_1.default,
     schema: {
         name: 'Price Card',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceCardBlock['price-card']),
         default: {
             type: 'price-card',

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

@@ -9,6 +9,7 @@ const PriceDetailedConfig = {
     component: PriceDetailed_1.default,
     schema: {
         name: 'Price Detailed',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceDetailedBlock['price-detailed']),
         default: {
             priceType: 'marked-list',

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

@@ -8,6 +8,7 @@ const QuoteConfig = {
     component: Quote_1.default,
     schema: {
         name: 'Quote',
+        group: 'cards',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.Quote['quote']),
         default: {
             text: 'A good decision is based on knowledge and not on numbers.',

package/build/esm/blocks/Banner/index.js

@@ -5,6 +5,7 @@ const BannerBlockConfig = {
     component: BannerBlock,
     schema: {
         name: 'Banner Block',
+        group: 'block',
         inputs: generateFromAJV(BannerCardProps),
         default: {
             color: 'rgba(54, 151, 241, 0.4)',

package/build/esm/blocks/CardLayout/index.js

@@ -1,5 +1,7 @@
 import { sliderSizesArray, textSize } from '../../schema/validators/common';
+import { generateFromAJV } from '../../utils/form-generator';
 import CardLayout from './CardLayout';
+import { CardLayoutProps } from './schema';
 const textSizeEnum = textSize.map((size) => ({ value: size, content: size }));
 export const blockConfig = [
     {
@@ -149,11 +151,27 @@ const CardLayoutBlockConfig = {
     component: CardLayout,
     schema: {
         name: 'Card Layout Block',
-        inputs: blockConfig,
-        // inputs: generateFromAJV(CardLayoutProps as unknown as JSONSchemaType<{}>),
+        group: 'card-containers',
+        inputs: generateFromAJV(CardLayoutProps),
         default: {
             type: 'card-layout-block',
-            children: [],
+            children: [
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+                {
+                    type: 'background-card',
+                    title: 'Tell a story and build a narrative',
+                    text: 'We are all storytellers. Stories are a powerful way to communicate ideas and share information. The right story can lead to a better understanding of a situation, make us laugh, or even inspire us to do something in the future.',
+                },
+            ],
             title: 'Card Layout Block',
             description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
         },

package/build/esm/blocks/Companies/index.js

@@ -5,6 +5,7 @@ const CompaniesBlockConfig = {
     component: CompaniesBlock,
     schema: {
         name: 'Companies Block',
+        group: 'block',
         inputs: generateFromAJV(CompaniesBlockSchema['companies-block']),
         default: {
             title: 'Companies Block',

package/build/esm/blocks/ContentLayout/index.d.ts

@@ -2,9 +2,39 @@ declare const ContentLayoutBlockConfig: {
     component: (props: import("../..").ContentLayoutBlockProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
-            title: string;
+            textContent: {
+                title: string;
+                text: string;
+            };
+            additionalInfo: string;
+            buttons: {
+                text: string;
+                theme: string;
+                url: string;
+            }[];
+            links: {
+                url: string;
+                text: string;
+                theme: string;
+                arrow: boolean;
+            }[];
+            fileContent: {
+                href: string;
+                text: string;
+            }[];
+            list: ({
+                title: string;
+                text: string;
+            } | {
+                text: string;
+                title?: undefined;
+            } | {
+                title: string;
+                text?: undefined;
+            })[];
         };
     };
 };

package/build/esm/blocks/ContentLayout/index.js

@@ -5,9 +5,72 @@ const ContentLayoutBlockConfig = {
     component: ContentLayoutBlock,
     schema: {
         name: 'Content Layout Block',
+        group: 'block',
         inputs: generateFromAJV(ContentLayoutBlockSchema['content-layout-block']),
         default: {
-            title: 'Content Layout Block',
+            textContent: {
+                title: 'Lorem ipsum dolor sit amet',
+                text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+            },
+            additionalInfo: 'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+            buttons: [
+                {
+                    text: 'Button',
+                    theme: 'action',
+                    url: 'https://example.com',
+                },
+                {
+                    text: 'Button',
+                    theme: 'outlined',
+                    url: 'https://example.com',
+                },
+            ],
+            links: [
+                {
+                    url: 'https://example.com',
+                    text: 'Link',
+                    theme: 'normal',
+                    arrow: true,
+                },
+            ],
+            fileContent: [
+                {
+                    href: 'https://example.xls',
+                    text: 'File xls',
+                },
+                {
+                    href: 'https://example.fig',
+                    text: 'File PNG, JPG, and SVG format',
+                },
+                {
+                    href: 'https://example.pdf',
+                    text: 'Pdf file',
+                },
+                {
+                    href: 'https://example.zip',
+                    text: 'Archive file',
+                },
+                {
+                    href: 'https://example.doc',
+                    text: 'Microsoft Word document',
+                },
+                {
+                    href: 'https://example.ppt',
+                    text: 'PPT file',
+                },
+            ],
+            list: [
+                {
+                    title: 'Lorem ipsum',
+                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                },
+                {
+                    text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                },
+                {
+                    title: 'Lorem ipsum ipsum',
+                },
+            ],
         },
     },
 };

package/build/esm/blocks/ExtendedFeatures/index.d.ts

@@ -2,10 +2,56 @@ declare const ExtendedFeaturesBlockConfig: {
     component: ({ title, description, items, colSizes, animated, }: import("../..").ExtendedFeaturesProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
-            title: string;
-            items: {}[];
+            type: string;
+            title: {
+                text: string;
+                textSize: string;
+            };
+            description: string;
+            items: ({
+                title: string;
+                text: string;
+                additionalInfo: string;
+                buttons?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                buttons: {
+                    text: string;
+                    theme: string;
+                    url: string;
+                }[];
+                additionalInfo?: undefined;
+                links?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                links: {
+                    text: string;
+                    url: string;
+                    arrow: boolean;
+                    theme: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                list?: undefined;
+            } | {
+                title: string;
+                text: string;
+                list: {
+                    title: string;
+                    text: string;
+                }[];
+                additionalInfo?: undefined;
+                buttons?: undefined;
+                links?: undefined;
+            })[];
         };
     };
 };

package/build/esm/blocks/ExtendedFeatures/index.js

@@ -5,10 +5,68 @@ const ExtendedFeaturesBlockConfig = {
     component: ExtendedFeaturesBlock,
     schema: {
         name: 'Extended Features Block',
+        group: 'block',
         inputs: generateFromAJV(ExtendedFeaturesBlockSchema['extended-features-block']),
         default: {
-            title: 'Extended Features Block',
-            items: [{}],
+            type: 'extended-features-block',
+            title: {
+                text: 'Lorem ipsum dolor sit amet',
+                textSize: 'm',
+            },
+            description: 'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',
+            items: [
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    additionalInfo: 'Duis aute irure dolor in reprehenderit n voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+                },
+                {
+                    title: 'Sed do eiusmod tempor',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    buttons: [
+                        {
+                            text: 'Button',
+                            theme: 'action',
+                            url: 'https://example.com',
+                        },
+                        {
+                            text: 'Button',
+                            theme: 'outlined',
+                            url: 'https://example.com',
+                        },
+                    ],
+                },
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    links: [
+                        {
+                            text: 'Go',
+                            url: '#',
+                            arrow: true,
+                            theme: 'normal',
+                        },
+                    ],
+                },
+                {
+                    title: 'Sed do eiusmod tempor incididunt',
+                    text: 'Ut enim ad minim veniam quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+                    list: [
+                        {
+                            title: 'Lorem ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                        {
+                            title: 'Lorem ipsum ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                        {
+                            title: 'Lorem ipsum',
+                            text: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        },
+                    ],
+                },
+            ],
         },
     },
 };

package/build/esm/blocks/FilterBlock/index.d.ts

@@ -2,9 +2,27 @@ declare const FilterBlockConfig: {
     component: import("react").FC<import("../..").FilterBlockProps>;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
+            allTag: boolean;
+            description: string;
+            items: {
+                card: {
+                    content: {
+                        title: string;
+                        text: string;
+                    };
+                    type: string;
+                };
+                tags: string[];
+            }[];
+            tags: {
+                id: string;
+                label: string;
+            }[];
             title: string;
+            type: string;
         };
     };
 };

package/build/esm/blocks/FilterBlock/index.js

@@ -5,9 +5,89 @@ const FilterBlockConfig = {
     component: FilterBlock,
     schema: {
         name: 'Filter Block',
+        group: 'block',
         inputs: generateFromAJV(FilterProps),
         default: {
-            title: 'Filter Block',
+            allTag: true,
+            description: 'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',
+            items: [
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 1',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 2',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 3',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 4',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 5',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 6',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+            ],
+            tags: [
+                {
+                    id: 'one',
+                    label: 'First very long label',
+                },
+                {
+                    id: 'two',
+                    label: 'Second very long label',
+                },
+                {
+                    id: 'three',
+                    label: 'Third very long label',
+                },
+            ],
+            title: 'Card Layout',
+            type: 'filter-block',
         },
     },
 };

package/build/esm/blocks/Form/index.d.ts

@@ -2,6 +2,7 @@ declare const FormBlockConfig: {
     component: import("react").FC<import("../..").FormBlockProps>;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;

package/build/esm/blocks/Form/index.js

@@ -5,6 +5,7 @@ const FormBlockConfig = {
     component: FormBlock,
     schema: {
         name: 'Form Block',
+        group: 'block',
         inputs: generateFromAJV(FormBlockSchema['form-block']),
         default: {
             title: 'Form Block',

package/build/esm/blocks/Header/index.d.ts

@@ -2,7 +2,18 @@ declare const HeaderBlockConfig: {
     component: (props: import("../..").WithChildren<import("../..").HeaderBlockProps & import("../..").ClassNameProps>) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
+        default: {
+            type: string;
+            title: string;
+            description: string;
+            buttons: {
+                text: string;
+                theme: string;
+                url: string;
+            }[];
+        };
     };
 };
 export default HeaderBlockConfig;

package/build/esm/blocks/Header/index.js

@@ -5,7 +5,25 @@ const HeaderBlockConfig = {
     component: HeaderBlock,
     schema: {
         name: 'Header Block',
+        group: 'block',
         inputs: generateFromAJV(HeaderBlockSchema['header-block']),
+        default: {
+            type: 'header-block',
+            title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
+            description: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+            buttons: [
+                {
+                    text: 'Button\r',
+                    theme: 'action',
+                    url: 'https://example.com',
+                },
+                {
+                    text: 'Button',
+                    theme: 'outlined',
+                    url: 'https://example.com',
+                },
+            ],
+        },
     },
 };
 export default HeaderBlockConfig;