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

package/lib/reanimated2/layoutReanimation/defaultAnimations/Slide.js

@@ -1,169 +1,207 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { BaseAnimationBuilder } from '../defaultAnimationsBuilder';
 import { Dimensions } from 'react-native';
+import { ComplexAnimationBuilder } from '../animationBuilder';
 const { width, height } = Dimensions.get('window');
-export class SlideInRight extends BaseAnimationBuilder {
+export class SlideInRight extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originX: delayFunction(delay, animation(values.originX, config)),
+                    },
+                    initialValues: {
+                        originX: values.originX + width,
+                    },
+                    callback: callback,
+                };
+            };
+        };
+    }
     static createInstance() {
         return new SlideInRight();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originX: delayFunction(delay, animation(values.originX, config)),
-                },
-                initialValues: {
-                    originX: values.originX + width,
-                },
+}
+export class SlideInLeft extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originX: delayFunction(delay, animation(values.originX, config)),
+                    },
+                    initialValues: {
+                        originX: values.originX - width,
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideInLeft extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideInLeft();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originX: delayFunction(delay, animation(values.originX, config)),
-                },
-                initialValues: {
-                    originX: values.originX - width,
-                },
+}
+export class SlideOutRight extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originX: delayFunction(delay, animation(Math.max(values.originX + width, width), config)),
+                    },
+                    initialValues: {
+                        originX: values.originX,
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideOutRight extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideOutRight();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originX: delayFunction(delay, animation(values.originX + width, config)),
-                },
-                initialValues: {
-                    originX: values.originX,
-                },
+}
+export class SlideOutLeft extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originX: delayFunction(delay, animation(Math.min(values.originX - width, -width), config)),
+                    },
+                    initialValues: {
+                        originX: values.originX,
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideOutLeft extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideOutLeft();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originX: delayFunction(delay, animation(values.originX - width, config)),
-                },
-                initialValues: {
-                    originX: values.originX,
-                },
+}
+export class SlideInUp extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originY: delayFunction(delay, animation(values.originY, config)),
+                    },
+                    initialValues: {
+                        originY: height,
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideInUp extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideInUp();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originY: delayFunction(delay, animation(values.originY, config)),
-                },
-                initialValues: {
-                    originY: height,
-                },
+}
+export class SlideInDown extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originY: delayFunction(delay, animation(values.originY, config)),
+                    },
+                    initialValues: {
+                        originY: values.originY + height,
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideInDown extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideInDown();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originY: delayFunction(delay, animation(values.originY, config)),
-                },
-                initialValues: {
-                    originY: values.originY - height,
-                },
+}
+export class SlideOutUp extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originY: delayFunction(delay, animation(Math.min(values.originY - height, -height), config)),
+                    },
+                    initialValues: { originY: values.originY },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideOutUp extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideOutUp();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originY: delayFunction(delay, animation(values.originY - height, config)),
-                },
-                initialValues: {},
+}
+export class SlideOutDown extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return (values) => {
+                'worklet';
+                return {
+                    animations: {
+                        originY: delayFunction(delay, animation(Math.max(values.originY + height, height), config)),
+                    },
+                    initialValues: { originY: values.originY },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class SlideOutDown extends BaseAnimationBuilder {
     static createInstance() {
         return new SlideOutDown();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return (values) => {
-            'worklet';
-            return {
-                animations: {
-                    originY: delayFunction(delay, animation(values.originY + height, config)),
-                },
-                initialValues: {},
-            };
-        };
-    }
 }

package/lib/reanimated2/layoutReanimation/defaultAnimations/Stretch.js

@@ -1,87 +1,105 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { BaseAnimationBuilder } from '../defaultAnimationsBuilder';
-export class StretchInX extends BaseAnimationBuilder {
+import { ComplexAnimationBuilder } from '../animationBuilder';
+export class StretchInX extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [{ scaleX: delayFunction(delay, animation(1, config)) }],
+                    },
+                    initialValues: {
+                        transform: [{ scaleX: 0 }],
+                    },
+                    callback: callback,
+                };
+            };
+        };
+    }
     static createInstance() {
         return new StretchInX();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [{ scaleX: delayFunction(delay, animation(1, config)) }],
-                },
-                initialValues: {
-                    transform: [{ scaleX: 0 }],
-                },
+}
+export class StretchInY extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [{ scaleY: delayFunction(delay, animation(1, config)) }],
+                    },
+                    initialValues: {
+                        transform: [{ scaleY: 0 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class StretchInY extends BaseAnimationBuilder {
     static createInstance() {
         return new StretchInY();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [{ scaleY: delayFunction(delay, animation(1, config)) }],
-                },
-                initialValues: {
-                    transform: [{ scaleY: 0 }],
-                },
+}
+export class StretchOutX extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [{ scaleX: delayFunction(delay, animation(0, config)) }],
+                    },
+                    initialValues: {
+                        transform: [{ scaleX: 1 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class StretchOutX extends BaseAnimationBuilder {
     static createInstance() {
         return new StretchOutX();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [{ scaleX: delayFunction(delay, animation(0, config)) }],
-                },
-                initialValues: {
-                    transform: [{ scaleX: 1 }],
-                },
+}
+export class StretchOutY extends ComplexAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const [animation, config] = this.getAnimationAndConfig();
+            const delay = this.getDelay();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [{ scaleY: delayFunction(delay, animation(0, config)) }],
+                    },
+                    initialValues: {
+                        transform: [{ scaleY: 1 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class StretchOutY extends BaseAnimationBuilder {
     static createInstance() {
         return new StretchOutY();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const [animation, config] = this.getAnimationAndConfig();
-        const delay = this.delayV;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [{ scaleY: delayFunction(delay, animation(0, config)) }],
-                },
-                initialValues: {
-                    transform: [{ scaleY: 1 }],
-                },
-            };
-        };
-    }
 }