fix: changes how props is present

Author: EQuimper

android/src/main/java/com/ease/EaseView.kt

@@ -3,6 +3,7 @@ package com.ease
 import android.graphics.Color
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.PixelUtil
@@ -126,122 +127,11 @@ class EaseViewManager : ReactViewManager() {
         view.initialAnimateBorderRadius = PixelUtil.toPixelFromDIP(value)
     }
 
-    // --- Transition config setters ---
-
-    @ReactProp(name = "transitionType")
-    fun setTransitionType(view: EaseView, value: String?) {
-        view.transitionType = value ?: "timing"
-    }
-
-    @ReactProp(name = "transitionDuration", defaultInt = 300)
-    fun setTransitionDuration(view: EaseView, value: Int) {
-        view.transitionDuration = value
-    }
-
-    @ReactProp(name = "transitionEasingBezier")
-    fun setTransitionEasingBezier(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 4) {
-            view.transitionEasingBezier = floatArrayOf(
-                value.getDouble(0).toFloat(),
-                value.getDouble(1).toFloat(),
-                value.getDouble(2).toFloat(),
-                value.getDouble(3).toFloat()
-            )
-        } else {
-            // Fallback: easeInOut
-            view.transitionEasingBezier = floatArrayOf(0.42f, 0f, 0.58f, 1.0f)
-        }
-    }
-
-    @ReactProp(name = "transitionDamping", defaultFloat = 15f)
-    fun setTransitionDamping(view: EaseView, value: Float) {
-        view.transitionDamping = value
-    }
-
-    @ReactProp(name = "transitionStiffness", defaultFloat = 120f)
-    fun setTransitionStiffness(view: EaseView, value: Float) {
-        view.transitionStiffness = value
-    }
-
-    @ReactProp(name = "transitionMass", defaultFloat = 1f)
-    fun setTransitionMass(view: EaseView, value: Float) {
-        view.transitionMass = value
-    }
-
-    @ReactProp(name = "transitionLoop")
-    fun setTransitionLoop(view: EaseView, value: String?) {
-        view.transitionLoop = value ?: "none"
-    }
-
-    @ReactProp(name = "transitionDelay", defaultInt = 0)
-    fun setTransitionDelay(view: EaseView, value: Int) {
-        view.transitionDelay = value.toLong()
-    }
-
-    // --- Per-property transition arrays ---
-
-    @ReactProp(name = "perPropertyTransitionTypes")
-    fun setPerPropertyTransitionTypes(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionTypes = Array(10) { value.getString(it) ?: "" }
-        } else {
-            view.perPropertyTransitionTypes = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionDurations")
-    fun setPerPropertyTransitionDurations(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionDurations = IntArray(10) { value.getInt(it) }
-        } else {
-            view.perPropertyTransitionDurations = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionDampings")
-    fun setPerPropertyTransitionDampings(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionDampings = FloatArray(10) { value.getDouble(it).toFloat() }
-        } else {
-            view.perPropertyTransitionDampings = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionStiffnesses")
-    fun setPerPropertyTransitionStiffnesses(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionStiffnesses = FloatArray(10) { value.getDouble(it).toFloat() }
-        } else {
-            view.perPropertyTransitionStiffnesses = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionMasses")
-    fun setPerPropertyTransitionMasses(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionMasses = FloatArray(10) { value.getDouble(it).toFloat() }
-        } else {
-            view.perPropertyTransitionMasses = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionLoops")
-    fun setPerPropertyTransitionLoops(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 10) {
-            view.perPropertyTransitionLoops = Array(10) { value.getString(it) ?: "" }
-        } else {
-            view.perPropertyTransitionLoops = null
-        }
-    }
-
-    @ReactProp(name = "perPropertyTransitionEasingBeziers")
-    fun setPerPropertyTransitionEasingBeziers(view: EaseView, value: ReadableArray?) {
-        if (value != null && value.size() == 40) {
-            view.perPropertyTransitionEasingBeziers = FloatArray(40) { value.getDouble(it).toFloat() }
-        } else {
-            view.perPropertyTransitionEasingBeziers = null
-        }
+    // --- Transitions config (single ReadableMap) ---
 
+    @ReactProp(name = "transitions")
+    fun setTransitions(view: EaseView, value: ReadableMap?) {
+        view.setTransitionsFromMap(value)
     }
 
     // --- Border radius ---

android/src/main/java/com/ease/EaseViewManager.kt

@@ -36,7 +36,6 @@ export const demos: Record<string, DemoEntry> = {
   'rotate': { component: RotateDemo, title: 'Rotate', section: 'Transform' },
   'scale': { component: ScaleDemo, title: 'Scale', section: 'Transform' },
   'transform-origin': {
-  'per-property': { component: PerPropertyDemo, title: 'Per-Property', section: 'Advanced' },
     component: TransformOriginDemo,
     title: 'Transform Origin',
     section: 'Transform',
@@ -80,6 +79,11 @@ export const demos: Record<string, DemoEntry> = {
     title: 'Comparison',
     section: 'Advanced',
   },
+  'per-property': {
+    component: PerPropertyDemo,
+    title: 'Per-Property',
+    section: 'Advanced',
+  },
 };
 
 interface SectionData {