@fluentui/react-charting 5.24.10 → 5.24.11

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

@@ -231,6 +231,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             };
             _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;
@@ -412,6 +413,16 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var yVal = y instanceof Date ? y.getTime() : y;
                 var _this = _this_1;
                 var found = (0, Utilities_1.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 = (0, Utilities_1.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) {
                     (0, d3_selection_1.select)("#".concat(_this_1._verticalLine))
@@ -429,7 +440,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             legendVal: legendVal,
                             lineColor: lineColor,
                             stackCalloutProps: found,
-                            dataPointCalloutProps: found,
+                            dataPointCalloutProps: hoverDp,
                             activePoint: circleId,
                             xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,
                             nearestCircleToHighlight: null,
@@ -712,6 +723,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 this._calloutPoints = (0, index_3.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;
@@ -761,6 +773,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             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;
@@ -837,9 +850,11 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             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;
@@ -856,8 +871,11 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 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;