motion-on-native 1.1.1 → 1.1.3

package/lib/index.d.ts

@@ -56,10 +56,6 @@ export interface AnimationProps {
     left?: number;
     right?: number;
     shadowColor?: string;
-    shadowOffset?: {
-        width: number;
-        height: number;
-    };
     shadowOpacity?: number;
     shadowRadius?: number;
     elevation?: number;

package/lib/index.js

@@ -122,7 +122,6 @@ function createMotionComponent(Component) {
         const right = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('right', initial));
         // Shadow properties
         const shadowColor = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('shadowColor', initial));
-        const shadowOffset = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('shadowOffset', initial));
         const shadowOpacity = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('shadowOpacity', initial));
         const shadowRadius = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('shadowRadius', initial));
         const elevation = (0, react_native_reanimated_1.useSharedValue)(getInitialValue('elevation', initial));
@@ -219,7 +218,6 @@ function createMotionComponent(Component) {
                 case 'right': return right;
                 // Shadow properties
                 case 'shadowColor': return shadowColor;
-                case 'shadowOffset': return shadowOffset;
                 case 'shadowOpacity': return shadowOpacity;
                 case 'shadowRadius': return shadowRadius;
                 case 'elevation': return elevation;
@@ -249,10 +247,16 @@ function createMotionComponent(Component) {
             }
             return undefined;
         }, []);
-        // Handle animate prop changes
+        // Handle animate prop changes (only animate if values actually changed)
+        const prevAnimateRef = (0, react_1.useRef)(animate);
         (0, react_1.useEffect)(() => {
             if (hasAnimated && !isExitingRef.current) {
-                animateToValues(animate);
+                // Only animate if animate prop actually changed
+                const hasChanged = JSON.stringify(prevAnimateRef.current) !== JSON.stringify(animate);
+                if (hasChanged) {
+                    animateToValues(animate);
+                    prevAnimateRef.current = animate;
+                }
             }
         }, [animate]);
         // Handle shouldExit
@@ -422,8 +426,6 @@ function createMotionComponent(Component) {
             // Shadow properties
             if (shadowColor.value !== 0)
                 style.shadowColor = shadowColor.value;
-            if (shadowOffset.value !== 0)
-                style.shadowOffset = shadowOffset.value;
             if (shadowOpacity.value !== 0)
                 style.shadowOpacity = shadowOpacity.value;
             if (shadowRadius.value !== 0)
@@ -463,8 +465,6 @@ function getDefaultValue(key) {
         case 'skewX':
         case 'skewY':
             return '0deg';
-        case 'shadowOffset':
-            return { width: 0, height: 0 };
         default:
             return 0;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-on-native",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Framer Motion-inspired animation library for React Native with Reanimated. Easy spring animations, gestures, and transitions for mobile apps.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",