feat(select): implement searchable select component with server search capabilities

- Enhanced the Select component to support a searchable dropdown, allowing users to filter options by label or value.
- Introduced a new useSelectServerSearch hook for server-side searching, enabling dynamic fetching of options based on user input.
- Updated TenderDetailsHeader and TenderListFilters to utilize the searchable feature, improving user experience in selecting languages and countries.
- Added utility functions for filtering select items and managing search states, ensuring efficient data handling and responsiveness.
This commit is contained in:
AmirReza Jamali
2026-05-16 09:18:12 +03:30
parent 25f8bde229
commit 7aa13bb904
6 changed files with 606 additions and 19 deletions
@@ -149,6 +149,8 @@ const TenderListFilters = ({
label="Country"
items={Countries}
placeholder="Any country"
searchable
searchPlaceholder="Search country or code…"
clearable
prefixIcon={<GlobeIcon />}
value={watch("country")}