kobotoolbox / kpi / 26237509050 / 8

82%

master: 76%

push

github

refactor(languageSelector): update and replace old language selector DEV-1401 (#7039)

### 📣 Summary
Update old language selector into a new component

### 💭 Notes
Replaced the old language selector with a new one. This one uses
react-query and orval generated types so it has no more reliance on the
`languageStore`. Removing this store is beyond the scope of replacing
the language selector, but the selector is the main user of that store.

There are some intended "regressions" because of the switching from a
complex component to a simple dropdown. The new language selector uses
Mantine `Select` and is meant to be used in multiple places. See
DEV-1401 for more info. But here are some notable changes:
1. No more infinite scroll (`Select` does allow for this in the future,
if needed)
2. The display of the languages is all contained in the dropdown
3. The dropdown contains groups
    - There is a new "recently selected" group
4. Storybook is updated
- The specific "Select 'Sweedish' language" story wasn't working, so it
wasn't replicated. All props are available to manipulate
5. The old language selector advertised a "From source" feature. I
couldn't find anywhere that was using this, no prop was ever directly
populated, so I didn't recreate this feature (I don't know what it was
doing anyways).
6. The new component is a controlled component, I removed the old global
event handling to navigate the UX

All functional capabilities of the old language selector is ported over

### 👀 Preview steps

1. ℹ️ have an account and a project with an audio response so you can
open the NLP view
7. Navigate to the NLP view
9. 🟢 notice that the functionality is the same as before
- This means a lot of things, it will give a better idea of how the
props are interpreted by the new component if you look at the new
storybook implementation
- In the NLP view, notice that all the buttons surrounding this
component still work as intended (back button, manual, automatic),
because... (continued)

5940 of 12382 branches covered (47.97%)

22509 of 37151 relevant lines covered (60.59%)

0.61 hits per line