[EUI] [Tour] Ability to target beacon location based on ID or other selectors

[Heenawter]

Describe the feature:

Right now, it is only possible to implement a tour by wrapping EuiTour tags around the desired target elements - this makes it difficult (if not impossible with our current infrastructure) to target certain components due to the modularity of Kibana. Instead, it would be amazing if this could take a more dynamic approach where the tour simply targets elements by their unique ID or other selectors without having to manually wrap each component in EuiTour tags - this is more similar to how other tour libraries function, such as React Joyride

Describe a specific use case for the feature:

As an example, consider adding a tour to Discover.

• Right now, it is impossible to link beacons to certain Eui components where the HTML is not accessible from within Kibana - for example, the Columns control in the header of an EuiDataGrid is not currently targetable:
  

• Right now, it is difficult to have a tour that spans over multiple elements of the plugin - for example, suppose the Discover tour wanted beacons attached to each of the follow locations;

  

  This currently requires passing a tour object around to multiple files of code and it becomes very clunky and difficult to follow even with minimal EuiTourSteps.

If EuiTourSteps could instead be linked to elements based on querySelectors or something similar, this would allow for a single tour object to be floated over the entire plugin, which would make the code much easier to follow and would expand the use cases of EuiTour to unimaginable levels! 🔥

⭐ Click here for a PR that includes a demo of the possibilities

[elasticmachine]

Pinging @elastic/eui-design (EUI)

[elasticmachine]

Pinging @elastic/kibana-app-services (Team:AppServicesUx)

[thompsongl]

Makes sense to me! I've created elastic/eui#5576 so we're tracking in EUI

[shaunmcgough]

We could really use this feature for the new Document Explorer in Discover. As we are planning on turning this on by default in 8.2, it would be good to build this now to have it ready. The goal for Discover is to introduce users to new features so they don't feel lost or confused. This feature helps with that. We want to highlight new features and offer further info. The product team is all in favor of this feature in EUI if possible.

[banderror]

@Heenawter We were interested in this feature in Security Solution and I just noticed that the linked issue in EUI (elastic/eui#5576) has been addressed in elastic/eui#5696. Still need to try it out though.

[thompsongl]

Just noting that the new features from EUI will be available after #128313 merges.

[Heenawter]

This is possible now thanks to the EUI v52.2.0 being merged 🎉 🎉 🎉