fix: replaced deprecated reanimated Extrapolate with Extrapolation (#1875)(by @cenksari)

Author: gorhom

example/src/components/customFooter/CustomFooter.tsx

@@ -7,7 +7,7 @@ import {
 } from '@gorhom/bottom-sheet';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Animated, {
-  Extrapolate,
+  Extrapolation,
   interpolate,
   useAnimatedStyle,
 } from 'react-native-reanimated';
@@ -31,7 +31,7 @@ const CustomFooterComponent = ({
       animatedIndex.value,
       [0, 1],
       [toRad(0), toRad(-180)],
-      Extrapolate.CLAMP
+      Extrapolation.CLAMP
     );
     return {
       transform: [{ rotate: `${arrowRotate}rad` }],
@@ -47,7 +47,7 @@ const CustomFooterComponent = ({
         animatedIndex.value,
         [-0.85, 0],
         [0, 1],
-        Extrapolate.CLAMP
+        Extrapolation.CLAMP
       ),
     }),
     [animatedIndex]

example/src/components/customHandle/CustomHandle.tsx

@@ -2,7 +2,7 @@ import React, { memo, useMemo } from 'react';
 import { StyleProp, StyleSheet, Text, ViewStyle } from 'react-native';
 import { BottomSheetHandleProps } from '@gorhom/bottom-sheet';
 import Animated, {
-  Extrapolate,
+  Extrapolation,
   interpolate,
   useAnimatedStyle,
   useDerivedValue,
@@ -28,7 +28,7 @@ const CustomHandleComponent: React.FC<CustomHandleProps> = ({
         animatedIndex.value,
         [0, 1, 2],
         [-1, 0, 1],
-        Extrapolate.CLAMP
+        Extrapolation.CLAMP
       ),
     [animatedIndex.value]
   );
@@ -41,7 +41,7 @@ const CustomHandleComponent: React.FC<CustomHandleProps> = ({
       animatedIndex.value,
       [1, 2],
       [20, 0],
-      Extrapolate.CLAMP
+      Extrapolation.CLAMP
     );
     return {
       borderTopLeftRadius: borderTopRadius,
@@ -60,7 +60,7 @@ const CustomHandleComponent: React.FC<CustomHandleProps> = ({
       animatedIndex.value,
       [0, 1, 2],
       [toRad(-30), 0, toRad(30)],
-      Extrapolate.CLAMP
+      Extrapolation.CLAMP
     );
     return {
       transform: transformOrigin(
@@ -86,7 +86,7 @@ const CustomHandleComponent: React.FC<CustomHandleProps> = ({
       animatedIndex.value,
       [0, 1, 2],
       [toRad(30), 0, toRad(-30)],
-      Extrapolate.CLAMP
+      Extrapolation.CLAMP
     );
     return {
       transform: transformOrigin(

example/src/screens/integrations/map/Weather.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { LayoutChangeEvent, StyleSheet } from 'react-native';
 import Animated, {
-  Extrapolate,
+  Extrapolation,
   interpolate,
   useAnimatedStyle,
 } from 'react-native-reanimated';
@@ -44,7 +44,7 @@ const Weather = ({ animatedIndex, animatedPosition }: WeatherProps) => {
         animatedIndex.value,
         [1, 1.125],
         [1, 0],
-        Extrapolate.CLAMP
+        Extrapolation.CLAMP
       ),
       transform: [
         {

src/components/bottomSheet/BottomSheet.tsx

@@ -15,7 +15,7 @@ import Animated, {
   useDerivedValue,
   runOnJS,
   interpolate,
-  Extrapolate,
+  Extrapolation,
   runOnUI,
   cancelAnimation,
   useWorkletCallback,
@@ -501,7 +501,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
             animatedPosition.value,
             adjustedSnapPoints,
             adjustedSnapPointsIndexes,
-            Extrapolate.CLAMP
+            Extrapolation.CLAMP
           )
         : -1;