@momo-kits/carousel 0.164.1-test.10 → 0.165.1-beta.1

package/animation.ts

@@ -0,0 +1,62 @@
+import {ReactNode} from 'react';
+import {Animated} from 'react-native';
+import {CarouselProps} from './types';
+
+export function getInputRangeFromIndexes(
+  range: string | any[],
+  index: number,
+  itemWidth: number,
+) {
+  const sizeRef = itemWidth;
+  const inputRange = [];
+
+  for (let i = 0; i < range.length; i++) {
+    inputRange.push((index - range[i]) * sizeRef);
+  }
+
+  return inputRange;
+}
+
+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};
+}
+
+export function defaultAnimatedStyles(
+  animatedValue: Animated.Value,
+  carouselProps: Readonly<CarouselProps> & Readonly<{children?: ReactNode}>,
+) {
+  let animatedOpacity = {};
+  let animatedScale = {};
+  const {inactiveSlideOpacity = 1, inactiveSlideScale = 1} = carouselProps;
+
+  if (inactiveSlideOpacity < 1) {
+    animatedOpacity = {
+      opacity: animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [inactiveSlideOpacity, 1],
+      }),
+    };
+  }
+
+  if (inactiveSlideScale < 1) {
+    animatedScale = {
+      transform: [
+        {
+          scaleY: animatedValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [inactiveSlideScale, 1],
+          }),
+        },
+      ],
+    };
+  }
+
+  return {
+    ...animatedOpacity,
+    ...animatedScale,
+  };
+}