1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
/*
* This file is part of GNU Taler
* (C) 2023 Taler Systems S.A.
*
* GNU Taler is free software; you can redistribute it and/or modify it under the
* terms of the GNU General Public License as published by the Free Software
* Foundation; either version 3, or (at your option) any later version.
*
* GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
* A PARTICULAR PURPOSE. See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License along with
* GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
package net.taler.anastasis.ui.reusable.components
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.wrapContentSize
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material3.DropdownMenuItem
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.ExposedDropdownMenuDefaults
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.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.ExperimentalComposeUiApi
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalSoftwareKeyboardController
import androidx.compose.ui.tooling.preview.Preview
import net.taler.anastasis.ui.theme.LocalSpacing
@OptIn(ExperimentalMaterial3Api::class, ExperimentalComposeUiApi::class)
@Composable
fun Picker(
modifier: Modifier = Modifier,
label: String,
options: Set<String>,
onOptionChanged: (String) -> Unit,
) {
var filteredOptions by remember { mutableStateOf(options.toList()) }
var inputValue by remember { mutableStateOf(options.first()) }
val keyboardController = LocalSoftwareKeyboardController.current
Column(
modifier = modifier
.wrapContentSize(Alignment.Center)
) {
OutlinedTextField(
modifier = Modifier.fillMaxWidth(),
value = inputValue,
onValueChange = { value ->
inputValue = value
filteredOptions = options.filter { it.contains(value) }
},
singleLine = true,
label = { Text(label) },
colors = ExposedDropdownMenuDefaults.textFieldColors()
)
if (filteredOptions.isNotEmpty()) {
Spacer(Modifier.height(LocalSpacing.current.medium))
LazyColumn(
modifier = Modifier.fillMaxWidth()
) {
items(items = filteredOptions) {
DropdownMenuItem(
text = { Text(it) },
onClick = {
inputValue = it
keyboardController?.hide()
onOptionChanged(it)
},
)
}
}
}
}
}
@Preview
@Composable
fun PickerPreview() {
Picker(
label = "Country",
options = setOf("Europe", "India", "Asia", "North America"),
onOptionChanged = {},
)
}
|