[Feature]: replace select component in all query forms to combo box

[rohan-arthur]

Is there an existing issue for this?

• [X] I have searched the existing issues

Summary

In query forms, most of the select (or dropdown) components do not allow text input. Example:

It would be much easier for a seasoned user to be able to use a combo box like in gsheets spreadsheet input.

Why should this be worked on?

improves the ease of search specially for a seasoned developer

[sneha122]

@rohan-arthur @sumitsum In all query forms, I have found following dropdown/select without search input box, Do we need to allow all of these dropdown/select to have text input?

• [ ] Google Sheets Plugin
  • [ ] Operation
  • [ ] Entity
  • [ ] Filter format
  • [ ] Sort by (Ascending/Descending)
• [ ] REST API Plugin
  • [ ] Type Dropdown <- Multipart form data <- Body <- Create new API
• [ ] Mongo Query
  • [ ] Commands
• [ ] Twilio
  • [ ] Commands
• [ ] Airtable
  • [ ] Commands
• [ ] Elastic Search
  • [ ] Methods
• [ ] Dynamo DB
  • [ ] Action
• [ ] Firestore
  • [ ] Commands
• [ ] S3
  • [ ] Commands
• [ ] SMTP
  • [ ] Commands (Only one command is there, do we need to search input for that?)

[parth-appsmith]

The combo box component is outdated. We have a typeahead dropdown component in our design system for this explicit use case. Behavior: While the dropdown is in focus the list of options appear, the user at this point can still type inside the dropdown and based on their inputs the dropdown filters its list.

Figma Component: https://www.figma.com/file/i80YbQLLs5mXthjIHclPpX/Appsmith-Design-System?node-id=10508%3A30677