react-native-reanimated 2.3.0-alpha.1 → 2.3.0-beta.2

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

@@ -1,16 +1,21 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { BaseAnimationBuilder } from '../defaultAnimationsBuilder';
+import {
+  IEntryExitAnimationBuilder,
+  EntryExitAnimationFunction,
+} from '../animationBuilder/commonTypes';
+import { ComplexAnimationBuilder } from '../animationBuilder';
 
-export class FadeIn extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeIn
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeIn {
     return new FadeIn();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return (_) => {
       'worklet';
@@ -21,20 +26,24 @@ export class FadeIn extends BaseAnimationBuilder {
         initialValues: {
           opacity: 0,
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeInRight extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeInRight
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeInRight {
     return new FadeInRight();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -49,20 +58,24 @@ export class FadeInRight extends BaseAnimationBuilder {
           opacity: 0,
           transform: [{ translateX: 25 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeInLeft extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeInLeft
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeInLeft {
     return new FadeInLeft();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -77,20 +90,24 @@ export class FadeInLeft extends BaseAnimationBuilder {
           opacity: 0,
           transform: [{ translateX: -25 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeInUp extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeInUp
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeInUp {
     return new FadeInUp();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -105,20 +122,24 @@ export class FadeInUp extends BaseAnimationBuilder {
           opacity: 0,
           transform: [{ translateY: -25 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeInDown extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeInDown
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeInDown {
     return new FadeInDown();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -133,20 +154,24 @@ export class FadeInDown extends BaseAnimationBuilder {
           opacity: 0,
           transform: [{ translateY: 25 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeOut extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeOut
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeOut {
     return new FadeOut();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return (_) => {
       'worklet';
@@ -157,20 +182,24 @@ export class FadeOut extends BaseAnimationBuilder {
         initialValues: {
           opacity: 1,
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeOutRight extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeOutRight
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeOutRight {
     return new FadeOutRight();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -185,20 +214,24 @@ export class FadeOutRight extends BaseAnimationBuilder {
           opacity: 1,
           transform: [{ translateX: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeOutLeft extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeOutLeft
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeOutLeft {
     return new FadeOutLeft();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -213,20 +246,24 @@ export class FadeOutLeft extends BaseAnimationBuilder {
           opacity: 1,
           transform: [{ translateX: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeOutUp extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeOutUp
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeOutUp {
     return new FadeOutUp();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -241,20 +278,24 @@ export class FadeOutUp extends BaseAnimationBuilder {
           opacity: 1,
           transform: [{ translateY: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FadeOutDown extends BaseAnimationBuilder {
-  static createInstance() {
+export class FadeOutDown
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FadeOutDown {
     return new FadeOutDown();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const callback = this.callbackV;
+    const delay = this.getDelay();
 
     return () => {
       'worklet';
@@ -269,7 +310,8 @@ export class FadeOutDown extends BaseAnimationBuilder {
           opacity: 1,
           transform: [{ translateY: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }

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

@@ -1,16 +1,21 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { BaseAnimationBuilder } from '../defaultAnimationsBuilder';
-
-export class FlipInXUp extends BaseAnimationBuilder {
-  static createInstance() {
+import {
+  IEntryExitAnimationBuilder,
+  EntryExitAnimationFunction,
+} from '../animationBuilder/commonTypes';
+import { ComplexAnimationBuilder } from '../animationBuilder';
+
+export class FlipInXUp
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInXUp {
     return new FlipInXUp();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -29,20 +34,24 @@ export class FlipInXUp extends BaseAnimationBuilder {
             { translateY: delayFunction(delay, animation(0, config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipInYLeft extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipInYLeft
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInYLeft {
     return new FlipInYLeft();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -61,20 +70,24 @@ export class FlipInYLeft extends BaseAnimationBuilder {
             { translateX: delayFunction(delay, animation(0, config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipInXDown extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipInXDown
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInXDown {
     return new FlipInXDown();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -93,20 +106,24 @@ export class FlipInXDown extends BaseAnimationBuilder {
             { translateY: delayFunction(delay, animation(0, config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipInYRight extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipInYRight
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInYRight {
     return new FlipInYRight();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -125,20 +142,24 @@ export class FlipInYRight extends BaseAnimationBuilder {
             { translateX: delayFunction(delay, animation(0, config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipInEasyX extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipInEasyX
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInEasyX {
     return new FlipInEasyX();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return () => {
       'worklet';
@@ -152,20 +173,24 @@ export class FlipInEasyX extends BaseAnimationBuilder {
             { rotateX: delayFunction(delay, animation('0deg', config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipInEasyY extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipInEasyY
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipInEasyY {
     return new FlipInEasyY();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return () => {
       'worklet';
@@ -179,20 +204,24 @@ export class FlipInEasyY extends BaseAnimationBuilder {
             { rotateY: delayFunction(delay, animation('0deg', config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutXUp extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutXUp
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutXUp {
     return new FlipOutXUp();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -216,20 +245,24 @@ export class FlipOutXUp extends BaseAnimationBuilder {
             },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutYLeft extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutYLeft
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutYLeft {
     return new FlipOutYLeft();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -253,20 +286,24 @@ export class FlipOutYLeft extends BaseAnimationBuilder {
             },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutXDown extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutXDown
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutXDown {
     return new FlipOutXDown();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -290,20 +327,24 @@ export class FlipOutXDown extends BaseAnimationBuilder {
             },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutYRight extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutYRight
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutYRight {
     return new FlipOutYRight();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return (targetValues) => {
       'worklet';
@@ -327,20 +368,24 @@ export class FlipOutYRight extends BaseAnimationBuilder {
             },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutEasyX extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutEasyX
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutEasyX {
     return new FlipOutEasyX();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return () => {
       'worklet';
@@ -354,20 +399,24 @@ export class FlipOutEasyX extends BaseAnimationBuilder {
             { rotateX: delayFunction(delay, animation('90deg', config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class FlipOutEasyY extends BaseAnimationBuilder {
-  static createInstance() {
+export class FlipOutEasyY
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): FlipOutEasyY {
     return new FlipOutEasyY();
   }
 
-  build() {
+  build = (): EntryExitAnimationFunction => {
     const delayFunction = this.getDelayFunction();
     const [animation, config] = this.getAnimationAndConfig();
-    const delay = this.delayV;
+    const delay = this.getDelay();
+    const callback = this.callbackV;
 
     return () => {
       'worklet';
@@ -381,7 +430,8 @@ export class FlipOutEasyY extends BaseAnimationBuilder {
             { rotateY: delayFunction(delay, animation('90deg', config)) },
           ],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }