react-native-reanimated 2.3.3 → 2.5.0

package/lib/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,
                 };
             };

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

@@ -7,16 +7,15 @@ export class FlipInXUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '90deg' },
                             { translateY: -targetValues.targetHeight },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: 500 },
@@ -41,16 +40,15 @@ export class FlipInYLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '-90deg' },
                             { translateX: -targetValues.targetWidth },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -75,16 +73,15 @@ export class FlipInXDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '-90deg' },
                             { translateY: targetValues.targetHeight },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -109,16 +106,15 @@ export class FlipInYRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '90deg' },
                             { translateX: targetValues.targetWidth },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -143,12 +139,11 @@ export class FlipInEasyX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateX: '90deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateX: '90deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -172,12 +167,11 @@ export class FlipInEasyY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateY: '90deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateY: '90deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -201,16 +195,15 @@ export class FlipOutXUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '0deg' },
                             { translateY: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -237,16 +230,15 @@ export class FlipOutYLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '0deg' },
                             { translateX: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -273,16 +265,15 @@ export class FlipOutXDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '0deg' },
                             { translateY: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -309,16 +300,15 @@ export class FlipOutYRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '0deg' },
                             { translateX: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -345,12 +335,11 @@ export class FlipOutEasyX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateX: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateX: '0deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -374,12 +363,11 @@ export class FlipOutEasyY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateY: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateY: '0deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },

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

@@ -11,6 +11,7 @@ export class LightSpeedInRight extends ComplexAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -25,10 +26,7 @@ export class LightSpeedInRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: width }, { skewX: '-45deg' }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: width }, { skewX: '-45deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -47,6 +45,7 @@ export class LightSpeedInLeft extends ComplexAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -61,10 +60,7 @@ export class LightSpeedInLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: -width }, { skewX: '45deg' }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: -width }, { skewX: '45deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -82,6 +78,7 @@ export class LightSpeedOutRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -96,10 +93,7 @@ export class LightSpeedOutRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }, { skewX: '0deg' }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }, { skewX: '0deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -117,6 +111,7 @@ export class LightSpeedOutLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -131,10 +126,7 @@ export class LightSpeedOutLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }, { skewX: '0deg' }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }, { skewX: '0deg' }] }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -7,6 +7,7 @@ export class PinwheelIn extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (_values) => {
                 'worklet';
                 return {
@@ -21,17 +22,14 @@ export class PinwheelIn extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             {
                                 scale: 0,
                             },
                             {
                                 rotate: '5',
                             },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -49,6 +47,7 @@ export class PinwheelOut extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (_values) => {
                 'worklet';
                 return {
@@ -63,17 +62,14 @@ export class PinwheelOut extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 1, transform: [
                             {
                                 scale: 1,
                             },
                             {
                                 rotate: '0',
                             },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -9,6 +9,7 @@ export class RollInLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -18,9 +19,7 @@ export class RollInLeft extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation('0deg', config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: -width }, { rotate: '-180deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: -width }, { rotate: '-180deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -38,6 +37,7 @@ export class RollInRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -47,9 +47,7 @@ export class RollInRight extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation('0deg', config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: width }, { rotate: '180deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: width }, { rotate: '180deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -67,6 +65,7 @@ export class RollOutLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -76,9 +75,7 @@ export class RollOutLeft extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation('-180deg', config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }, { rotate: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }, { rotate: '0deg' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -96,6 +93,7 @@ export class RollOutRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -105,9 +103,7 @@ export class RollOutRight extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation('180deg', config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }, { rotate: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }, { rotate: '0deg' }] }, initialValues),
                     callback: callback,
                 };
             };