feat: add keyboard event support to SearchBar

[AasthathecoderX]

Notes for Reviewers

This PR fixes #718

Signed commits

• Yes, I signed my commits.

[AasthathecoderX]

The below are the videos showing the working::

enter_working.mp4

Tab_working.mp4

up_downworking.mp4

spacebar_working.mp4

[gemini-code-assist]

Code Review

This pull request introduces an onKeyDown prop to the SearchBar and StyledSearchBar components, enabling custom keyboard event handling and search execution via the 'Enter' key. Feedback focuses on enhancing the handleKeyDown logic to respect event.defaultPrevented, cleaning up redundant comments, and fixing indentation inconsistencies to maintain code quality.

[miacycle]

One thing worth tightening here: pressing Enter can trigger onSearch twice. handleSearchChange already schedules the debounced search, and if Enter is pressed before that debounce expires, handleKeyDown calls onSearch(searchText) immediately while the pending debounced call still fires shortly after. Please cancel the pending debounced callback before the immediate Enter-path search (or funnel Enter through the same search path) so consumers do not get duplicate requests or state updates.

[AasthathecoderX]

One thing worth tightening here: pressing Enter can trigger onSearch twice. handleSearchChange already schedules the debounced search, and if Enter is pressed before that debounce expires, handleKeyDown calls onSearch(searchText) immediately while the pending debounced call still fires shortly after. Please cancel the pending debounced callback before the immediate Enter-path search (or funnel Enter through the same search path) so consumers do not get duplicate requests or state updates.

ok @miacycle ,I will look into it

[Bhumikagarggg]

@AasthathecoderX Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[Rajesh-Nagarajan-11]

@AasthathecoderX any updates ?

[AasthathecoderX]

@Rajesh-Nagarajan-11 ,I have informed @Bhumikagarggg due to my back to back exams I won't be able to do much this week but I will surely do it next week.
Also due to same reason I was not able to make progress from few weeks,actually there are many exams stacked up.

[Rajesh-Nagarajan-11]

Make sure to resolve merge conflicts

[Bhumikagarggg]

@AasthathecoderX Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[AasthathecoderX]

@Rajesh-Nagarajan-11 ,I have done the changes.

[Copilot]

Pull request overview

Adds onKeyDown support to the custom SearchBar and StyledSearchBar components so consumers can react to keyboard events (e.g. Enter to submit). SearchBar also wires Enter to trigger an immediate onSearch, attempting to bypass the debounce.

Changes:

• Add optional onKeyDown prop to SearchBar and forward it to the underlying TextField, with Enter triggering an immediate onSearch.
• Add optional onKeyDown prop to StyledSearchBar and forward it to the inner input.
• Minor formatting cleanups (one-line if, removed comment).

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
src/custom/SearchBar.tsx	Adds onKeyDown prop and Enter-key handler; introduces an unused searchTimeoutRef intended to cancel a pending debounce.
src/custom/StyledSearchBar/StyledSearchBar.tsx	Adds and forwards onKeyDown prop with JSDoc entry.

[Rajesh-Nagarajan-11]

@copilot apply changes based on this feedback