feat: support multiple timeline layers [DHIS2-19542]

[BRaimbault]

Parent PR: #3584 > feat: support multiple split layers DHIS2-19542
Child PR: none

Implements DHIS2-19542

Description

This PR enables adding multiple timeline layers to a map.

Feats

• Changes:
  • Move Timeline component from ThematicLayer component to map/Maps component.
  • Let map/Maps component pass period property down to ThematicLayer components so multiple timelines are updated in sync.
  • Handle scenario where currently selected period is removed from Timeline.
• In:
  • src/components/map/layers/ThematicLayer.jsx
  • src/components/map/Map.jsx

 

• Change the logic in the rendering strategy to allow timeline if other timeline layers are already there:
  • src/components/periods/RenderingStrategy.jsx
  • cypress/integration/layers/thematiclayer.cy.js

 

• Changes:
  • Re-organise useEffects in ThematicDialog component.
  • Get filter (ie periods) from already present timeline layers.
  • Default to rendering strategy to timeline if one is already present.
  • Get default periods to match other timeline layer if exists.
  • Handle specifically scenario: "converting an single layer to a timeline layer and another timeline layer exist" to both sync period from other timeline and keep pre-existing single period selection as backup in case the user goes back.
  • Sync period change across split layers upon successful layer validation.
• In:
  • src/components/edit/thematic/ThematicDialog.jsx
  • src/hooks/useLayersPeriodSync.js

 

• Don't persist period backups beyond the editing session: src/components/edit/LayerEdit.jsx
• Fix: losing other filters when periods are synced: src/reducers/map.js

---

Quality checklist

Add N/A to items that are not applicable.

• Dashboard tested
• Cypress and/or Jest tests added/updated
• Docs added
• d2-ci dependencies replaced (analytics or maps-gl link https://github.com/dhis2/[lib]/pull/XXX) N/A
• Testers approved (BugBash 2026-03-03)

---

Testing

• Bundle: maps-999.99.9-multipletimeline-rc6.2026-02-26.zip
• Instance: https://dev.im.dhis2.org/maps-app-42-3/apps/maps
• Dashboard: https://dev.im.dhis2.org/maps-app-42-3/apps/dashboard#/HNkPTrEE4Cx
• Maps:
  • Multiple split layers: https://dev.im.dhis2.org/maps-app-42-3/apps/maps#/rgHSDyMiAtv
  • Multiple timeline layers: https://dev.im.dhis2.org/maps-app-42-3/apps/maps#/sBfK0WfiesH
  • One single and one timeline: https://dev.im.dhis2.org/maps-app-42-3/apps/maps#/vL0rqUjzgJu

[dhis2-bot]

🚀 Deployed on https://pr-3628.maps.netlify.dhis2.org

[sonarqubecloud]

Quality Gate failed

Failed conditions
1 New issue
1 New Code Smells (required ≤ 0)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[BRaimbault]

Ready for review