[DASHBOARDS] Create display legend setting + animations (#16089)

## PR Description
- Create display legend setting
- Create pagination inside the legend
- Animate the legend on enter/exit
- Animate the transition between pages

## Video QA


https://github.com/user-attachments/assets/a68a4ea3-195f-4399-88f7-f83bc1a39cc4
This commit is contained in:
Raphaël Bosi
2025-11-26 18:03:23 +01:00
committed by GitHub
parent 7f441d741b
commit fc4dbb80de
34 changed files with 343 additions and 57 deletions
@@ -1 +0,0 @@
export const CHART_LEGEND_ITEM_THRESHOLD = 10;
@@ -0,0 +1,2 @@
// Estimated width of a legend item in pixels (dot + gap + label + container gap)
export const LEGEND_ITEM_ESTIMATED_WIDTH = 100;
@@ -0,0 +1,2 @@
// Max width of a legend label before truncation
export const LEGEND_LABEL_MAX_WIDTH = 80;
@@ -0,0 +1,2 @@
// Width of pagination controls (prev button + indicator + next button)
export const LEGEND_PAGINATION_CONTROLS_WIDTH = 70;