From d07e1541f0aa2a9bc2c69dfce2ab26de55494aee Mon Sep 17 00:00:00 2001
From: Anush Gupta <74965306+Anush2303@users.noreply.github.com>
Date: Thu, 12 Dec 2024 13:25:12 +0000
Subject: [PATCH] enable chart selection based on legends in declarative charts

---
 .../src/components/AreaChart/AreaChart.base.tsx               | 2 +-
 .../src/components/DonutChart/DonutChart.base.tsx             | 2 +-
 .../src/components/GaugeChart/GaugeChart.base.tsx             | 2 +-
 .../GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx  | 2 +-
 .../src/components/HeatMapChart/HeatMapChart.base.tsx         | 2 +-
 .../HorizontalBarChartWithAxis.base.tsx                       | 4 ++--
 .../src/components/LineChart/LineChart.base.tsx               | 2 +-
 .../components/StackedBarChart/MultiStackedBarChart.base.tsx  | 2 +-
 .../src/components/StackedBarChart/StackedBarChart.base.tsx   | 2 +-
 .../src/components/VerticalBarChart/VerticalBarChart.base.tsx | 2 +-
 .../VerticalStackedBarChart/VerticalStackedBarChart.base.tsx  | 2 +-
 11 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
index fef7e6965c59d7..686fe0babe863b 100644
--- a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
+++ b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
@@ -124,7 +124,7 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
     super(props);
     this._createSet = memoizeFunction(this._createDataSet);
     this.state = {
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       hoverXValue: '',
       isCalloutVisible: false,
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
index 95041e3f7841e3..e531b39dd3fe72 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -73,7 +73,7 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
       color: '',
       xCalloutValue: '',
       yCalloutValue: '',
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       focusedArcId: '',
     };
     this._hoverCallback = this._hoverCallback.bind(this);
diff --git a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
index 2913d3bebf2383..87102b1ebacd3b 100644
--- a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
@@ -141,7 +141,7 @@ export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChar
 
     this.state = {
       hoveredLegend: '',
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       focusedElement: '',
       calloutTarget: null,
       isCalloutVisible: false,
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
index 97d08b9e3a0dd8..a35d3ff5b70651 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
@@ -109,7 +109,7 @@ export class GroupedVerticalBarChartBase extends React.Component<
       dataForHoverCard: 0,
       isCalloutVisible: false,
       refSelected: null,
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       xCalloutValue: '',
       yCalloutValue: '',
       YValueHover: [],
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
index 33f52b77f6a13a..4aa3d4e2a2377d 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
+++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
@@ -133,7 +133,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
       ): DataSet => this._createNewDataSet(data, xDate, xNum, yDate, yNum),
     );
     this.state = {
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       isCalloutVisible: false,
       target: null,
diff --git a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
index 8e5562ebe55bbf..0f2925b0d7a774 100644
--- a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
+++ b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
@@ -84,10 +84,10 @@ export class HorizontalBarChartWithAxisBase extends React.Component<
       color: '',
       dataForHoverCard: 0,
       isCalloutVisible: false,
-      isLegendSelected: false,
+      isLegendSelected: true,
       isLegendHovered: false,
       refSelected: null,
-      selectedLegendTitle: '',
+      selectedLegendTitle: props.legendProps?.selectedLegend ?? '',
       xCalloutValue: '',
       yCalloutValue: '',
       activeXdataPoint: null,
diff --git a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
index 65d04ab60e1d23..0e55be45edac90 100644
--- a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -186,7 +186,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
       activeLegend: '',
       YValueHover: [],
       refSelected: '',
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       isCalloutVisible: false,
       selectedLegendPoints: [],
       selectedColorBarLegend: [],
diff --git a/packages/charts/react-charting/src/components/StackedBarChart/MultiStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/StackedBarChart/MultiStackedBarChart.base.tsx
index 44e426a05f7118..bea3215e55abc0 100644
--- a/packages/charts/react-charting/src/components/StackedBarChart/MultiStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/StackedBarChart/MultiStackedBarChart.base.tsx
@@ -69,7 +69,7 @@ export class MultiStackedBarChartBase extends React.Component<IMultiStackedBarCh
     this.state = {
       isCalloutVisible: false,
       refArray: [],
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       refSelected: null,
       dataForHoverCard: 0,
diff --git a/packages/charts/react-charting/src/components/StackedBarChart/StackedBarChart.base.tsx b/packages/charts/react-charting/src/components/StackedBarChart/StackedBarChart.base.tsx
index 8faedf374fb215..b7ceba1ff66ffb 100644
--- a/packages/charts/react-charting/src/components/StackedBarChart/StackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/StackedBarChart/StackedBarChart.base.tsx
@@ -46,7 +46,7 @@ export class StackedBarChartBase extends React.Component<IStackedBarChartProps,
     super(props);
     this.state = {
       isCalloutVisible: false,
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       refSelected: null,
       dataForHoverCard: 0,
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
index 8a0c7585df3416..9e793a25b87c60 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
@@ -110,7 +110,7 @@ export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps
       dataForHoverCard: 0,
       isCalloutVisible: false,
       refSelected: null,
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       xCalloutValue: '',
       yCalloutValue: '',
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
index dddf57a74ccb23..7e1dc04719647d 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
@@ -128,7 +128,7 @@ export class VerticalStackedBarChartBase extends React.Component<
     super(props);
     this.state = {
       isCalloutVisible: false,
-      selectedLegend: '',
+      selectedLegend: props.legendProps?.selectedLegend ?? '',
       activeLegend: '',
       refSelected: null,
       dataForHoverCard: 0,