@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.5.0

package/build/cjs/blocks/FoldableList/schema.d.ts

@@ -0,0 +1,140 @@
+export declare const FoldableListBlock: {
+    'foldable-list-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/FoldableList/schema.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FoldableListBlock = void 0;
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
+const common_1 = require("../../schema/validators/common.js");
+const utils_1 = require("../../schema/validators/utils.js");
+const schema_1 = require("../../sub-blocks/Content/schema.js");
+const FoldableListBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
+exports.FoldableListBlock = {
+    'foldable-list-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: {
+            ...common_1.BlockBaseProps,
+            ...FoldableListBlockContentProps,
+            items: (0, utils_1.filteredArray)({
+                type: 'object',
+                required: ['title', 'text'],
+                properties: {
+                    title: {
+                        type: 'string',
+                        contentType: 'text',
+                    },
+                    text: {
+                        type: 'string',
+                        contentType: 'yfm',
+                    },
+                    link: common_1.LinkProps,
+                    listStyle: {
+                        type: 'string',
+                        enum: ['dash', 'disk'],
+                    },
+                },
+            }),
+        },
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/FoldableList/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FoldableList/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAyE;AACzE,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,6BAA6B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,QAAA,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,6BAA6B;YAChC,KAAK,EAAE,IAAA,qBAAa,EAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,kBAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst FoldableListBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const FoldableListBlock = {\n    'foldable-list-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...FoldableListBlockContentProps,\n            items: filteredArray({\n                type: 'object',\n                required: ['title', 'text'],\n                properties: {\n                    title: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                    text: {\n                        type: 'string',\n                        contentType: 'yfm',\n                    },\n                    link: LinkProps,\n                    listStyle: {\n                        type: 'string',\n                        enum: ['dash', 'disk'],\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

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

@@ -13,8 +13,7 @@ const b = (0, utils_1.block)('header-slider-block');
 const HeaderSliderBlock = ({ items, arrows, ...props }) => {
     const isMobile = React.useContext(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(index_1.SliderBlock, { ...props, arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items &&
-                items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, { ...item, className: b('item-content') }) }, index))) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(index_1.SliderBlock, { ...props, arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, { ...item, className: b('item-content') }) }, index))) }) }));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;
 exports.default = exports.HeaderSliderBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AACtC,uCAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,mBAAW,OACJ,KAAK,EACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,YAEZ,KAAK;gBACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,GACI,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\nimport {SliderBlock} from '../index';\n\nimport './HeaderSlider.scss';\n\nconst b = block('header-slider-block');\n\nexport const HeaderSliderBlock = ({items, arrows, ...props}: HeaderSliderBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const showArrows = isMobile ? false : arrows;\n\n    return (\n        <div className={b('wrapper')} data-qa=\"header-slider\">\n            <SliderBlock\n                {...props}\n                arrows={showArrows}\n                slidesToShow={1}\n                type={SliderType.HeaderCard}\n                animated={false}\n                blockClassName={b()}\n                arrowSize={20}\n            >\n                {items &&\n                    items.map((item, index) => (\n                        <div\n                            key={index}\n                            className={b('item')}\n                            data-qa={`header-slider-item-${index + 1}`}\n                        >\n                            <Header {...item} className={b('item-content')} />\n                        </div>\n                    ))}\n            </SliderBlock>\n        </div>\n    );\n};\n\nexport default HeaderSliderBlock;\n"]}
+{"version":3,"file":"HeaderSlider.js","sourceRoot":"../../../../src","sources":["blocks/HeaderSlider/HeaderSlider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAC1D,kDAAgE;AAChE,gDAAkC;AAClC,yEAAsC;AACtC,uCAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,qBAAqB,CAAC,CAAC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAU,eAAe,YACjD,uBAAC,mBAAW,OACJ,KAAK,EACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,mBAAU,CAAC,UAAU,EAC3B,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,CAAC,EAAE,EACnB,SAAS,EAAE,EAAE,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,gCAEI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACX,sBAAsB,KAAK,GAAG,CAAC,EAAE,YAE1C,uBAAC,gBAAM,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI,IAJ7C,KAAK,CAKR,CACT,CAAC,GACQ,GACZ,CACT,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {HeaderSliderBlockProps, SliderType} from '../../models';\nimport {block} from '../../utils';\nimport Header from '../Header/Header';\nimport {SliderBlock} from '../index';\n\nimport './HeaderSlider.scss';\n\nconst b = block('header-slider-block');\n\nexport const HeaderSliderBlock = ({items, arrows, ...props}: HeaderSliderBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const showArrows = isMobile ? false : arrows;\n\n    return (\n        <div className={b('wrapper')} data-qa=\"header-slider\">\n            <SliderBlock\n                {...props}\n                arrows={showArrows}\n                slidesToShow={1}\n                type={SliderType.HeaderCard}\n                animated={false}\n                blockClassName={b()}\n                arrowSize={20}\n            >\n                {items.map((item, index) => (\n                    <div\n                        key={index}\n                        className={b('item')}\n                        data-qa={`header-slider-item-${index + 1}`}\n                    >\n                        <Header {...item} className={b('item-content')} />\n                    </div>\n                ))}\n            </SliderBlock>\n        </div>\n    );\n};\n\nexport default HeaderSliderBlock;\n"]}

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

@@ -6,7 +6,6 @@ const React = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components/index.js");
 const locationContext_1 = require("../../context/locationContext/index.js");
 const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
 const hooks_1 = require("../../hooks/index.js");
 const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('icons-block');
@@ -18,13 +17,12 @@ const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }
     const onClick = React.useCallback(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({ size }), children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items &&
-                    items.map((item) => {
-                        const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
-                        const itemContent = getItemContent({ ...item, src: themedSrc });
-                        const { url, text } = item;
-                        return url ? ((0, jsx_runtime_1.jsx)("a", { className: b('item'), href: url, "aria-label": text, title: text, ...(0, utils_1.getLinkProps)(url, hostname), onClick: () => onClick(item), children: itemContent }, url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
-                    })] }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size }), children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })), items.map((item) => {
+                const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
+                const itemContent = getItemContent({ ...item, src: themedSrc });
+                const { url, text } = item;
+                return url ? ((0, jsx_runtime_1.jsx)("a", { className: b('item'), href: url, "aria-label": text, title: text, ...(0, utils_1.getLinkProps)(url, hostname), onClick: () => onClick(item), children: itemContent }, url)) : ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: itemContent }, text));
+            })] }));
 };
 exports.default = Icons;
 //# sourceMappingURL=Icons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,8CAAgC;AAChC,gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAK,IAC3B,CACpB,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,EAAC,eAAe,EAAE,GAAG,EAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,eAAe,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,uBAAC,WAAI,cACD,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,EACA,KAAK;oBACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACf,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;wBAClD,MAAM,WAAW,GAAG,cAAc,CAAC,EAAC,GAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,CAAC;wBAC9D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;wBACzB,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,8BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,KACP,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,IAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;oBACN,CAAC,CAAC,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image, Title} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {useAnalytics} from '../../hooks';\nimport {IconsBlockItemProps, IconsBlockProps} from '../../models';\nimport {block, getLinkProps, getThemedValue} from '../../utils';\n\nimport './Icons.scss';\n\nconst b = block('icons-block');\n\nconst getItemContent = (item: IconsBlockProps['items'][number] & {src: string}) => (\n    <React.Fragment>\n        <Image className={b('image')} src={item.src} />\n        <p className={b('text')}>{item.text}</p>\n    </React.Fragment>\n);\n\nconst Icons = ({title, description, size = 's', colSizes = {all: 12}, items}: IconsBlockProps) => {\n    const {hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics();\n    const theme = useTheme();\n\n    const onClick = React.useCallback(\n        ({analyticsEvents, url}: IconsBlockItemProps) => {\n            handleAnalytics(analyticsEvents, {url});\n        },\n        [handleAnalytics],\n    );\n\n    return (\n        <Grid>\n            <div className={b({size})}>\n                {(title || description) && (\n                    <Title\n                        className={b('header')}\n                        title={title}\n                        subtitle={description}\n                        colSizes={colSizes}\n                    />\n                )}\n                {items &&\n                    items.map((item) => {\n                        const themedSrc = getThemedValue(item.src, theme);\n                        const itemContent = getItemContent({...item, src: themedSrc});\n                        const {url, text} = item;\n                        return url ? (\n                            <a\n                                className={b('item')}\n                                key={url}\n                                href={url}\n                                aria-label={text}\n                                title={text}\n                                {...getLinkProps(url, hostname)}\n                                onClick={() => onClick(item)}\n                            >\n                                {itemContent}\n                            </a>\n                        ) : (\n                            <div className={b('item')} key={text}>\n                                {itemContent}\n                            </div>\n                        );\n                    })}\n            </div>\n        </Grid>\n    );\n};\n\nexport default Icons;\n"]}
+{"version":3,"file":"Icons.js","sourceRoot":"../../../../src","sources":["blocks/Icons/Icons.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAA8C;AAC9C,4EAA8D;AAC9D,wDAA6C;AAC7C,gDAAyC;AAEzC,gDAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,IAAsD,EAAE,EAAE,CAAC,CAC/E,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,EAC/C,8BAAG,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAK,IAC3B,CACpB,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,oBAAY,GAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,EAAC,eAAe,EAAE,GAAG,EAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,eAAe,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,aACpB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAClD,MAAM,WAAW,GAAG,cAAc,CAAC,EAAC,GAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,CAAC;gBAC9D,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;gBACzB,OAAO,GAAG,CAAC,CAAC,CAAC,CACT,8BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAEpB,IAAI,EAAE,GAAG,gBACG,IAAI,EAChB,KAAK,EAAE,IAAI,KACP,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,IAPP,GAAG,CAQR,CACP,CAAC,CAAC,CAAC,CACA,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,WAAW,IADgB,IAAI,CAE9B,CACT,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image, Title} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {IconsBlockItemProps, IconsBlockProps} from '../../models';\nimport {block, getLinkProps, getThemedValue} from '../../utils';\n\nimport './Icons.scss';\n\nconst b = block('icons-block');\n\nconst getItemContent = (item: IconsBlockProps['items'][number] & {src: string}) => (\n    <React.Fragment>\n        <Image className={b('image')} src={item.src} />\n        <p className={b('text')}>{item.text}</p>\n    </React.Fragment>\n);\n\nconst Icons = ({title, description, size = 's', colSizes = {all: 12}, items}: IconsBlockProps) => {\n    const {hostname} = React.useContext(LocationContext);\n    const handleAnalytics = useAnalytics();\n    const theme = useTheme();\n\n    const onClick = React.useCallback(\n        ({analyticsEvents, url}: IconsBlockItemProps) => {\n            handleAnalytics(analyticsEvents, {url});\n        },\n        [handleAnalytics],\n    );\n\n    return (\n        <div className={b({size})}>\n            {(title || description) && (\n                <Title\n                    className={b('header')}\n                    title={title}\n                    subtitle={description}\n                    colSizes={colSizes}\n                />\n            )}\n            {items.map((item) => {\n                const themedSrc = getThemedValue(item.src, theme);\n                const itemContent = getItemContent({...item, src: themedSrc});\n                const {url, text} = item;\n                return url ? (\n                    <a\n                        className={b('item')}\n                        key={url}\n                        href={url}\n                        aria-label={text}\n                        title={text}\n                        {...getLinkProps(url, hostname)}\n                        onClick={() => onClick(item)}\n                    >\n                        {itemContent}\n                    </a>\n                ) : (\n                    <div className={b('item')} key={text}>\n                        {itemContent}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default Icons;\n"]}

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

@@ -10,7 +10,6 @@ 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');
@@ -23,20 +22,19 @@ 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.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));
-                        }) })] }) }));
+    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));
+                }) })] }));
 };
 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;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"]}
+{"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"]}

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

@@ -22,12 +22,11 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    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));
-                            }) })] }) }) }));
+    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));
+                    }) })] }) }));
 };
 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,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"]}
+{"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"]}

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

@@ -26,17 +26,16 @@ 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 &&
-                    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.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;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"]}
+{"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"]}

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

@@ -13,12 +13,10 @@ 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");
@@ -39,11 +37,11 @@ const SliderBlock = (props) => {
     const childrenCount = disclosedChildren.length;
     const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;
     const isUserInteractionRef = React.useRef(false);
-    const slidesToShow = React.useMemo(() => (0, utils_2.getSlidesToShowWithDefaults)({
+    const [slidesToShow] = React.useState((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);
@@ -247,15 +245,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: 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.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.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() })] }) }) }));
+    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() })] }) }));
 };
 exports.SliderBlock = SliderBlock;
 function getSlideId(sliderId, index) {