[ES|QL] Creates charts from the dashboard

[stratoula]

Summary

Closes #165928

Enables the creation of ES|QL charts from the dashboard.

The implementation is using UIActions which I think is the correct way to register a new panel action to a dashboard. Lens is responsible to register the ESQL panel action and owns the code.

How it works

• A new ES|QL panel has been added to the dashboard toolbar registered by a ui action
• A new panel is been created with a default esql query from <default_dataview_index_pattern> | limit 10
• This results to a datatable and opens the flyout
• If a user clicks cancel then the embeddable is being removed

Checklist

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• Any UI touched in this PR does not create any new axe failures (run axe in browser: FF, Chrome)
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

[stratoula]

/ci

[stratoula]

/ci

[stratoula]

/ci

[elasticmachine]

Pinging @elastic/kibana-visualizations (Team:Visualizations)

[stratoula]

/ci

[stratoula]

/ci

[nreese]

Hitting cancel still adds table panel. Steps:

1. Create new dashboard
2. Click "Add panel" and then "ES|QL". This adds a table panel
3. Edit ES|QL statement by adding "stats var0 = avg(bytes)", click "Run query". This adds a metric panel on top of table panel
4. Click "cancel" in flyout footer.
5. Notice how metric panel is deleted, but underneath is the original table panel, which does not get deleted.

[drewdaemon]

Works well and Lens code LGTM

[stratoula]

@nreese yes as long as the user does a change in the flyout, the Cancel button doesnt remove the panel. In my head, as long as the user starts editing things, they want to keep the panel. But as long as you find it confusing, I removed this logic and now the panel is removed whenever the user hits cancel

[stratoula]

/ci

[stratoula]

/ci

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: a557ec6

Failed CI Steps

• Investigations - Security Solution Cypress Tests #6

Test Failures

• [job] [logs] Investigations - Security Solution Cypress Tests #6 / Correlation tab should update timeline after removing eql should update timeline after removing eql

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
dashboard	388	391	+3
lens	1152	1154	+2
total			+5

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
lens	543	545	+2

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
dashboard	376.4KB	377.6KB	+1.2KB
lens	1.4MB	1.4MB	+1.7KB
total			+3.0KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
dashboard	36.0KB	36.5KB	+437.0B
lens	38.8KB	39.8KB	+940.0B
total			+1.3KB

Unknown metric groups

API count

id	before	after	diff
lens	642	644	+2

History

• 💔 Build #184470 failed edabb8b
• 💚 Build #184164 succeeded 0a003b8
• 💛 Build #183837 was flaky c71e363
• 💛 Build #183381 was flaky e44ef2e
• 💛 Build #182710 was flaky 605d724
• 💔 Build #182678 failed 3793181

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[nreese]

kibana-presentation changes LGTM - Allowing users to create charts without leaving dashboard is a huge step forward and such a great feature.
code review, tested in chrome