react-native-reanimated 2.4.0 → 2.6.0

package/lib/{src/reanimated2 → 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/{src/reanimated2 → 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/{src/reanimated2 → 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/{src/reanimated2 → 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,
                 };
             };

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

@@ -7,6 +7,7 @@ export class RotateInDownLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -18,14 +19,11 @@ export class RotateInDownLeft extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '-90deg' },
                             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
                             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -43,6 +41,7 @@ export class RotateInDownRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -54,14 +53,11 @@ export class RotateInDownRight extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '90deg' },
                             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
                             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -79,6 +75,7 @@ export class RotateInUpLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -90,14 +87,11 @@ export class RotateInUpLeft extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '90deg' },
                             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
                             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -115,6 +109,7 @@ export class RotateInUpRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -126,14 +121,11 @@ export class RotateInUpRight extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '-90deg' },
                             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
                             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -151,6 +143,7 @@ export class RotateOutDownLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -166,10 +159,7 @@ export class RotateOutDownLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -187,6 +177,7 @@ export class RotateOutDownRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -202,10 +193,7 @@ export class RotateOutDownRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -223,6 +211,7 @@ export class RotateOutUpLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -238,10 +227,7 @@ export class RotateOutUpLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -259,6 +245,7 @@ export class RotateOutUpRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -274,10 +261,7 @@ export class RotateOutUpRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };