@gravity-ui/page-constructor 6.3.1 → 6.3.2-alpha.0

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

@@ -10,6 +10,7 @@ const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js
 const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
 const constants_1 = require("../../constants.js");
 const theme_1 = require("../../context/theme/index.js");
+const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const microdata_1 = require("../../utils/microdata.js");
 const b = (0, utils_1.block)('PromoFeaturesBlock');
@@ -22,19 +23,20 @@ const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
     const globalTheme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
-                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
-                    const themeMod = cardTheme || blockModifier || '';
-                    const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
-                    const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-                        name: cardTitle,
-                        description: text,
-                    });
-                    return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
-                            'no-media': !media,
-                            [themeMod]: Boolean(themeMod),
-                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('card-media'), ...allProps })] }, index));
-                }) })] }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items &&
+                        items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+                            const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
+                            const themeMod = cardTheme || blockModifier || '';
+                            const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
+                            const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
+                                name: cardTitle,
+                                description: text,
+                            });
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
+                                    'no-media': !media,
+                                    [themeMod]: Boolean(themeMod),
+                                }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, { className: b('card-media'), ...allProps })] }, index));
+                        }) })] }) }));
 };
 exports.default = PromoFeaturesBlock;
 //# sourceMappingURL=PromoFeaturesBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;AAE7C,gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;oBACpE,MAAM,aAAa,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC1E,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;oBAClD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBACvD,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;wBAC9C,IAAI,EAAE,SAAS;wBACf,WAAW,EAAE,IAAI;qBACpB,CAAC,CAAC;oBAEH,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;4BACjB,UAAU,EAAE,CAAC,KAAK;4BAClB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;yBAChC,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAC3D,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,KAAM,QAAQ,GAAI,KAZxD,KAAK,CAaR,CACT,CAAC;gBACN,CAAC,CAAC,GACY,IACP,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';\nimport FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {PromoFeaturesProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './PromoFeaturesBlock.scss';\n\nconst b = block('PromoFeaturesBlock');\n\nconst breakpointColumns = {\n    [BREAKPOINTS.lg]: 3,\n    [BREAKPOINTS.md]: 2,\n    [BREAKPOINTS.sm]: 1,\n};\n\nconst PromoFeaturesBlock = (props: PromoFeaturesProps) => {\n    const {items, title, description, theme, animated = true} = props;\n    const backgroundTheme = theme || 'default';\n    const globalTheme = useTheme();\n\n    return (\n        <AnimateBlock className={b({[backgroundTheme]: true})} animate={animated}>\n            <FullWidthBackground className={b('background', {[backgroundTheme]: true})} />\n            <Title title={title} subtitle={description} className={b('header')} />\n            <BalancedMasonry\n                breakpointCols={breakpointColumns}\n                className={b('card-container')}\n                columnClassName={b('card-container-column')}\n            >\n                {items.map(({title: cardTitle, text, media, theme: cardTheme}, index) => {\n                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';\n                    const themeMod = cardTheme || blockModifier || '';\n                    const themedMedia = getThemedValue(media, globalTheme);\n                    const allProps = mergeVideoMicrodata(themedMedia, {\n                        name: cardTitle,\n                        description: text,\n                    });\n\n                    return (\n                        <div\n                            key={index}\n                            className={b('card', {\n                                'no-media': !media,\n                                [themeMod]: Boolean(themeMod),\n                            })}\n                        >\n                            <div className={b('card-info')}>\n                                <h3 className={b('card-title')}>{cardTitle}</h3>\n                                <div className={b('card-text')}>\n                                    <YFMWrapper content={text} modifiers={{constructor: true}} />\n                                </div>\n                            </div>\n                            {media && <Media className={b('card-media')} {...allProps} />}\n                        </div>\n                    );\n                })}\n            </BalancedMasonry>\n        </AnimateBlock>\n    );\n};\n\nexport default PromoFeaturesBlock;\n"]}
+{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":";;;;AAAA,yGAAsE;AACtE,kHAA+E;AAC/E,8HAA2F;AAC3F,oFAAiD;AACjD,oFAAiD;AACjD,mGAAgE;AAChE,kDAA4C;AAC5C,wDAA6C;AAC7C,8CAAgC;AAEhC,gDAAkD;AAClD,wDAA0D;AAI1D,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG;IACtB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAClE,MAAM,eAAe,GAAG,KAAK,IAAI,SAAS,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE/B,OAAO,CACH,uBAAC,WAAI,cACD,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,aACpE,uBAAC,6BAAmB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,EAC9E,uBAAC,eAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EACtE,uBAAC,yBAAe,IACZ,cAAc,EAAE,iBAAiB,EACjC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,eAAe,EAAE,CAAC,CAAC,uBAAuB,CAAC,YAE1C,KAAK;wBACF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,KAAK,EAAE,EAAE;4BACnE,MAAM,aAAa,GACf,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;4BACxD,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,IAAI,EAAE,CAAC;4BAClD,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;4BACvD,MAAM,QAAQ,GAAG,IAAA,+BAAmB,EAAC,WAAW,EAAE;gCAC9C,IAAI,EAAE,SAAS;gCACf,WAAW,EAAE,IAAI;6BACpB,CAAC,CAAC;4BAEH,OAAO,CACH,iCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;oCACjB,UAAU,EAAE,CAAC,KAAK;oCAClB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;iCAChC,CAAC,aAEF,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,+BAAI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,SAAS,GAAM,EAChD,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,uBAAC,oBAAU,IACP,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAChC,GACA,IACJ,EACL,KAAK,IAAI,uBAAC,eAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,KAAM,QAAQ,GAAI,KAfxD,KAAK,CAgBR,CACT,CAAC;wBACN,CAAC,CAAC,GACQ,IACP,GACZ,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport BalancedMasonry from '../../components/BalancedMasonry/BalancedMasonry';\nimport FullWidthBackground from '../../components/FullWidthBackground/FullWidthBackground';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {PromoFeaturesProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport './PromoFeaturesBlock.scss';\n\nconst b = block('PromoFeaturesBlock');\n\nconst breakpointColumns = {\n    [BREAKPOINTS.lg]: 3,\n    [BREAKPOINTS.md]: 2,\n    [BREAKPOINTS.sm]: 1,\n};\n\nconst PromoFeaturesBlock = (props: PromoFeaturesProps) => {\n    const {items, title, description, theme, animated = true} = props;\n    const backgroundTheme = theme || 'default';\n    const globalTheme = useTheme();\n\n    return (\n        <Grid>\n            <AnimateBlock className={b({[backgroundTheme]: true})} animate={animated}>\n                <FullWidthBackground className={b('background', {[backgroundTheme]: true})} />\n                <Title title={title} subtitle={description} className={b('header')} />\n                <BalancedMasonry\n                    breakpointCols={breakpointColumns}\n                    className={b('card-container')}\n                    columnClassName={b('card-container-column')}\n                >\n                    {items &&\n                        items.map(({title: cardTitle, text, media, theme: cardTheme}, index) => {\n                            const blockModifier =\n                                backgroundTheme === 'default' ? 'default' : 'light';\n                            const themeMod = cardTheme || blockModifier || '';\n                            const themedMedia = getThemedValue(media, globalTheme);\n                            const allProps = mergeVideoMicrodata(themedMedia, {\n                                name: cardTitle,\n                                description: text,\n                            });\n\n                            return (\n                                <div\n                                    key={index}\n                                    className={b('card', {\n                                        'no-media': !media,\n                                        [themeMod]: Boolean(themeMod),\n                                    })}\n                                >\n                                    <div className={b('card-info')}>\n                                        <h3 className={b('card-title')}>{cardTitle}</h3>\n                                        <div className={b('card-text')}>\n                                            <YFMWrapper\n                                                content={text}\n                                                modifiers={{constructor: true}}\n                                            />\n                                        </div>\n                                    </div>\n                                    {media && <Media className={b('card-media')} {...allProps} />}\n                                </div>\n                            );\n                        })}\n                </BalancedMasonry>\n            </AnimateBlock>\n        </Grid>\n    );\n};\n\nexport default PromoFeaturesBlock;\n"]}

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

@@ -0,0 +1,22 @@
+declare const PromoFeaturesBlockConfig: {
+    component: (props: import("../../index.js").PromoFeaturesProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../../common/types/index.js").ConfigInput[];
+        default: {
+            title: string;
+            theme: string;
+            items: ({
+                title: string;
+                text: string;
+                theme?: undefined;
+            } | {
+                title: string;
+                text: string;
+                theme: string;
+            })[];
+        };
+    };
+};
+export default PromoFeaturesBlockConfig;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const PromoFeaturesBlock_1 = tslib_1.__importDefault(require("./PromoFeaturesBlock.js"));
+const schema_1 = require("./schema.js");
+const PromoFeaturesBlockConfig = {
+    component: PromoFeaturesBlock_1.default,
+    schema: {
+        name: 'Promo Features Block',
+        group: 'block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PromoFeaturesBlock['promo-features-block']),
+        default: {
+            title: 'Promo Features Block',
+            theme: 'default',
+            items: [
+                {
+                    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.',
+                },
+                {
+                    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.',
+                },
+                {
+                    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.',
+                },
+                {
+                    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.',
+                    theme: 'accent',
+                },
+                {
+                    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.',
+                    theme: 'accent-light',
+                },
+                {
+                    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.',
+                    theme: 'primary',
+                },
+            ],
+        },
+    },
+};
+exports.default = PromoFeaturesBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,yFAAsD;AACtD,wCAAwE;AAExE,MAAM,wBAAwB,GAAG;IAC7B,SAAS,EAAE,4BAAkB;IAC7B,MAAM,EAAE;QACJ,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EACnB,2BAAwB,CAAC,sBAAsB,CAAkC,CACpF;QACD,OAAO,EAAE;YACL,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;iBAC3U;gBACD;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;iBAC3U;gBACD;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;iBAC3U;gBACD;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;oBACxU,KAAK,EAAE,QAAQ;iBAClB;gBACD;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;oBACxU,KAAK,EAAE,cAAc;iBACxB;gBACD;oBACI,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,kUAAkU;oBACxU,KAAK,EAAE,SAAS;iBACnB;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport PromoFeaturesBlock from './PromoFeaturesBlock';\nimport {PromoFeaturesBlock as PromoFeaturesBlockSchema} from './schema';\n\nconst PromoFeaturesBlockConfig = {\n    component: PromoFeaturesBlock,\n    schema: {\n        name: 'Promo Features Block',\n        group: 'block',\n        inputs: generateFromAJV(\n            PromoFeaturesBlockSchema['promo-features-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Promo Features Block',\n            theme: 'default',\n            items: [\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                },\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                },\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                },\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                    theme: 'accent',\n                },\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                    theme: 'accent-light',\n                },\n                {\n                    title: 'Lorem ipsum dolor sit amet',\n                    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.',\n                    theme: 'primary',\n                },\n            ],\n        },\n    },\n};\n\nexport default PromoFeaturesBlockConfig;\n"]}

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

@@ -22,11 +22,12 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                        const isOpened = opened.includes(index);
-                        const onClick = () => toggleItem(index);
-                        return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
-                    }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items &&
+                            items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                                const isOpened = opened.includes(index);
+                                const onClick = () => toggleItem(index);
+                                return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                            }) })] }) }) }));
 };
 exports.default = QuestionsBlock;
 //# sourceMappingURL=Questions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Questions.js","sourceRoot":"../../../../src","sources":["blocks/Questions/Questions.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,8CAAoC;AAEpC,0DAAyC;AACzC,gDAAkC;AAElC,gFAAwE;AACxE,wCAA4C;AAI5C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,CAAC;QAEb,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,gCACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,2BAAkB,CAAC,MAAM,YAEjC,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,GACJ,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAAE,IAAI,EAAE,MAAM,YACrC,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,EAAC,EAAE,KAAK,EAAE,EAAE;wBACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;wBACxC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;wBAExC,OAAO,CACH,uBAAC,qCAAiB,IAEd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IANX,SAAS,CAOhB,CACL,CAAC;oBACN,CAAC,CACJ,GACC,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../grid';\nimport {QuestionsProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport {QuestionBlockItem} from './QuestionBlockItem/QuestionBlockItem';\nimport {FaqMicrodataValues} from './models';\n\nimport './Questions.scss';\n\nconst b = block('QuestionsBlock');\n\nconst QuestionsBlock = (props: QuestionsProps) => {\n    const {title, text, additionalInfo, links, buttons, items, list} = props;\n    const [opened, setOpened] = React.useState<number[]>([0]);\n\n    const toggleItem = (index: number) => {\n        let newState;\n\n        if (opened.includes(index)) {\n            newState = opened.filter((itemIndex: number) => itemIndex !== index);\n        } else {\n            newState = [...opened, index];\n        }\n\n        setOpened(newState);\n    };\n\n    return (\n        <div\n            className={b()}\n            itemScope\n            itemType={FaqMicrodataValues.PageType}\n            itemID={FaqMicrodataValues.PageId}\n        >\n            <Row>\n                <Col sizes={{all: 12, md: 4}}>\n                    <div className={b('title')}>\n                        <Content\n                            title={title}\n                            text={text}\n                            additionalInfo={additionalInfo}\n                            links={links}\n                            list={list}\n                            buttons={buttons}\n                            colSizes={{all: 12, md: 12}}\n                        />\n                    </div>\n                </Col>\n                <Col sizes={{all: 12, md: 8}} role={'list'}>\n                    {items.map(\n                        ({title: itemTitle, text: itemText, link, listStyle = 'dash'}, index) => {\n                            const isOpened = opened.includes(index);\n                            const onClick = () => toggleItem(index);\n\n                            return (\n                                <QuestionBlockItem\n                                    key={itemTitle}\n                                    title={itemTitle}\n                                    text={itemText}\n                                    link={link}\n                                    listStyle={listStyle}\n                                    isOpened={isOpened}\n                                    onClick={onClick}\n                                />\n                            );\n                        },\n                    )}\n                </Col>\n            </Row>\n        </div>\n    );\n};\n\nexport default QuestionsBlock;\n"]}
+{"version":3,"file":"Questions.js","sourceRoot":"../../../../src","sources":["blocks/Questions/Questions.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,8CAA0C;AAE1C,0DAAyC;AACzC,gDAAkC;AAElC,gFAAwE;AACxE,wCAA4C;AAI5C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,IAAI,QAAQ,CAAC;QAEb,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,WAAI,cACD,gCACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,2BAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,2BAAkB,CAAC,MAAM,YAEjC,wBAAC,UAAG,eACA,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAC7B,GACA,GACJ,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,EAAE,IAAI,EAAE,MAAM,YACrC,KAAK;4BACF,KAAK,CAAC,GAAG,CACL,CACI,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,EAAC,EAC5D,KAAK,EACP,EAAE;gCACA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gCACxC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gCAExC,OAAO,CACH,uBAAC,qCAAiB,IAEd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IANX,SAAS,CAOhB,CACL,CAAC;4BACN,CAAC,CACJ,GACH,IACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Grid, Row} from '../../grid';\nimport {QuestionsProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport {QuestionBlockItem} from './QuestionBlockItem/QuestionBlockItem';\nimport {FaqMicrodataValues} from './models';\n\nimport './Questions.scss';\n\nconst b = block('QuestionsBlock');\n\nconst QuestionsBlock = (props: QuestionsProps) => {\n    const {title, text, additionalInfo, links, buttons, items, list} = props;\n    const [opened, setOpened] = React.useState<number[]>([0]);\n\n    const toggleItem = (index: number) => {\n        let newState;\n\n        if (opened.includes(index)) {\n            newState = opened.filter((itemIndex: number) => itemIndex !== index);\n        } else {\n            newState = [...opened, index];\n        }\n\n        setOpened(newState);\n    };\n\n    return (\n        <Grid>\n            <div\n                className={b()}\n                itemScope\n                itemType={FaqMicrodataValues.PageType}\n                itemID={FaqMicrodataValues.PageId}\n            >\n                <Row>\n                    <Col sizes={{all: 12, md: 4}}>\n                        <div className={b('title')}>\n                            <Content\n                                title={title}\n                                text={text}\n                                additionalInfo={additionalInfo}\n                                links={links}\n                                list={list}\n                                buttons={buttons}\n                                colSizes={{all: 12, md: 12}}\n                            />\n                        </div>\n                    </Col>\n                    <Col sizes={{all: 12, md: 8}} role={'list'}>\n                        {items &&\n                            items.map(\n                                (\n                                    {title: itemTitle, text: itemText, link, listStyle = 'dash'},\n                                    index,\n                                ) => {\n                                    const isOpened = opened.includes(index);\n                                    const onClick = () => toggleItem(index);\n\n                                    return (\n                                        <QuestionBlockItem\n                                            key={itemTitle}\n                                            title={itemTitle}\n                                            text={itemText}\n                                            link={link}\n                                            listStyle={listStyle}\n                                            isOpened={isOpened}\n                                            onClick={onClick}\n                                        />\n                                    );\n                                },\n                            )}\n                    </Col>\n                </Row>\n            </div>\n        </Grid>\n    );\n};\n\nexport default QuestionsBlock;\n"]}

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

@@ -0,0 +1,30 @@
+declare const QuestionsBlockConfig: {
+    component: (props: import("../../index.js").QuestionsProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../../common/types/index.js").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,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Questions_1 = tslib_1.__importDefault(require("./Questions.js"));
+const schema_1 = require("./schema.js");
+const QuestionsBlockConfig = {
+    component: Questions_1.default,
+    schema: {
+        name: 'Questions Block',
+        group: '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;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Questions/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,uEAAyC;AACzC,wCAAgE;AAEhE,MAAM,oBAAoB,GAAG;IACzB,SAAS,EAAE,mBAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EACnB,uBAAoB,CAAC,iBAAiB,CAAkC,CAC3E;QACD,OAAO,EAAE;YACL,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,4BAA4B;YAClC,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,iBAAiB;oBACvB,GAAG,EAAE,UAAU;iBAClB;aACJ;YACD,OAAO,EAAE;gBACL;oBACI,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,eAAe;iBACzB;aACJ;YACD,IAAI,EAAE;gBACF;oBACI,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,kBAAkB;iBAC3B;aACJ;YACD,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,uBAAuB;iBAChC;gBACD;oBACI,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,uBAAuB;iBAChC;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,oBAAoB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport QuestionsBlock from './Questions';\nimport {QuestionsBlock as QuestionsBlockSchema} from './schema';\n\nconst QuestionsBlockConfig = {\n    component: QuestionsBlock,\n    schema: {\n        name: 'Questions Block',\n        group: 'block',\n        inputs: generateFromAJV(\n            QuestionsBlockSchema['questions-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            type: 'questions-block',\n            title: 'Questions Block',\n            text: 'Here you can find answers.',\n            links: [\n                {\n                    text: 'Report for 2024',\n                    url: 'file.doc',\n                },\n            ],\n            buttons: [\n                {\n                    text: 'Get more',\n                    theme: 'outlined-info',\n                },\n            ],\n            list: [\n                {\n                    title: 'Report for 2024',\n                    text: 'Some advice here',\n                },\n            ],\n            items: [\n                {\n                    title: 'Question 1',\n                    text: 'Answer for question 1',\n                },\n                {\n                    title: 'Question 2',\n                    text: 'Answer for question 2',\n                },\n            ],\n        },\n    },\n};\n\nexport default QuestionsBlockConfig;\n"]}

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

@@ -26,16 +26,17 @@ const Share = ({ items, title }) => {
     const { pathname, hostname } = React.useContext(locationContext_1.LocationContext);
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title || (0, i18n_1.i18n)('constructor-share') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: 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 ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
-                            'aria-label': buttonLabel,
-                        }, children: icon && (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
-                }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title || (0, i18n_1.i18n)('constructor-share') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: 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 ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
+                                'aria-label': buttonLabel,
+                            }, children: icon && ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) })) }, type));
+                    }) })] }));
 };
 exports.default = Share;
 //# sourceMappingURL=Share.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,4EAA8D;AAC9D,gDAAyC;AACzC,sDAA8C;AAC9C,sDAA8C;AAC9C,sDAA8C;AAC9C,oDAA4C;AAC5C,0CAAkC;AAClC,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAEpE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAA,WAAI,EAAC,mBAAmB,CAAC,GAAM,EACpE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,IAEH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,EAChD,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE;4BACR,YAAY,EAAE,WAAW;yBAC5B,YAEA,IAAI,IAAI,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,IAZhE,IAAI,CAaJ,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>{title || i18n('constructor-share')}</h5>\n            <div className={b('items')}>\n                {items.map((type) => {\n                    const url = getAbsolutePath(hostname, pathname);\n                    const socialUrl = getShareLink(url, type);\n                    const icon = icons[type];\n                    const urlTitle = i18n(`${type}-title`);\n                    const buttonLabel = i18n(`${type}-label`);\n\n                    return (\n                        <Button\n                            key={type}\n                            view=\"flat\"\n                            size=\"l\"\n                            target=\"_blank\"\n                            href={socialUrl}\n                            className={b('item', {type: type.toLowerCase()})}\n                            onClick={handleButtonClick}\n                            title={urlTitle}\n                            extraProps={{\n                                'aria-label': buttonLabel,\n                            }}\n                        >\n                            {icon && <Icon data={icon} size={24} className={b('icon', {type})} />}\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}
+{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,4EAA8D;AAC9D,gDAAyC;AACzC,sDAA8C;AAC9C,sDAA8C;AAC9C,sDAA8C;AAC9C,oDAA4C;AAC5C,0CAAkC;AAClC,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAEpE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAA,WAAI,EAAC,mBAAmB,CAAC,GAAM,EACpE,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK;oBACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACf,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;wBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;wBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBAE1C,OAAO,CACH,uBAAC,cAAM,IAEH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,EAChD,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE;gCACR,YAAY,EAAE,WAAW;6BAC5B,YAEA,IAAI,IAAI,CACL,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,CAC/D,IAdI,IAAI,CAeJ,CACZ,CAAC;oBACN,CAAC,CAAC,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst icons: IconsProps = {\n    facebook: Facebook,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    vk: Vk,\n    telegram: Telegram,\n};\n\nconst b = block('share-block');\n\nconst Share = ({items, title}: ShareBlockProps) => {\n    const {pathname, hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n\n    return (\n        <div className={b()}>\n            <h5 className={b('title')}>{title || i18n('constructor-share')}</h5>\n            <div className={b('items')}>\n                {items &&\n                    items.map((type) => {\n                        const url = getAbsolutePath(hostname, pathname);\n                        const socialUrl = getShareLink(url, type);\n                        const icon = icons[type];\n                        const urlTitle = i18n(`${type}-title`);\n                        const buttonLabel = i18n(`${type}-label`);\n\n                        return (\n                            <Button\n                                key={type}\n                                view=\"flat\"\n                                size=\"l\"\n                                target=\"_blank\"\n                                href={socialUrl}\n                                className={b('item', {type: type.toLowerCase()})}\n                                onClick={handleButtonClick}\n                                title={urlTitle}\n                                extraProps={{\n                                    'aria-label': buttonLabel,\n                                }}\n                            >\n                                {icon && (\n                                    <Icon data={icon} size={24} className={b('icon', {type})} />\n                                )}\n                            </Button>\n                        );\n                    })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}

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

@@ -0,0 +1,13 @@
+declare const ShareBlockConfig: {
+    component: ({ items, title }: import("../../index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../../common/types/index.js").ConfigInput[];
+        default: {
+            items: string[];
+            title: string;
+        };
+    };
+};
+export default ShareBlockConfig;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Share/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,+DAAiC;AACjC,wCAAwD;AAExD,MAAM,gBAAgB,GAAG;IACrB,SAAS,EAAE,eAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,mBAAgB,CAAC,aAAa,CAAkC,CAAC;QACzF,OAAO,EAAE;YACL,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC;YACrC,KAAK,EAAE,aAAa;SACvB;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport ShareBlock from './Share';\nimport {ShareBlock as ShareBlockSchema} from './schema';\n\nconst ShareBlockConfig = {\n    component: ShareBlock,\n    schema: {\n        name: 'Share Block',\n        group: 'block',\n        inputs: generateFromAJV(ShareBlockSchema['share-block'] as unknown as JSONSchemaType<{}>),\n        default: {\n            items: ['vk', 'telegram', 'facebook'],\n            title: 'Share Block',\n        },\n    },\n};\n\nexport default ShareBlockConfig;\n"]}

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

@@ -13,10 +13,12 @@ const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
 const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick.js"));
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
+const ItemWrap_1 = tslib_1.__importDefault(require("../../components/editor/ItemWrap/ItemWrap.js"));
 const constants_1 = require("../../constants.js");
 const mobileContext_1 = require("../../context/mobileContext/index.js");
 const ssrContext_1 = require("../../context/ssrContext/index.js");
 const StylesContext_1 = require("../../context/stylesContext/StylesContext.js");
+const grid_1 = require("../../grid/index.js");
 const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus.js"));
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
@@ -37,11 +39,11 @@ const SliderBlock = (props) => {
     const childrenCount = disclosedChildren.length;
     const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;
     const isUserInteractionRef = React.useRef(false);
-    const [slidesToShow] = React.useState((0, utils_2.getSlidesToShowWithDefaults)({
+    const slidesToShow = React.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] = React.useState(0);
@@ -245,15 +247,15 @@ const SliderBlock = (props) => {
             lazyLoad,
             accessibility: false,
         };
-        return ((0, jsx_runtime_1.jsxs)(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default, children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: disclosedChildren }), (0, jsx_runtime_1.jsxs)("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
+        return ((0, jsx_runtime_1.jsxs)(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default, children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: React.Children.map(disclosedChildren, (child, index) => ((0, jsx_runtime_1.jsx)(ItemWrap_1.default, { index: index, children: child }))) }), (0, jsx_runtime_1.jsxs)("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
     };
-    return ((0, jsx_runtime_1.jsx)(StylesContext_1.StylesContext.Provider, { value: { ...childStyles, setStyles: setChildStyles }, children: (0, jsx_runtime_1.jsxs)("div", { className: b({
-                'align-left': childrenCount < slidesCountByBreakpoint,
-                'one-slide': childrenCount === 1,
-                'only-arrows': !title?.text && !description && arrows,
-                mobile: isMobile,
-                type,
-            }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }));
+    return ((0, jsx_runtime_1.jsx)(StylesContext_1.StylesContext.Provider, { value: { ...childStyles, setStyles: setChildStyles }, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({
+                    'align-left': childrenCount < slidesCountByBreakpoint,
+                    'one-slide': childrenCount === 1,
+                    'only-arrows': !title?.text && !description && arrows,
+                    mobile: isMobile,
+                    type,
+                }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }) }));
 };
 exports.SliderBlock = SliderBlock;
 function getSlideId(sliderId, index) {