[Discover] Deangularize context_app.html

[kertal]

So the context_app template is entirely occupied by directives using React. Well not entirely ... a small directive of indomitable Angular holds out against React and won't go away until #67259 takes over.

So for further deangularisation the doc-table directive needs to be wrapped in a React component. When this is done, the whole template can be migrated to a single React component clearing the way to migrate the controller and to get rid out the Angular router.

How to proceed

• Implement the doc_table component to render the angular template inside, there's an example how this is done in the doc_views_registry https://github.com/elastic/kibana/blob/19bda1fceeca564d5bae73b3a78276870e25f220/src/plugins/discover/public/application/doc_views/doc_views_registry.ts#L35-L44 It can render React or Angular under the hood, and it's used by the DocViewer https://github.com/elastic/kibana/blob/f47b3e50c7b5590e9eaa9d6ddc888bfd579799d4/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx#L32-L50 https://github.com/elastic/kibana/blob/f47b3e50c7b5590e9eaa9d6ddc888bfd579799d4/src/plugins/discover/public/application/components/doc_viewer/doc_viewer_render_tab.tsx#L32-L40 That's how a angular directive is registered: https://github.com/elastic/kibana/blob/821aa9903b7d6b030b210dcb221cd37da490db60/test/plugin_functional/plugins/doc_views_plugin/public/plugin.tsx#L39-L48
• Deangularize context_app like it was done before in #69811

Here's how the React Angular Doc table could look like (in approximately)

export function DocTable({ render, renderProps }: Props) { 
   const render = convertDirectiveToRenderFn({ template: `<doc-table></doc_table>` }, () => getAngularInjector());
   const ref = useRef<HTMLDivElement>(null); 
   useEffect(() => { 
     if (ref && ref.current) { 
       return render(ref.current, renderProps); 
     } 
   }, [render, renderProps]); 
   return <div ref={ref} />; 
 } 

Alternative: Of course you could migrate doc_table directive to React, but this a potential 🐇 hole. Note: Once this is done, we could migrate the next template 🦖, discover.html could be next

[majagrubic]

Closed with 3 PRs above