Prototype with pager

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Pending changes
 
 - [#719](https://github.com/bumble-tech/appyx/pull/719) – **Updated**: Jetpack Compose to 1.7.6
+- [#720](https://github.com/bumble-tech/appyx/pull/720) – **Added**: Shared element transition and movable content support
 
 ## 1.5.1
 

gradle/libs.versions.toml

@@ -35,6 +35,7 @@ coil-compose = { module = "io.coil-kt:coil-compose", version.ref = "coil" }
 compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
 # compose versions are resolved by BOM
 compose-animation-core = { module = "androidx.compose.animation:animation-core" }
+compose-animation-android = { group = "androidx.compose.animation", name = "animation-android" }
 compose-foundation-layout = { module = "androidx.compose.foundation:foundation-layout" }
 compose-foundation = { module = "androidx.compose.foundation:foundation" }
 compose-material = { module = "androidx.compose.material3:material3" }

libraries/core/build.gradle.kts

@@ -46,6 +46,7 @@ dependencies {
     api(project(":libraries:customisations"))
     api(libs.androidx.lifecycle.common)
     api(libs.compose.animation.core)
+    api(libs.compose.animation.android)
     api(libs.compose.runtime)
     api(libs.androidx.appcompat)
     api(libs.kotlin.coroutines.android)

libraries/core/detekt-baseline.xml

@@ -1,5 +1,9 @@
-<?xml version='1.0' encoding='UTF-8'?>
+<?xml version="1.0" ?>
 <SmellBaseline>
-    <ManuallySuppressedIssues />
-    <CurrentIssues />
+  <ManuallySuppressedIssues></ManuallySuppressedIssues>
+  <CurrentIssues>
+    <ID>CompositionLocalAllowlist:LocalNode.kt$LocalMovableContentMap</ID>
+    <ID>CompositionLocalAllowlist:LocalNode.kt$LocalNodeTargetVisibility</ID>
+    <ID>CompositionLocalAllowlist:LocalNode.kt$LocalSharedElementScope</ID>
+  </CurrentIssues>
 </SmellBaseline>

libraries/core/src/androidTest/kotlin/com/bumble/appyx/core/node/BackStackTargetVisibilityTest.kt

@@ -0,0 +1,89 @@
+package com.bumble.appyx.core.node
+
+import android.os.Parcelable
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import com.bumble.appyx.core.AppyxTestScenario
+import com.bumble.appyx.core.composable.Children
+import com.bumble.appyx.core.modality.BuildContext
+import com.bumble.appyx.navmodel.backstack.BackStack
+import com.bumble.appyx.navmodel.backstack.operation.pop
+import com.bumble.appyx.navmodel.backstack.operation.push
+import kotlinx.parcelize.Parcelize
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertTrue
+import org.junit.Rule
+import org.junit.Test
+
+class BackStackTargetVisibilityTest {
+
+    private val backStack = BackStack<NavTarget>(
+        savedStateMap = null,
+        initialElement = NavTarget.NavTarget1
+    )
+
+    var nodeOneTargetVisibilityState: Boolean = false
+    var nodeTwoTargetVisibilityState: Boolean = false
+
+    var nodeFactory: (buildContext: BuildContext) -> TestParentNode = {
+        TestParentNode(buildContext = it, backStack = backStack)
+    }
+
+    @get:Rule
+    val rule = AppyxTestScenario { buildContext ->
+        nodeFactory(buildContext)
+    }
+
+    @Test
+    fun `GIVEN_backStack_WHEN_operations_called_THEN_child_nodes_have_correct_targetVisibility_state`() {
+        rule.start()
+        assertTrue(nodeOneTargetVisibilityState)
+
+        backStack.push(NavTarget.NavTarget2)
+        rule.waitForIdle()
+
+        assertFalse(nodeOneTargetVisibilityState)
+        assertTrue(nodeTwoTargetVisibilityState)
+
+        backStack.pop()
+        rule.waitForIdle()
+
+        assertFalse(nodeTwoTargetVisibilityState)
+        assertTrue(nodeOneTargetVisibilityState)
+    }
+
+
+    @Parcelize
+    sealed class NavTarget : Parcelable {
+
+        data object NavTarget1 : NavTarget()
+
+        data object NavTarget2 : NavTarget()
+    }
+
+    inner class TestParentNode(
+        buildContext: BuildContext,
+        val backStack: BackStack<NavTarget>,
+    ) : ParentNode<NavTarget>(
+        buildContext = buildContext,
+        navModel = backStack
+    ) {
+
+        override fun resolve(navTarget: NavTarget, buildContext: BuildContext): Node =
+            when (navTarget) {
+                NavTarget.NavTarget1 -> node(buildContext) {
+                    nodeOneTargetVisibilityState = LocalNodeTargetVisibility.current
+                }
+
+                NavTarget.NavTarget2 -> node(buildContext) {
+                    nodeTwoTargetVisibilityState = LocalNodeTargetVisibility.current
+                }
+            }
+
+        @Composable
+        override fun View(modifier: Modifier) {
+            Children(navModel)
+        }
+    }
+
+}

libraries/core/src/androidTest/kotlin/com/bumble/appyx/core/node/SpotlightTargetVisibilityTest.kt

@@ -0,0 +1,104 @@
+package com.bumble.appyx.core.node
+
+import android.os.Parcelable
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import com.bumble.appyx.core.AppyxTestScenario
+import com.bumble.appyx.core.composable.Children
+import com.bumble.appyx.core.modality.BuildContext
+import com.bumble.appyx.navmodel.spotlight.Spotlight
+import com.bumble.appyx.navmodel.spotlight.operation.activate
+import kotlinx.parcelize.Parcelize
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertTrue
+import org.junit.Rule
+import org.junit.Test
+
+class SpotlightTargetVisibilityTest {
+
+    private lateinit var spotlight: Spotlight<NavTarget>
+
+    var nodeOneTargetVisibilityState: Boolean = false
+    var nodeTwoTargetVisibilityState: Boolean = false
+    var nodeThreeTargetVisibilityState: Boolean = false
+
+    var nodeFactory: (buildContext: BuildContext) -> TestParentNode = {
+        TestParentNode(buildContext = it, spotlight = spotlight)
+    }
+
+    @get:Rule
+    val rule = AppyxTestScenario { buildContext ->
+        nodeFactory(buildContext)
+    }
+
+    @Test
+    fun `GIVEN_spotlight_WHEN_operations_called_THEN_child_nodes_have_correct_targetVisibility_state`() {
+        val initialActiveIndex = 2
+        createSpotlight(initialActiveIndex)
+        rule.start()
+
+        assertTrue(nodeThreeTargetVisibilityState)
+
+        spotlight.activate(1)
+        rule.waitForIdle()
+
+        assertFalse(nodeOneTargetVisibilityState)
+        assertTrue(nodeTwoTargetVisibilityState)
+        assertFalse(nodeThreeTargetVisibilityState)
+
+        spotlight.activate(0)
+        rule.waitForIdle()
+
+        assertTrue(nodeOneTargetVisibilityState)
+        assertFalse(nodeTwoTargetVisibilityState)
+        assertFalse(nodeThreeTargetVisibilityState)
+    }
+
+
+    private fun createSpotlight(initialActiveIndex: Int) {
+        spotlight = Spotlight(
+            savedStateMap = null,
+            items = listOf(NavTarget.NavTarget1, NavTarget.NavTarget2, NavTarget.NavTarget3),
+            initialActiveIndex = initialActiveIndex
+        )
+    }
+
+    @Parcelize
+    sealed class NavTarget : Parcelable {
+
+        data object NavTarget1 : NavTarget()
+
+        data object NavTarget2 : NavTarget()
+
+        data object NavTarget3 : NavTarget()
+    }
+
+    inner class TestParentNode(
+        buildContext: BuildContext,
+        val spotlight: Spotlight<NavTarget>,
+    ) : ParentNode<NavTarget>(
+        buildContext = buildContext,
+        navModel = spotlight
+    ) {
+
+        override fun resolve(navTarget: NavTarget, buildContext: BuildContext): Node =
+            when (navTarget) {
+                NavTarget.NavTarget1 -> node(buildContext) {
+                    nodeOneTargetVisibilityState = LocalNodeTargetVisibility.current
+                }
+
+                NavTarget.NavTarget2 -> node(buildContext) {
+                    nodeTwoTargetVisibilityState = LocalNodeTargetVisibility.current
+                }
+                NavTarget.NavTarget3 -> node(buildContext) {
+                    nodeThreeTargetVisibilityState = LocalNodeTargetVisibility.current
+                }
+            }
+
+        @Composable
+        override fun View(modifier: Modifier) {
+            Children(navModel)
+        }
+    }
+
+}