feat(desktop, match-infos): add ripple effect

Author: Irineu333

core/shared-ui/src/androidMain/kotlin/com/neoutils/neoregex/core/sharedui/component/MatchResult.android.kt

@@ -61,4 +61,4 @@ actual fun BoxScope.MatchesInfos(
             shape = RoundedCornerShape(dimensions.tiny)
         )
         .padding(2.dp)
-)
+)

core/shared-ui/src/commonMain/kotlin/com/neoutils/neoregex/core/sharedui/component/MatchesInfos.kt

@@ -28,4 +28,4 @@ expect fun BoxScope.MatchesInfos(
     duration: Duration,
     matches: Int,
     modifier: Modifier = Modifier
-)
+)

core/shared-ui/src/desktopMain/kotlin/com/neoutils/neoregex/core/sharedui/component/MatchResult.desktop.kt

@@ -23,15 +23,15 @@ import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.VectorConverter
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
+import androidx.compose.foundation.*
 import androidx.compose.foundation.gestures.onDrag
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.MaterialTheme.colorScheme
 import androidx.compose.material3.MaterialTheme.typography
 import androidx.compose.material3.Text
+import androidx.compose.material3.ripple
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -40,7 +40,10 @@ import androidx.compose.ui.geometry.Rect
 import androidx.compose.ui.layout.boundsInRoot
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.unit.*
+import androidx.compose.ui.unit.DpSize
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.round
+import androidx.compose.ui.unit.toSize
 import com.neoutils.neoregex.core.designsystem.theme.NeoTheme.dimensions
 import com.neoutils.neoregex.core.designsystem.theme.NeoTheme.fontSizes
 import com.neoutils.neoregex.core.resources.Res
@@ -120,6 +123,8 @@ actual fun BoxScope.MatchesInfos(
         }
     }
 
+    val hover = remember { MutableInteractionSource() }
+
     Text(
         text = pluralStringResource(
             Res.plurals.match_result_infos,
@@ -143,6 +148,11 @@ actual fun BoxScope.MatchesInfos(
                 targetSize = density.run { it.size.toSize().toDpSize() }
                 targetRect = it.boundsInRoot()
             }
+            .hoverable(hover)
+            .indication(
+                interactionSource = hover,
+                indication = ripple()
+            )
             .onDrag(
                 onDragStart = {
                     isRunning = true
@@ -179,4 +189,4 @@ actual fun BoxScope.MatchesInfos(
             )
             .padding(dimensions.micro) // internal
     )
-}
+}

core/shared-ui/src/webMain/kotlin/com/neoutils/neoregex/core/sharedui/component/MatchResult.web.kt

@@ -30,4 +30,4 @@ actual fun BoxScope.MatchesInfos(
     modifier: Modifier
 ) {
     // TODO: don't support
-}
+}