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

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

@@ -1,268 +1,386 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { BaseBounceAnimationBuilder } from '../defaultAnimationsBuilder';
-import { withSequence, withTiming } from '../../animations';
+import { withSequence, withTiming } from '../../animation';
 import { Dimensions } from 'react-native';
+import { BaseAnimationBuilder } from '../animationBuilder/BaseAnimationBuilder';
 const { width, height } = Dimensions.get('window');
-export class BounceIn extends BaseBounceAnimationBuilder {
+export class BounceIn extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                scale: delayFunction(delay, withSequence(withTiming(1.2, { duration: duration * 0.55 }), withTiming(0.9, { duration: duration * 0.15 }), withTiming(1.1, { duration: duration * 0.15 }), withTiming(1, { duration: duration * 0.15 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ scale: 0 }],
+                    },
+                    callback: callback,
+                };
+            };
+        };
+    }
     static createInstance() {
         return new BounceIn();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            scale: delayFunction(delay, withSequence(withTiming(1.2, { duration: duration }), withTiming(0.9, { duration: (duration * 100) / 250 }), withTiming(1.1, { duration: (duration * 100) / 250 }), withTiming(1, { duration: (duration * 100) / 250 }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ scale: 0 }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceInDown extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateY: delayFunction(delay, withSequence(withTiming(-20, { duration: duration * 0.55 }), withTiming(10, { duration: duration * 0.15 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(0, { duration: duration * 0.15 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [
+                            {
+                                translateY: height,
+                            },
+                        ],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceInDown extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceInDown();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateY: delayFunction(delay, withSequence(withTiming(-20, { duration: duration }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(5, { duration: (duration * 100) / 250 }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [
-                        {
-                            translateY: targetValues.originY + height,
-                        },
-                    ],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceInUp extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateY: delayFunction(delay, withSequence(withTiming(20, { duration: duration * 0.55 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(10, { duration: duration * 0.15 }), withTiming(0, { duration: duration * 0.15 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateY: -height }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceInUp extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceInUp();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateY: delayFunction(delay, withSequence(withTiming(20, { duration: duration }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(0, { duration: (duration * 100) / 250 }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateY: targetValues.originY - height }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceInLeft extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateX: delayFunction(delay, withSequence(withTiming(20, { duration: duration * 0.55 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(10, { duration: duration * 0.15 }), withTiming(0, { duration: duration * 0.15 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateX: -width }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceInLeft extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceInLeft();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateX: delayFunction(delay, withSequence(withTiming(20, { duration: duration }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(0, { duration: (duration * 100) / 250 }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateX: targetValues.originX - width }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceInRight extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateX: delayFunction(delay, withSequence(withTiming(-20, { duration: duration * 0.55 }), withTiming(10, { duration: duration * 0.15 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(0, { duration: duration * 0.15 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateX: width }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceInRight extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceInRight();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateX: delayFunction(delay, withSequence(withTiming(-20, { duration: duration }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(0, { duration: (duration * 100) / 250 }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateX: targetValues.originX + width }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceOut extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                scale: delayFunction(delay, withSequence(withTiming(1.1, { duration: duration * 0.15 }), withTiming(0.9, { duration: duration * 0.15 }), withTiming(1.2, { duration: duration * 0.15 }), withTiming(0, { duration: duration * 0.55 }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ scale: 1 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceOut extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceOut();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return () => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            scale: delayFunction(delay, withSequence(withTiming(1.1, { duration: (duration * 100) / 250 }), withTiming(0.9, { duration: (duration * 100) / 250 }), withTiming(1.2, { duration: (duration * 100) / 250 }), withTiming(0, { duration: duration }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ scale: 1 }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceOutDown extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateY: delayFunction(delay, withSequence(withTiming(-10, { duration: duration * 0.15 }), withTiming(10, { duration: duration * 0.15 }), withTiming(-20, { duration: duration * 0.15 }), withTiming(height, {
+                                    duration: duration * 0.55,
+                                }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateY: 0 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceOutDown extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceOutDown();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateY: delayFunction(delay, withSequence(withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-20, { duration: (duration * 100) / 250 }), withTiming(targetValues.originY + height, {
-                                duration: duration,
-                            }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    originY: 0,
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceOutUp extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateY: delayFunction(delay, withSequence(withTiming(10, { duration: duration * 0.15 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(20, { duration: duration * 0.15 }), withTiming(-height, {
+                                    duration: duration * 0.55,
+                                }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateY: 0 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceOutUp extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceOutUp();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateY: delayFunction(delay, withSequence(withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(20, { duration: (duration * 100) / 250 }), withTiming(targetValues.originY - height, {
-                                duration: duration,
-                            }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateY: 0 }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceOutLeft extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateX: delayFunction(delay, withSequence(withTiming(10, { duration: duration * 0.15 }), withTiming(-10, { duration: duration * 0.15 }), withTiming(20, { duration: duration * 0.15 }), withTiming(-width, {
+                                    duration: duration * 0.55,
+                                }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateX: 0 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceOutLeft extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceOutLeft();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateX: delayFunction(delay, withSequence(withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(20, { duration: (duration * 100) / 250 }), withTiming(targetValues.originX - width, {
-                                duration: duration,
-                            }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateX: 0 }],
-                },
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
+    }
+}
+export class BounceOutRight extends BaseAnimationBuilder {
+    constructor() {
+        super(...arguments);
+        this.build = () => {
+            const delayFunction = this.getDelayFunction();
+            const delay = this.getDelay();
+            const duration = this.getDuration();
+            const callback = this.callbackV;
+            return () => {
+                'worklet';
+                return {
+                    animations: {
+                        transform: [
+                            {
+                                translateX: delayFunction(delay, withSequence(withTiming(-10, { duration: duration * 0.15 }), withTiming(10, { duration: duration * 0.15 }), withTiming(-20, { duration: duration * 0.15 }), withTiming(width, {
+                                    duration: duration * 0.55,
+                                }))),
+                            },
+                        ],
+                    },
+                    initialValues: {
+                        transform: [{ translateX: 0 }],
+                    },
+                    callback: callback,
+                };
             };
         };
     }
-}
-export class BounceOutRight extends BaseBounceAnimationBuilder {
     static createInstance() {
         return new BounceOutRight();
     }
-    build() {
-        const delayFunction = this.getDelayFunction();
-        const delay = this.delayV;
-        const duration = this.durationV ? this.durationV : 250;
-        return (targetValues) => {
-            'worklet';
-            return {
-                animations: {
-                    transform: [
-                        {
-                            translateX: delayFunction(delay, withSequence(withTiming(-10, { duration: (duration * 100) / 250 }), withTiming(10, { duration: (duration * 100) / 250 }), withTiming(-20, { duration: (duration * 100) / 250 }), withTiming(targetValues.originX + width, {
-                                duration: duration,
-                            }))),
-                        },
-                    ],
-                },
-                initialValues: {
-                    transform: [{ translateX: 0 }],
-                },
-            };
-        };
+    static getDuration() {
+        return 600;
+    }
+    getDuration() {
+        var _a;
+        return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }

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

@@ -0,0 +1,36 @@
+export const DefaultLayout = (values) => {
+    'worklet';
+    return {
+        initialValues: {
+            originX: values.originX,
+            originY: values.originY,
+            width: values.width,
+            height: values.height,
+        },
+        animations: {},
+    };
+};
+export const DefaultEntering = (targetValues) => {
+    'worklet';
+    return {
+        initialValues: {
+            originX: targetValues.originX,
+            originY: targetValues.originY,
+            width: targetValues.width,
+            height: targetValues.height,
+        },
+        animations: {},
+    };
+};
+export const DefaultExiting = (startValues) => {
+    'worklet';
+    return {
+        initialValues: {
+            originX: startValues.originX,
+            originY: startValues.originY,
+            width: startValues.width,
+            height: startValues.height,
+        },
+        animations: {},
+    };
+};