refactor: use properties to share data in DropdownList

flexiui-core/src/androidMain/kotlin/com/highcapable/flexiui/component/Dropdown.android.kt

@@ -38,21 +38,36 @@ import androidx.compose.ui.layout.boundsInWindow
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.node.Ref
 import androidx.compose.ui.platform.LocalView
+import androidx.compose.ui.semantics.Role
+import com.highcapable.flexiui.interaction.rippleClickable
 import kotlin.math.max
 
 @Composable
 internal actual fun DropdownListBox(
+    expanded: Boolean,
+    onExpandedChange: (Boolean) -> Unit,
     modifier: Modifier,
+    properties: DropdownListProperties,
     menuHeightPx: (Int) -> Unit,
     content: @Composable @UiComposable BoxWithConstraintsScope.() -> Unit
 ) {
     val view = LocalView.current
     val coordinates = remember { Ref<LayoutCoordinates>() }
     BoxWithConstraints(
-        modifier = modifier.onGloballyPositioned {
+        modifier = Modifier.dropdownList(
+            properties = properties,
+            modifier = modifier.rippleClickable(
+                enabled = properties.enabled,
+                role = Role.DropdownList,
+                interactionSource = properties.interactionSource
+            ) {
+                properties.focusRequester.requestFocus()
+                onExpandedChange(!expanded)
+            }.onGloballyPositioned {
                 coordinates.value = it
                 updateHeight(view.rootView, coordinates.value) { newHeight -> menuHeightPx(newHeight) }
-        },
+            }
+        ),
         content = content
     )
     DisposableEffect(view) {

flexiui-core/src/commonMain/kotlin/com/highcapable/flexiui/component/Dropdown.kt

@@ -183,21 +183,16 @@ fun DropdownList(
         else -> style.borderInactive
     }.copy(animatedBorderWidth, SolidColor(animatedBorderColor))
     DropdownListBox(
-        modifier = modifier.dropdownList(
+        expanded = expanded,
+        onExpandedChange = onExpandedChange,
+        modifier = modifier,
+        properties = DropdownListProperties(
             colors = colors,
             style = style,
             border = border,
             enabled = enabled,
             focusRequester = focusRequester,
-            interactionSource = interactionSource,
-            modifier = modifier.rippleClickable(
-                enabled = enabled,
-                role = Role.DropdownList,
             interactionSource = interactionSource
-            ) {
-                focusRequester.requestFocus()
-                onExpandedChange(!expanded)
-            }
         ),
         menuHeightPx = { menuHeightPx = it }
     ) {
@@ -366,34 +361,42 @@ private fun DropdownMenuContent(
 
 @Composable
 internal expect fun DropdownListBox(
+    expanded: Boolean,
+    onExpandedChange: (Boolean) -> Unit,
     modifier: Modifier,
+    properties: DropdownListProperties,
     menuHeightPx: (Int) -> Unit,
     content: @Composable @UiComposable BoxWithConstraintsScope.() -> Unit
 )
 
-private fun Modifier.dropdownList(
+internal fun Modifier.dropdownList(
-    colors: DropdownListColors,
+    properties: DropdownListProperties,
-    style: DropdownListStyle,
-    border: BorderStroke,
-    enabled: Boolean,
-    focusRequester: FocusRequester,
-    interactionSource: MutableInteractionSource,
     modifier: Modifier
-) = status(enabled)
+) = status(properties.enabled)
-    .focusRequester(focusRequester)
+    .focusRequester(properties.focusRequester)
-    .focusable(enabled, interactionSource)
+    .focusable(properties.enabled, properties.interactionSource)
-    .hoverable(interactionSource, enabled)
+    .hoverable(properties.interactionSource, properties.enabled)
-    .clip(style.shape)
+    .clip(properties.style.shape)
-    .background(colors.backgroundColor, style.shape)
+    .background(properties.colors.backgroundColor, properties.style.shape)
-    .borderOrNot(border, style.shape)
+    .borderOrNot(properties.border, properties.style.shape)
     .then(modifier)
     .padding(
-        top = style.topPadding.orElse() ?: style.padding,
+        top = properties.style.topPadding.orElse() ?: properties.style.padding,
-        start = style.startPadding.orElse() ?: style.padding,
+        start = properties.style.startPadding.orElse() ?: properties.style.padding,
-        bottom = style.bottomPadding.orElse() ?: style.padding,
+        bottom = properties.style.bottomPadding.orElse() ?: properties.style.padding,
-        end = style.endPadding.orElse() ?: style.padding
+        end = properties.style.endPadding.orElse() ?: properties.style.padding
     )
 
+@Immutable
+internal data class DropdownListProperties(
+    val colors: DropdownListColors,
+    val style: DropdownListStyle,
+    val border: BorderStroke,
+    val enabled: Boolean,
+    val focusRequester: FocusRequester,
+    val interactionSource: MutableInteractionSource
+)
+
 private fun calculateTransformOrigin(parentBounds: IntRect, menuBounds: IntRect): TransformOrigin {
     val pivotX = when {
         menuBounds.left >= parentBounds.right -> 0f

flexiui-core/src/desktopMain/kotlin/com/highcapable/flexiui/component/Dropdown.desktop.kt

@@ -31,24 +31,39 @@ import androidx.compose.ui.UiComposable
 import androidx.compose.ui.layout.boundsInWindow
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalWindowInfo
+import androidx.compose.ui.semantics.Role
 import androidx.compose.ui.unit.toIntRect
+import com.highcapable.flexiui.interaction.rippleClickable
 import kotlin.math.max
 
 @Composable
 internal actual fun DropdownListBox(
+    expanded: Boolean,
+    onExpandedChange: (Boolean) -> Unit,
     modifier: Modifier,
+    properties: DropdownListProperties,
     menuHeightPx: (Int) -> Unit,
     content: @Composable @UiComposable BoxWithConstraintsScope.() -> Unit
 ) {
     val windowInfo = LocalWindowInfo.current
     BoxWithConstraints(
-        modifier = modifier.onGloballyPositioned {
+        modifier = Modifier.dropdownList(
+            properties = properties,
+            modifier = modifier.rippleClickable(
+                enabled = properties.enabled,
+                role = Role.DropdownList,
+                interactionSource = properties.interactionSource
+            ) {
+                properties.focusRequester.requestFocus()
+                onExpandedChange(!expanded)
+            }.onGloballyPositioned {
                 val boundsInWindow = it.boundsInWindow()
                 val visibleWindowBounds = windowInfo.containerSize.toIntRect()
                 val heightAbove = boundsInWindow.top - visibleWindowBounds.top
                 val heightBelow = visibleWindowBounds.height - boundsInWindow.bottom
                 menuHeightPx(max(heightAbove, heightBelow).toInt())
-        },
+            }
+        ),
         content = content
     )
 }

flexiui-core/src/iosMain/kotlin/com/highcapable/flexiui/component/Dropdown.ios.kt

@@ -31,24 +31,39 @@ import androidx.compose.ui.UiComposable
 import androidx.compose.ui.layout.boundsInWindow
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalWindowInfo
+import androidx.compose.ui.semantics.Role
 import androidx.compose.ui.unit.toIntRect
+import com.highcapable.flexiui.interaction.rippleClickable
 import kotlin.math.max
 
 @Composable
 internal actual fun DropdownListBox(
+    expanded: Boolean,
+    onExpandedChange: (Boolean) -> Unit,
     modifier: Modifier,
+    properties: DropdownListProperties,
     menuHeightPx: (Int) -> Unit,
     content: @Composable @UiComposable BoxWithConstraintsScope.() -> Unit
 ) {
     val windowInfo = LocalWindowInfo.current
     BoxWithConstraints(
-        modifier = modifier.onGloballyPositioned {
+        modifier = Modifier.dropdownList(
+            properties = properties,
+            modifier = modifier.rippleClickable(
+                enabled = properties.enabled,
+                role = Role.DropdownList,
+                interactionSource = properties.interactionSource
+            ) {
+                properties.focusRequester.requestFocus()
+                onExpandedChange(!expanded)
+            }.onGloballyPositioned {
                 val boundsInWindow = it.boundsInWindow()
                 val visibleWindowBounds = windowInfo.containerSize.toIntRect()
                 val heightAbove = boundsInWindow.top - visibleWindowBounds.top
                 val heightBelow = visibleWindowBounds.height - boundsInWindow.bottom
                 menuHeightPx(max(heightAbove, heightBelow).toInt())
-        },
+            }
+        ),
         content = content
     )
 }