react-native-reanimated 2.3.3 → 2.5.0

package/src/reanimated2/layoutReanimation/defaultAnimations/Rotate.ts

@@ -9,7 +9,8 @@ import {
 
 export class RotateInDownLeft
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): RotateInDownLeft {
     return new RotateInDownLeft();
   }
@@ -19,6 +20,7 @@ export class RotateInDownLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -38,6 +40,7 @@ export class RotateInDownLeft
             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
           ],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -47,7 +50,8 @@ export class RotateInDownLeft
 
 export class RotateInDownRight
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): RotateInDownRight {
     return new RotateInDownRight();
   }
@@ -57,6 +61,7 @@ export class RotateInDownRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -76,6 +81,7 @@ export class RotateInDownRight
             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
           ],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -85,7 +91,8 @@ export class RotateInDownRight
 
 export class RotateInUpLeft
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): RotateInUpLeft {
     return new RotateInUpLeft();
   }
@@ -95,6 +102,7 @@ export class RotateInUpLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -114,6 +122,7 @@ export class RotateInUpLeft
             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
           ],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -123,7 +132,8 @@ export class RotateInUpLeft
 
 export class RotateInUpRight
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): RotateInUpRight {
     return new RotateInUpRight();
   }
@@ -133,6 +143,7 @@ export class RotateInUpRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -152,6 +163,7 @@ export class RotateInUpRight
             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
           ],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -161,7 +173,8 @@ export class RotateInUpRight
 
 export class RotateOutDownLeft
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): RotateOutDownLeft {
     return new RotateOutDownLeft();
   }
@@ -171,6 +184,7 @@ export class RotateOutDownLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -202,6 +216,7 @@ export class RotateOutDownLeft
         initialValues: {
           opacity: 1,
           transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -211,7 +226,8 @@ export class RotateOutDownLeft
 
 export class RotateOutDownRight
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): RotateOutDownRight {
     return new RotateOutDownRight();
   }
@@ -221,6 +237,7 @@ export class RotateOutDownRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -252,6 +269,7 @@ export class RotateOutDownRight
         initialValues: {
           opacity: 1,
           transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -261,7 +279,8 @@ export class RotateOutDownRight
 
 export class RotateOutUpLeft
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): RotateOutUpLeft {
     return new RotateOutUpLeft();
   }
@@ -271,6 +290,7 @@ export class RotateOutUpLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -302,6 +322,7 @@ export class RotateOutUpLeft
         initialValues: {
           opacity: 1,
           transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -311,7 +332,8 @@ export class RotateOutUpLeft
 
 export class RotateOutUpRight
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): RotateOutUpRight {
     return new RotateOutUpRight();
   }
@@ -321,6 +343,7 @@ export class RotateOutUpRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -352,6 +375,7 @@ export class RotateOutUpRight
         initialValues: {
           opacity: 1,
           transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };

package/src/reanimated2/layoutReanimation/defaultAnimations/Slide.ts

@@ -12,7 +12,8 @@ const { width, height } = Dimensions.get('window');
 
 export class SlideInRight
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): SlideInRight {
     return new SlideInRight();
   }
@@ -22,6 +23,7 @@ export class SlideInRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -34,6 +36,7 @@ export class SlideInRight
         },
         initialValues: {
           originX: values.targetOriginX + width,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -43,7 +46,8 @@ export class SlideInRight
 
 export class SlideInLeft
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): SlideInLeft {
     return new SlideInLeft();
   }
@@ -53,6 +57,7 @@ export class SlideInLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -65,6 +70,7 @@ export class SlideInLeft
         },
         initialValues: {
           originX: values.targetOriginX - width,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -74,7 +80,8 @@ export class SlideInLeft
 
 export class SlideOutRight
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): SlideOutRight {
     return new SlideOutRight();
   }
@@ -84,6 +91,7 @@ export class SlideOutRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -96,6 +104,7 @@ export class SlideOutRight
         },
         initialValues: {
           originX: values.currentOriginX,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -105,7 +114,8 @@ export class SlideOutRight
 
 export class SlideOutLeft
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): SlideOutLeft {
     return new SlideOutLeft();
   }
@@ -115,6 +125,7 @@ export class SlideOutLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -127,6 +138,7 @@ export class SlideOutLeft
         },
         initialValues: {
           originX: values.currentOriginX,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -136,7 +148,8 @@ export class SlideOutLeft
 
 export class SlideInUp
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): SlideInUp {
     return new SlideInUp();
   }
@@ -146,6 +159,7 @@ export class SlideInUp
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -158,6 +172,7 @@ export class SlideInUp
         },
         initialValues: {
           originY: -height,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -167,7 +182,8 @@ export class SlideInUp
 
 export class SlideInDown
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): SlideInDown {
     return new SlideInDown();
   }
@@ -177,6 +193,7 @@ export class SlideInDown
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -189,6 +206,7 @@ export class SlideInDown
         },
         initialValues: {
           originY: values.targetOriginY + height,
+          ...initialValues,
         },
         callback: callback,
       };
@@ -198,7 +216,8 @@ export class SlideInDown
 
 export class SlideOutUp
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): SlideOutUp {
     return new SlideOutUp();
   }
@@ -208,6 +227,7 @@ export class SlideOutUp
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -218,7 +238,7 @@ export class SlideOutUp
             animation(Math.min(values.currentOriginY - height, -height), config)
           ),
         },
-        initialValues: { originY: values.currentOriginY },
+        initialValues: { originY: values.currentOriginY, ...initialValues },
         callback: callback,
       };
     };
@@ -227,7 +247,8 @@ export class SlideOutUp
 
 export class SlideOutDown
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): SlideOutDown {
     return new SlideOutDown();
   }
@@ -237,6 +258,7 @@ export class SlideOutDown
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (values) => {
       'worklet';
@@ -247,7 +269,7 @@ export class SlideOutDown
             animation(Math.max(values.currentOriginY + height, height), config)
           ),
         },
-        initialValues: { originY: values.currentOriginY },
+        initialValues: { originY: values.currentOriginY, ...initialValues },
         callback: callback,
       };
     };

package/src/reanimated2/layoutReanimation/defaultAnimations/Stretch.ts

@@ -6,7 +6,8 @@ import { ComplexAnimationBuilder } from '../animationBuilder';
 
 export class StretchInX
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): StretchInX {
     return new StretchInX();
   }
@@ -16,6 +17,7 @@ export class StretchInX
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -25,6 +27,7 @@ export class StretchInX
         },
         initialValues: {
           transform: [{ scaleX: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -34,7 +37,8 @@ export class StretchInX
 
 export class StretchInY
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): StretchInY {
     return new StretchInY();
   }
@@ -44,6 +48,7 @@ export class StretchInY
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -53,6 +58,7 @@ export class StretchInY
         },
         initialValues: {
           transform: [{ scaleY: 0 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -62,7 +68,8 @@ export class StretchInY
 
 export class StretchOutX
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): StretchOutX {
     return new StretchOutX();
   }
@@ -72,6 +79,7 @@ export class StretchOutX
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -81,6 +89,7 @@ export class StretchOutX
         },
         initialValues: {
           transform: [{ scaleX: 1 }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -90,7 +99,8 @@ export class StretchOutX
 
 export class StretchOutY
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): StretchOutY {
     return new StretchOutY();
   }
@@ -100,6 +110,7 @@ export class StretchOutY
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -109,6 +120,7 @@ export class StretchOutY
         },
         initialValues: {
           transform: [{ scaleY: 1 }],
+          ...initialValues,
         },
         callback: callback,
       };