@gravity-ui/page-constructor 4.56.0 → 4.57.0

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

@@ -48,6 +48,9 @@ export declare const HeaderBackgroundProps: {
                 optionName: string;
             })[];
         };
+        disableImageSliderForArrayInput: {
+            type: string;
+        };
         video: {
             type: string;
             additionalProperties: boolean;
@@ -508,6 +511,9 @@ export declare const HeaderProperties: {
                         optionName: string;
                     })[];
                 };
+                disableImageSliderForArrayInput: {
+                    type: string;
+                };
                 video: {
                     type: string;
                     additionalProperties: boolean;
@@ -1017,6 +1023,9 @@ export declare const HeaderBlock: {
                                 optionName: string;
                             })[];
                         };
+                        disableImageSliderForArrayInput: {
+                            type: string;
+                        };
                         video: {
                             type: string;
                             additionalProperties: boolean;

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

@@ -239,6 +239,9 @@ export declare const HeaderSliderBlock: {
                                             optionName: string;
                                         })[];
                                     };
+                                    disableImageSliderForArrayInput: {
+                                        type: string;
+                                    };
                                     video: {
                                         type: string;
                                         additionalProperties: boolean;

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

@@ -42,6 +42,9 @@ export declare const Media: {
                 optionName: string;
             })[];
         };
+        disableImageSliderForArrayInput: {
+            type: string;
+        };
         video: {
             type: string;
             additionalProperties: boolean;
@@ -720,6 +723,9 @@ export declare const MediaBlock: {
                                 optionName: string;
                             })[];
                         };
+                        disableImageSliderForArrayInput: {
+                            type: string;
+                        };
                         video: {
                             type: string;
                             additionalProperties: boolean;

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

@@ -58,6 +58,9 @@ export declare const PromoFeaturesItem: {
                         optionName: string;
                     })[];
                 };
+                disableImageSliderForArrayInput: {
+                    type: string;
+                };
                 video: {
                     type: string;
                     additionalProperties: boolean;

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

@@ -53,6 +53,9 @@ export declare const tabsItem: {
                             optionName: string;
                         })[];
                     };
+                    disableImageSliderForArrayInput: {
+                        type: string;
+                    };
                     video: {
                         type: string;
                         additionalProperties: boolean;

package/build/cjs/components/Media/Image/Image.js

@@ -15,7 +15,10 @@ const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-image');
 exports.defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
-    const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, qa, onLoad, } = props;
+    const { parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
+    const image = Array.isArray(props.image) && disableImageSliderForArrayInput
+        ? props.image[0]
+        : props.image;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'fullscreen-image', 'animate', 'background-image', 'image-view', 'slider-block');
     const [scrollY, setScrollY] = (0, react_1.useState)(0);
     const [{ springScrollY }, springSetScrollY] = (0, web_1.useSpring)(() => ({

package/build/cjs/components/Media/Media.js

@@ -12,13 +12,13 @@ const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
+    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'video');
     const content = (0, react_1.useMemo)(() => {
         let result = [];
         if (image) {
-            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad }));
+            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, disableImageSliderForArrayInput: disableImageSliderForArrayInput, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad }));
         }
         if (video) {
             const videoProps = {
@@ -60,6 +60,7 @@ const Media = (props) => {
         dataLens,
         iframe,
         parallax,
+        disableImageSliderForArrayInput,
         height,
         imageClassName,
         isBackground,

package/build/cjs/models/constructor-items/common.d.ts

@@ -197,6 +197,7 @@ export interface MediaComponentImageProps {
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;
+    disableImageSliderForArrayInput?: boolean;
 }
 export interface MediaComponentDataLensProps {
     dataLens: DataLensProps;

package/build/cjs/schema/constants.d.ts

@@ -1482,6 +1482,9 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

package/build/cjs/schema/validators/common.d.ts

@@ -1171,6 +1171,9 @@ export declare const MediaProps: {
             optionName: string;
         })[];
     };
+    disableImageSliderForArrayInput: {
+        type: string;
+    };
     video: {
         type: string;
         additionalProperties: boolean;

package/build/cjs/schema/validators/common.js

@@ -544,6 +544,9 @@ exports.MediaProps = {
             { type: 'array', items: schema_1.ImageProps, optionName: 'list' },
         ],
     },
+    disableImageSliderForArrayInput: {
+        type: 'boolean',
+    },
     video: exports.VideoProps,
     youtube: {
         type: 'string',

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.css

@@ -37,6 +37,12 @@ unpredictable css rules order in build */
   object-fit: cover;
   object-position: left;
 }
+.pc-background-card__footer {
+  margin-top: 0px;
+}
+.pc-background-card__links, .pc-background-card__buttons {
+  margin-top: 16px;
+}
 
 a.pc-background-card_theme_light {
   background-color: var(--pc-color-base-silver);

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.js

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components/");
 const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
-const renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
     const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', } = props;
@@ -17,16 +15,12 @@ const BackgroundCard = (props) => {
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })),
             react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, colSizes: { all: 12, md: 12 } })),
-        footerControls));
+        areControlsInFooter && (links || buttons) && (react_1.default.createElement(components_1.CardBase.Footer, null,
+            react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 exports.default = BackgroundCard;

package/build/cjs/sub-blocks/BasicCard/BasicCard.css

@@ -2,4 +2,11 @@
 unpredictable css rules order in build */
 .pc-basic-card.pc-basic-card {
   min-height: auto;
+}
+
+.pc-basic-card__footer {
+  margin-top: 0px;
+}
+.pc-basic-card__links, .pc-basic-card__buttons {
+  margin-top: 16px;
 }

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -1,30 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
 const utils_1 = require("../../utils");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
-const renderCardFooterControlsContainer_1 = tslib_1.__importDefault(require("../renderCardFooterControlsContainer/renderCardFooterControlsContainer"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
     const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
     const areControlsInFooter = controlPosition === 'footer';
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer_1.default), [areControlsInFooter, links, buttons, titleId]);
     return (react_1.default.createElement(components_1.CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
                 react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: areControlsInFooter ? undefined : links, list: list, buttons: areControlsInFooter ? undefined : buttons, size: "s", colSizes: { all: 12, md: 12 } }))),
-        footerControls));
+        areControlsInFooter && (buttons || links) && (react_1.default.createElement(components_1.CardBase.Footer, { className: b('footer') },
+            react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 exports.default = BasicCard;

package/build/cjs/sub-blocks/Content/Content.css

@@ -57,7 +57,9 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__text_without-title {
   margin-top: 0;
 }
-.pc-content_size_s .pc-content__list {
+.pc-content_size_s .pc-content__list,
+.pc-content_size_s .pc-content__links,
+.pc-content_size_s .pc-content__buttons {
   margin-top: 16px;
 }
 .pc-content_size_l .pc-content__text,
@@ -72,7 +74,9 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-content_size_l .pc-content__list {
+.pc-content_size_l .pc-content__list,
+.pc-content_size_l .pc-content__links,
+.pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
 .pc-content_theme_dark {

package/build/cjs/sub-blocks/Content/Content.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const blocks_1 = require("../../utils/blocks");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const b = (0, utils_1.block)('content');
 function getTextSize(size) {
     switch (size) {
@@ -27,13 +26,6 @@ const Content = (props) => {
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    const controls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        size,
-        links,
-        buttons,
-        titleId,
-        qa: qaAttributes,
-    }), [size, links, buttons, titleId, qaAttributes]);
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
@@ -46,6 +38,7 @@ const Content = (props) => {
                     'constructor-notice': true,
                     [`constructor-size-${size}`]: true,
                 } }))),
-        controls));
+        links && (react_1.default.createElement(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })),
+        buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))));
 };
 exports.default = Content;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.css

@@ -22,4 +22,7 @@ unpredictable css rules order in build */
 }
 .pc-layout-item__content_no-media {
   margin: 0;
+}
+.pc-layout-item__links, .pc-layout-item__buttons {
+  margin-top: 16px;
 }

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
-const renderContentControls_1 = tslib_1.__importDefault(require("../../utils/renderContentControls/renderContentControls"));
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
@@ -15,12 +14,6 @@ const LayoutItem = (_a) => {
     const areControlsInFooter = controlPosition === 'footer';
     const contentProps = Object.assign(Object.assign(Object.assign({}, content), (areControlsInFooter ? {} : { links: normalizedLinks, buttons })), { size: 's', colSizes: { all: 12, md: 12 } });
     const titleId = (0, uikit_1.useUniqId)();
-    const footerControls = (0, react_1.useMemo)(() => (0, renderContentControls_1.default)({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }), [areControlsInFooter, links, buttons, titleId]);
     const renderMedia = () => {
         if (!media) {
             return null;
@@ -36,6 +29,7 @@ const LayoutItem = (_a) => {
         react_1.default.createElement("div", { className: b('content', { 'no-media': !media }) },
             react_1.default.createElement(components_1.IconWrapper, { icon: icon },
                 react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })))),
-        footerControls));
+        areControlsInFooter && links && (react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId })),
+        areControlsInFooter && buttons && (react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId }))));
 };
 exports.default = LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -43,6 +43,9 @@ export declare const LayoutItem: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -126,6 +126,9 @@ export declare const MediaCardBlock: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

package/build/esm/blocks/Header/schema.d.ts

@@ -48,6 +48,9 @@ export declare const HeaderBackgroundProps: {
                 optionName: string;
             })[];
         };
+        disableImageSliderForArrayInput: {
+            type: string;
+        };
         video: {
             type: string;
             additionalProperties: boolean;
@@ -508,6 +511,9 @@ export declare const HeaderProperties: {
                         optionName: string;
                     })[];
                 };
+                disableImageSliderForArrayInput: {
+                    type: string;
+                };
                 video: {
                     type: string;
                     additionalProperties: boolean;
@@ -1017,6 +1023,9 @@ export declare const HeaderBlock: {
                                 optionName: string;
                             })[];
                         };
+                        disableImageSliderForArrayInput: {
+                            type: string;
+                        };
                         video: {
                             type: string;
                             additionalProperties: boolean;

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -239,6 +239,9 @@ export declare const HeaderSliderBlock: {
                                             optionName: string;
                                         })[];
                                     };
+                                    disableImageSliderForArrayInput: {
+                                        type: string;
+                                    };
                                     video: {
                                         type: string;
                                         additionalProperties: boolean;

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

@@ -42,6 +42,9 @@ export declare const Media: {
                 optionName: string;
             })[];
         };
+        disableImageSliderForArrayInput: {
+            type: string;
+        };
         video: {
             type: string;
             additionalProperties: boolean;
@@ -720,6 +723,9 @@ export declare const MediaBlock: {
                                 optionName: string;
                             })[];
                         };
+                        disableImageSliderForArrayInput: {
+                            type: string;
+                        };
                         video: {
                             type: string;
                             additionalProperties: boolean;

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

@@ -58,6 +58,9 @@ export declare const PromoFeaturesItem: {
                         optionName: string;
                     })[];
                 };
+                disableImageSliderForArrayInput: {
+                    type: string;
+                };
                 video: {
                     type: string;
                     additionalProperties: boolean;

package/build/esm/blocks/Tabs/schema.d.ts

@@ -53,6 +53,9 @@ export declare const tabsItem: {
                             optionName: string;
                         })[];
                     };
+                    disableImageSliderForArrayInput: {
+                        type: string;
+                    };
                     video: {
                         type: string;
                         additionalProperties: boolean;

package/build/esm/components/Media/Image/Image.js

@@ -12,7 +12,10 @@ import './Image.css';
 const b = block('media-component-image');
 export const defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
-    const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, qa, onLoad, } = props;
+    const { parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
+    const image = Array.isArray(props.image) && disableImageSliderForArrayInput
+        ? props.image[0]
+        : props.image;
     const qaAttributes = getQaAttrubutes(qa, 'fullscreen-image', 'animate', 'background-image', 'image-view', 'slider-block');
     const [scrollY, setScrollY] = useState(0);
     const [{ springScrollY }, springSetScrollY] = useSpring(() => ({

package/build/esm/components/Media/Media.js

@@ -9,13 +9,13 @@ import Video from './Video/Video';
 import './Media.css';
 const b = block('Media');
 export const Media = (props) => {
-    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
+    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, } = props;
     const [hasVideoFallback, setHasVideoFallback] = useState(false);
     const qaAttributes = getQaAttrubutes(qa, 'video');
     const content = useMemo(() => {
         let result = [];
         if (image) {
-            result.push(React.createElement(Image, { key: "image", parallax: parallax, image: image, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad }));
+            result.push(React.createElement(Image, { key: "image", parallax: parallax, image: image, disableImageSliderForArrayInput: disableImageSliderForArrayInput, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad }));
         }
         if (video) {
             const videoProps = {
@@ -57,6 +57,7 @@ export const Media = (props) => {
         dataLens,
         iframe,
         parallax,
+        disableImageSliderForArrayInput,
         height,
         imageClassName,
         isBackground,

package/build/esm/models/constructor-items/common.d.ts

@@ -197,6 +197,7 @@ export interface MediaComponentImageProps {
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;
+    disableImageSliderForArrayInput?: boolean;
 }
 export interface MediaComponentDataLensProps {
     dataLens: DataLensProps;

package/build/esm/schema/constants.d.ts

@@ -1482,6 +1482,9 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            disableImageSliderForArrayInput: {
+                type: string;
+            };
             video: {
                 type: string;
                 additionalProperties: boolean;

package/build/esm/schema/validators/common.d.ts

@@ -1171,6 +1171,9 @@ export declare const MediaProps: {
             optionName: string;
         })[];
     };
+    disableImageSliderForArrayInput: {
+        type: string;
+    };
     video: {
         type: string;
         additionalProperties: boolean;

package/build/esm/schema/validators/common.js

@@ -540,6 +540,9 @@ export const MediaProps = {
             { type: 'array', items: ImageProps, optionName: 'list' },
         ],
     },
+    disableImageSliderForArrayInput: {
+        type: 'boolean',
+    },
     video: VideoProps,
     youtube: {
         type: 'string',

package/build/esm/sub-blocks/BackgroundCard/BackgroundCard.css

@@ -37,6 +37,12 @@ unpredictable css rules order in build */
   object-fit: cover;
   object-position: left;
 }
+.pc-background-card__footer {
+  margin-top: 0px;
+}
+.pc-background-card__links, .pc-background-card__buttons {
+  margin-top: 16px;
+}
 
 a.pc-background-card_theme_light {
   background-color: var(--pc-color-base-silver);

package/build/esm/sub-blocks/BackgroundCard/BackgroundCard.js

@@ -1,11 +1,9 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { BackgroundImage, CardBase } from '../../components/';
+import { BackgroundImage, Buttons, CardBase, Links } from '../../components/';
 import { useTheme } from '../../context/theme';
 import { block, getThemedValue } from '../../utils';
-import renderContentControls from '../../utils/renderContentControls/renderContentControls';
 import Content from '../Content/Content';
-import renderCardFooterControlsContainer from '../renderCardFooterControlsContainer/renderCardFooterControlsContainer';
 import './BackgroundCard.css';
 const b = block('background-card');
 const BackgroundCard = (props) => {
@@ -15,16 +13,12 @@ const BackgroundCard = (props) => {
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    const footerControls = useMemo(() => renderContentControls({
-        links: areControlsInFooter ? links : undefined,
-        buttons: areControlsInFooter ? buttons : undefined,
-        size: 's',
-        titleId,
-    }, renderCardFooterControlsContainer), [areControlsInFooter, links, buttons, titleId]);
     return (React.createElement(CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle },
         React.createElement(CardBase.Content, null,
             React.createElement(BackgroundImage, Object.assign({ className: b('image') }, getThemedValue(background, theme), { style: { backgroundColor } })),
             React.createElement(Content, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, colSizes: { all: 12, md: 12 } })),
-        footerControls));
+        areControlsInFooter && (links || buttons) && (React.createElement(CardBase.Footer, null,
+            React.createElement(Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
+            React.createElement(Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));
 };
 export default BackgroundCard;

package/build/esm/sub-blocks/BasicCard/BasicCard.css

@@ -2,4 +2,11 @@
 unpredictable css rules order in build */
 .pc-basic-card.pc-basic-card {
   min-height: auto;
+}
+
+.pc-basic-card__footer {
+  margin-top: 0px;
+}
+.pc-basic-card__links, .pc-basic-card__buttons {
+  margin-top: 16px;
 }