Expect material3.SearchBar and material3.DockedSearchBar in common

[MatkovIvan]

Proposed Changes

• Expect material3.SearchBar and material3.DockedSearchBar in common
• Add test usage in mpp demo app

API Changes

+@ExperimentalMaterial3Api
+@Composable
+fun SearchBar(
+    query: String,
+    onQueryChange: (String) -> Unit,
+    onSearch: (String) -> Unit,
+    active: Boolean,
+    onActiveChange: (Boolean) -> Unit,
+    modifier: Modifier = Modifier,
+    enabled: Boolean = true,
+    placeholder: @Composable (() -> Unit)? = null,
+    leadingIcon: @Composable (() -> Unit)? = null,
+    trailingIcon: @Composable (() -> Unit)? = null,
+    shape: Shape = SearchBarDefaults.inputFieldShape,
+    colors: SearchBarColors = SearchBarDefaults.colors(),
+    tonalElevation: Dp = SearchBarDefaults.Elevation,
+    windowInsets: WindowInsets = SearchBarDefaults.windowInsets,
+    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
+    content: @Composable ColumnScope.() -> Unit,
+)

+@ExperimentalMaterial3Api
+@Composable
+fun DockedSearchBar(
+    query: String,
+    onQueryChange: (String) -> Unit,
+    onSearch: (String) -> Unit,
+    active: Boolean,
+    onActiveChange: (Boolean) -> Unit,
+    modifier: Modifier = Modifier,
+    enabled: Boolean = true,
+    placeholder: @Composable (() -> Unit)? = null,
+    leadingIcon: @Composable (() -> Unit)? = null,
+    trailingIcon: @Composable (() -> Unit)? = null,
+    shape: Shape = SearchBarDefaults.dockedShape,
+    colors: SearchBarColors = SearchBarDefaults.colors(),
+    tonalElevation: Dp = SearchBarDefaults.Elevation,
+    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
+    content: @Composable ColumnScope.() -> Unit,
+)

Testing

Test: Try to use SearchBar/DockedSearchBar from common or look at mpp demo

Issues Fixed

JetBrains/compose-multiplatform#3528

[m-sasha]

Better to check whether it's a KEY_PRESSED event; otherwise you could call onActiveChange twice.

[MatkovIvan]

otherwise you could call onActiveChange twice

The focus will be cleared after first hit, so it's ok to react to any event from Esc

[igordmn]

The focus will be cleared after first hit

It seems that it depends on how onActiveChange implemented by the user?

[MatkovIvan]

#811

[m-sasha]

Very minor stylistic nit, but maybe better looking without the local variables:

return with(LocalDensity.current) {
    LocalWindowInfo.current.containerSize.height.toDp()
}

[MatkovIvan]

Well, it was my initial implementation. But I introduced var for better looking 😄