[Security Solution] Hide empty state for timeline when graph overlay …

…is rendered (#132835) (#133529)

* Hide empty state for timeline when graph overlay is rendered

* Add unit test to not render empty state when overlay is open

* [CI] Auto-commit changed files from 'node scripts/eslint --no-cache --fix'

Co-authored-by: kibanamachine <[email protected]>
(cherry picked from commit c51fb17)

x-pack/plugins/timelines/public/components/t_grid/integrated/index.test.tsx

@@ -78,4 +78,13 @@ describe('integrated t_grid', () => {
       euiDarkVars.paddingSizes.xl
     );
   });
+  it(`does not render the empty state when the graph overlay is open`, () => {
+    render(
+      <TestProviders>
+        <TGridIntegrated {...defaultProps} graphOverlay={<div />} />
+      </TestProviders>
+    );
+
+    expect(screen.queryByTestId('tGridEmptyState')).toBeNull();
+  });
 });

x-pack/plugins/timelines/public/components/t_grid/integrated/index.tsx

@@ -353,7 +353,7 @@ const TGridIntegratedComponent: React.FC<TGridIntegratedProps> = ({
                   )}
               </UpdatedFlexGroup>
               <>
-                {!hasAlerts && !loading && <TGridEmpty height="short" />}
+                {!hasAlerts && !loading && !graphOverlay && <TGridEmpty height="short" />}
                 {hasAlerts && (
                   <FullWidthFlexGroup
                     $visible={!graphEventId && graphOverlay == null}