@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

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

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-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 hooks_1 = require("../../hooks/index.js");
-const utils_1 = require("../../utils/index.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const locationContext_1 = require("../../context/locationContext");
+const theme_1 = require("../../context/theme");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('icons-block');
-const getItemContent = (item) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Image, { className: b('image'), src: item.src }), (0, jsx_runtime_1.jsx)("p", { className: b('text'), children: item.text })] }));
+const getItemContent = (item) => (react_1.default.createElement(react_1.Fragment, null,
+    react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
+    react_1.default.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, description, size = 's', colSizes = { all: 12 }, items }) => {
-    const { hostname } = React.useContext(locationContext_1.LocationContext);
+    const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const handleAnalytics = (0, hooks_1.useAnalytics)();
     const theme = (0, theme_1.useTheme)();
-    const onClick = React.useCallback(({ analyticsEvents, url }) => {
+    const onClick = (0, react_1.useCallback)(({ analyticsEvents, url }) => {
         handleAnalytics(analyticsEvents, { url });
     }, [handleAnalytics]);
-    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(Object.assign(Object.assign({}, item), { src: themedSrc }));
-                const { url, text } = item;
-                return url ? ((0, jsx_runtime_1.jsx)("a", Object.assign({ 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 (react_1.default.createElement("div", { className: b({ size }) },
+        (title || description) && (react_1.default.createElement(components_1.Title, { className: b('header'), title: title, subtitle: description, colSizes: colSizes })),
+        items.map((item) => {
+            const themedSrc = (0, utils_1.getThemedValue)(item.src, theme);
+            const itemContent = getItemContent(Object.assign(Object.assign({}, item), { src: themedSrc }));
+            const { url, text } = item;
+            return url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: url, href: url, "aria-label": text, title: text }, (0, utils_1.getLinkProps)(url, hostname), { onClick: () => onClick(item) }), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: text }, itemContent));
+        })));
 };
 exports.default = Icons;
-//# sourceMappingURL=Icons.js.map

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconsBlock = exports.IconsProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const event_1 = require("../../schema/validators/event.js");
+const common_1 = require("../../schema/validators/common");
+const event_1 = require("../../schema/validators/event");
 exports.IconsProps = {
     additionalProperties: false,
     required: ['size', 'items'],
@@ -50,4 +50,3 @@ exports.IconsProps = {
 exports.IconsBlock = {
     'icons-block': exports.IconsProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { InfoBlockProps } from "../../models/index.js";
-export declare const InfoBlock: (props: InfoBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { InfoBlockProps } from '../../models';
+export declare const InfoBlock: (props: InfoBlockProps) => JSX.Element;
 export default InfoBlock;

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const Content_1 = tslib_1.__importDefault(require("../../sub-blocks/Content/Content.js"));
-const utils_1 = require("../../utils/index.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const theme_1 = require("../../context/theme");
+const grid_1 = require("../../grid");
+const Content_1 = tslib_1.__importDefault(require("../../sub-blocks/Content/Content"));
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('info-block');
 const sizes = { md: 6, all: 12 };
 const InfoBlock = (props) => {
@@ -23,8 +23,14 @@ const InfoBlock = (props) => {
         className: b('content'),
         theme: contentTheme,
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)("div", { className: b('container'), style: { backgroundColor: (0, utils_1.getThemedValue)(backgroundColor, theme) }, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('left'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps)) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: sizes, className: b('right'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps)) })] }) }) }) }));
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement("div", { className: b('container'), style: { backgroundColor: (0, utils_1.getThemedValue)(backgroundColor, theme) } },
+            react_1.default.createElement(grid_1.Grid, null,
+                react_1.default.createElement(grid_1.Row, null,
+                    react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('left') },
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
+                    react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('right') },
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
 };
 exports.InfoBlock = InfoBlock;
 exports.default = exports.InfoBlock;
-//# sourceMappingURL=Info.js.map

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

@@ -15,7 +15,7 @@ export declare const InfoBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-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 common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const schema_1 = require("../../sub-blocks/Content/schema");
 const ContentProps = {
     additionalProperties: false,
     properties: (0, omit_1.default)(schema_1.ContentBase, ['size', 'colSizes', 'theme']),
@@ -25,4 +25,3 @@ exports.InfoBlock = {
             }, buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock), theme: common_1.ThemeProps, links: (0, utils_1.filteredArray)(common_1.LinkProps), leftContent: ContentProps, rightContent: ContentProps }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { MapBlockProps } from "../../models/index.js";
-export declare const MapBlock: ({ map, border, disableShadow, ...props }: MapBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { MapBlockProps } from '../../models';
+export declare const MapBlock: ({ map, border, disableShadow, ...props }: MapBlockProps) => JSX.Element;
 export default MapBlock;

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Map_1 = tslib_1.__importDefault(require("../../components/Map/Map.js"));
-const MediaBase_1 = tslib_1.__importDefault(require("../../components/MediaBase/MediaBase.js"));
-const utils_1 = require("../../utils/index.js");
-const borderSelector_1 = require("../../utils/borderSelector.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Map_1 = tslib_1.__importDefault(require("../../components/Map/Map"));
+const MediaBase_1 = tslib_1.__importDefault(require("../../components/MediaBase/MediaBase"));
+const utils_1 = require("../../utils");
+const borderSelector_1 = require("../../utils/borderSelector");
 const b = (0, utils_1.block)('map-block');
 const MapBlock = (_a) => {
     var { map, border, disableShadow } = _a, props = tslib_1.__rest(_a, ["map", "border", "disableShadow"]);
@@ -14,8 +14,9 @@ const MapBlock = (_a) => {
         border,
         disableShadow,
     });
-    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Map_1.default, Object.assign({}, map, { className: b({ border: borderSelected }) })) }) })));
+    return (react_1.default.createElement(MediaBase_1.default, Object.assign({}, props),
+        react_1.default.createElement(MediaBase_1.default.Card, null,
+            react_1.default.createElement(Map_1.default, Object.assign({}, map, { className: b({ border: borderSelected }) })))));
 };
 exports.MapBlock = MapBlock;
 exports.default = exports.MapBlock;
-//# sourceMappingURL=Map.js.map

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapBlock = exports.Map = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const schema_1 = require("../Media/schema.js");
+const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../Media/schema");
 exports.Map = {
     type: 'object',
     additionalProperties: false,
@@ -16,4 +16,3 @@ exports.MapBlock = {
         properties: Object.assign(Object.assign({}, schema_1.MediaBlockBaseProps), { map: exports.Map }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { MediaBlockProps } from "../../models/index.js";
-export declare const MediaBlock: (props: MediaBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { MediaBlockProps } from '../../models';
+export declare const MediaBlock: (props: MediaBlockProps) => JSX.Element;
 export default MediaBlock;

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

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media.js"));
-const MediaBase_1 = tslib_1.__importDefault(require("../../components/MediaBase/MediaBase.js"));
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const borderSelector_1 = require("../../utils/borderSelector.js");
-const microdata_1 = require("../../utils/microdata.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
+const MediaBase_1 = tslib_1.__importDefault(require("../../components/MediaBase/MediaBase"));
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const borderSelector_1 = require("../../utils/borderSelector");
+const microdata_1 = require("../../utils/microdata");
 const b = (0, utils_1.block)('media-block');
 const MediaBlock = (props) => {
     const { media, border, disableShadow, title, description } = props;
@@ -17,15 +16,16 @@ const MediaBlock = (props) => {
         border,
         disableShadow,
     });
-    const [play, setPlay] = React.useState(false);
+    const [play, setPlay] = (0, react_1.useState)(false);
     const theme = (0, theme_1.useTheme)();
     const mediaThemed = (0, utils_1.getThemedValue)(media, theme);
     const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(mediaThemed, {
         name: title,
         description,
     });
-    return ((0, jsx_runtime_1.jsx)(MediaBase_1.default, Object.assign({}, props, { onScroll: () => setPlay(true), children: (0, jsx_runtime_1.jsx)(MediaBase_1.default.Card, { children: (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })) }) })));
+    return (react_1.default.createElement(MediaBase_1.default, Object.assign({}, props, { onScroll: () => setPlay(true) }),
+        react_1.default.createElement(MediaBase_1.default.Card, null,
+            react_1.default.createElement(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })))));
 };
 exports.MediaBlock = MediaBlock;
 exports.default = exports.MediaBlock;
-//# sourceMappingURL=Media.js.map

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

@@ -134,7 +134,7 @@ export declare const Media: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../../index.js").MediaVideoControlsType[];
+                    enum: import("../..").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -142,14 +142,14 @@ export declare const Media: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsType[];
+                            enum: import("../..").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsButtonPositioning[];
+                            enum: import("../..").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -767,7 +767,7 @@ export declare const MediaBlock: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: import("../../index.js").MediaVideoControlsType[];
+                                    enum: import("../..").MediaVideoControlsType[];
                                 };
                                 customControlsOptions: {
                                     type: string;
@@ -775,14 +775,14 @@ export declare const MediaBlock: {
                                     properties: {
                                         type: {
                                             type: string;
-                                            enum: import("../../index.js").CustomControlsType[];
+                                            enum: import("../..").CustomControlsType[];
                                         };
                                         muteButtonShown: {
                                             type: string;
                                         };
                                         positioning: {
                                             type: string;
-                                            enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                            enum: import("../..").CustomControlsButtonPositioning[];
                                         };
                                     };
                                 };
@@ -948,7 +948,7 @@ export declare const MediaBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBlock = exports.MediaBlockBaseProps = exports.Media = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common.js");
-const schema_1 = require("../../sub-blocks/Content/schema.js");
+const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../../sub-blocks/Content/schema");
 exports.Media = {
     type: 'object',
     additionalProperties: false,
@@ -42,4 +42,3 @@ exports.MediaBlock = {
         properties: Object.assign(Object.assign({}, exports.MediaBlockBaseProps), { media: (0, common_1.withTheme)(exports.Media) }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { PromoFeaturesProps } from "../../models/index.js";
-declare const PromoFeaturesBlock: (props: PromoFeaturesProps) => import("react/jsx-runtime").JSX.Element;
+import { PromoFeaturesProps } from '../../models';
+declare const PromoFeaturesBlock: (props: PromoFeaturesProps) => JSX.Element;
 export default PromoFeaturesBlock;

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

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const BalancedMasonry_1 = tslib_1.__importDefault(require("../../components/BalancedMasonry/BalancedMasonry.js"));
-const FullWidthBackground_1 = tslib_1.__importDefault(require("../../components/FullWidthBackground/FullWidthBackground.js"));
-const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media.js"));
-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 utils_1 = require("../../utils/index.js");
-const microdata_1 = require("../../utils/microdata.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const BalancedMasonry_1 = tslib_1.__importDefault(require("../../components/BalancedMasonry/BalancedMasonry"));
+const FullWidthBackground_1 = tslib_1.__importDefault(require("../../components/FullWidthBackground/FullWidthBackground"));
+const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
+const constants_1 = require("../../constants");
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const microdata_1 = require("../../utils/microdata");
 const b = (0, utils_1.block)('PromoFeaturesBlock');
 const breakpointColumns = {
     [constants_1.BREAKPOINTS.lg]: 3,
@@ -22,19 +22,26 @@ const PromoFeaturesBlock = (props) => {
     const { items, title, description, theme, animated = true } = props;
     const backgroundTheme = theme || 'default';
     const globalTheme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated, children: [(0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column'), children: items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
-                    const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
-                    const themeMod = cardTheme || blockModifier || '';
-                    const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
-                    const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
-                        name: cardTitle,
-                        description: text,
-                    });
-                    return ((0, jsx_runtime_1.jsxs)("div", { className: b('card', {
-                            'no-media': !media,
-                            [themeMod]: Boolean(themeMod),
-                        }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('card-info'), children: [(0, jsx_runtime_1.jsx)("h3", { className: b('card-title'), children: cardTitle }), (0, jsx_runtime_1.jsx)("div", { className: b('card-text'), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }) })] }), media && (0, jsx_runtime_1.jsx)(Media_1.default, Object.assign({ className: b('card-media') }, allProps))] }, index));
-                }) })] }));
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated },
+        react_1.default.createElement(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }),
+        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header') }),
+        react_1.default.createElement(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
+            const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
+            const themeMod = cardTheme || blockModifier || '';
+            const themedMedia = (0, utils_1.getThemedValue)(media, globalTheme);
+            const allProps = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
+                name: cardTitle,
+                description: text,
+            });
+            return (react_1.default.createElement("div", { key: index, className: b('card', {
+                    'no-media': !media,
+                    [themeMod]: Boolean(themeMod),
+                }) },
+                react_1.default.createElement("div", { className: b('card-info') },
+                    react_1.default.createElement("h3", { className: b('card-title') }, cardTitle),
+                    react_1.default.createElement("div", { className: b('card-text') },
+                        react_1.default.createElement(YFMWrapper_1.default, { content: text, modifiers: { constructor: true } }))),
+                media && react_1.default.createElement(Media_1.default, Object.assign({ className: b('card-media') }, allProps))));
+        }))));
 };
 exports.default = PromoFeaturesBlock;
-//# sourceMappingURL=PromoFeaturesBlock.js.map

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

@@ -150,7 +150,7 @@ export declare const PromoFeaturesItem: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -158,14 +158,14 @@ export declare const PromoFeaturesItem: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsType[];
+                                    enum: import("../..").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                    enum: import("../..").CustomControlsButtonPositioning[];
                                 };
                             };
                         };

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromoFeaturesBlock = exports.PromoFeaturesItem = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-const schema_1 = require("../Media/schema.js");
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const schema_1 = require("../Media/schema");
 exports.PromoFeaturesItem = {
     additionalProperties: false,
     required: ['title', 'text'],
@@ -32,4 +32,3 @@ exports.PromoFeaturesBlock = {
             }, items: (0, utils_1.filteredArray)(exports.PromoFeaturesItem) }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,2 +1,2 @@
-import { QuestionBlockItemProps } from "../../../models/index.js";
-export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => import("react/jsx-runtime").JSX.Element;
+import { QuestionBlockItemProps } from '../../../models';
+export declare const QuestionBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: QuestionBlockItemProps) => JSX.Element;

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

@@ -2,20 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuestionBlockItem = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../../components/index.js");
-const Link_1 = tslib_1.__importDefault(require("../../../components/Link/Link.js"));
-const utils_1 = require("../../../utils/index.js");
-const models_1 = require("../models.js");
+const components_1 = require("../../../components");
+const Link_1 = tslib_1.__importDefault(require("../../../components/Link/Link"));
+const utils_1 = require("../../../utils");
+const models_1 = require("../models");
 const b = (0, utils_1.block)('QuestionsBlockItem');
 const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem', children: [(0, jsx_runtime_1.jsxs)("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp, children: itemTitle }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened, children: [(0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: itemText, modifiers: {
-                                constructor: true,
-                                constructorListStyle: true,
-                                constructorListStyleDash: listStyle === 'dash',
-                            }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }), link && (0, jsx_runtime_1.jsx)(Link_1.default, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))] }) })] }));
+    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem' },
+        react_1.default.createElement("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown },
+            react_1.default.createElement(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp }, itemTitle),
+            react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
+        react_1.default.createElement(components_1.Foldable, { isOpened: isOpened },
+            react_1.default.createElement("div", { className: b('text'), itemScope: true, itemProp: models_1.FaqMicrodataValues.AnswerProp, itemType: models_1.FaqMicrodataValues.AnswerType, "aria-hidden": !isOpened },
+                react_1.default.createElement(components_1.YFMWrapper, { content: itemText, modifiers: {
+                        constructor: true,
+                        constructorListStyle: true,
+                        constructorListStyleDash: listStyle === 'dash',
+                    }, itemProp: models_1.FaqMicrodataValues.QuestionTextProp }),
+                link && react_1.default.createElement(Link_1.default, Object.assign({}, link, { tabIndex: isOpened ? 0 : -1, className: b('link') }))))));
 };
 exports.QuestionBlockItem = QuestionBlockItem;
-//# sourceMappingURL=QuestionBlockItem.js.map

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

@@ -1,3 +1,3 @@
-import { QuestionsProps } from "../../models/index.js";
-declare const QuestionsBlock: (props: QuestionsProps) => import("react/jsx-runtime").JSX.Element;
+import { QuestionsProps } from '../../models';
+declare const QuestionsBlock: (props: QuestionsProps) => JSX.Element;
 export default QuestionsBlock;

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

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const grid_1 = require("../../grid/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
-const QuestionBlockItem_1 = require("./QuestionBlockItem/QuestionBlockItem.js");
-const models_1 = require("./models.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const grid_1 = require("../../grid");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
+const QuestionBlockItem_1 = require("./QuestionBlockItem/QuestionBlockItem");
+const models_1 = require("./models");
 const b = (0, utils_1.block)('QuestionsBlock');
 const QuestionsBlock = (props) => {
     const { title, text, additionalInfo, links, buttons, items, list } = props;
-    const [opened, setOpened] = React.useState([0]);
+    const [opened, setOpened] = (0, react_1.useState)([0]);
     const toggleItem = (index) => {
         let newState;
         if (opened.includes(index)) {
@@ -22,11 +21,15 @@ const QuestionsBlock = (props) => {
         }
         setOpened(newState);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId, children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 4 }, children: (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }) }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list', children: items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
-                        const isOpened = opened.includes(index);
-                        const onClick = () => toggleItem(index);
-                        return ((0, jsx_runtime_1.jsx)(QuestionBlockItem_1.QuestionBlockItem, { title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }, itemTitle));
-                    }) })] }) }));
+    return (react_1.default.createElement("div", { className: b(), itemScope: true, itemType: models_1.FaqMicrodataValues.PageType, itemID: models_1.FaqMicrodataValues.PageId },
+        react_1.default.createElement(grid_1.Row, null,
+            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 4 } },
+                react_1.default.createElement("div", { className: b('title') },
+                    react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
+            react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
+                const isOpened = opened.includes(index);
+                const onClick = () => toggleItem(index);
+                return (react_1.default.createElement(QuestionBlockItem_1.QuestionBlockItem, { key: itemTitle, title: itemTitle, text: itemText, link: link, listStyle: listStyle, isOpened: isOpened, onClick: onClick }));
+            })))));
 };
 exports.default = QuestionsBlock;
-//# sourceMappingURL=Questions.js.map

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

@@ -12,4 +12,3 @@ exports.FaqMicrodataValues = {
     AnswerProp: 'acceptedAnswer',
     AnswerTextProp: 'text',
 };
-//# sourceMappingURL=models.js.map

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuestionsBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-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 common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const schema_1 = require("../../sub-blocks/Content/schema");
 const QuestionsBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
 exports.QuestionsBlock = {
     'questions-block': {
@@ -32,4 +32,3 @@ exports.QuestionsBlock = {
             }) }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Security/i18n/index.d.ts

@@ -1,5 +1 @@
-export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-SecurityBlock": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/blocks/Security/i18n/index.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}SecurityBlock`);
-//# sourceMappingURL=index.js.map