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

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

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

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

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockConfig = void 0;
 const tslib_1 = require("tslib");
 const common_1 = require("../../schema/validators/common");
+const form_generator_1 = require("../../utils/form-generator");
 const CardLayout_1 = tslib_1.__importDefault(require("./CardLayout"));
+const schema_1 = require("./schema");
 const textSizeEnum = common_1.textSize.map((size) => ({ value: size, content: size }));
 exports.blockConfig = [
     {
@@ -153,11 +155,27 @@ const CardLayoutBlockConfig = {
     component: CardLayout_1.default,
     schema: {
         name: 'Card Layout Block',
-        inputs: exports.blockConfig,
-        // inputs: generateFromAJV(CardLayoutProps as unknown as JSONSchemaType<{}>),
+        group: 'card-containers',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.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/cjs/blocks/Companies/index.js

@@ -8,6 +8,7 @@ const CompaniesBlockConfig = {
     component: Companies_1.default,
     schema: {
         name: 'Companies Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.CompaniesBlock['companies-block']),
         default: {
             title: 'Companies Block',

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

@@ -8,9 +8,72 @@ const ContentLayoutBlockConfig = {
     component: ContentLayout_1.default,
     schema: {
         name: 'Content Layout Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentLayoutBlock['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/cjs/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/cjs/blocks/ExtendedFeatures/index.js

@@ -8,10 +8,68 @@ const ExtendedFeaturesBlockConfig = {
     component: ExtendedFeatures_1.default,
     schema: {
         name: 'Extended Features Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.ExtendedFeaturesBlock['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/cjs/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/cjs/blocks/FilterBlock/index.js

@@ -8,9 +8,89 @@ const FilterBlockConfig = {
     component: FilterBlock_1.default,
     schema: {
         name: 'Filter Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.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/cjs/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/cjs/blocks/Form/index.js

@@ -8,6 +8,7 @@ const FormBlockConfig = {
     component: Form_1.default,
     schema: {
         name: 'Form Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.FormBlock['form-block']),
         default: {
             title: 'Form Block',

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

@@ -8,7 +8,25 @@ const HeaderBlockConfig = {
     component: Header_1.default,
     schema: {
         name: 'Header Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.HeaderBlock['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',
+                },
+            ],
+        },
     },
 };
 exports.default = HeaderBlockConfig;

package/build/cjs/blocks/HeaderSlider/index.d.ts

@@ -2,6 +2,7 @@ declare const HeaderSliderBlockConfig: {
     component: ({ items, arrows, ...props }: import("../..").HeaderSliderBlockProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;

package/build/cjs/blocks/HeaderSlider/index.js

@@ -8,6 +8,7 @@ const HeaderSliderBlockConfig = {
     component: HeaderSlider_1.default,
     schema: {
         name: 'Header Slider Block',
+        group: 'card-containers',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.HeaderSliderBlock['header-slider-block']),
         default: {
             type: 'header-slider-block',

package/build/cjs/blocks/Icons/Icons.js

@@ -17,8 +17,8 @@ const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }
     const onClick = (0, react_1.useCallback)(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    return (react_1.default.createElement("div", { className: b({ size }) },
-        react_1.default.createElement(grid_1.Grid, null,
+    return (react_1.default.createElement(grid_1.Grid, null,
+        react_1.default.createElement("div", { className: b({ size }) },
             (title || description) && (react_1.default.createElement(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
             items &&
                 items.map((item) => {

package/build/cjs/blocks/Icons/index.d.ts

@@ -2,11 +2,18 @@ declare const IconsBlockConfig: {
     component: ({ title, description, size, colSizes, items }: import("../..").IconsBlockProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;
             title: string;
             description: string;
+            size: string;
+            items: {
+                url: string;
+                text: string;
+                src: string;
+            }[];
         };
     };
 };

package/build/cjs/blocks/Icons/index.js

@@ -8,11 +8,55 @@ const IconsBlockConfig = {
     component: Icons_1.default,
     schema: {
         name: 'Icons Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.IconsProps),
         default: {
             type: 'icons-block',
             title: 'Icons Block',
             description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            size: 'm',
+            items: [
+                {
+                    url: '/security/standards/software-registry',
+                    text: 'Государственные реестры РФ',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-software-registry.svg',
+                },
+                {
+                    url: '/security/standards/gdpr',
+                    text: 'Общий регламент защиты данных (GDPR)',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-gdpr.svg',
+                },
+                {
+                    url: '/security/standards/cloud-security-alliance',
+                    text: 'Cloud Security Alliance',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-csa.svg',
+                },
+                {
+                    url: '/security/standards/iso-standards',
+                    text: 'Международная организация по стандартизации (ISO)',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-iso.svg',
+                },
+                {
+                    url: '/security/standards/152-fz',
+                    text: '№152-ФЗ «О персональных данных»',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-152-fz.svg',
+                },
+                {
+                    url: '/security/standards/gost-p-57580',
+                    text: 'ГОСТ Р 57580',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-gost.svg',
+                },
+                {
+                    url: '/security/standards/pci',
+                    text: 'Payment Card Industry Data Security Standard',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/main-shield/security-pci.svg',
+                },
+                {
+                    url: '/docs/security/standard/all',
+                    text: 'Стандарт по защите облачной инфраструктуры',
+                    src: 'https://storage.yandexcloud.net/cloud-www-assets/security-new/icons/security_yc.svg',
+                },
+            ],
         },
     },
 };

package/build/cjs/blocks/Info/index.d.ts

@@ -2,6 +2,7 @@ declare const InfoBlockConfig: {
     component: (props: import("../..").InfoBlockProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
             type: string;

package/build/cjs/blocks/Info/index.js

@@ -8,6 +8,7 @@ const InfoBlockConfig = {
     component: Info_1.default,
     schema: {
         name: 'Info Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.InfoBlock['info-block']),
         default: {
             type: 'info-block',

package/build/cjs/blocks/Map/index.d.ts

@@ -2,6 +2,7 @@ declare const MapBlockConfig: {
     component: ({ map, border, disableShadow, ...props }: import("../..").MapBlockProps) => JSX.Element;
     schema: {
         name: string;
+        group: string;
         inputs: import("../../editor-v2").ConfigInput[];
         default: {
             title: string;

package/build/cjs/blocks/Map/index.js

@@ -8,6 +8,7 @@ const MapBlockConfig = {
     component: Map_1.default,
     schema: {
         name: 'Map Block',
+        group: 'block',
         inputs: (0, form_generator_1.generateFromAJV)(schema_1.MapBlock['map-block']),
         default: {
             title: 'Map Block',