Validators about form-builder HOT 3 CLOSED

Hi @OtienoSamwel

About the validators:

1. for phone and email, since we're providing our own regex, you can localise the regex in the respective functions to reduce the number of parameters passed.
2. You can change from sealed class to sealed interface since we're only implementing methods. Also this can help too.
3. The min and max validators don't check character length but the actual integer value. So you can change the error messages accordingly.
4. You can hoist the error messages to be constants in the same file.

from form-builder.

Also, I wanted us to change the format of TextFieldState.

I wanted the state to provide the composable too via a composable function ergo, we will rename the state to FormField and pass in the validators and any other attributes from #2

So the end result will be.

@Composable
fun MyForm(){
    val formState by remember { FormBuilderState() }
    
    FormBuilder(
        state = state,
        fields = [
            FormField(
                name = "email",
                validators = [Required, Email]
            ),
            FormField(
                name = "age",
                validators = [Required, Min(18)]
            )
        ]
    )
    
    // to validate
    if (state.validate()){
        val data = state.values() // {[email protected], age=13}
    }
}

// in the field state
class FormField(validators: List<Validator>){
   @Composable
   internal fun content(){
      // the material text field
   }
}

// in the form state during render
fields.forEach { state ->
   state.content()
}

from form-builder.

resolved

from form-builder.