Fix discover flyout and improve events columns

[lucianogorza]

Description

• The error that occurred when trying to open the Events tab flyout in the modules has been fixed.
• The rendering of the rule.id and rule.mitre.id columns has been improved to render a link, and the timestamp column now formats the date in all modules where it is displayed.
• The rendering of those columns in each module has been removed so they use the general rendering.

Issues Resolved

#6672

Evidence

Test

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

Threat Hunting

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	⚫	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	⚫	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	⚫	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	⚫	⚫	⚫
Check that the column rule.id has a link and works correctly.	⚫	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	⚫	⚫	⚫
Check that the column timestamp renders correctly.	⚫	⚫	⚫

Details

⚫ Check that the flyout opens correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the columns agent id and agent name don't have links for agent 000.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column agent id has a link and works correctly for other agents.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column agent name has a link and works correctly for other agents.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column rule.id has a link and works correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column rule.mitre.id has a link and works correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column timestamp renders correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

Mitre ATT&CT

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	⚫	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	⚫	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	⚫	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	⚫	⚫	⚫
Check that the column rule.id has a link and works correctly.	⚫	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	⚫	⚫	⚫
Check that the column timestamp renders correctly.	⚫	⚫	⚫

Details

⚫ Check that the flyout opens correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the columns agent id and agent name don't have links for agent 000.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column agent id has a link and works correctly for other agents.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column agent name has a link and works correctly for other agents.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column rule.id has a link and works correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column rule.mitre.id has a link and works correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

⚫ Check that the column timestamp renders correctly.

Chrome - ⚫

Firefox - ⚫

Safari - ⚫

Check List

• All tests pass
  • yarn test:jest
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[JuanGarriuz]

Test

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

Threat Hunting

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	🟢	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	🟢	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column rule.id has a link and works correctly.	🟢	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	🟢	⚫	⚫
Check that the column timestamp renders correctly.	🟢	⚫	⚫

Details

🟢 Check that the flyout opens correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the columns agent id and agent name don't have links for agent 000.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent id has a link and works correctly for other agents.

Chrome - 🟢

Agent id is 002, although his name is ubutu_3

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent name has a link and works correctly for other agents.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.id has a link and works correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.mitre.id has a link and works correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column timestamp renders correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

Mitre ATT&CT

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	🟢	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	🟢	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column rule.id has a link and works correctly.	🟢	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	🟢	⚫	⚫
Check that the column timestamp renders correctly.	🟢	⚫	⚫

Details

🟢 Check that the flyout opens correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the columns agent id and agent name don't have links for agent 000.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent id has a link and works correctly for other agents.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent name has a link and works correctly for other agents.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.id has a link and works correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.mitre.id has a link and works correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column timestamp renders correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

[JuanGarriuz]

LGTM!!!

[Machi3mfl]

Test

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

Threat Hunting

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	🟢	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	🟢	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column rule.id has a link and works correctly.	🟢	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	🟢	⚫	⚫
Check that the column timestamp renders correctly.	🟢	⚫	⚫

Details

🟢 Check that the flyout opens correctly.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.23.29.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the columns agent id and agent name don't have links for agent 000.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent id has a link and works correctly for other agents.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.49.06.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent name has a link and works correctly for other agents.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.50.03.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.id has a link and works correctly.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.27.45.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.mitre.id has a link and works correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column timestamp renders correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

Mitre ATT&CK

Test	Chrome	Firefox	Safari
Check that the flyout opens correctly.	🟢	⚫	⚫
Check that the columns agent id and agent name don't have links for agent 000.	🟢	⚫	⚫
Check that the column agent id has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column agent name has a link and works correctly for other agents.	🟢	⚫	⚫
Check that the column rule.id has a link and works correctly.	🟢	⚫	⚫
Check that the column rule.mitre.id has a link and works correctly.	🟢	⚫	⚫
Check that the column timestamp renders correctly.	🟢	⚫	⚫

Details

🟢 Check that the flyout opens correctly.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.33.04.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the columns agent id and agent name don't have links for agent 000.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent id has a link and works correctly for other agents.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.40.52.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column agent name has a link and works correctly for other agents.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.41.53.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.id has a link and works correctly.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.43.21.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column rule.mitre.id has a link and works correctly.

Chrome - 🟢

Screen.Recording.2024-05-23.at.08.44.42.mov

Firefox - ⚫

Safari - ⚫

🟢 Check that the column timestamp renders correctly.

Chrome - 🟢

Firefox - ⚫

Safari - ⚫

[Machi3mfl]

CR: ✅
Test: ✅