feat: add global scrim controller

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

apps/flipcash/app/src/main/kotlin/com/flipcash/app/internal/ui/App.kt

@@ -65,6 +65,9 @@ import com.getcode.ui.components.OnLifecycleEvent
 import com.getcode.ui.components.bars.rememberBarManager
 import com.getcode.ui.core.RestrictionType
 import com.flipcash.app.core.extensions.navigateTo
+import com.getcode.navigation.scrim.LocalScrimController
+import com.getcode.navigation.scrim.ScrimController
+import com.getcode.navigation.scrim.ScrimOverlay
 import dev.bmcreations.tipkit.TipScaffold
 import dev.bmcreations.tipkit.engines.TipsEngine
 import dev.theolm.rinku.DeepLink
@@ -136,10 +139,13 @@ internal fun App(
                                 Modifier.semantics { testTagsAsResourceId = true }
                             } else Modifier
 
+                            val scrimController = remember { ScrimController() }
+
                             Box(modifier = semanticsModifier) {
                                 CompositionLocalProvider(
                                     LocalCodeNavigator provides codeNavigator,
                                     LocalBiometricsState provides biometricsState,
+                                    LocalScrimController provides scrimController,
                                 ) {
                                     ExternalWalletOnRampHandler(
                                         state = externalWalletOnRamp,
@@ -206,6 +212,8 @@ internal fun App(
                                                 deepLink = { deepLink },
                                             ),
                                         )
+
+                                        ScrimOverlay(scrimController)
                                     }
 
                                     LaunchedEffect(deepLink) {

ui/navigation/src/main/kotlin/com/getcode/navigation/scenes/ModalBottomSheetSceneStrategy.kt

@@ -41,6 +41,8 @@ import com.getcode.navigation.results.NavResultOrCanceled
 import com.getcode.navigation.results.NavResultStore
 import com.getcode.navigation.results.NavigationRetVal
 import com.getcode.navigation.scenes.ModalBottomSheetSceneStrategy.Companion.modalBottomSheet
+import com.getcode.navigation.scrim.LocalScrimController
+import com.getcode.navigation.scrim.ScrimOverlay
 import com.getcode.theme.CodeTheme
 import com.getcode.ui.utils.LocalSheetGesturesState
 import kotlinx.coroutines.launch
@@ -140,17 +142,20 @@ internal class ModalBottomSheetScene<T : Any> @OptIn(ExperimentalMaterial3Api::c
                 }
             }
 
+            val scrim = LocalScrimController.current
+
             CompositionLocalProvider(
                 LocalSheetGesturesState provides { enabled ->
                     allowDismiss = enabled && !navigator.sheetDragDisabled
                 },
+                LocalScrimController provides scrim,
             ) {
                 // Remove inset padding. Default adds nav bar padding.
                 // Remove grab bar for bleed to top edge of sheet
                 ModalBottomSheet(
                     sheetState = sheetState,
                     onDismissRequest = { if (!isNonDismissable) dismiss(false) },
-                    sheetGesturesEnabled = !navigator.sheetDragDisabled,
+                    sheetGesturesEnabled = !navigator.sheetDragDisabled && !scrim.visible,
                     scrimColor = CodeTheme.colors.scrim,
                     properties = if (isNonDismissable) {
                         ModalBottomSheetProperties(
@@ -184,6 +189,7 @@ internal class ModalBottomSheetScene<T : Any> @OptIn(ExperimentalMaterial3Api::c
                         ) {
                             entry.Content()
                         }
+                        ScrimOverlay(scrim)
                     }
                 }
             }

ui/navigation/src/main/kotlin/com/getcode/navigation/scrim/Scrim.kt

@@ -0,0 +1,102 @@
+package com.getcode.navigation.scrim
+
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.togetherWith
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import com.getcode.theme.CodeTheme
+import com.getcode.ui.core.noRippleClickable
+
+class ScrimController {
+    var visible by mutableStateOf(false)
+        private set
+
+    private var onDismiss: (() -> Unit)? = null
+    var overlayAlignment: Alignment by mutableStateOf(Alignment.Center)
+        private set
+    var overlayContent: (@Composable () -> Unit)? by mutableStateOf(null)
+        private set
+    var enterTransition: EnterTransition by mutableStateOf(fadeIn())
+        private set
+    var exitTransition: ExitTransition by mutableStateOf(fadeOut())
+        private set
+
+
+    fun show(
+        content: (@Composable () -> Unit)? = null,
+        enterTransition: EnterTransition = fadeIn(),
+        exitTransition: ExitTransition = fadeOut(),
+        alignment: Alignment = Alignment.Center,
+        onDismiss: () -> Unit,
+    ) {
+        this.onDismiss = onDismiss
+        this.overlayContent = content
+        this.overlayAlignment = alignment
+        this.enterTransition = enterTransition
+        this.exitTransition = exitTransition
+        visible = true
+    }
+
+    private fun hide() {
+        visible = false
+        onDismiss = null
+        overlayContent = null
+
+    }
+
+    fun dismiss() {
+        onDismiss?.invoke()
+        hide()
+    }
+}
+
+val LocalScrimController = staticCompositionLocalOf<ScrimController> {
+    error("No ScrimController provided")
+}
+
+@Composable
+fun ScrimOverlay(controller: ScrimController) {
+    Box(modifier = Modifier.fillMaxSize()) {
+        AnimatedVisibility(
+            visible = controller.visible,
+            enter = fadeIn(),
+            exit = fadeOut(),
+        ) {
+            Box(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .background(CodeTheme.colors.scrim)
+                    .noRippleClickable { controller.dismiss() },
+            )
+        }
+
+        AnimatedContent(
+            modifier = Modifier.align(controller.overlayAlignment),
+            targetState = controller.overlayContent,
+            transitionSpec = {
+                controller.enterTransition togetherWith controller.exitTransition
+            }
+        ) { content ->
+            if (content != null) {
+                content()
+            } else {
+                Spacer(Modifier.fillMaxWidth())
+            }
+        }
+    }
+}