feat: implement item selector info popover (DHIS2-14774)

[edoardo]

Implements DHIS2-14774

Requires dhis2/analytics#1713

---

Key features

1. bump analytics with data item selector info popover feature

---

Description

In the data item selector, show a popover with information for each data item
The actual implementation is in analytics. Refer to that PR.

---

TODO

• Cypress tests
• Update docs
• Manual testing
• task

---

Known issues

• issue

---

Screenshots

[dhis2-bot]

🚀 Deployed on https://pr-3274.data-visualizer.netlify.dhis2.org

[cypress]

Data Visualizer App    Run #2957

Run Properties:   Failed #2957  •  fe396463d4 ℹ️: Merge d9ac7e295e79139fd1a27e0da7560b67c1085221 into 81c9ec3682f0a8843ea84cf754c1...

Project	Data Visualizer App
Branch Review	feat/info-data-item-selector-DHIS2-14774
Run status	Failed #2957
Run duration	16m 22s
Commit	fe396463d4 ℹ️: Merge d9ac7e295e79139fd1a27e0da7560b67c1085221 into 81c9ec3682f0a8843ea84cf754c1...
Committer	Edoardo Sabadelli
View all properties for this run ↗︎

---

Test results
Failures	37
Flaky	1
Pending	2
Skipped	0
Passing	694
View all changes introduced in this branch ↗︎

---

Tests for review

  open.cy.js • 12 failed tests • e2e-chrome-parallel-2.41-3

View Output Video

Test		Artifacts
opening a saved AO > Single value > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Single value > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Single value > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Stacked bar > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Stacked bar > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Stacked bar > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Stacked area > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Stacked area > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Stacked area > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Year over year (column) > opens a saved AO		Test Replay Screenshots Video
The first 10 failed tests are shown, see all 12 tests in Cypress Cloud.

  options/legend.cy.js • 3 failed tests • e2e-chrome-parallel-2.41-3

View Output Video

Test		Artifacts
Options - Legend > applies different styles of legend to a Single Value chart		Test Replay Screenshots Video
Options - Legend > applies the legend when vis type is changed from Pivot table to Single value		Test Replay Screenshots Video
Options - Legend > applies the legend key settings when vis type changes: Column -> Pivot table -> Gauge -> Single value		Test Replay Screenshots Video

  new.cy.js • 1 failed test • e2e-chrome-parallel-2.41-2

View Output Video

Test		Artifacts
creating a new AO > create AO of type Single value		Test Replay Screenshots Video

  options/icon.cy.js • 2 failed tests • e2e-chrome-parallel-2.41-2

View Output Video

Test		Artifacts
Icon > no icon shows when option is disabled		Test Replay Screenshots Video
Icon > icon shows when option is enabled for INDICATOR		Test Replay Screenshots Video

  open.cy.js • 12 failed tests • e2e-chrome-parallel-2.40-3

View Output Video

Test		Artifacts
opening a saved AO > Single value > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Single value > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Single value > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Stacked bar > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Stacked bar > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Stacked bar > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Stacked area > opens a saved AO		Test Replay Screenshots Video
opening a saved AO > Stacked area > replaces the selected period		Test Replay Screenshots Video
opening a saved AO > Stacked area > resets to a new AO		Test Replay Screenshots Video
opening a saved AO > Year over year (column) > opens a saved AO		Test Replay Screenshots Video
The first 10 failed tests are shown, see all 12 tests in Cypress Cloud.

The first 5 failed specs are shown, see all 9 specs in Cypress Cloud.

  cypress/integration/confirmLeave.cy.js • 1 flaky test • e2e-chrome-parallel-2.41-1

View Output Video

Test		Artifacts
Confirm leave modal > Confirm leave modal preserves AO changes when user cancels leave, and discards changes when user approves leave		Test Replay Screenshots Video