react-native-reanimated 2.4.1 → 2.5.0

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,
                 };
             };

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

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

@@ -9,15 +9,14 @@ export class SlideInRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(values.targetOriginX, config)),
                     },
-                    initialValues: {
-                        originX: values.targetOriginX + width,
-                    },
+                    initialValues: Object.assign({ originX: values.targetOriginX + width }, initialValues),
                     callback: callback,
                 };
             };
@@ -35,15 +34,14 @@ export class SlideInLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(values.targetOriginX, config)),
                     },
-                    initialValues: {
-                        originX: values.targetOriginX - width,
-                    },
+                    initialValues: Object.assign({ originX: values.targetOriginX - width }, initialValues),
                     callback: callback,
                 };
             };
@@ -61,15 +59,14 @@ export class SlideOutRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(Math.max(values.currentOriginX + width, width), config)),
                     },
-                    initialValues: {
-                        originX: values.currentOriginX,
-                    },
+                    initialValues: Object.assign({ originX: values.currentOriginX }, initialValues),
                     callback: callback,
                 };
             };
@@ -87,15 +84,14 @@ export class SlideOutLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(Math.min(values.currentOriginX - width, -width), config)),
                     },
-                    initialValues: {
-                        originX: values.currentOriginX,
-                    },
+                    initialValues: Object.assign({ originX: values.currentOriginX }, initialValues),
                     callback: callback,
                 };
             };
@@ -113,15 +109,14 @@ export class SlideInUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(values.targetOriginY, config)),
                     },
-                    initialValues: {
-                        originY: -height,
-                    },
+                    initialValues: Object.assign({ originY: -height }, initialValues),
                     callback: callback,
                 };
             };
@@ -139,15 +134,14 @@ export class SlideInDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(values.targetOriginY, config)),
                     },
-                    initialValues: {
-                        originY: values.targetOriginY + height,
-                    },
+                    initialValues: Object.assign({ originY: values.targetOriginY + height }, initialValues),
                     callback: callback,
                 };
             };
@@ -165,13 +159,14 @@ export class SlideOutUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(Math.min(values.currentOriginY - height, -height), config)),
                     },
-                    initialValues: { originY: values.currentOriginY },
+                    initialValues: Object.assign({ originY: values.currentOriginY }, initialValues),
                     callback: callback,
                 };
             };
@@ -189,13 +184,14 @@ export class SlideOutDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(Math.max(values.currentOriginY + height, height), config)),
                     },
-                    initialValues: { originY: values.currentOriginY },
+                    initialValues: Object.assign({ originY: values.currentOriginY }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -7,15 +7,14 @@ export class StretchInX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scaleX: delayFunction(delay, animation(1, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scaleX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -33,15 +32,14 @@ export class StretchInY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scaleY: delayFunction(delay, animation(1, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scaleY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -59,15 +57,14 @@ export class StretchOutX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scaleX: delayFunction(delay, animation(0, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scaleX: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleX: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -85,15 +82,14 @@ export class StretchOutY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scaleY: delayFunction(delay, animation(0, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scaleY: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleY: 1 }] }, initialValues),
                     callback: callback,
                 };
             };