lmc-eu / spirit-design-system / 5357431896 / 2 – web-react

65%

main: 79%

push

github

BREAKING CHANGE(web-react): Rename `message` prop to `validationText` in Form Fields #DS-676

And also make it depend on `validationState`.

Instead of `message` prop use `validationText`. Use `helperText` instead of
`validationText` to show permanent helper. If `validationState` is not set
`validationText` won't render.
This applies to Checkbox, TextField, TextArea and TextFieldBase.

- `<Checkbox validationState="danger" message="error" …>` → `<Checkbox
validationState="danger" validationText="error" …>`
- `<Checkbox message="Check this field" …>` → `<Checkbox helperText="Check this field"
 …>`
- `<TextField validationState="danger" message="error" …>` → `<TextField
validationState="danger" validationText="error" …>`
- `<TextField message="Fill full name" …>` → `<TextField helperText="Fill full name"
 …>`
- `<TextArea validationState="danger" message="error" …>` → `<TextArea
validationState="danger" validationText="error" …>`
- `<TextArea message="Introduce yourself" …>` → `<TextArea helperText="Introduce
 yourself" …>`
- `<TextFieldBase validationState="danger" message="error" …>` → `<TextFieldBase
validationState="danger" validationText="error" …>`
- `<TextFieldBase message="State your address" …>` → `<TextFieldBase helperText="State
 your address" …>`

Please refer back to these instructions or reach out to our team
if you encounter any issues during migration.

232 of 361 branches covered (64.27%)

Branch coverage included in aggregate %.

2045 of 2286 relevant lines covered (89.46%)

28.79 hits per line