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

Package-level declarations

Types

class PhoneVisualTransformation(val mask: String, val maskNumber: Char) : VisualTransformation

Represents a phone number visual transformation.

Functions

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.

PhoneField

@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.