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

package/src/reanimated2/layoutReanimation/defaultAnimations/Stretch.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 StretchInX extends BaseAnimationBuilder {
-  static createInstance() {
+export class StretchInX
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): StretchInX {
     return new StretchInX();
   }
 
-  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';
@@ -21,20 +26,24 @@ export class StretchInX extends BaseAnimationBuilder {
         initialValues: {
           transform: [{ scaleX: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class StretchInY extends BaseAnimationBuilder {
-  static createInstance() {
+export class StretchInY
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): StretchInY {
     return new StretchInY();
   }
 
-  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';
@@ -45,20 +54,24 @@ export class StretchInY extends BaseAnimationBuilder {
         initialValues: {
           transform: [{ scaleY: 0 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class StretchOutX extends BaseAnimationBuilder {
-  static createInstance() {
+export class StretchOutX
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): StretchOutX {
     return new StretchOutX();
   }
 
-  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';
@@ -69,20 +82,24 @@ export class StretchOutX extends BaseAnimationBuilder {
         initialValues: {
           transform: [{ scaleX: 1 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }
 
-export class StretchOutY extends BaseAnimationBuilder {
-  static createInstance() {
+export class StretchOutY
+  extends ComplexAnimationBuilder
+  implements IEntryExitAnimationBuilder {
+  static createInstance(): StretchOutY {
     return new StretchOutY();
   }
 
-  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';
@@ -93,7 +110,8 @@ export class StretchOutY extends BaseAnimationBuilder {
         initialValues: {
           transform: [{ scaleY: 1 }],
         },
+        callback: callback,
       };
     };
-  }
+  };
 }