kibana/x-pack/examples/embedded_lens_example
Tim Sullivan c0696a8c58
[EuiProvider] Fix Gis-Presentation-Visualization code (#183875)
## Summary

Fixes needed for getting CI to pass when EUI throws an error if
attempting to render a component without the EuiProvider in the render
tree.

## Detailed description
In https://github.com/elastic/kibana/pull/180819, I will deliver a
change that will cause EUI components to throw an error if the
EuiProvider context is missing. This PR comes in as part of the final
work to get all functional tests passing in an environment where EUI
will throw the error. The tied to the ["Fix 'dark mode' inconsistencies
in Kibana" Epic](https://github.com/elastic/kibana-team/issues/805) has
so far been in preparation for this.

**Reviewers: Please interact with critical paths through the UI
components touched in this PR, ESPECIALLY in terms of testing dark mode
and i18n.**

<img width="1107" alt="image"
src="c0d2ce08-ac35-45a7-8192-0b2256fceb0e">

### Checklist

Delete any items that are not applicable to this PR.

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)
2024-05-22 13:28:36 -07:00
..
public [EuiProvider] Fix Gis-Presentation-Visualization code (#183875) 2024-05-22 13:28:36 -07:00
.eslintrc.json
kibana.jsonc [packages] migrate all plugins to packages (#148130) 2023-02-08 21:06:50 -06:00
README.md
tsconfig.json [EuiProvider] Fix Gis-Presentation-Visualization code (#183875) 2024-05-22 13:28:36 -07:00

Embedded Lens examples

To run this example plugin, use the command yarn start --run-examples.

This example shows how to embed Lens into other applications. Using the EmbeddableComponent of the lens start plugin, you can pass in a valid Lens configuration which will get rendered the same way Lens dashboard panels work. Updating the configuration will reload the embedded visualization.

It is possible to use the same configuration and the navigateToPrefilledEditor method to navigate the current user to a prefilled Lens editor so they can manipulate the configuration on their own and even save the results to a dashboard. Make sure to always check permissions using canUseEditor whether the current user has permissions to access Lens.