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

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -7,6 +7,7 @@ import Title from "../../components/Title/Title.js";
 import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
 import { BREAKPOINTS } from "../../constants.js";
 import { useTheme } from "../../context/theme/index.js";
+import { Grid } from "../../grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import { mergeVideoMicrodata } from "../../utils/microdata.js";
 import './PromoFeaturesBlock.css';
@@ -20,19 +21,20 @@ const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
     const globalTheme = useTheme();
-    return (_jsxs(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated, children: [_jsx(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }), _jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx(BalancedMasonry, { 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 = getThemedValue(media, globalTheme);
-                    const allProps = mergeVideoMicrodata(themedMedia, {
-                        name: cardTitle,
-                        description: text,
-                    });
-                    return (_jsxs("div", { className: b('card', {
-                            'no-media': !media,
-                            [themeMod]: Boolean(themeMod),
-                        }), children: [_jsxs("div", { className: b('card-info'), children: [_jsx("h3", { className: b('card-title'), children: cardTitle }), _jsx("div", { className: b('card-text'), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true } }) })] }), media && _jsx(Media, { className: b('card-media'), ...allProps })] }, index));
-                }) })] }));
+    return (_jsx(Grid, { children: _jsxs(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated, children: [_jsx(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }), _jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx(BalancedMasonry, { 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 = getThemedValue(media, globalTheme);
+                            const allProps = mergeVideoMicrodata(themedMedia, {
+                                name: cardTitle,
+                                description: text,
+                            });
+                            return (_jsxs("div", { className: b('card', {
+                                    'no-media': !media,
+                                    [themeMod]: Boolean(themeMod),
+                                }), children: [_jsxs("div", { className: b('card-info'), children: [_jsx("h3", { className: b('card-title'), children: cardTitle }), _jsx("div", { className: b('card-text'), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true } }) })] }), media && _jsx(Media, { className: b('card-media'), ...allProps })] }, index));
+                        }) })] }) }));
 };
 export default PromoFeaturesBlock;
 //# sourceMappingURL=PromoFeaturesBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromoFeaturesBlock.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/PromoFeaturesBlock.tsx"],"names":[],"mappings":"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","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":"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","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/esm/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/esm/blocks/PromoFeaturesBlock/index.js

@@ -0,0 +1,46 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import PromoFeaturesBlock from "./PromoFeaturesBlock.js";
+import { PromoFeaturesBlock as PromoFeaturesBlockSchema } from "./schema.js";
+const PromoFeaturesBlockConfig = {
+    component: PromoFeaturesBlock,
+    schema: {
+        name: 'Promo Features Block',
+        group: 'block',
+        inputs: generateFromAJV(PromoFeaturesBlockSchema['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',
+                },
+            ],
+        },
+    },
+};
+export default PromoFeaturesBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/PromoFeaturesBlock/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,kBAAkB,gCAA6B;AACtD,OAAO,EAAC,kBAAkB,IAAI,wBAAwB,EAAC,oBAAiB;AAExE,MAAM,wBAAwB,GAAG;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE;QACJ,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CACnB,wBAAwB,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,eAAe,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/esm/blocks/Questions/Questions.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Col, Row } from "../../grid/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
 import { Content } from "../../sub-blocks/index.js";
 import { block } from "../../utils/index.js";
 import { QuestionBlockItem } from "./QuestionBlockItem/QuestionBlockItem.js";
@@ -20,11 +20,12 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return (_jsx("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(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 (_jsx(QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
-                    }) })] }) }));
+    return (_jsx(Grid, { children: _jsx("div", { className: b(), itemScope: true, itemType: FaqMicrodataValues.PageType, itemID: FaqMicrodataValues.PageId, children: _jsxs(Row, { children: [_jsx(Col, { sizes: { all: 12, md: 4 }, children: _jsx("div", { className: b('title'), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), _jsx(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 (_jsx(QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
+                            }) })] }) }) }));
 };
 export default QuestionsBlock;
 //# sourceMappingURL=Questions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Questions.js","sourceRoot":"../../../../src","sources":["blocks/Questions/Questions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,4BAAmB;AAEpC,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,iBAAiB,EAAC,iDAA8C;AACxE,OAAO,EAAC,kBAAkB,EAAC,oBAAiB;AAE5C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,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,cACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,kBAAkB,CAAC,MAAM,YAEjC,MAAC,GAAG,eACA,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,OAAO,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,KAAC,GAAG,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,KAAC,iBAAiB,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,eAAe,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,4BAAmB;AAE1C,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,iBAAiB,EAAC,iDAA8C;AACxE,OAAO,EAAC,kBAAkB,EAAC,oBAAiB;AAE5C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,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,KAAC,IAAI,cACD,cACI,SAAS,EAAE,CAAC,EAAE,EACd,SAAS,QACT,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EACrC,MAAM,EAAE,kBAAkB,CAAC,MAAM,YAEjC,MAAC,GAAG,eACA,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,YACxB,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,OAAO,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,KAAC,GAAG,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,KAAC,iBAAiB,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,eAAe,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/esm/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/esm/blocks/Questions/index.js

@@ -0,0 +1,46 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import QuestionsBlock from "./Questions.js";
+import { QuestionsBlock as QuestionsBlockSchema } from "./schema.js";
+const QuestionsBlockConfig = {
+    component: QuestionsBlock,
+    schema: {
+        name: 'Questions Block',
+        group: 'block',
+        inputs: generateFromAJV(QuestionsBlockSchema['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',
+                },
+            ],
+        },
+    },
+};
+export default QuestionsBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Questions/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,cAAc,uBAAoB;AACzC,OAAO,EAAC,cAAc,IAAI,oBAAoB,EAAC,oBAAiB;AAEhE,MAAM,oBAAoB,GAAG;IACzB,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE;QACJ,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CACnB,oBAAoB,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,eAAe,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/esm/blocks/Share/Share.js

@@ -24,16 +24,17 @@ const Share = ({ items, title }) => {
     const { pathname, hostname } = React.useContext(LocationContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return (_jsxs("div", { className: b(), children: [_jsx("h5", { className: b('title'), children: title || i18n('constructor-share') }), _jsx("div", { className: b('items'), children: items.map((type) => {
-                    const url = getAbsolutePath(hostname, pathname);
-                    const socialUrl = getShareLink(url, type);
-                    const icon = icons[type];
-                    const urlTitle = i18n(`${type}-title`);
-                    const buttonLabel = i18n(`${type}-label`);
-                    return (_jsx(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 && _jsx(Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
-                }) })] }));
+    return (_jsxs("div", { className: b(), children: [_jsx("h5", { className: b('title'), children: title || i18n('constructor-share') }), _jsx("div", { className: b('items'), children: items &&
+                    items.map((type) => {
+                        const url = getAbsolutePath(hostname, pathname);
+                        const socialUrl = getShareLink(url, type);
+                        const icon = icons[type];
+                        const urlTitle = i18n(`${type}-title`);
+                        const buttonLabel = i18n(`${type}-label`);
+                        return (_jsx(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 && (_jsx(Icon, { data: icon, size: 24, className: b('icon', { type }) })) }, type));
+                    }) })] }));
 };
 export default Share;
 //# sourceMappingURL=Share.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,OAAO,EAAC,+BAA4B;AAC5C,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,EAAC,iBAAiB,EAAkB,8BAAqB;AAChE,OAAO,EAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAC,6BAAoB;AAEjE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,aAAa,CAAC;AAMrB,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;IAClB,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,KAAK,CAAC,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,eAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,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,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,GAAM,EACpE,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,KAAC,MAAM,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,KAAC,IAAI,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,eAAe,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,OAAO,EAAC,+BAA4B;AAC5C,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,EAAC,iBAAiB,EAAkB,8BAAqB;AAChE,OAAO,EAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAC,6BAAoB;AAEjE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,aAAa,CAAC;AAMrB,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;IAClB,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,KAAK,CAAC,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,eAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,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,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,GAAM,EACpE,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK;oBACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACf,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAChD,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;wBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;wBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBACvC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBAE1C,OAAO,CACH,KAAC,MAAM,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,KAAC,IAAI,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,eAAe,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/esm/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/esm/blocks/Share/index.js

@@ -0,0 +1,17 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import ShareBlock from "./Share.js";
+import { ShareBlock as ShareBlockSchema } from "./schema.js";
+const ShareBlockConfig = {
+    component: ShareBlock,
+    schema: {
+        name: 'Share Block',
+        group: 'block',
+        inputs: generateFromAJV(ShareBlockSchema['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+export default ShareBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Share/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,UAAU,mBAAgB;AACjC,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,oBAAiB;AAExD,MAAM,gBAAgB,GAAG;IACrB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CAAC,gBAAgB,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,eAAe,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/esm/blocks/Slider/Slider.js

@@ -9,10 +9,12 @@ import Anchor from "../../components/Anchor/Anchor.js";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
 import OutsideClick from "../../components/OutsideClick/OutsideClick.js";
 import Title from "../../components/Title/Title.js";
+import ItemWrap from "../../components/editor/ItemWrap/ItemWrap.js";
 import { BREAKPOINTS } from "../../constants.js";
 import { MobileContext } from "../../context/mobileContext/index.js";
 import { SSRContext } from "../../context/ssrContext/index.js";
 import { StylesContext } from "../../context/stylesContext/StylesContext.js";
+import { Grid } from "../../grid/index.js";
 import useFocus from "../../hooks/useFocus.js";
 import { SliderType, } from "../../models/index.js";
 import { block } from "../../utils/index.js";
@@ -34,11 +36,11 @@ export const SliderBlock = (props) => {
     const childrenCount = disclosedChildren.length;
     const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;
     const isUserInteractionRef = React.useRef(false);
-    const [slidesToShow] = React.useState(getSlidesToShowWithDefaults({
+    const slidesToShow = React.useMemo(() => getSlidesToShowWithDefaults({
         contentLength: childrenCount,
         breakpoints: props.slidesToShow,
         mobileFullscreen: Boolean(props.type && Object.values(SliderType).includes(props.type)),
-    }));
+    }), [childrenCount, props.slidesToShow, props.type]);
     const slidesToShowCount = getSlidesToShowCount(slidesToShow);
     const slidesCountByBreakpoint = getSlidesCountByBreakpoint(breakpoint, slidesToShow);
     const [currentIndex, setCurrentIndex] = React.useState(0);
@@ -242,15 +244,15 @@ export const SliderBlock = (props) => {
             lazyLoad,
             accessibility: false,
         };
-        return (_jsxs(OutsideClick, { onOutsideClick: isMobile ? unsetFocus : noop, children: [_jsx(SlickSlider, { ...settings, children: disclosedChildren }), _jsxs("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
+        return (_jsxs(OutsideClick, { onOutsideClick: isMobile ? unsetFocus : noop, children: [_jsx(SlickSlider, { ...settings, children: React.Children.map(disclosedChildren, (child, index) => (_jsx(ItemWrap, { index: index, children: child }))) }), _jsxs("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
     };
-    return (_jsx(StylesContext.Provider, { value: { ...childStyles, setStyles: setChildStyles }, children: _jsxs("div", { className: b({
-                'align-left': childrenCount < slidesCountByBreakpoint,
-                'one-slide': childrenCount === 1,
-                'only-arrows': !title?.text && !description && arrows,
-                mobile: isMobile,
-                type,
-            }, blockClassName), children: [anchorId && _jsx(Anchor, { id: anchorId }), _jsx(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), _jsx(AnimateBlock, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }));
+    return (_jsx(StylesContext.Provider, { value: { ...childStyles, setStyles: setChildStyles }, children: _jsx(Grid, { children: _jsxs("div", { className: b({
+                    'align-left': childrenCount < slidesCountByBreakpoint,
+                    'one-slide': childrenCount === 1,
+                    'only-arrows': !title?.text && !description && arrows,
+                    mobile: isMobile,
+                    type,
+                }, blockClassName), children: [anchorId && _jsx(Anchor, { id: anchorId }), _jsx(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), _jsx(AnimateBlock, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }) }));
 };
 function getSlideId(sliderId, index) {
     return `slider-${sliderId}-child-${index}`;