[Security Solution][Bug] fix popover in t-grid

[christineweng]

This PR contains fixes for the following issues:

# 1 Popover overlaps flyout

• [Security Solution] Hover Actions popover does not close when user clicks on an action. #139280
• [Security Solution] User information overlaps with alerts details flyout #128235

# 2 Popover persists after clicking filter out

• [Security Solution]Hit enter modal stays open on filter out of same rule by jumping to next rule. #115341

# 3 Popover persists after clicking a button outside of popover

• [Security Solution]Cell Action modal colliding with timeline viewing #118844

Background

Previously, a cell's popover remains open after clicking an action. In many cases we want the popover to close upon clicking on a cell action. EUI team addressed this by adding a closeCellPopover to a ref API.

• [EuiDataGrid] Allow consuming applications to control various internal state via ref eui#5590

In T-grid, there are 2 types of cell actions:

• Default cell actions such as filter in, filter out, add to timeline and copy. closeCellPopover is not used.
• Formatted fields that have more information in the form of flyouts (host name, user name, ip, etc.)
  closeCellPopover prop is passed but currently not working as expected.

This PR contains fixes for:

• Fixing closeCellPopover in T-grid body for formatted fields - fixes # 1
• Adding closeCellPopover props in default cell actions - fixes # 2 and # 3

# 1 - closeCellPopover in T-grid

dataGridRef.current?.closeCellPopover was added and intended to close any open popovers when a cell action is clicked. However, because it is a mutable object, it is not being monitored in columnsWithCellActions. When the page is initially loaded, dataGridRef.current remain as null and it does not update until the page re-renders and dataGridRef becomes non-null.

• After: popover closes properly

Screen.Recording.2022-11-10.at.2.44.53.PM.mov

# 2 & # 3 Add closeCellPopover to default cell actions

• After: upon opening the expansion popover, clicking any options and the popover will disappear

Screen.Recording.2022-11-11.at.1.31.01.PM.mov

• After: upon opening the expansion popover, clicking any options outside and the popover will disappear

Screen.Recording.2022-11-11.at.1.41.25.PM.mov

Note for UX: although QA only flagged filter out and add to timeline, for consistency's sake, the expansion popover will disappear after clicking any of the cell actions, which includes filter in and copy.

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[jamster10]

Review for Explore team. LGTM 🔥

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 023c673

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
securitySolution	9.6MB	9.6MB	+570.0B
timelines	74.7KB	74.7KB	+27.0B
total			+597.0B

Unknown metric groups

ESLint disabled in files

id	before	after	diff
osquery	1	2	+1

ESLint disabled line counts

id	before	after	diff
enterpriseSearch	19	21	+2
fleet	59	65	+6
osquery	108	113	+5
securitySolution	441	447	+6
total			+19

Total ESLint disabled count

id	before	after	diff
enterpriseSearch	20	22	+2
fleet	67	73	+6
osquery	109	115	+6
securitySolution	518	524	+6
total			+20

History

• 💚 Build #87574 succeeded 3c6ea73
• 💛 Build #87302 was flaky 5cc91aa
• 💚 Build #87231 succeeded c43d475
• 💔 Build #87181 failed 7c8b35e

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @christineweng

[andrew-goldstein]

Thanks for these fixes @christineweng! 🙏
✅ desk tested locally
LGTM 🚀