react-native-reanimated 2.4.0 → 2.6.0

package/lib/{src/reanimated2 → reanimated2}/jestUtils.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
-const MockDate = require('mockdate');
+import { jestResetJsReanimatedModule } from './core';
 let config = {
     fps: 60,
 };
@@ -105,22 +105,26 @@ const compareStyle = (received, expectedStyle, config) => {
 };
 let frameTime = 1000 / config.fps;
 let requestAnimationFrameCopy;
+let currentTimestamp = 0;
 const requestAnimationFrame = (callback) => {
     setTimeout(callback, frameTime);
 };
 const beforeTest = () => {
+    jestResetJsReanimatedModule();
     requestAnimationFrameCopy = global.requestAnimationFrame;
     global.requestAnimationFrame = requestAnimationFrame;
-    MockDate.set(0);
+    global.ReanimatedDataMock = {
+        now: () => currentTimestamp,
+    };
+    currentTimestamp = 0;
     jest.useFakeTimers();
 };
 const afterTest = () => {
-    MockDate.reset();
     jest.useRealTimers();
     global.requestAnimationFrame = requestAnimationFrameCopy;
 };
 const tickTravel = () => {
-    MockDate.set(new Date(Date.now() + frameTime));
+    currentTimestamp += frameTime;
     jest.advanceTimersByTime(frameTime);
 };
 export const withReanimatedTimer = (animatonTest) => {
@@ -142,6 +146,7 @@ export const advanceAnimationByFrame = (count) => {
 };
 export const setUpTests = (userConfig = {}) => {
     const expect = require('expect');
+    require('setimmediate');
     frameTime = Math.round(1000 / config.fps);
     config = Object.assign(Object.assign({}, config), userConfig);
     expect.extend({

package/lib/{src/reanimated2 → reanimated2}/js-reanimated/JSReanimated.js

@@ -2,6 +2,7 @@ import MapperRegistry from './MapperRegistry';
 import Mapper from './Mapper';
 import MutableValue from './MutableValue';
 import { NativeReanimated } from '../NativeReanimated/NativeReanimated';
+import { isJest } from '../PlatformChecker';
 export default class JSReanimated extends NativeReanimated {
     constructor() {
         super(false);
@@ -9,8 +10,8 @@ export default class JSReanimated extends NativeReanimated {
         this._renderRequested = false;
         this._mapperRegistry = new MapperRegistry(this);
         this._frames = [];
-        if (process.env.JEST_WORKER_ID) {
-            this.timeProvider = { now: () => Date.now() };
+        if (isJest()) {
+            this.timeProvider = { now: () => global.ReanimatedDataMock.now() };
         }
         else {
             this.timeProvider = { now: () => window.performance.now() };
@@ -75,4 +76,24 @@ export default class JSReanimated extends NativeReanimated {
     enableLayoutAnimations() {
         console.warn('[Reanimated] enableLayoutAnimations is not available for WEB yet');
     }
+    registerSensor() {
+        console.warn('[Reanimated] useAnimatedSensor is not available on web yet.');
+        return -1;
+    }
+    unregisterSensor() {
+        // noop
+    }
+    jestResetModule() {
+        if (isJest()) {
+            /**
+             * If someone used timers to stop animation before the end,
+             * then _renderRequested was set as true
+             * and any new update from another test wasn't applied.
+             */
+            this._renderRequested = false;
+        }
+        else {
+            throw Error('This method can be only use in Jest testing.');
+        }
+    }
 }

package/lib/{src/reanimated2 → reanimated2}/js-reanimated/index.js

@@ -7,7 +7,7 @@ if (shouldBeUseWeb()) {
         // noop
     };
     global._measure = () => {
-        console.warn("[Reanimated] You can't use 'measue' method with Chrome Debugger or with web version");
+        console.warn("[Reanimated] You can't use `measure` with Chrome Debugger or with web version");
         return {
             x: 0,
             y: 0,
@@ -18,10 +18,10 @@ if (shouldBeUseWeb()) {
         };
     };
     global._scrollTo = () => {
-        console.warn("[Reanimated] You can't use 'scrollTo' method with Chrome Debugger or with web version");
+        console.warn("[Reanimated] You can't use `scrollTo` with Chrome Debugger or with web version");
     };
     global._setGestureState = () => {
-        console.warn("[Reanimated] You can't use 'setGestureState' method with Chrome Debugger or with web version");
+        console.warn("[Reanimated] You can't use `setGestureState` with Chrome Debugger or with web version");
     };
 }
 export const _updatePropsJS = (updates, viewRef) => {

package/lib/{src/reanimated2 → reanimated2}/layoutReanimation/animationBuilder/ComplexAnimationBuilder.js

@@ -73,6 +73,14 @@ export class ComplexAnimationBuilder extends BaseAnimationBuilder {
         this.restSpeedThresholdV = restSpeedThreshold;
         return this;
     }
+    static withInitialValues(values) {
+        const instance = this.createInstance();
+        return instance.withInitialValues(values);
+    }
+    withInitialValues(values) {
+        this.initialValues = values;
+        return this;
+    }
     getAnimationAndConfig() {
         const duration = this.durationV;
         const easing = this.easingV;

package/lib/{src/reanimated2 → reanimated2}/layoutReanimation/animationBuilder/Keyframe.js

@@ -109,7 +109,8 @@ export class Keyframe {
             if (styleProp === 'transform') {
                 (_a = initialValues[styleProp]) === null || _a === void 0 ? void 0 : _a.forEach((transformStyle, index) => {
                     Object.keys(transformStyle).forEach((transformProp) => {
-                        parsedKeyframes[index.toString() + '_transform:' + transformProp] = [];
+                        parsedKeyframes[index.toString() + '_transform:' + transformProp] =
+                            [];
                     });
                 });
             }

package/lib/{src/reanimated2 → reanimated2}/layoutReanimation/defaultAnimations/Bounce.js

@@ -1,8 +1,8 @@
 import { withSequence, withTiming } from '../../animation';
 import { Dimensions } from 'react-native';
-import { BaseAnimationBuilder } from '../animationBuilder/BaseAnimationBuilder';
+import { ComplexAnimationBuilder } from '../animationBuilder/ComplexAnimationBuilder';
 const { width, height } = Dimensions.get('window');
-export class BounceIn extends BaseAnimationBuilder {
+export class BounceIn extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -10,6 +10,7 @@ export class BounceIn extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -20,9 +21,7 @@ export class BounceIn extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -39,7 +38,7 @@ export class BounceIn extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInDown extends BaseAnimationBuilder {
+export class BounceInDown extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -47,6 +46,7 @@ export class BounceInDown extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -57,13 +57,11 @@ export class BounceInDown extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             {
                                 translateY: height,
                             },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -80,7 +78,7 @@ export class BounceInDown extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInUp extends BaseAnimationBuilder {
+export class BounceInUp extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -88,6 +86,7 @@ export class BounceInUp extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -98,9 +97,7 @@ export class BounceInUp extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: -height }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: -height }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -117,7 +114,7 @@ export class BounceInUp extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInLeft extends BaseAnimationBuilder {
+export class BounceInLeft extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -125,6 +122,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -135,9 +133,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: -width }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: -width }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -154,7 +150,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInRight extends BaseAnimationBuilder {
+export class BounceInRight extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -162,6 +158,7 @@ export class BounceInRight extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -172,9 +169,7 @@ export class BounceInRight extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: width }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: width }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -191,7 +186,7 @@ export class BounceInRight extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOut extends BaseAnimationBuilder {
+export class BounceOut extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -199,6 +194,7 @@ export class BounceOut extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -209,9 +205,7 @@ export class BounceOut extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -228,7 +222,7 @@ export class BounceOut extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutDown extends BaseAnimationBuilder {
+export class BounceOutDown extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -236,6 +230,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -248,9 +243,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -267,7 +260,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutUp extends BaseAnimationBuilder {
+export class BounceOutUp extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -275,6 +268,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -287,9 +281,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -306,7 +298,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutLeft extends BaseAnimationBuilder {
+export class BounceOutLeft extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -314,6 +306,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -326,9 +319,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -345,7 +336,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutRight extends BaseAnimationBuilder {
+export class BounceOutRight extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -353,6 +344,7 @@ export class BounceOutRight extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -365,9 +357,7 @@ export class BounceOutRight extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };

package/lib/{src/reanimated2 → reanimated2}/layoutReanimation/defaultAnimations/Fade.js

@@ -6,6 +6,7 @@ export class FadeIn extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return (_) => {
                 'worklet';
@@ -13,9 +14,7 @@ export class FadeIn extends ComplexAnimationBuilder {
                     animations: {
                         opacity: delayFunction(delay, animation(1, config)),
                     },
-                    initialValues: {
-                        opacity: 0,
-                    },
+                    initialValues: Object.assign({ opacity: 0 }, initialValues),
                     callback: callback,
                 };
             };
@@ -32,6 +31,7 @@ export class FadeInRight extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -42,10 +42,7 @@ export class FadeInRight extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: 25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: 25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -62,6 +59,7 @@ export class FadeInLeft extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -72,10 +70,7 @@ export class FadeInLeft extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: -25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: -25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -92,6 +87,7 @@ export class FadeInUp extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -102,10 +98,7 @@ export class FadeInUp extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateY: -25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateY: -25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -122,6 +115,7 @@ export class FadeInDown extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -132,10 +126,7 @@ export class FadeInDown extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateY: 25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateY: 25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -152,6 +143,7 @@ export class FadeOut extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return (_) => {
                 'worklet';
@@ -159,9 +151,7 @@ export class FadeOut extends ComplexAnimationBuilder {
                     animations: {
                         opacity: delayFunction(delay, animation(0, config)),
                     },
-                    initialValues: {
-                        opacity: 1,
-                    },
+                    initialValues: Object.assign({ opacity: 1 }, initialValues),
                     callback: callback,
                 };
             };
@@ -178,6 +168,7 @@ export class FadeOutRight extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -188,10 +179,7 @@ export class FadeOutRight extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -208,6 +196,7 @@ export class FadeOutLeft extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -218,10 +207,7 @@ export class FadeOutLeft extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(-25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -238,6 +224,7 @@ export class FadeOutUp extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -248,10 +235,7 @@ export class FadeOutUp extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(-25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -268,6 +252,7 @@ export class FadeOutDown extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -278,10 +263,7 @@ export class FadeOutDown extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };