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

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

@@ -0,0 +1,8 @@
+declare const HeaderBlockConfig: {
+    component: (props: import("../..").WithChildren<import("../..").HeaderBlockProps & import("../..").ClassNameProps>) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+    };
+};
+export default HeaderBlockConfig;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Header_1 = tslib_1.__importDefault(require("./Header"));
+const schema_1 = require("./schema");
+const HeaderBlockConfig = {
+    component: Header_1.default,
+    schema: {
+        name: 'Header Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.HeaderBlock['header-block']),
+    },
+};
+exports.default = HeaderBlockConfig;

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

@@ -14,8 +14,9 @@ const HeaderSliderBlock = (_a) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
     return (react_1.default.createElement("div", { className: b('wrapper'), "data-qa": "header-slider" },
-        react_1.default.createElement(index_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
-            react_1.default.createElement(Header_1.default, Object.assign({}, item, { className: b('item-content') }))))))));
+        react_1.default.createElement(index_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items &&
+            items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
+                react_1.default.createElement(Header_1.default, Object.assign({}, item, { className: b('item-content') }))))))));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;
 exports.default = exports.HeaderSliderBlock;

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

@@ -0,0 +1,31 @@
+declare const HeaderSliderBlockConfig: {
+    component: ({ items, arrows, ...props }: import("../..").HeaderSliderBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            type: string;
+            items: ({
+                title: string;
+                overtitle: string;
+                description: string;
+                image?: undefined;
+                mediaView?: undefined;
+                width?: undefined;
+                buttons?: undefined;
+            } | {
+                image: string;
+                mediaView: string;
+                title: string;
+                overtitle: string;
+                description: string;
+                width: string;
+                buttons: {
+                    text: string;
+                    theme: string;
+                }[];
+            })[];
+        };
+    };
+};
+export default HeaderSliderBlockConfig;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const HeaderSlider_1 = tslib_1.__importDefault(require("./HeaderSlider"));
+const schema_1 = require("./schema");
+const HeaderSliderBlockConfig = {
+    component: HeaderSlider_1.default,
+    schema: {
+        name: 'Header Slider Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.HeaderSliderBlock['header-slider-block']),
+        default: {
+            type: 'header-slider-block',
+            items: [
+                {
+                    title: 'Header Slide 1',
+                    overtitle: 'Header Slider Block presents',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                },
+                {
+                    image: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/header-bg-video_light.png',
+                    mediaView: 'fit',
+                    title: 'Header Slide 2',
+                    overtitle: 'Header Slider Block presents',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                    width: 'm',
+                    buttons: [
+                        {
+                            text: 'Button',
+                            theme: 'action',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+exports.default = HeaderSliderBlockConfig;

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

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components");
 const locationContext_1 = require("../../context/locationContext");
+const grid_1 = require("../../grid");
 const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('icons-block');
@@ -17,11 +18,13 @@ const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
     return (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.map((item) => {
-            const itemContent = getItemContent(item);
-            const { url, text } = item;
-            return url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, (0, utils_1.getLinkProps)(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: text }, itemContent));
-        })));
+        react_1.default.createElement(grid_1.Grid, null,
+            (title || description) && (react_1.default.createElement(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
+            items &&
+                items.map((item) => {
+                    const itemContent = getItemContent(item);
+                    const { url, text } = item;
+                    return url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, (0, utils_1.getLinkProps)(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: text }, itemContent));
+                }))));
 };
 exports.default = Icons;

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

@@ -0,0 +1,13 @@
+declare const IconsBlockConfig: {
+    component: ({ title, description, size, colSizes, items }: import("../..").IconsBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            type: string;
+            title: string;
+            description: string;
+        };
+    };
+};
+export default IconsBlockConfig;

package/build/cjs/blocks/Icons/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 Icons_1 = tslib_1.__importDefault(require("./Icons"));
+const schema_1 = require("./schema");
+const IconsBlockConfig = {
+    component: Icons_1.default,
+    schema: {
+        name: 'Icons 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.',
+        },
+    },
+};
+exports.default = IconsBlockConfig;

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

@@ -0,0 +1,21 @@
+declare const InfoBlockConfig: {
+    component: (props: import("../..").InfoBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            type: string;
+            title: string;
+            backgroundColor: string;
+            sectionsTitle: string;
+            links: {
+                text: string;
+            }[];
+            buttons: {
+                text: string;
+                theme: string;
+            }[];
+        };
+    };
+};
+export default InfoBlockConfig;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Info_1 = tslib_1.__importDefault(require("./Info"));
+const schema_1 = require("./schema");
+const InfoBlockConfig = {
+    component: Info_1.default,
+    schema: {
+        name: 'Info Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.InfoBlock['info-block']),
+        default: {
+            type: 'info-block',
+            title: 'Info Block',
+            backgroundColor: '#1c1c1c',
+            sectionsTitle: 'Other links',
+            links: [
+                {
+                    text: 'Link 1',
+                },
+                {
+                    text: 'Link 2',
+                },
+                {
+                    text: 'Link 3',
+                },
+            ],
+            buttons: [
+                {
+                    text: 'Read more',
+                    theme: 'outlined-contrast',
+                },
+                {
+                    text: 'Go back',
+                    theme: 'action',
+                },
+            ],
+        },
+    },
+};
+exports.default = InfoBlockConfig;

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

@@ -0,0 +1,11 @@
+declare const MapBlockConfig: {
+    component: ({ map, border, disableShadow, ...props }: import("../..").MapBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            title: string;
+        };
+    };
+};
+export default MapBlockConfig;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Map_1 = tslib_1.__importDefault(require("./Map"));
+const schema_1 = require("./schema");
+const MapBlockConfig = {
+    component: Map_1.default,
+    schema: {
+        name: 'Map Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.MapBlock['map-block']),
+        default: {
+            title: 'Map Block',
+        },
+    },
+};
+exports.default = MapBlockConfig;

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

@@ -0,0 +1,14 @@
+declare const MediaBlockConfig: {
+    component: (props: import("../..").MediaBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            type: string;
+            title: string;
+            additionalInfo: string;
+            description: string;
+        };
+    };
+};
+export default MediaBlockConfig;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Media_1 = tslib_1.__importDefault(require("./Media"));
+const schema_1 = require("./schema");
+const MediaBlockConfig = {
+    component: Media_1.default,
+    schema: {
+        name: 'Media Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.MediaBlock['media-block']),
+        default: {
+            type: 'media-block',
+            title: 'Media Block',
+            additionalInfo: 'Additional info',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = MediaBlockConfig;

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -9,6 +9,7 @@ const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"))
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
 const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
 const constants_1 = require("../../constants");
+const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('PromoFeaturesBlock');
 const breakpointColumns = {
@@ -19,21 +20,23 @@ const breakpointColumns = {
 const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
-    return (react_1.default.createElement(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated },
-        react_1.default.createElement(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }),
-        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header') }),
-        react_1.default.createElement(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
-            const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
-            const themeMod = cardTheme || blockModifier || '';
-            return (react_1.default.createElement("div", { key: index, className: b('card', {
-                    'no-media': !media,
-                    [themeMod]: Boolean(themeMod),
-                }) },
-                react_1.default.createElement("div", { className: b('card-info') },
-                    react_1.default.createElement("h3", { className: b('card-title') }, cardTitle),
-                    react_1.default.createElement("div", { className: b('card-text') },
-                        react_1.default.createElement(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }))),
-                media && react_1.default.createElement(Media_1.default, Object.assign({ className: b('card-media') }, media))));
-        }))));
+    return (react_1.default.createElement(grid_1.Grid, null,
+        react_1.default.createElement(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated },
+            react_1.default.createElement(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }),
+            react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header') }),
+            react_1.default.createElement(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items &&
+                items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
+                    const themeMod = cardTheme || blockModifier || '';
+                    return (react_1.default.createElement("div", { key: index, className: b('card', {
+                            'no-media': !media,
+                            [themeMod]: Boolean(themeMod),
+                        }) },
+                        react_1.default.createElement("div", { className: b('card-info') },
+                            react_1.default.createElement("h3", { className: b('card-title') }, cardTitle),
+                            react_1.default.createElement("div", { className: b('card-text') },
+                                react_1.default.createElement(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }))),
+                        media && react_1.default.createElement(Media_1.default, Object.assign({ className: b('card-media') }, media))));
+                })))));
 };
 exports.default = PromoFeaturesBlock;

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

@@ -0,0 +1,12 @@
+declare const PromoFeaturesBlockConfig: {
+    component: (props: import("../..").PromoFeaturesProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            title: string;
+            items: {}[];
+        };
+    };
+};
+export default PromoFeaturesBlockConfig;

package/build/cjs/blocks/PromoFeaturesBlock/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 PromoFeaturesBlock_1 = tslib_1.__importDefault(require("./PromoFeaturesBlock"));
+const schema_1 = require("./schema");
+const PromoFeaturesBlockConfig = {
+    component: PromoFeaturesBlock_1.default,
+    schema: {
+        name: 'Promo Features Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PromoFeaturesBlock['promo-features-block']),
+        default: {
+            title: 'Promo Features Block',
+            items: [{}],
+        },
+    },
+};
+exports.default = PromoFeaturesBlockConfig;

package/build/cjs/blocks/Questions/Questions.js

@@ -21,15 +21,17 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType },
-        react_1.default.createElement(grid_1.Row, null,
-            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 4 } },
-                react_1.default.createElement("div", { className: b('title') },
-                    react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
-            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                const isOpened = opened.includes(index);
-                const onClick = () => toggleItem(index);
-                return (react_1.default.createElement(QuestionBlockItem_1.QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
-            })))));
+    return (react_1.default.createElement(grid_1.Grid, null,
+        react_1.default.createElement("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType },
+            react_1.default.createElement(grid_1.Row, null,
+                react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 4 } },
+                    react_1.default.createElement("div", { className: b('title') },
+                        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
+                react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items &&
+                    items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                        const isOpened = opened.includes(index);
+                        const onClick = () => toggleItem(index);
+                        return (react_1.default.createElement(QuestionBlockItem_1.QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
+                    }))))));
 };
 exports.default = QuestionsBlock;

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

@@ -0,0 +1,29 @@
+declare const QuestionsBlockConfig: {
+    component: (props: import("../..").QuestionsProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            type: string;
+            title: string;
+            text: string;
+            links: {
+                text: string;
+                url: string;
+            }[];
+            buttons: {
+                text: string;
+                theme: string;
+            }[];
+            list: {
+                title: string;
+                text: string;
+            }[];
+            items: {
+                title: string;
+                text: string;
+            }[];
+        };
+    };
+};
+export default QuestionsBlockConfig;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Questions_1 = tslib_1.__importDefault(require("./Questions"));
+const schema_1 = require("./schema");
+const QuestionsBlockConfig = {
+    component: Questions_1.default,
+    schema: {
+        name: 'Questions Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.QuestionsBlock['questions-block']),
+        default: {
+            type: 'questions-block',
+            title: 'Questions Block',
+            text: 'Here you can find answers.',
+            links: [
+                {
+                    text: 'Report for 2024',
+                    url: 'file.doc',
+                },
+            ],
+            buttons: [
+                {
+                    text: 'Get more',
+                    theme: 'outlined-info',
+                },
+            ],
+            list: [
+                {
+                    title: 'Report for 2024',
+                    text: 'Some advice here',
+                },
+            ],
+            items: [
+                {
+                    title: 'Question 1',
+                    text: 'Answer for question 1',
+                },
+                {
+                    title: 'Question 2',
+                    text: 'Answer for question 2',
+                },
+            ],
+        },
+    },
+};
+exports.default = QuestionsBlockConfig;

package/build/cjs/blocks/Share/Share.js

@@ -27,15 +27,16 @@ const Share = ({ items, title }) => {
     const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     return (react_1.default.createElement("div", { className: b() },
         react_1.default.createElement("h5", { className: b('title') }, title || (0, i18n_1.i18n)('constructor-share')),
-        react_1.default.createElement("div", { className: b('items') }, items.map((type) => {
-            const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
-            const socialUrl = (0, utils_1.getShareLink)(url, type);
-            const icon = icons[type];
-            const urlTitle = (0, i18n_1.i18n)(`${type}-title`);
-            const buttonLabel = (0, i18n_1.i18n)(`${type}-label`);
-            return (react_1.default.createElement(uikit_1.Button, { key: type, view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
-                    'aria-label': buttonLabel,
-                } }, icon && react_1.default.createElement(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) })));
-        }))));
+        react_1.default.createElement("div", { className: b('items') }, items &&
+            items.map((type) => {
+                const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
+                const socialUrl = (0, utils_1.getShareLink)(url, type);
+                const icon = icons[type];
+                const urlTitle = (0, i18n_1.i18n)(`${type}-title`);
+                const buttonLabel = (0, i18n_1.i18n)(`${type}-label`);
+                return (react_1.default.createElement(uikit_1.Button, { key: type, view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
+                        'aria-label': buttonLabel,
+                    } }, icon && (react_1.default.createElement(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) }))));
+            }))));
 };
 exports.default = Share;

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

@@ -0,0 +1,12 @@
+declare const ShareBlockConfig: {
+    component: ({ items, title }: import("../..").ShareBlockProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+        default: {
+            items: string[];
+            title: string;
+        };
+    };
+};
+export default ShareBlockConfig;

package/build/cjs/blocks/Share/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 Share_1 = tslib_1.__importDefault(require("./Share"));
+const schema_1 = require("./schema");
+const ShareBlockConfig = {
+    component: Share_1.default,
+    schema: {
+        name: 'Share Block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ShareBlock['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+exports.default = ShareBlockConfig;

package/build/cjs/blocks/Slider/Slider.js

@@ -11,10 +11,13 @@ const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick"));
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+const ChildrenWrap_1 = tslib_1.__importDefault(require("../../components/editor/ChildrenWrap/ChildrenWrap"));
+const ItemWrap_1 = tslib_1.__importDefault(require("../../components/editor/ItemWrap/ItemWrap"));
 const constants_1 = require("../../constants");
 const mobileContext_1 = require("../../context/mobileContext");
 const ssrContext_1 = require("../../context/ssrContext");
 const StylesContext_1 = require("../../context/stylesContext/StylesContext");
+const grid_1 = require("../../grid");
 const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus"));
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
@@ -32,11 +35,11 @@ const SliderBlock = (props) => {
     const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.xl);
     const disclosedChildren = (0, react_1.useMemo)(() => discloseAllNestedChildren(children), [children]);
     const childrenCount = disclosedChildren.length;
-    const [slidesToShow] = (0, react_1.useState)((0, utils_2.getSlidesToShowWithDefaults)({
+    const slidesToShow = (0, react_1.useMemo)(() => (0, utils_2.getSlidesToShowWithDefaults)({
         contentLength: childrenCount,
         breakpoints: props.slidesToShow,
         mobileFullscreen: Boolean(props.type && Object.values(models_1.SliderType).includes(props.type)),
-    }));
+    }), [childrenCount, props.slidesToShow, props.type]);
     const slidesToShowCount = (0, utils_2.getSlidesToShowCount)(slidesToShow);
     const slidesCountByBreakpoint = (0, utils_2.getSlidesCountByBreakpoint)(breakpoint, slidesToShow);
     const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
@@ -204,23 +207,25 @@ const SliderBlock = (props) => {
             prevArrow: react_1.default.createElement(Arrow_1.default, { type: "left", handleClick: handleArrowClick, size: arrowSize }),
             lazyLoad,
         };
-        return (react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default },
-            react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), disclosedChildren),
-            react_1.default.createElement("div", { className: b('footer') },
-                renderDisclaimer(),
-                renderNavigation())));
+        return (react_1.default.createElement(ChildrenWrap_1.default, null,
+            react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default },
+                react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), react_1.default.Children.map(disclosedChildren, (child, index) => (react_1.default.createElement(ItemWrap_1.default, { index: index }, child)))),
+                react_1.default.createElement("div", { className: b('footer') },
+                    renderDisclaimer(),
+                    renderNavigation()))));
     };
     return (react_1.default.createElement(StylesContext_1.StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }) },
-        react_1.default.createElement("div", { className: b({
-                'align-left': childrenCount < slidesCountByBreakpoint,
-                'one-slide': childrenCount === 1,
-                'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
-                mobile: isMobile,
-                type,
-            }, blockClassName) },
-            anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
-            react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
-            react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, renderSlider()))));
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement("div", { className: b({
+                    'align-left': childrenCount < slidesCountByBreakpoint,
+                    'one-slide': childrenCount === 1,
+                    'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
+                    mobile: isMobile,
+                    type,
+                }, blockClassName) },
+                anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
+                react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
+                react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, renderSlider())))));
 };
 exports.SliderBlock = SliderBlock;
 // TODO remove this and rework PriceDetailed CLOUDFRONT-12230