@fluentui/react-charting 5.23.12 → 5.23.13

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

@@ -41,7 +41,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
         ];
         return allPointPaths[index];
     };
-    var LineChartBase = exports.LineChartBase = /** @class */ (function (_super) {
+    var LineChartBase = /** @class */ (function (_super) {
         tslib_1.__extends(LineChartBase, _super);
         function LineChartBase(props) {
             var _this_1 = _super.call(this, props) || this;
@@ -65,8 +65,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 return domainNRangeValue;
             };
             _this_1._injectIndexPropertyInLineChartData = function (lineChartData) {
-                var _a;
-                var allowMultipleShapesForPoints = (_a = _this_1.props.allowMultipleShapesForPoints, _a === void 0 ? false : _a);
+                var _a = _this_1.props.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _a === void 0 ? false : _a;
                 return lineChartData
                     ? lineChartData.map(function (item, index) {
                         var _a, _b;
@@ -121,8 +120,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 });
             };
             _this_1._getBoxWidthOfShape = function (pointId, pointIndex, isLastPoint) {
-                var _a, _b, _c;
-                var allowMultipleShapesForPoints = (_a = _this_1.props, _b = _a.allowMultipleShapesForPoints, _b === void 0 ? false : _b), strokeWidth = (_c = _a.strokeWidth, _c === void 0 ? DEFAULT_LINE_STROKE_SIZE : _c);
+                var _a = _this_1.props, _b = _a.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _b === void 0 ? false : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? DEFAULT_LINE_STROKE_SIZE : _c;
                 var activePoint = _this_1.state.activePoint;
                 if (allowMultipleShapesForPoints) {
                     if (activePoint === pointId) {
@@ -145,8 +143,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 }
             };
             _this_1._getPath = function (xPos, yPos, pointId, pointIndex, isLastPoint, pointOftheLine) {
-                var _a;
-                var allowMultipleShapesForPoints = (_a = _this_1.props.allowMultipleShapesForPoints, _a === void 0 ? false : _a);
+                var _a = _this_1.props.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _a === void 0 ? false : _a;
                 var w = _this_1._getBoxWidthOfShape(pointId, pointIndex, isLastPoint);
                 var index = allowMultipleShapesForPoints ? pointOftheLine % Object.keys(index_3.pointTypes).length : 0;
                 var widthRatio = index_3.pointTypes[index].widthRatio;
@@ -154,9 +151,8 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 return _getPointPath(xPos, yPos, w, index);
             };
             _this_1._getPointFill = function (lineColor, pointId, pointIndex, isLastPoint) {
-                var _a, _b;
                 var activePoint = _this_1.state.activePoint;
-                var theme = (_a = _this_1.props, _a.theme), allowMultipleShapesForPoints = (_b = _a.allowMultipleShapesForPoints, _b === void 0 ? false : _b);
+                var _a = _this_1.props, theme = _a.theme, _b = _a.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _b === void 0 ? false : _b;
                 if (allowMultipleShapesForPoints) {
                     if (pointIndex === 1 || isLastPoint) {
                         if (activePoint === pointId) {
@@ -234,7 +230,6 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 return { isInGap: isInGap, gapIndex: gapIndex };
             };
             _this_1._onMouseOverLargeDataset = function (linenumber, lineHeight, mouseEvent) {
-                var _a;
                 mouseEvent.persist();
                 var data = _this_1.props.data;
                 var lineChartData = data.lineChartData;
@@ -278,7 +273,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             break;
                     }
                 }
-                var xAxisCalloutData = (_a = lineChartData[linenumber].data[index], _a.xAxisCalloutData), xAxisCalloutAccessibilityData = _a.xAxisCalloutAccessibilityData;
+                var _a = lineChartData[linenumber].data[index], xAxisCalloutData = _a.xAxisCalloutData, xAxisCalloutAccessibilityData = _a.xAxisCalloutAccessibilityData;
                 var formattedDate = xPointToHighlight instanceof Date ? (0, index_3.formatDate)(xPointToHighlight, _this_1.props.useUTC) : xPointToHighlight;
                 var modifiedXVal = xPointToHighlight instanceof Date ? xPointToHighlight.getTime() : xPointToHighlight;
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -536,8 +531,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 return ((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) || "".concat(xValue, ". ").concat(legend, ", ").concat(yValue, ".");
             };
             _this_1._getChartTitle = function () {
-                var _a;
-                var chartTitle = (_a = _this_1.props.data, _a.chartTitle), lineChartData = _a.lineChartData;
+                var _a = _this_1.props.data, chartTitle = _a.chartTitle, lineChartData = _a.lineChartData;
                 return (chartTitle ? "".concat(chartTitle, ". ") : '') + "Line chart with ".concat((lineChartData === null || lineChartData === void 0 ? void 0 : lineChartData.length) || 0, " lines. ");
             };
             _this_1.state = {
@@ -586,9 +580,8 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             }
         };
         LineChartBase.prototype.render = function () {
-            var _a;
             var _this_1 = this;
-            var tickValues = (_a = this.props, _a.tickValues), tickFormat = _a.tickFormat, eventAnnotationProps = _a.eventAnnotationProps, legendProps = _a.legendProps, data = _a.data;
+            var _a = this.props, tickValues = _a.tickValues, tickFormat = _a.tickFormat, eventAnnotationProps = _a.eventAnnotationProps, legendProps = _a.legendProps, data = _a.data;
             this._points = this._injectIndexPropertyInLineChartData(data.lineChartData);
             var isXAxisDateType = (0, index_3.getXAxisType)(this._points);
             var points = this._points;
@@ -627,9 +620,8 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 } }))) : (React.createElement("div", { id: this._emptyChartId, role: 'alert', style: { opacity: '0' }, "aria-label": 'Graph has no data to display' }));
         };
         LineChartBase.prototype._createLegends = function (data) {
-            var _a, _b;
             var _this_1 = this;
-            var legendProps = (_a = this.props, _a.legendProps), allowMultipleShapesForPoints = (_b = _a.allowMultipleShapesForPoints, _b === void 0 ? false : _b);
+            var _a = this.props, legendProps = _a.legendProps, _b = _a.allowMultipleShapesForPoints, allowMultipleShapesForPoints = _b === void 0 ? false : _b;
             var isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);
             var legendDataItems = data.map(function (point) {
                 var color = point.color;
@@ -696,7 +688,6 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 this._points = this._injectIndexPropertyInLineChartData(this.props.data.lineChartData);
             }
             var _loop_1 = function (i) {
-                var _2;
                 var linesForLine = [];
                 var bordersForLine = [];
                 var pointsForLine = [];
@@ -706,7 +697,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var theme = this_1.props.theme;
                 var verticaLineHeight = containerHeight - this_1.margins.bottom + 6;
                 if (this_1._points[i].data.length === 1) {
-                    var x1_1 = (_2 = this_1._points[i].data[0], _2.x), y1 = _2.y, xAxisCalloutData_1 = _2.xAxisCalloutData, xAxisCalloutAccessibilityData_1 = _2.xAxisCalloutAccessibilityData;
+                    var _2 = this_1._points[i].data[0], x1_1 = _2.x, y1 = _2.y, xAxisCalloutData_1 = _2.xAxisCalloutData, xAxisCalloutAccessibilityData_1 = _2.xAxisCalloutAccessibilityData;
                     var circleId_1 = "".concat(this_1._circleId, "_").concat(i);
                     var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
                     pointsForLine.push(React.createElement("circle", tslib_1.__assign({ id: circleId_1, key: circleId_1, r: activePoint === circleId_1 ? 5.5 : 3.5, cx: this_1._xAxisScale(x1_1), cy: this_1._yAxisScale(y1), fill: activePoint === circleId_1 ? theme.semanticColors.bodyBackground : lineColor, opacity: isLegendSelected ? 1 : 0.1, onMouseOver: this_1._handleHover.bind(this_1, x1_1, y1, verticaLineHeight, xAxisCalloutData_1, circleId_1, xAxisCalloutAccessibilityData_1), onMouseMove: this_1._handleHover.bind(this_1, x1_1, y1, verticaLineHeight, xAxisCalloutData_1, circleId_1, xAxisCalloutAccessibilityData_1), onMouseOut: this_1._handleMouseOut, strokeWidth: activePoint === circleId_1 ? DEFAULT_LINE_STROKE_SIZE : 0, stroke: activePoint === circleId_1 ? lineColor : '', role: "img", "aria-label": this_1._getAriaLabel(i, 0), "data-is-focusable": isLegendSelected, ref: function (e) {
@@ -753,15 +744,14 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 }
                 else if (!this_1.props.optimizeLargeData) {
                     var _loop_2 = function (j) {
-                        var _3, _4, _5;
                         var gapResult = this_1._checkInGap(j, gaps, gapIndex);
                         var isInGap = gapResult.isInGap;
                         gapIndex = gapResult.gapIndex;
                         var lineId = "".concat(this_1._lineId, "_").concat(i, "_").concat(j);
                         var borderId = "".concat(this_1._borderId, "_").concat(i, "_").concat(j);
                         var circleId = "".concat(this_1._circleId, "_").concat(i, "_").concat(j);
-                        var x1 = (_3 = this_1._points[i].data[j - 1], _3.x), y1 = _3.y, xAxisCalloutData = _3.xAxisCalloutData, xAxisCalloutAccessibilityData = _3.xAxisCalloutAccessibilityData;
-                        var x2 = (_4 = this_1._points[i].data[j], _4.x), y2 = _4.y;
+                        var _3 = this_1._points[i].data[j - 1], x1 = _3.x, y1 = _3.y, xAxisCalloutData = _3.xAxisCalloutData, xAxisCalloutAccessibilityData = _3.xAxisCalloutAccessibilityData;
+                        var _4 = this_1._points[i].data[j], x2 = _4.x, y2 = _4.y;
                         var path = this_1._getPath(this_1._xAxisScale(x1), this_1._yAxisScale(y1), circleId, j, false, this_1._points[i].index);
                         var strokeWidth = ((_p = this_1._points[i].lineOptions) === null || _p === void 0 ? void 0 : _p.strokeWidth) || this_1.props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;
                         var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
@@ -773,7 +763,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             var hiddenHoverCircleId = "".concat(circleId).concat(j, "D");
                             var lastPointHidden = this_1._points[i].hideNonActiveDots && activePoint !== lastCircleId_1;
                             path = this_1._getPath(this_1._xAxisScale(x2), this_1._yAxisScale(y2), lastCircleId_1, j, true, this_1._points[i].index);
-                            var lastCirlceXCallout_1 = (_5 = this_1._points[i].data[j], _5.xAxisCalloutData), lastCirlceXCalloutAccessibilityData_1 = _5.xAxisCalloutAccessibilityData;
+                            var _5 = this_1._points[i].data[j], lastCirlceXCallout_1 = _5.xAxisCalloutData, lastCirlceXCalloutAccessibilityData_1 = _5.xAxisCalloutAccessibilityData;
                             pointsForLine.push(React.createElement(React.Fragment, { key: "".concat(lastCircleId_1, "_container") },
                                 React.createElement("path", tslib_1.__assign({ id: lastCircleId_1, key: lastCircleId_1, d: path, "data-is-focusable": isLegendSelected, onMouseOver: this_1._handleHover.bind(this_1, x2, y2, verticaLineHeight, lastCirlceXCallout_1, lastCircleId_1, lastCirlceXCalloutAccessibilityData_1), onMouseMove: this_1._handleHover.bind(this_1, x2, y2, verticaLineHeight, lastCirlceXCallout_1, lastCircleId_1, lastCirlceXCalloutAccessibilityData_1), onMouseOut: this_1._handleMouseOut, onFocus: function () {
                                         return _this_1._handleFocus(lineId, x2, lastCirlceXCallout_1, lastCircleId_1, lastCirlceXCalloutAccessibilityData_1);
@@ -857,5 +847,6 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
         };
         return LineChartBase;
     }(React.Component));
+    exports.LineChartBase = LineChartBase;
 });
 //# sourceMappingURL=LineChart.base.js.map