kobotoolbox / kpi / 25175540247

82%

master: 76%

push

github

feat(table): add non-functional bulk processing UI DEV-1413 DEV-1415 (#6975)

### 📣 Summary

Add bulk processing buttons to Project → Data → Table, in the header
dropdowns (hidden behind feature flags). They are non-functional,
introduced for future PRs.

### 💭 Notes

Changes here:
- `TableColumnSortDropdown` now has more props:
  - `questionType` 
- two callbacks `onTranscribeSelectedAudioFiles` and
`onTranslateSelectedTranscriptions` for handling user requesting bulk
processing
- `isBulkProcessingDisabled` for ensuring buttons are enabled only when
it makes sense
- Migrated `TableColumnSortDropdown` to use Mantine's components
- Added new icon (via old ways, because the new icon PR is not merged
yet)
- Added feature flag for the Bulk Processing feature
- Slightly adjusted Menu styles
- `Icon` now allows passing style prop

### 👀 Preview steps

1. ℹ️ have an account and a project with audio question, translation,
transcript, and with multiple submissions
2. Enable feature flag `ff_bulkProcessingEnabled`
3. Go to Project → Data → Table
4. Click on header of audio question
5. 🟢 Notice new menu appearing
6. 🟢 Notice new option "Transcribe selected audio files" is disabled
7. Select few rows (with checkboxes in first column)
8. Click on header of audio question
9. 🟢 Notice new option "Transcribe selected audio files" is enabled
10. Do same thing for Transcription column ("Translate selected
transcriptions" option)

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

9048 of 12164 branches covered (74.38%)

29835 of 36342 relevant lines covered (82.1%)

5.77 hits per line