Summary

DocViewer is currently used bydiscover and doc. It provides a detailed view about the currently selected Elasticsearch doc. Out of the box it provides 2 tabs, a table view and a JSON view. It's is extendable by the DocViewsRegistry. While the goal is to remove Angular completely, it has to be considered, that 3rd party plugins still use Angular.

Here are some 3rd party plugins
https://github.com/sw-jung/kibana_markdown_doc_view
https://github.com/AntonPalyok/LA-Message-View

Existing angular plugins are auto converted to using a render function.

Old plugin structure

{
  title: "your title"
  directive: {
    controller: (scope) => { /* function to extend the scope */}
    template: "<your-angular-template></your-angular-template>"
 }
  order: 10
}

New plugin structure 1, providing a component

{
  title: "your title"
  component: <Your-React-Component/>
  order: 10
}

New plugin structure 2, using a render function

{
  title: "your title"
  render: (domNode, docViewProps) => { /** rendering the way you want */ }
  order: 10
}

Part of #38646
Fixes #19827 (as a side effect)

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

• This was checked for cross-browser compatibility, including a check against IE11
  - [ ] Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
  - [ ] Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios
  - [ ] This was checked for keyboard-only and screenreader accessibility

For maintainers

• This was checked for breaking API changes and was labeled appropriately
• This includes a feature addition or change that requires a release note and was labeled appropriately