Checkbox - add validation state invoked by validate()

[Inbal-Tish]

Description

Checkbox - add validation state invoked by validate() - see example in screen

Changelog

Checkbox - add validation state invoked by validate()

Additional info

#3662

[M-i-k-e-l]

If I add the following code and press it before doing anything I'll receive a valid state which is incorrect.

<Button
  size={'small'}
  label={`Is valid: ${this.state.isValid}`}
  onPress={() => this.setState({isValid: this.checkbox.current?.isValid()})}
/>

[Inbal-Tish]

If I add the following code and press it before doing anything I'll receive a valid state which is incorrect.

<Button
  size={'small'}
  label={`Is valid: ${this.state.isValid}`}
  onPress={() => this.setState({isValid: this.checkbox.current?.isValid()})}
/>

Why? The component is valid by default until it moves to the validation state, which means the user invoked the validate() method and it passed/failed the validation check. If the user doesn't invoke the validate() I will not show error colors if the component is unchecked and the component will keep acting as valid (as it always did)

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[M-i-k-e-l]

If you add a ? you don't know that validate was actually called (what if current is undefined?

[M-i-k-e-l]

I see in TextField there's a onValidationFailed method that is called when the validation fails, WDYT about adding it? Unlike onChangeValidity it is called if validate fails.
It can be another PR...

[Inbal-Tish]

I'll keep it simple until we'll get such a request

[ethanshar]

@Inbal-Tish
This PR breaks tests in private.
Can you please take a look.
You will need to update snapshot version in private using yarn up react-native-ui-lib@snapshot