compose-auth-ui/io.github.jan.supabase.compose.auth.ui.phone

Package-level declarations

Types

Link copied to clipboard
class PhoneVisualTransformation(val mask: String, val maskNumber: Char) : VisualTransformation

Represents a phone number visual transformation.

Functions

Link copied to clipboard
@Composable
fun OutlinedPhoneField(    value: TextFieldValue,     onValueChange: (TextFieldValue) -> Unit,     validator: FormValidator = remember { FormValidator.PHONE },     mask: String? = DEFAULT_MASK,     maskChar: Char = DEFAULT_MASK_CHAR,     modifier: Modifier = Modifier,     label: @Composable () -> Unit? = null,     keyboardOptions: KeyboardOptions = KeyboardOptions( keyboardType = KeyboardType.Phone ),     keyboardActions: KeyboardActions = KeyboardActions.Default,     leadingIcon: @Composable () -> Unit? = { Icon( imageVector = AuthIcons.rememberCallIcon(), contentDescription = "Phone", ) },     singleLine: Boolean = true,     enabled: Boolean = true,     isError: Boolean? = null,     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },     textStyle: TextStyle = LocalTextStyle.current,     shape: Shape = OutlinedTextFieldDefaults.shape,     colors: TextFieldColors = OutlinedTextFieldDefaults.colors(),     visualTransformation: VisualTransformation = mask?.let { PhoneVisualTransformation(it, maskChar) } ?: VisualTransformation.None,     supportingText: @Composable (validPhone: Boolean) -> Unit? = { if(!it) Text("Please enter a valid phone number") },     trailingIcon: @Composable () -> Unit? = null,     placeholder: @Composable () -> Unit? = null,     formKey: String = "PHONE",     mandatory: Boolean = true)
@Composable
fun OutlinedPhoneField(    value: String,     onValueChange: (String) -> Unit,     validator: FormValidator = remember { FormValidator.PHONE },     mask: String? = DEFAULT_MASK,     maskChar: Char = DEFAULT_MASK_CHAR,     modifier: Modifier = Modifier,     label: @Composable () -> Unit? = null,     keyboardOptions: KeyboardOptions = KeyboardOptions( keyboardType = KeyboardType.Phone ),     keyboardActions: KeyboardActions = KeyboardActions.Default,     leadingIcon: @Composable () -> Unit? = { Icon( imageVector = AuthIcons.rememberCallIcon(), contentDescription = "Phone", ) },     singleLine: Boolean = true,     enabled: Boolean = true,     isError: Boolean? = null,     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },     textStyle: TextStyle = LocalTextStyle.current,     shape: Shape = OutlinedTextFieldDefaults.shape,     colors: TextFieldColors = OutlinedTextFieldDefaults.colors(),     visualTransformation: VisualTransformation = mask?.let { PhoneVisualTransformation(it, maskChar) } ?: VisualTransformation.None,     supportingText: @Composable (validPhone: Boolean) -> Unit? = { if(!it) Text("Please enter a valid phone number") },     trailingIcon: @Composable () -> Unit? = null,     placeholder: @Composable () -> Unit? = null,     formKey: String = "PHONE",     mandatory: Boolean = true)

A custom email input field with validation and pre-defined styling.

Link copied to clipboard
@Composable
fun PhoneField(    value: TextFieldValue,     onValueChange: (TextFieldValue) -> Unit,     validator: FormValidator = remember { FormValidator.PHONE },     mask: String? = DEFAULT_MASK,     maskChar: Char = DEFAULT_MASK_CHAR,     modifier: Modifier = Modifier,     label: @Composable () -> Unit? = null,     keyboardOptions: KeyboardOptions = KeyboardOptions( keyboardType = KeyboardType.Phone ),     keyboardActions: KeyboardActions = KeyboardActions.Default,     leadingIcon: @Composable () -> Unit? = { Icon( imageVector = AuthIcons.rememberCallIcon(), contentDescription = "Phone", ) },     singleLine: Boolean = true,     enabled: Boolean = true,     isError: Boolean? = null,     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },     textStyle: TextStyle = LocalTextStyle.current,     shape: Shape = TextFieldDefaults.shape,     colors: TextFieldColors = TextFieldDefaults.colors(),     visualTransformation: VisualTransformation = mask?.let { PhoneVisualTransformation(it, maskChar) } ?: VisualTransformation.None,     supportingText: @Composable (validPhone: Boolean) -> Unit? = { if(!it) Text("Please enter a valid phone number") },     trailingIcon: @Composable () -> Unit? = null,     placeholder: @Composable () -> Unit? = null,     formKey: String = "PHONE",     mandatory: Boolean = true)
@Composable
fun PhoneField(    value: String,     onValueChange: (String) -> Unit,     validator: FormValidator = remember { FormValidator.PHONE },     mask: String? = DEFAULT_MASK,     maskChar: Char = DEFAULT_MASK_CHAR,     modifier: Modifier = Modifier,     label: @Composable () -> Unit? = null,     keyboardOptions: KeyboardOptions = KeyboardOptions( keyboardType = KeyboardType.Phone ),     keyboardActions: KeyboardActions = KeyboardActions.Default,     leadingIcon: @Composable () -> Unit? = { Icon( imageVector = AuthIcons.rememberCallIcon(), contentDescription = "Phone", ) },     singleLine: Boolean = true,     enabled: Boolean = true,     isError: Boolean? = null,     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },     textStyle: TextStyle = LocalTextStyle.current,     shape: Shape = TextFieldDefaults.shape,     colors: TextFieldColors = TextFieldDefaults.colors(),     visualTransformation: VisualTransformation = mask?.let { PhoneVisualTransformation(it, maskChar) } ?: VisualTransformation.None,     supportingText: @Composable (validPhone: Boolean) -> Unit? = { if(!it) Text("Please enter a valid phone number") },     trailingIcon: @Composable () -> Unit? = null,     placeholder: @Composable () -> Unit? = null,     formKey: String = "PHONE",     mandatory: Boolean = true)

A custom email input field with validation and pre-defined styling.