emitting done when no data inside visualization container

Author: ppisljar

src/plugins/vis_type_markdown/public/markdown_renderer.tsx

@@ -36,7 +36,7 @@ export const markdownVisRenderer: ExpressionRenderDefinition<MarkdownVisRenderVa
     });
 
     render(
-      <VisualizationContainer className="markdownVis">
+      <VisualizationContainer className="markdownVis" handlers={handlers}>
         <MarkdownVisComponent {...visParams} renderComplete={handlers.done} />
       </VisualizationContainer>,
       domNode

src/plugins/vis_type_metric/public/metric_vis_renderer.tsx

@@ -36,7 +36,11 @@ export const metricVisRenderer: () => ExpressionRenderDefinition<MetricVisRender
     });
 
     render(
-      <VisualizationContainer className="mtrVis" showNoResult={!visData.rows?.length}>
+      <VisualizationContainer
+        className="mtrVis"
+        showNoResult={!visData.rows?.length}
+        handlers={handlers}
+      >
         <MetricVisComponent
           visData={visData}
           visParams={visConfig}

src/plugins/vis_type_tagcloud/public/tag_cloud_vis_renderer.tsx

@@ -39,7 +39,7 @@ export const getTagCloudVisRenderer: (
     });
 
     render(
-      <VisualizationContainer>
+      <VisualizationContainer handlers={handlers}>
         <TagCloudChart
           {...config}
           colors={colors}

src/plugins/vis_type_timelion/public/timelion_vis_renderer.tsx

@@ -49,7 +49,7 @@ export const getTimelionVisRenderer: (
     }
 
     render(
-      <VisualizationContainer showNoResult={showNoResult}>
+      <VisualizationContainer handlers={handlers} showNoResult={showNoResult}>
         <KibanaContextProvider services={{ ...deps }}>
           <TimelionVisComponent
             interval={visParams.interval}

src/plugins/visualizations/public/components/visualization_container.tsx

@@ -21,16 +21,19 @@ import React, { ReactNode, Suspense } from 'react';
 import { EuiLoadingChart } from '@elastic/eui';
 import classNames from 'classnames';
 import { VisualizationNoResults } from './visualization_noresults';
+import { IInterpreterRenderHandlers } from '../../../expressions/common';
 
 interface VisualizationContainerProps {
   className?: string;
   children: ReactNode;
+  handlers: IInterpreterRenderHandlers;
   showNoResult?: boolean;
 }
 
 export const VisualizationContainer = ({
   className,
   children,
+  handlers,
   showNoResult = false,
 }: VisualizationContainerProps) => {
   const classes = classNames('visualization', className);
@@ -44,7 +47,7 @@ export const VisualizationContainer = ({
   return (
     <div className={classes}>
       <Suspense fallback={fallBack}>
-        {showNoResult ? <VisualizationNoResults /> : children}
+        {showNoResult ? <VisualizationNoResults onInit={() => handlers.done()} /> : children}
       </Suspense>
     </div>
   );