react-native-reanimated 2.3.3 → 2.5.0

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

@@ -11,7 +11,8 @@ import { ComplexAnimationBuilder } from '../animationBuilder';
 
 export class FlipInXUp
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): FlipInXUp {
     return new FlipInXUp();
   }
@@ -21,6 +22,7 @@ export class FlipInXUp
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -31,6 +33,7 @@ export class FlipInXUp
             { rotateX: '90deg' },
             { translateY: -targetValues.targetHeight },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -47,7 +50,8 @@ export class FlipInXUp
 
 export class FlipInYLeft
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): FlipInYLeft {
     return new FlipInYLeft();
   }
@@ -57,6 +61,7 @@ export class FlipInYLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -67,6 +72,7 @@ export class FlipInYLeft
             { rotateY: '-90deg' },
             { translateX: -targetValues.targetWidth },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -83,7 +89,8 @@ export class FlipInYLeft
 
 export class FlipInXDown
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): FlipInXDown {
     return new FlipInXDown();
   }
@@ -93,6 +100,7 @@ export class FlipInXDown
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -103,6 +111,7 @@ export class FlipInXDown
             { rotateX: '-90deg' },
             { translateY: targetValues.targetHeight },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -119,7 +128,8 @@ export class FlipInXDown
 
 export class FlipInYRight
   extends ComplexAnimationBuilder
-  implements IEntryAnimationBuilder {
+  implements IEntryAnimationBuilder
+{
   static createInstance(): FlipInYRight {
     return new FlipInYRight();
   }
@@ -129,6 +139,7 @@ export class FlipInYRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -139,6 +150,7 @@ export class FlipInYRight
             { rotateY: '90deg' },
             { translateX: targetValues.targetWidth },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -155,7 +167,8 @@ export class FlipInYRight
 
 export class FlipInEasyX
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): FlipInEasyX {
     return new FlipInEasyX();
   }
@@ -165,12 +178,14 @@ export class FlipInEasyX
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
       return {
         initialValues: {
           transform: [{ perspective: 500 }, { rotateX: '90deg' }],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -186,7 +201,8 @@ export class FlipInEasyX
 
 export class FlipInEasyY
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): FlipInEasyY {
     return new FlipInEasyY();
   }
@@ -196,12 +212,14 @@ export class FlipInEasyY
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
       return {
         initialValues: {
           transform: [{ perspective: 500 }, { rotateY: '90deg' }],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -217,7 +235,8 @@ export class FlipInEasyY
 
 export class FlipOutXUp
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): FlipOutXUp {
     return new FlipOutXUp();
   }
@@ -227,6 +246,7 @@ export class FlipOutXUp
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -237,6 +257,7 @@ export class FlipOutXUp
             { rotateX: '0deg' },
             { translateY: 0 },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -258,7 +279,8 @@ export class FlipOutXUp
 
 export class FlipOutYLeft
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): FlipOutYLeft {
     return new FlipOutYLeft();
   }
@@ -268,6 +290,7 @@ export class FlipOutYLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -278,6 +301,7 @@ export class FlipOutYLeft
             { rotateY: '0deg' },
             { translateX: 0 },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -299,7 +323,8 @@ export class FlipOutYLeft
 
 export class FlipOutXDown
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): FlipOutXDown {
     return new FlipOutXDown();
   }
@@ -309,6 +334,7 @@ export class FlipOutXDown
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -319,6 +345,7 @@ export class FlipOutXDown
             { rotateX: '0deg' },
             { translateY: 0 },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -340,7 +367,8 @@ export class FlipOutXDown
 
 export class FlipOutYRight
   extends ComplexAnimationBuilder
-  implements IExitAnimationBuilder {
+  implements IExitAnimationBuilder
+{
   static createInstance(): FlipOutYRight {
     return new FlipOutYRight();
   }
@@ -350,6 +378,7 @@ export class FlipOutYRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (targetValues) => {
       'worklet';
@@ -360,6 +389,7 @@ export class FlipOutYRight
             { rotateY: '0deg' },
             { translateX: 0 },
           ],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -381,7 +411,8 @@ export class FlipOutYRight
 
 export class FlipOutEasyX
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): FlipOutEasyX {
     return new FlipOutEasyX();
   }
@@ -391,12 +422,14 @@ export class FlipOutEasyX
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
       return {
         initialValues: {
           transform: [{ perspective: 500 }, { rotateX: '0deg' }],
+          ...initialValues,
         },
         animations: {
           transform: [
@@ -412,7 +445,8 @@ export class FlipOutEasyX
 
 export class FlipOutEasyY
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): FlipOutEasyY {
     return new FlipOutEasyY();
   }
@@ -422,12 +456,14 @@ export class FlipOutEasyY
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
       return {
         initialValues: {
           transform: [{ perspective: 500 }, { rotateY: '0deg' }],
+          ...initialValues,
         },
         animations: {
           transform: [

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

@@ -10,7 +10,8 @@ const { width } = Dimensions.get('window');
 
 export class LightSpeedInRight
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): LightSpeedInRight {
     return new LightSpeedInRight();
   }
@@ -21,6 +22,7 @@ export class LightSpeedInRight
     const delay = this.getDelay();
     const duration = this.getDuration();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -49,6 +51,7 @@ export class LightSpeedInRight
         initialValues: {
           opacity: 0,
           transform: [{ translateX: width }, { skewX: '-45deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -58,7 +61,8 @@ export class LightSpeedInRight
 
 export class LightSpeedInLeft
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): LightSpeedInLeft {
     return new LightSpeedInLeft();
   }
@@ -69,6 +73,7 @@ export class LightSpeedInLeft
     const delay = this.getDelay();
     const duration = this.getDuration();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -97,6 +102,7 @@ export class LightSpeedInLeft
         initialValues: {
           opacity: 0,
           transform: [{ translateX: -width }, { skewX: '45deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -106,7 +112,8 @@ export class LightSpeedInLeft
 
 export class LightSpeedOutRight
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): LightSpeedOutRight {
     return new LightSpeedOutRight();
   }
@@ -116,6 +123,7 @@ export class LightSpeedOutRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -134,6 +142,7 @@ export class LightSpeedOutRight
         initialValues: {
           opacity: 1,
           transform: [{ translateX: 0 }, { skewX: '0deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -143,7 +152,8 @@ export class LightSpeedOutRight
 
 export class LightSpeedOutLeft
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): LightSpeedOutLeft {
     return new LightSpeedOutLeft();
   }
@@ -153,6 +163,7 @@ export class LightSpeedOutLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -171,6 +182,7 @@ export class LightSpeedOutLeft
         initialValues: {
           opacity: 1,
           transform: [{ translateX: 0 }, { skewX: '0deg' }],
+          ...initialValues,
         },
         callback: callback,
       };

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

@@ -6,7 +6,8 @@ import {
 
 export class PinwheelIn
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): PinwheelIn {
     return new PinwheelIn();
   }
@@ -16,6 +17,7 @@ export class PinwheelIn
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (_values) => {
       'worklet';
@@ -41,6 +43,7 @@ export class PinwheelIn
               rotate: '5',
             },
           ],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -50,7 +53,8 @@ export class PinwheelIn
 
 export class PinwheelOut
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): PinwheelOut {
     return new PinwheelOut();
   }
@@ -60,6 +64,7 @@ export class PinwheelOut
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return (_values) => {
       'worklet';
@@ -85,6 +90,7 @@ export class PinwheelOut
               rotate: '0',
             },
           ],
+          ...initialValues,
         },
         callback: callback,
       };

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

@@ -9,7 +9,8 @@ const { width } = Dimensions.get('window');
 
 export class RollInLeft
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): RollInLeft {
     return new RollInLeft();
   }
@@ -19,6 +20,7 @@ export class RollInLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -31,6 +33,7 @@ export class RollInLeft
         },
         initialValues: {
           transform: [{ translateX: -width }, { rotate: '-180deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -40,7 +43,8 @@ export class RollInLeft
 
 export class RollInRight
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): RollInRight {
     return new RollInRight();
   }
@@ -50,6 +54,7 @@ export class RollInRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -62,6 +67,7 @@ export class RollInRight
         },
         initialValues: {
           transform: [{ translateX: width }, { rotate: '180deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -71,7 +77,8 @@ export class RollInRight
 
 export class RollOutLeft
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): RollOutLeft {
     return new RollOutLeft();
   }
@@ -81,6 +88,7 @@ export class RollOutLeft
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -93,6 +101,7 @@ export class RollOutLeft
         },
         initialValues: {
           transform: [{ translateX: 0 }, { rotate: '0deg' }],
+          ...initialValues,
         },
         callback: callback,
       };
@@ -102,7 +111,8 @@ export class RollOutLeft
 
 export class RollOutRight
   extends ComplexAnimationBuilder
-  implements IEntryExitAnimationBuilder {
+  implements IEntryExitAnimationBuilder
+{
   static createInstance(): RollOutRight {
     return new RollOutRight();
   }
@@ -112,6 +122,7 @@ export class RollOutRight
     const [animation, config] = this.getAnimationAndConfig();
     const delay = this.getDelay();
     const callback = this.callbackV;
+    const initialValues = this.initialValues;
 
     return () => {
       'worklet';
@@ -124,6 +135,7 @@ export class RollOutRight
         },
         initialValues: {
           transform: [{ translateX: 0 }, { rotate: '0deg' }],
+          ...initialValues,
         },
         callback: callback,
       };