feat: add bidirectional map/table selection sync and collapsible datatable [PR2]

[BRaimbault]

Part of DHIS2-21456

Description

Adds bidirectional highlighting/selection sync between the map and data table, persistent multi-feature selection, and a collapsible/resizable table panel. Second in the data table improvement series, building on PR1's toolbar and context menu.

Selection (DataTable)

• New checkbox column; header checkbox selects/deselects all currently visible rows in one action
• Ctrl/Cmd-click a row to toggle its selection; Shift-click selects a range from the last-clicked row (falls back to a single-row toggle if there's no prior anchor yet)
• Selection is tracked in a new selection reducer, scoped per layer, and resets on layer switch

Map ↔ table sync

• Hovering a map feature highlights and scrolls to its table row; hovering a table row highlights the feature on the map — consistent styling in both directions (previously cursor-hover fell through to @dhis2/ui's native grey tr:hover style while map-hover showed our own blue highlight)
• Left/right-clicking a map feature scrolls the table to its row without changing selection; Ctrl/Cmd-click also toggles selection
• Double-clicking a table row zooms the map to that feature
• A row that's both selected and hovered now shows the hover color, not the selected color

Filtering

• "Show only selected features" and "show only in view" toolbar toggles filter both the table and the map
• "Show only in view" now uses true bounding-box overlap instead of centroid-only, and correctly handles map viewports that cross the antimeridian

Zoom actions

• "Zoom to layer" added to the table's row context menu (previously map-only)
• "Zoom to selected features" added to both the map and table context menus, disabled when nothing's selected; zooms to the combined bounds of every selected feature

Table panel (BottomPanel)

• Collapse/restore button and double-click-the-header-to-toggle, shrinking the panel down to just the toolbar strip
• The resize handle is always available, including collapsed: dragging up exits collapsed mode and resizes live; dragging down to the floor enters collapsed mode
• Restoring (button, double-click, or dragging back up) returns to the exact height the panel had before collapsing

Bug fixes

• Long unbroken text (e.g. URLs) in table cells now wraps instead of overflowing
• O(n·m) .includes() scans in selection filtering replaced with O(1) Set lookups
• Fixed a stale-effect bug where Ctrl-clicking a table row (or any selection change) re-triggered the map-click scroll effect and yanked the table back to a previously map-clicked row
• Fixed a crash in the map context menu's mapStateToProps when no context menu is open
• Fixed the toolbar layout bug where the resize handle's runaway flex-basis squeezed the layer name to zero width

maps-gl

• New Cluster.setVisibleIds() override: "show only selected" now re-clusters from the filtered feature set (via source.setData()) instead of applying a GL filter expression, which can't target cluster circles (they carry no per-feature id). Applies to client- and donut-clustered event layers; server-clustered layers are unaffected since their data table is already unsupported today (unrelated pre-existing limitation)
• Layer#panToFeature() now accepts an array of ids, fitting the map to their combined bounds

---

Quality checklist

Add N/A to items that are not applicable.

• Dashboard tested
• Cypress and/or Jest tests added/updated
• Docs added N/A
• d2-ci dependencies replaced (maps-gl)
• Tester approved (name)

Screenshots

supporting images

[dhis2-bot]

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

[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