Transformations: Improve UX and fix refId issues

[torkelo]

• Fixes strange h5 field label (replaced by normal Field)
• Tries to fix the "Query undefined" issue for data sources that don't set refId

But I am confused by this Select. It shows frames, but the value is the refId so it filters by refId but shows frames? Missing a group by / unique check?

A single query that returns 50 frames will show 50 frames in that select all with the same refId

Bug

[github-advanced-security]

You have successfully added a new CodeQL configuration .github/workflows/pr-codeql-analysis-javascript.yml:analyze. As part of the setup process, we have scanned this repository and found no existing alerts. In the future, you will see all code scanning alerts on the repository Security tab.

[torkelo]

I pushed an update where I now show in the select only unique queries (refIds), and in the description I show the name of the frames (max 3)

[ryantxu]

@torkelo I pushed a change to this that moves the core logic to the @grafana/ui matcher... so it is also used in the field override picker

[ryantxu]

@torkelo ... approving, but you should check my work (mostly moving yours!)

Also, IIUC, this should not be backported -- it does not seem urgent enough to require the extra attention needed for that.

[torkelo]

@ryantxu added a react testing lib unit test for the RefIDPicker component, feels like that logic should have tests :)