Update selection UI with EUISelectable + EUIFieldSearch

opensearch-project / ux

Public repository for OpenSearch UX. Tracks issues, epics and workstreams related to improving the user experience, usability and accessibility of OpenSearch core, dashboards and related plugins.

Apache License 2.0

5 stars 5 forks source link

Update selection UI with EUISelectable + EUIFieldSearch #40

Closed KrooshalUX closed 2 years ago

KrooshalUX commented 2 years ago

Created a hybrid approach for release speed and somewhat improved user experience. Marking for improvement in 2.5 release.

[ ] Use EUISelectable to allow user to find existing data sources.
[ ] Use EUIFieldSearch to allow users to search for an existing data source
[ ] If no external data source connections have been made, disable the radio button and have Default selected by default OR present a button for creation, which should open in a new tab.

KrooshalUX commented 2 years ago

For speed I imagine the best approach for the case where there are no external data source connections set up is to disable the radio button like this:

An alternative which we can do in 2.5 is this, which will aid in the discovery and possible adoption of the (production ready version) feature while helping build the mental model of external data sources and index patterns:

kristenTian commented 2 years ago

Disabling the option with the fast approach might cause confusion on why it's being disabled.

Here is the selectable with no content existing, it is also straightforward that user has none configured: