@fluentui/react-charting 5.24.10 → 5.24.11

package/lib/components/LineChart/LineChart.base.js

@@ -241,6 +241,7 @@ var LineChartBase = /** @class */ (function (_super) {
         };
         _this_1._createColorFillBars = function (containerHeight) {
             var _a;
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             var colorFillBars = [];
             if (_this_1.state.isSelectedLegend) {
                 _this_1._colorFillBars = _this_1.state.selectedColorBarLegend;
@@ -422,6 +423,16 @@ var LineChartBase = /** @class */ (function (_super) {
             var yVal = y instanceof Date ? y.getTime() : y;
             var _this = _this_1;
             var found = find(_this_1._calloutPoints, function (element) { return element.x === xVal; });
+            var hoverDp = undefined;
+            if (_this_1.props.isCalloutForStack === false && (found === null || found === void 0 ? void 0 : found.values)) {
+                var dp = find(found.values, function (val) { return (val === null || val === void 0 ? void 0 : val.y) === yVal; });
+                if (dp) {
+                    hoverDp = {
+                        x: xVal,
+                        values: [dp],
+                    };
+                }
+            }
             // if no points need to be called out then don't show vertical line and callout card
             if (found) {
                 d3Select("#".concat(_this_1._verticalLine))
@@ -439,7 +450,7 @@ var LineChartBase = /** @class */ (function (_super) {
                         legendVal: legendVal,
                         lineColor: lineColor,
                         stackCalloutProps: found,
-                        dataPointCalloutProps: found,
+                        dataPointCalloutProps: hoverDp,
                         activePoint: circleId,
                         xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,
                         nearestCircleToHighlight: null,
@@ -722,6 +733,7 @@ var LineChartBase = /** @class */ (function (_super) {
             this._calloutPoints = calloutData(this._points) || [];
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     LineChartBase.prototype.render = function () {
         var _this_1 = this;
         var _a = this.props, tickValues = _a.tickValues, tickFormat = _a.tickFormat, eventAnnotationProps = _a.eventAnnotationProps, legendProps = _a.legendProps, data = _a.data;
@@ -771,6 +783,7 @@ var LineChartBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     LineChartBase.prototype._createLegends = function (data) {
         var _this_1 = this;
         var _a = this.props, legendProps = _a.legendProps, _b = _a.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _b === void 0 ? false : _b;
@@ -847,9 +860,11 @@ var LineChartBase = /** @class */ (function (_super) {
         var extraYPixels = yScale(yMin) - yScale(yMin + yPadding);
         return Math.min(extraXPixels, extraYPixels);
     };
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     LineChartBase.prototype._createLines = function (xElement, containerHeight) {
         var _this_1 = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         var lines = [];
         if (this.state.isSelectedLegend) {
             this._points = this.state.selectedLegendPoints;
@@ -866,8 +881,11 @@ var LineChartBase = /** @class */ (function (_super) {
             theme: this.props.theme,
         });
         var _loop_1 = function (i) {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             var linesForLine = [];
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             var bordersForLine = [];
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             var pointsForLine = [];
             var legendVal = this_1._points[i].legend;
             var lineColor = this_1._points[i].color;