kobotoolbox / kpi / 18690218423

81%

master: 76%

push

github

refactor(mantine): migrate QA tags response form to mantine DEV-1168 (#6390)


### 💭 Notes
TLDR: Needed to create custom theme for mantine's `TagInput` as it has
some hacky styling that is different than our defaults.

Mantine's `TagInput` (and I suspect every other tag input library in
some way) has a "input" that's actually a div, which wraps around an
actual `<input>` element inside. This way it can display the tags in the
same wrapper, before where the user would actually type the tags in.
This means the default styles for mantine `<input>`'s can't apply here.
The div wrapper "input" needs `focus-within` rather than
`focus-visible`, as well as other default styles that we want to apply
to its wrapper div instead. It's probably easier to understand by
reading the code changes

### 👀 Preview steps
1. ℹ️ have an account and a project with NLP submissions
2. open NLP view
3. add a tags analysis question
5. 🟢 [on PR] notice that there is no functional differences between main

7061 of 11107 branches covered (63.57%)

27276 of 33555 relevant lines covered (81.29%)

1.6 hits per line