kobotoolbox / kpi / 26441979978

82%

master: 76%

push

github

refactor(frontend): drop react-debounced-input in favor of mantine based component DEV-2073 (#7019)

### 💭 Notes

Replaced the unmaintained `react-debounce-input` package with an
internal `DebouncedTextInput` component, unblocking the React 19 /
Mantine v9 migration.

Changes here:
- `react-debounce-input` does not support React 19 so we dropped it
- The new `DebouncedTextInput` wraps the existing `TextInput` (Mantine)
and uses `useDebouncedCallback` from `@mantine/hooks`
- Debounce timing (defaults to 300 ms), immediate flush on `Enter`, and
immediate flush on `blur` are all preserved
- Storybook stories include three `play`-based interaction tests
covering: debounce delay, Enter flush, and blur flush
- Data Table header filter inputs now use default 300 ms debounce
instead of previously using 750 ms. 300 seems to be a good standard, and
750 was a bit to slow

### 👀 Preview steps

1. ℹ️ Have an account with a project that has at least one text/number
question and some submissions
2. Open Project → Data → Table
3. Type a few characters in a text column filter.
- 🟢 Results update after ~300 ms of inactivity (debounce fires once, not
on every keystroke)
5. Type again, then press **Enter**
   - 🟢 Results update immediately without waiting for the timer
6. Type again, then click elsewhere (blur the input)
   - 🟢 Results update immediately on blur
7. Open Storybook → **Design system / DebouncedTextInput**
- 🟢 `Default`, `CustomTimeout`, and `NoImmediateFlush` stories each show
a _"Last committed value"_ indicator that updates only when the debounce
fires
- 🟢 `TestDebounceDelay`, `TestEnterFlush`, and `TestBlurFlush` play
tests all pass green

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: magicznyleszek <2521888+magicznyleszek@users.noreply.github.com>

9237 of 12470 branches covered (74.07%)

30550 of 37241 relevant lines covered (82.03%)

5.73 hits per line