@momo-kits/carousel 0.150.3-beta.20 → 0.151.1-beta.2

package/animation.ts

@@ -1,46 +1,37 @@
-import { Animated } from 'react-native';
-import { CarouselProps } from './types';
+import {ReactNode} from 'react';
+import {Animated} from 'react-native';
+import {CarouselProps} from './types';
 
-function getInputRangeFromIndexes(
-  range: number[],
+export function getInputRangeFromIndexes(
+  range: string | any[],
   index: number,
-  carouselProps: CarouselProps,
+  itemWidth: number,
 ) {
-  const sizeRef = carouselProps.vertical
-    ? carouselProps.itemHeight
-    : carouselProps.itemWidth;
-  
-  // Ensure sizeRef is valid to prevent NaN in inputRange
-  const validSizeRef = sizeRef && isFinite(sizeRef) && sizeRef > 0 ? sizeRef : 1;
-  
+  const sizeRef = itemWidth;
   const inputRange = [];
 
   for (let i = 0; i < range.length; i++) {
-    inputRange.push((index - range[i]) * validSizeRef);
+    inputRange.push((index - range[i]) * sizeRef);
   }
 
   return inputRange;
 }
 
-export function defaultScrollInterpolator(
-  index: number,
-  carouselProps: CarouselProps,
-) {
-  const range = [3, 2, 1, 0, -1, -2, -3];
-  const inputRange = getInputRangeFromIndexes(range, index, carouselProps);
-  const outputRange = [0, 0, 0, 1, 0, 0, 0];
+export function defaultScrollInterpolator(index: number, itemWidth: number) {
+  const range = [1, 0, -1];
+  const inputRange = getInputRangeFromIndexes(range, index, itemWidth);
+  const outputRange = [0, 1, 0];
 
-  return { inputRange, outputRange };
+  return {inputRange, outputRange};
 }
 
 export function defaultAnimatedStyles(
-  index: number,
-  animatedValue: Animated.AnimatedInterpolation<number>,
-  carouselProps: CarouselProps,
+  animatedValue: Animated.Value,
+  carouselProps: Readonly<CarouselProps> & Readonly<{children?: ReactNode}>,
 ) {
   let animatedOpacity = {};
   let animatedScale = {};
-  const { inactiveSlideOpacity = 1, inactiveSlideScale = 1 } = carouselProps;
+  const {inactiveSlideOpacity = 1, inactiveSlideScale = 1} = carouselProps;
 
   if (inactiveSlideOpacity < 1) {
     animatedOpacity = {
@@ -55,7 +46,7 @@ export function defaultAnimatedStyles(
     animatedScale = {
       transform: [
         {
-          scale: animatedValue.interpolate({
+          scaleY: animatedValue.interpolate({
             inputRange: [0, 1],
             outputRange: [inactiveSlideScale, 1],
           }),
@@ -69,125 +60,3 @@ export function defaultAnimatedStyles(
     ...animatedScale,
   };
 }
-
-export function shiftAnimatedStyles(
-  index: number,
-  animatedValue: Animated.AnimatedInterpolation<number>,
-  carouselProps: CarouselProps,
-) {
-  const { inactiveSlideShift = 0 } = carouselProps;
-
-  let animatedShift = {};
-
-  if (inactiveSlideShift !== 0) {
-    animatedShift = {
-      transform: [
-        {
-          translateX: animatedValue.interpolate({
-            inputRange: [0, 1],
-            outputRange: [inactiveSlideShift, 0],
-          }),
-        },
-      ],
-    };
-  }
-
-  return {
-    ...defaultAnimatedStyles(index, animatedValue, carouselProps),
-    ...animatedShift,
-  };
-}
-
-export function stackScrollInterpolator(
-  index: number,
-  carouselProps: CarouselProps,
-) {
-  const range = [3, 2, 1, 0, -1, -2, -3];
-  const inputRange = getInputRangeFromIndexes(range, index, carouselProps);
-  const outputRange = [0, 0, 0, 1, 0, 0, 0];
-
-  return { inputRange, outputRange };
-}
-
-export function stackAnimatedStyles(
-  index: number,
-  animatedValue: Animated.AnimatedInterpolation<number>,
-  carouselProps: CarouselProps,
-  cardOffset?: number,
-) {
-  const translateProp = carouselProps.vertical ? 'translateY' : 'translateX';
-  const offsetValue = cardOffset || 18;
-
-  return {
-    opacity: animatedValue,
-    transform: [
-      {
-        scale: animatedValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.8, 1],
-        }),
-      },
-      {
-        [translateProp]: animatedValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [offsetValue, 0],
-        }),
-      },
-    ],
-    zIndex: carouselProps.data ? carouselProps.data.length - index : index,
-  };
-}
-
-export function tinderScrollInterpolator(
-  index: number,
-  carouselProps: CarouselProps,
-) {
-  const range = [3, 2, 1, 0, -1, -2, -3];
-  const inputRange = getInputRangeFromIndexes(range, index, carouselProps);
-  const outputRange = [0, 0, 0, 1, 1, 1, 1];
-
-  return { inputRange, outputRange };
-}
-
-export function tinderAnimatedStyles(
-  index: number,
-  animatedValue: Animated.AnimatedInterpolation<number>,
-  carouselProps: CarouselProps,
-  cardOffset?: number,
-) {
-  const sizeRef = carouselProps.vertical
-    ? carouselProps.itemHeight
-    : carouselProps.itemWidth;
-  const translateProp = carouselProps.vertical ? 'translateY' : 'translateX';
-  const rotateProp = carouselProps.vertical ? 'rotateX' : 'rotateY';
-  const validSizeRef = sizeRef && isFinite(sizeRef) && sizeRef > 0 ? sizeRef : 100;
-  const offsetValue = cardOffset || validSizeRef;
-
-  return {
-    opacity: animatedValue.interpolate({
-      inputRange: [0, 1],
-      outputRange: [1, 0],
-    }),
-    transform: [
-      {
-        scale: animatedValue.interpolate({
-          inputRange: [0, 0.5, 1],
-          outputRange: [1, 0.95, 0.9],
-        }),
-      },
-      {
-        [translateProp]: animatedValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0, -offsetValue],
-        }),
-      },
-      {
-        [rotateProp]: animatedValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: ['0deg', '30deg'],
-        }),
-      },
-    ],
-    zIndex: carouselProps.data ? carouselProps.data.length - index : index,
-  };
-}