feat: allow to disable image slider inside media component (#887) (#891)

* feat: allow to disable image slider inside media component
gravity-ui · Apr 2, 2024 · 84be439 · 84be439
1 parent 122d0eb
commit 84be439
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/src/components/Media/Image/Image.tsx b/src/components/Media/Image/Image.tsx
@@ -34,16 +34,20 @@ export const defaultAnimatedDivQa = 'animated-div';
 const Image = (props: ImageAllProps) => {
     const {
         parallax,
-        image,
         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,

diff --git a/src/components/Media/Media.tsx b/src/components/Media/Media.tsx
@@ -38,6 +38,7 @@ export const Media = (props: MediaAllProps) => {
         imageClassName,
         videoClassName,
         youtubeClassName,
+        disableImageSliderForArrayInput,
         playVideo = true,
         isBackground,
         playButton,
@@ -63,6 +64,7 @@ export const Media = (props: MediaAllProps) => {
                     key="image"
                     parallax={parallax}
                     image={image}
+                    disableImageSliderForArrayInput={disableImageSliderForArrayInput}
                     height={height}
                     imageClassName={imageClassName}
                     isBackground={isBackground}
@@ -131,6 +133,7 @@ export const Media = (props: MediaAllProps) => {
         dataLens,
         iframe,
         parallax,
+        disableImageSliderForArrayInput,
         height,
         imageClassName,
         isBackground,

diff --git a/src/models/constructor-items/common.ts b/src/models/constructor-items/common.ts
@@ -258,6 +258,7 @@ export interface MediaComponentImageProps {
     video?: MediaVideoProps;
     parallax?: boolean;
     height?: number;
+    disableImageSliderForArrayInput?: boolean;
 }
 
 export interface MediaComponentDataLensProps {

diff --git a/src/schema/validators/common.ts b/src/schema/validators/common.ts
@@ -621,6 +621,9 @@ export const MediaProps = {
             {type: 'array', items: ImageProps, optionName: 'list'},
         ],
     },
+    disableImageSliderForArrayInput: {
+        type: 'boolean',
+    },
     video: VideoProps,
     youtube: {
         type: 'string',