From 6f61cb5f4f7b71fca66a46cd4e32cab20d771a06 Mon Sep 17 00:00:00 2001
From: Jake Roseman <122034773+jakeroseman@users.noreply.github.com>
Date: Wed, 4 Dec 2024 18:18:10 +0000
Subject: [PATCH] Add live search with FilterTextView example (#402)

* Add live search with FilterTextView example

* Apply Spotless

---------

Co-authored-by: jakeroseman <jakeroseman@users.noreply.github.com>
---
 .../compose/snippets/text/FilterText.kt       | 105 ++++++++++++++++++
 1 file changed, 105 insertions(+)
 create mode 100644 compose/snippets/src/main/java/com/example/compose/snippets/text/FilterText.kt

diff --git a/compose/snippets/src/main/java/com/example/compose/snippets/text/FilterText.kt b/compose/snippets/src/main/java/com/example/compose/snippets/text/FilterText.kt
new file mode 100644
index 00000000..6967ea4f
--- /dev/null
+++ b/compose/snippets/src/main/java/com/example/compose/snippets/text/FilterText.kt
@@ -0,0 +1,105 @@
+/*
+ * Copyright 2024 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.compose.snippets.text
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.material3.ListItem
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import androidx.lifecycle.viewmodel.compose.viewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+
+// [START android_compose_text_filtertextviewmodel]
+class FilterTextViewModel : ViewModel() {
+    private val items = listOf(
+        "Cupcake",
+        "Donut",
+        "Eclair",
+        "Froyo",
+        "Gingerbread",
+        "Honeycomb",
+        "Ice Cream Sandwich"
+    )
+
+    private val _filteredItems = MutableStateFlow(items)
+    var filteredItems: StateFlow<List<String>> = _filteredItems
+
+    fun filterText(input: String) {
+        // This filter returns the full items list when input is an empty string.
+        _filteredItems.value = items.filter { it.contains(input, ignoreCase = true) }
+    }
+}
+// [END android_compose_text_filtertextviewmodel]
+
+// [START android_compose_text_filtertextview]
+@Composable
+fun FilterTextView(modifier: Modifier = Modifier, viewModel: FilterTextViewModel = viewModel()) {
+    val filteredItems by viewModel.filteredItems.collectAsStateWithLifecycle()
+    var text by rememberSaveable { mutableStateOf("") }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(all = 10.dp)
+    ) {
+        OutlinedTextField(
+            value = text,
+            onValueChange = {
+                text = it
+                viewModel.filterText(text)
+            },
+            label = { Text("Filter Text") },
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        LazyColumn {
+            items(
+                count = filteredItems.size,
+                key = { index -> filteredItems[index] }
+            ) {
+                ListItem(
+                    headlineContent = { Text(filteredItems[it]) },
+                    modifier = Modifier
+                        .fillParentMaxWidth()
+                        .padding(10.dp)
+                )
+            }
+        }
+    }
+}
+// [END android_compose_text_filtertextview]
+
+@Preview(showBackground = true)
+@Composable
+private fun FilterTextViewPreview() {
+    FilterTextView()
+}