@fluentui/react-charting 5.16.34 → 5.16.35

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

@@ -2,14 +2,14 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LineChartBase = void 0;
-    var getClassNames = Utilities_1.classNamesFunction();
+    var getClassNames = (0, Utilities_1.classNamesFunction)();
     var PointSize;
     (function (PointSize) {
         PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
         PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";
     })(PointSize || (PointSize = {}));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var bisect = d3_array_1.bisector(function (d) { return d.x; }).left;
+    var bisect = (0, d3_array_1.bisector)(function (d) { return d.x; }).left;
     var DEFAULT_LINE_STROKE_SIZE = 4;
     // The given shape of a icon must be 2.5 times bigger than line width (known as stroke width)
     var PATH_MULTIPLY_SIZE = 2.5;
@@ -23,26 +23,26 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
     var _getPointPath = function (x, y, w, index) {
         var allPointPaths = [
             // circle path
-            "M" + (x - w / 2) + " " + y + "\n     A" + w / 2 + " " + w / 2 + " 0 1 0 " + (x + w / 2) + " " + y + "\n     M" + (x - w / 2) + " " + y + "\n     A " + w / 2 + " " + w / 2 + " 0 1 1 " + (x + w / 2) + " " + y + "\n     ",
+            "M".concat(x - w / 2, " ").concat(y, "\n     A").concat(w / 2, " ").concat(w / 2, " 0 1 0 ").concat(x + w / 2, " ").concat(y, "\n     M").concat(x - w / 2, " ").concat(y, "\n     A ").concat(w / 2, " ").concat(w / 2, " 0 1 1 ").concat(x + w / 2, " ").concat(y, "\n     "),
             //square
-            "M" + (x - w / 2) + " " + (y - w / 2) + "\n     L" + (x + w / 2) + " " + (y - w / 2) + "\n     L" + (x + w / 2) + " " + (y + w / 2) + "\n     L" + (x - w / 2) + " " + (y + w / 2) + "\n     Z",
+            "M".concat(x - w / 2, " ").concat(y - w / 2, "\n     L").concat(x + w / 2, " ").concat(y - w / 2, "\n     L").concat(x + w / 2, " ").concat(y + w / 2, "\n     L").concat(x - w / 2, " ").concat(y + w / 2, "\n     Z"),
             //triangle
-            "M" + (x - w / 2) + " " + (y - 0.2886 * w) + "\n     H " + (x + w / 2) + "\n     L" + x + " " + (y + 0.5774 * w) + " Z",
+            "M".concat(x - w / 2, " ").concat(y - 0.2886 * w, "\n     H ").concat(x + w / 2, "\n     L").concat(x, " ").concat(y + 0.5774 * w, " Z"),
             //diamond
-            "M" + x + " " + (y - w / 2) + "\n     L" + (x + w / 2) + " " + y + "\n     L" + x + " " + (y + w / 2) + "\n     L" + (x - w / 2) + " " + y + "\n     Z",
+            "M".concat(x, " ").concat(y - w / 2, "\n     L").concat(x + w / 2, " ").concat(y, "\n     L").concat(x, " ").concat(y + w / 2, "\n     L").concat(x - w / 2, " ").concat(y, "\n     Z"),
             //pyramid
-            "M" + x + " " + (y - 0.5774 * w) + "\n     L" + (x + w / 2) + " " + (y + 0.2886 * w) + "\n     L" + (x - w / 2) + " " + (y + 0.2886 * w) + " Z",
+            "M".concat(x, " ").concat(y - 0.5774 * w, "\n     L").concat(x + w / 2, " ").concat(y + 0.2886 * w, "\n     L").concat(x - w / 2, " ").concat(y + 0.2886 * w, " Z"),
             //hexagon
-            "M" + (x - 0.5 * w) + " " + (y - 0.866 * w) + "\n     L" + (x + 0.5 * w) + " " + (y - 0.866 * w) + "\n     L" + (x + w) + " " + y + "\n     L" + (x + 0.5 * w) + " " + (y + 0.866 * w) + "\n     L" + (x - 0.5 * w) + " " + (y + 0.866 * w) + "\n     L" + (x - w) + " " + y + "\n     Z",
+            "M".concat(x - 0.5 * w, " ").concat(y - 0.866 * w, "\n     L").concat(x + 0.5 * w, " ").concat(y - 0.866 * w, "\n     L").concat(x + w, " ").concat(y, "\n     L").concat(x + 0.5 * w, " ").concat(y + 0.866 * w, "\n     L").concat(x - 0.5 * w, " ").concat(y + 0.866 * w, "\n     L").concat(x - w, " ").concat(y, "\n     Z"),
             //pentagon
-            "M" + x + " " + (y - 0.851 * w) + "\n     L" + (x + 0.6884 * w) + " " + (y - 0.2633 * w) + "\n     L" + (x + 0.5001 * w) + " " + (y + 0.6884 * w) + "\n     L" + (x - 0.5001 * w) + " " + (y + 0.6884 * w) + "\n     L" + (x - 0.6884 * w) + " " + (y - 0.2633 * w) + "\n     Z",
+            "M".concat(x, " ").concat(y - 0.851 * w, "\n     L").concat(x + 0.6884 * w, " ").concat(y - 0.2633 * w, "\n     L").concat(x + 0.5001 * w, " ").concat(y + 0.6884 * w, "\n     L").concat(x - 0.5001 * w, " ").concat(y + 0.6884 * w, "\n     L").concat(x - 0.6884 * w, " ").concat(y - 0.2633 * w, "\n     Z"),
             //octagon
-            "M" + (x - 0.5001 * w) + " " + (y - 1.207 * w) + "\n     L" + (x + 0.5001 * w) + " " + (y - 1.207 * w) + "\n     L" + (x + 1.207 * w) + " " + (y - 0.5001 * w) + "\n     L" + (x + 1.207 * w) + " " + (y + 0.5001 * w) + "\n     L" + (x + 0.5001 * w) + " " + (y + 1.207 * w) + "\n     L" + (x - 0.5001 * w) + " " + (y + 1.207 * w) + "\n     L" + (x - 1.207 * w) + " " + (y + 0.5001 * w) + "\n     L" + (x - 1.207 * w) + " " + (y - 0.5001 * w) + "\n     Z",
+            "M".concat(x - 0.5001 * w, " ").concat(y - 1.207 * w, "\n     L").concat(x + 0.5001 * w, " ").concat(y - 1.207 * w, "\n     L").concat(x + 1.207 * w, " ").concat(y - 0.5001 * w, "\n     L").concat(x + 1.207 * w, " ").concat(y + 0.5001 * w, "\n     L").concat(x + 0.5001 * w, " ").concat(y + 1.207 * w, "\n     L").concat(x - 0.5001 * w, " ").concat(y + 1.207 * w, "\n     L").concat(x - 1.207 * w, " ").concat(y + 0.5001 * w, "\n     L").concat(x - 1.207 * w, " ").concat(y - 0.5001 * w, "\n     Z"),
         ];
         return allPointPaths[index];
     };
     var LineChartBase = /** @class */ (function (_super) {
-        tslib_1.__extends(LineChartBase, _super);
+        (0, tslib_1.__extends)(LineChartBase, _super);
         function LineChartBase(props) {
             var _this_1 = _super.call(this, props) || this;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -58,12 +58,12 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         var color;
                         // isInverted property is applicable to v8 themes only
                         if (typeof item.color === 'undefined') {
-                            color = index_3.getNextColor(index, 0, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
+                            color = (0, index_3.getNextColor)(index, 0, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
                         }
                         else {
-                            color = index_3.getColorFromToken(item.color, (_b = _this_1.props.theme) === null || _b === void 0 ? void 0 : _b.isInverted);
+                            color = (0, index_3.getColorFromToken)(item.color, (_b = _this_1.props.theme) === null || _b === void 0 ? void 0 : _b.isInverted);
                         }
-                        return tslib_1.__assign(tslib_1.__assign({}, item), { index: allowMultipleShapesForPoints ? index : -1, color: color });
+                        return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { index: allowMultipleShapesForPoints ? index : -1, color: color });
                     })
                     : [];
             };
@@ -175,13 +175,13 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 else {
                     _this_1._colorFillBars = _this_1.props.colorFillBars;
                 }
-                var yMinMaxValues = index_3.getMinMaxOfYAxis(_this_1._points, index_3.ChartTypes.LineChart);
+                var yMinMaxValues = (0, index_3.getMinMaxOfYAxis)(_this_1._points, index_3.ChartTypes.LineChart);
                 var FILL_Y_PADDING = 3;
                 for (var i = 0; i < _this_1._colorFillBars.length; i++) {
                     var colorFillBar = _this_1._colorFillBars[i];
-                    var colorFillBarId = Utilities_1.getId(colorFillBar.legend.replace(/\W/g, ''));
+                    var colorFillBarId = (0, Utilities_1.getId)(colorFillBar.legend.replace(/\W/g, ''));
                     // isInverted property is applicable to v8 themes only
-                    var color = index_3.getColorFromToken(colorFillBar.color, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
+                    var color = (0, index_3.getColorFromToken)(colorFillBar.color, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
                     if (colorFillBar.applyPattern) {
                         // Using a pattern element because CSS was unable to render diagonal stripes for rect elements
                         colorFillBars.push(_this_1._getStripePattern(color, i));
@@ -192,7 +192,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         var opacity = _this_1._legendHighlighted(colorFillBar.legend) || _this_1._noLegendHighlighted() || _this_1.state.isSelectedLegend
                             ? _this_1._getColorFillBarOpacity(colorFillBar)
                             : 0.1;
-                        colorFillBars.push(React.createElement("rect", { fill: colorFillBar.applyPattern ? "url(#" + _this_1._colorFillBarPatternId + "_" + i + ")" : color, fillOpacity: opacity, x: _this_1._xAxisScale(startX), y: _this_1._yAxisScale(yMinMaxValues.endValue) - FILL_Y_PADDING, width: Math.abs(_this_1._xAxisScale(endX) - _this_1._xAxisScale(startX)), height: _this_1._yAxisScale(_this_1.props.yMinValue || 0) - _this_1._yAxisScale(yMinMaxValues.endValue) + FILL_Y_PADDING, key: "" + colorFillBarId + j }));
+                        colorFillBars.push(React.createElement("rect", { fill: colorFillBar.applyPattern ? "url(#".concat(_this_1._colorFillBarPatternId, "_").concat(i, ")") : color, fillOpacity: opacity, x: _this_1._xAxisScale(startX), y: _this_1._yAxisScale(yMinMaxValues.endValue) - FILL_Y_PADDING, width: Math.abs(_this_1._xAxisScale(endX) - _this_1._xAxisScale(startX)), height: _this_1._yAxisScale(_this_1.props.yMinValue || 0) - _this_1._yAxisScale(yMinMaxValues.endValue) + FILL_Y_PADDING, key: "".concat(colorFillBarId).concat(j) }));
                     }
                 }
                 return colorFillBars;
@@ -201,7 +201,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 // This describes a tile pattern that resembles diagonal stripes
                 // For more information: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
                 var stripePath = 'M-4,4 l8,-8 M0,16 l16,-16 M12,20 l8,-8';
-                return (React.createElement("pattern", { id: _this_1._colorFillBarPatternId + "_" + id, width: 16, height: 16, key: _this_1._colorFillBarPatternId + "_" + id, patternUnits: 'userSpaceOnUse' },
+                return (React.createElement("pattern", { id: "".concat(_this_1._colorFillBarPatternId, "_").concat(id), width: 16, height: 16, key: "".concat(_this_1._colorFillBarPatternId, "_").concat(id), patternUnits: 'userSpaceOnUse' },
                     React.createElement("path", { d: stripePath, stroke: color, strokeWidth: 1.25 })));
             };
             _this_1._checkInGap = function (pointIndex, gaps, currentGapIndex) {
@@ -220,7 +220,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var data = _this_1.props.data;
                 var lineChartData = data.lineChartData;
                 // This will get the value of the X when mouse is on the chart
-                var xOffset = _this_1._xAxisScale.invert(d3_selection_1.clientPoint(document.getElementById(_this_1._rectId), mouseEvent)[0]);
+                var xOffset = _this_1._xAxisScale.invert((0, d3_selection_1.clientPoint)(document.getElementById(_this_1._rectId), mouseEvent)[0]);
                 var i = bisect(lineChartData[linenumber].data, xOffset);
                 var d0 = lineChartData[linenumber].data[i - 1];
                 var d1 = lineChartData[linenumber].data[i];
@@ -236,7 +236,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                     index = i - 1;
                 }
                 else {
-                    axisType = index_3.getTypeOfAxis(lineChartData[linenumber].data[0].x, true);
+                    axisType = (0, index_3.getTypeOfAxis)(lineChartData[linenumber].data[0].x, true);
                     var x0 = void 0;
                     var point0 = void 0;
                     var point1 = void 0;
@@ -263,7 +263,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var formattedDate = xPointToHighlight instanceof Date ? xPointToHighlight.toLocaleString() : xPointToHighlight;
                 var modifiedXVal = xPointToHighlight instanceof Date ? xPointToHighlight.getTime() : xPointToHighlight;
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                var found = Utilities_1.find(_this_1._calloutPoints, function (element) {
+                var found = (0, Utilities_1.find)(_this_1._calloutPoints, function (element) {
                     return element.x === modifiedXVal;
                 });
                 var pointToHighlight = lineChartData[linenumber].data[index];
@@ -274,19 +274,19 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             _this_1.state.nearestCircleToHighlight.y !== pointToHighlight.y));
                 // if no points need to be called out then don't show vertical line and callout card
                 if (found && pointToHighlightUpdated) {
-                    _this_1._uniqueCallOutID = "#" + _this_1._staticHighlightCircle + "_" + linenumber;
-                    d3_selection_1.select("#" + _this_1._staticHighlightCircle + "_" + linenumber)
-                        .attr('cx', "" + _this_1._xAxisScale(pointToHighlight.x))
-                        .attr('cy', "" + _this_1._yAxisScale(pointToHighlight.y))
+                    _this_1._uniqueCallOutID = "#".concat(_this_1._staticHighlightCircle, "_").concat(linenumber);
+                    (0, d3_selection_1.select)("#".concat(_this_1._staticHighlightCircle, "_").concat(linenumber))
+                        .attr('cx', "".concat(_this_1._xAxisScale(pointToHighlight.x)))
+                        .attr('cy', "".concat(_this_1._yAxisScale(pointToHighlight.y)))
                         .attr('visibility', 'visibility');
-                    d3_selection_1.select("#" + _this_1._verticalLine)
-                        .attr('transform', function () { return "translate(" + _this_1._xAxisScale(pointToHighlight.x) + ", " + _this_1._yAxisScale(pointToHighlight.y) + ")"; })
+                    (0, d3_selection_1.select)("#".concat(_this_1._verticalLine))
+                        .attr('transform', function () { return "translate(".concat(_this_1._xAxisScale(pointToHighlight.x), ", ").concat(_this_1._yAxisScale(pointToHighlight.y), ")"); })
                         .attr('visibility', 'visibility')
-                        .attr('y2', "" + (lineHeight - _this_1._yAxisScale(pointToHighlight.y)));
+                        .attr('y2', "".concat(lineHeight - _this_1._yAxisScale(pointToHighlight.y)));
                     _this_1.setState({
                         nearestCircleToHighlight: pointToHighlight,
                         isCalloutVisible: true,
-                        refSelected: "#" + _this_1._staticHighlightCircle + "_" + linenumber,
+                        refSelected: "#".concat(_this_1._staticHighlightCircle, "_").concat(linenumber),
                         stackCalloutProps: found,
                         YValueHover: found.values,
                         dataPointCalloutProps: found,
@@ -309,12 +309,12 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 _this_1._uniqueCallOutID = circleId;
                 var formattedData = x instanceof Date ? x.toLocaleDateString() : x;
                 var xVal = x instanceof Date ? x.getTime() : x;
-                var found = Utilities_1.find(_this_1._calloutPoints, function (element) { return element.x === xVal; });
+                var found = (0, Utilities_1.find)(_this_1._calloutPoints, function (element) { return element.x === xVal; });
                 // if no points need to be called out then don't show vertical line and callout card
                 if (found) {
                     var _this_2 = _this_1;
-                    d3_selection_1.select("#" + _this_1._verticalLine)
-                        .attr('transform', function () { return "translate(" + _this_2._xAxisScale(x) + ", 0)"; })
+                    (0, d3_selection_1.select)("#".concat(_this_1._verticalLine))
+                        .attr('transform', function () { return "translate(".concat(_this_2._xAxisScale(x), ", 0)"); })
                         .attr('visibility', 'visibility');
                     _this_1._refArray.forEach(function (obj) {
                         if (obj.index === lineId) {
@@ -342,18 +342,18 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var formattedData = x instanceof Date ? x.toLocaleDateString() : x;
                 var xVal = x instanceof Date ? x.getTime() : x;
                 var _this = _this_1;
-                var found = Utilities_1.find(_this_1._calloutPoints, function (element) { return element.x === xVal; });
+                var found = (0, Utilities_1.find)(_this_1._calloutPoints, function (element) { return element.x === xVal; });
                 // if no points need to be called out then don't show vertical line and callout card
                 if (found) {
-                    d3_selection_1.select("#" + _this_1._verticalLine)
-                        .attr('transform', function () { return "translate(" + _this._xAxisScale(x) + ", " + _this._yAxisScale(y) + ")"; })
+                    (0, d3_selection_1.select)("#".concat(_this_1._verticalLine))
+                        .attr('transform', function () { return "translate(".concat(_this._xAxisScale(x), ", ").concat(_this._yAxisScale(y), ")"); })
                         .attr('visibility', 'visibility')
-                        .attr('y2', "" + (lineHeight - _this._yAxisScale(y)));
+                        .attr('y2', "".concat(lineHeight - _this._yAxisScale(y)));
                     if (_this_1._uniqueCallOutID !== circleId) {
                         _this_1._uniqueCallOutID = circleId;
                         _this_1.setState({
                             isCalloutVisible: true,
-                            refSelected: "#" + circleId,
+                            refSelected: "#".concat(circleId),
                             hoverXValue: xAxisCalloutData ? xAxisCalloutData : '' + formattedData,
                             YValueHover: found.values,
                             stackCalloutProps: found,
@@ -386,7 +386,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 return {};
             };
             _this_1._handleMouseOut = function () {
-                d3_selection_1.select("#" + _this_1._verticalLine).attr('visibility', 'hidden');
+                (0, d3_selection_1.select)("#".concat(_this_1._verticalLine)).attr('visibility', 'hidden');
             };
             _this_1._handleChartMouseLeave = function () {
                 _this_1._uniqueCallOutID = null;
@@ -412,7 +412,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 }, -1);
                 var selectedLines;
                 if (selectedLineIndex === -1) {
-                    selectedLines = tslib_1.__spreadArray(tslib_1.__spreadArray([], _this_1.state.selectedLegendPoints), [selectedLine]);
+                    selectedLines = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], _this_1.state.selectedLegendPoints, true), [selectedLine], false);
                 }
                 else {
                     selectedLines = _this_1.state.selectedLegendPoints
@@ -452,7 +452,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 }, -1);
                 var selectedColorFillBars;
                 if (selectedColorFillBarIndex === -1) {
-                    selectedColorFillBars = tslib_1.__spreadArray(tslib_1.__spreadArray([], _this_1.state.selectedColorBarLegend), [selectedColorFillBar]);
+                    selectedColorFillBars = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], _this_1.state.selectedColorBarLegend, true), [selectedColorFillBar], false);
                 }
                 else {
                     selectedColorFillBars = _this_1.state.selectedColorBarLegend
@@ -514,7 +514,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var xValue = point.xAxisCalloutData || formattedDate;
                 var legend = line.legend;
                 var yValue = point.yAxisCalloutData || point.y;
-                return ((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) || xValue + ". " + legend + ", " + yValue + ".";
+                return ((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) || "".concat(xValue, ". ").concat(legend, ", ").concat(yValue, ".");
             };
             _this_1.state = {
                 hoverXValue: '',
@@ -533,15 +533,15 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             _this_1._refArray = [];
             _this_1._points = _this_1._injectIndexPropertyInLineChartData(_this_1.props.data.lineChartData);
             _this_1._colorFillBars = [];
-            _this_1._calloutPoints = index_3.calloutData(_this_1._points) || [];
-            _this_1._circleId = Utilities_1.getId('circle');
-            _this_1._lineId = Utilities_1.getId('lineID');
-            _this_1._borderId = Utilities_1.getId('borderID');
-            _this_1._verticalLine = Utilities_1.getId('verticalLine');
-            _this_1._colorFillBarPatternId = Utilities_1.getId('colorFillBarPattern');
-            _this_1._tooltipId = Utilities_1.getId('LineChartTooltipId_');
-            _this_1._rectId = Utilities_1.getId('containerRectLD');
-            _this_1._staticHighlightCircle = Utilities_1.getId('staticHighlightCircle');
+            _this_1._calloutPoints = (0, index_3.calloutData)(_this_1._points) || [];
+            _this_1._circleId = (0, Utilities_1.getId)('circle');
+            _this_1._lineId = (0, Utilities_1.getId)('lineID');
+            _this_1._borderId = (0, Utilities_1.getId)('borderID');
+            _this_1._verticalLine = (0, Utilities_1.getId)('verticalLine');
+            _this_1._colorFillBarPatternId = (0, Utilities_1.getId)('colorFillBarPattern');
+            _this_1._tooltipId = (0, Utilities_1.getId)('LineChartTooltipId_');
+            _this_1._rectId = (0, Utilities_1.getId)('containerRectLD');
+            _this_1._staticHighlightCircle = (0, Utilities_1.getId)('staticHighlightCircle');
             props.eventAnnotationProps &&
                 props.eventAnnotationProps.labelHeight &&
                 (_this_1.eventLabelHeight = props.eventAnnotationProps.labelHeight);
@@ -555,28 +555,28 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 prevProps.width !== this.props.width ||
                 prevProps.data !== this.props.data) {
                 this._points = this._injectIndexPropertyInLineChartData(this.props.data.lineChartData);
-                this._calloutPoints = index_3.calloutData(this._points) || [];
+                this._calloutPoints = (0, index_3.calloutData)(this._points) || [];
             }
         };
         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;
             this._points = this._injectIndexPropertyInLineChartData(data.lineChartData);
-            var isXAxisDateType = index_3.getXAxisType(this._points);
+            var isXAxisDateType = (0, index_3.getXAxisType)(this._points);
             var points = this._points;
             if (legendProps && !!legendProps.canSelectMultipleLegends) {
                 points = this.state.selectedLegendPoints.length >= 1 ? this.state.selectedLegendPoints : this._points;
-                this._calloutPoints = index_3.calloutData(points);
+                this._calloutPoints = (0, index_3.calloutData)(points);
             }
             var legendBars = this._createLegends(this._points);
-            var calloutProps = tslib_1.__assign({ isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.DirectionalHint.topAutoEdge, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, id: "toolTip" + this._uniqueCallOutID, target: this.state.refSelected, isBeakVisible: false, gapSpace: 15, onDismiss: this._closeCallout, preventDismissOnEvent: function () { return true; }, hidden: !(!this.props.hideTooltip && this.state.isCalloutVisible), descriptionMessage: this.props.getCalloutDescriptionMessage && this.state.stackCalloutProps
+            var calloutProps = (0, tslib_1.__assign)({ isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.DirectionalHint.topAutoEdge, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, id: "toolTip".concat(this._uniqueCallOutID), target: this.state.refSelected, isBeakVisible: false, gapSpace: 15, onDismiss: this._closeCallout, preventDismissOnEvent: function () { return true; }, hidden: !(!this.props.hideTooltip && this.state.isCalloutVisible), descriptionMessage: this.props.getCalloutDescriptionMessage && this.state.stackCalloutProps
                     ? this.props.getCalloutDescriptionMessage(this.state.stackCalloutProps)
                     : undefined, 'data-is-focusable': true, xAxisCalloutAccessibilityData: this.state.xAxisCalloutAccessibilityData }, this.props.calloutProps);
             var tickParams = {
                 tickValues: tickValues,
                 tickFormat: tickFormat,
             };
-            return (React.createElement(index_2.CartesianChart, tslib_1.__assign({}, this.props, { chartTitle: data.chartTitle, points: points, chartType: index_3.ChartTypes.LineChart, isCalloutForStack: true, calloutProps: calloutProps, tickParams: tickParams, legendBars: legendBars, getmargins: this._getMargins, getGraphData: this._initializeLineChartData, xAxisType: isXAxisDateType ? index_3.XAxisTypes.DateAxis : index_3.XAxisTypes.NumericAxis, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, 
+            return (React.createElement(index_2.CartesianChart, (0, tslib_1.__assign)({}, this.props, { chartTitle: data.chartTitle, points: points, chartType: index_3.ChartTypes.LineChart, isCalloutForStack: true, calloutProps: calloutProps, tickParams: tickParams, legendBars: legendBars, getmargins: this._getMargins, getGraphData: this._initializeLineChartData, xAxisType: isXAxisDateType ? index_3.XAxisTypes.DateAxis : index_3.XAxisTypes.NumericAxis, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, 
                 /* eslint-disable react/jsx-no-bind */
                 // eslint-disable-next-line react/no-children-prop
                 children: function (props) {
@@ -589,7 +589,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             React.createElement("g", null,
                                 _this_1._renderedColorFillBars,
                                 _this_1.lines),
-                            eventAnnotationProps && (React.createElement(EventAnnotation_1.EventsAnnotation, tslib_1.__assign({}, eventAnnotationProps, { scale: props.xScale, chartYTop: _this_1.margins.top + _this_1.eventLabelHeight, chartYBottom: props.containerHeight - 35 }))))));
+                            eventAnnotationProps && (React.createElement(EventAnnotation_1.EventsAnnotation, (0, tslib_1.__assign)({}, eventAnnotationProps, { scale: props.xScale, chartYTop: _this_1.margins.top + _this_1.eventLabelHeight, chartYBottom: props.containerHeight - 35 }))))));
                 } })));
         };
         LineChartBase.prototype._createLegends = function (data) {
@@ -599,7 +599,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             var legendDataItems = data.map(function (point) {
                 var color = point.color;
                 // mapping data to the format Legends component needs
-                var legend = tslib_1.__assign(tslib_1.__assign({ title: point.legend, color: color, action: function () {
+                var legend = (0, tslib_1.__assign)((0, tslib_1.__assign)({ title: point.legend, color: color, action: function () {
                         if (isLegendMultiSelectEnabled) {
                             _this_1._handleMultipleLineLegendSelectionAction(point);
                         }
@@ -623,7 +623,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                     var _a;
                     var title = colorFillBar.legend;
                     // isInverted property is applicable to v8 themes only
-                    var color = index_3.getColorFromToken(colorFillBar.color, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
+                    var color = (0, index_3.getColorFromToken)(colorFillBar.color, (_a = _this_1.props.theme) === null || _a === void 0 ? void 0 : _a.isInverted);
                     var legend = {
                         title: title,
                         color: color,
@@ -648,7 +648,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                     return legend;
                 })
                 : [];
-            var legends = (React.createElement(index_1.Legends, tslib_1.__assign({ legends: tslib_1.__spreadArray(tslib_1.__spreadArray([], legendDataItems), colorFillBarsLegendDataItems), enabledWrapLines: this.props.enabledLegendsWrapLines, overflowProps: this.props.legendsOverflowProps, focusZonePropsInHoverCard: this.props.focusZonePropsForLegendsInHoverCard, overflowText: this.props.legendsOverflowText }, (isLegendMultiSelectEnabled && { onLegendHoverCardLeave: this._onHoverCardHide }), this.props.legendProps)));
+            var legends = (React.createElement(index_1.Legends, (0, tslib_1.__assign)({ legends: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], legendDataItems, true), colorFillBarsLegendDataItems, true), enabledWrapLines: this.props.enabledLegendsWrapLines, overflowProps: this.props.legendsOverflowProps, focusZonePropsInHoverCard: this.props.focusZonePropsForLegendsInHoverCard, overflowText: this.props.legendsOverflowText }, (isLegendMultiSelectEnabled && { onLegendHoverCardLeave: this._onHoverCardHide }), this.props.legendProps)));
             return legends;
         };
         LineChartBase.prototype._createLines = function (xElement, containerHeight) {
@@ -672,8 +672,8 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var verticaLineHeight = containerHeight - this_1.margins.bottom + 6;
                 if (this_1._points[i].data.length === 1) {
                     var _0 = this_1._points[i].data[0], x1_1 = _0.x, y1 = _0.y, xAxisCalloutData_1 = _0.xAxisCalloutData, xAxisCalloutAccessibilityData_1 = _0.xAxisCalloutAccessibilityData;
-                    var circleId_1 = this_1._circleId + "_" + i;
-                    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.palette.white : lineColor, 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": true, ref: function (e) {
+                    var circleId_1 = "".concat(this_1._circleId, "_").concat(i);
+                    pointsForLine.push(React.createElement("circle", (0, 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.palette.white : lineColor, 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": true, ref: function (e) {
                             _this_1._refCallback(e, circleId_1);
                         }, onFocus: function () { return _this_1._handleFocus(circleId_1, x1_1, xAxisCalloutData_1, circleId_1, xAxisCalloutAccessibilityData_1); }, onBlur: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].data[0].onDataPointClick))));
                 }
@@ -681,14 +681,14 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var gaps = (_b = (_a = this_1._points[i].gaps) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.startIndex - b.startIndex; })) !== null && _b !== void 0 ? _b : [];
                 // Use path rendering technique for larger datasets to optimize performance.
                 if (this_1.props.optimizeLargeData && this_1._points[i].data.length > 1) {
-                    var line = d3_shape_1.line()
+                    var line = (0, d3_shape_1.line)()
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         .x(function (d) { return _this_1._xAxisScale(d[0]); })
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         .y(function (d) { return _this_1._yAxisScale(d[1]); })
                         .curve(d3_shape_1.curveLinear);
-                    var lineId = this_1._lineId + "_" + i;
-                    var borderId = this_1._borderId + "_" + i;
+                    var lineId = "".concat(this_1._lineId, "_").concat(i);
+                    var borderId = "".concat(this_1._borderId, "_").concat(i);
                     var strokeWidth = ((_c = this_1._points[i].lineOptions) === null || _c === void 0 ? void 0 : _c.strokeWidth) || this_1.props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;
                     var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
                     var lineData = [];
@@ -707,36 +707,36 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         if (lineBorderWidth > 0) {
                             bordersForLine.push(React.createElement("path", { id: borderId, key: borderId, d: line(lineData), fill: "transparent", strokeLinecap: (_f = (_e = this_1._points[i].lineOptions) === null || _e === void 0 ? void 0 : _e.strokeLinecap) !== null && _f !== void 0 ? _f : 'round', strokeWidth: Number.parseFloat(strokeWidth.toString()) + lineBorderWidth, stroke: ((_g = this_1._points[i].lineOptions) === null || _g === void 0 ? void 0 : _g.lineBorderColor) || theme.palette.white, opacity: 1 }));
                         }
-                        linesForLine.push(React.createElement("path", tslib_1.__assign({ id: lineId, key: lineId, d: line(lineData), fill: "transparent", "data-is-focusable": true, stroke: lineColor, strokeWidth: strokeWidth, strokeLinecap: (_j = (_h = this_1._points[i].lineOptions) === null || _h === void 0 ? void 0 : _h.strokeLinecap) !== null && _j !== void 0 ? _j : 'round', onMouseMove: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOver: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOut: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].onLineClick), { opacity: 1, role: "img", "aria-label": legendVal + ", series " + (i + 1) + " of " + this_1._points.length + " with " + this_1._points[i].data.length + " data points." })));
+                        linesForLine.push(React.createElement("path", (0, tslib_1.__assign)({ id: lineId, key: lineId, d: line(lineData), fill: "transparent", "data-is-focusable": true, stroke: lineColor, strokeWidth: strokeWidth, strokeLinecap: (_j = (_h = this_1._points[i].lineOptions) === null || _h === void 0 ? void 0 : _h.strokeLinecap) !== null && _j !== void 0 ? _j : 'round', onMouseMove: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOver: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOut: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].onLineClick), { opacity: 1, role: "img", "aria-label": "".concat(legendVal, ", series ").concat(i + 1, " of ").concat(this_1._points.length, " with ").concat(this_1._points[i].data.length, " data points.") })));
                     }
                     else {
-                        linesForLine.push(React.createElement("path", { id: lineId, key: lineId, d: line(lineData), fill: "transparent", "data-is-focusable": true, stroke: lineColor, strokeWidth: strokeWidth, strokeLinecap: (_l = (_k = this_1._points[i].lineOptions) === null || _k === void 0 ? void 0 : _k.strokeLinecap) !== null && _l !== void 0 ? _l : 'round', opacity: 0.1, role: "img", "aria-label": legendVal + ", series " + (i + 1) + " of " + this_1._points.length + " with " + this_1._points[i].data.length + " data points." }));
+                        linesForLine.push(React.createElement("path", { id: lineId, key: lineId, d: line(lineData), fill: "transparent", "data-is-focusable": true, stroke: lineColor, strokeWidth: strokeWidth, strokeLinecap: (_l = (_k = this_1._points[i].lineOptions) === null || _k === void 0 ? void 0 : _k.strokeLinecap) !== null && _l !== void 0 ? _l : 'round', opacity: 0.1, role: "img", "aria-label": "".concat(legendVal, ", series ").concat(i + 1, " of ").concat(this_1._points.length, " with ").concat(this_1._points[i].data.length, " data points.") }));
                     }
                     var isPointHighlighted = this_1.state.activeLine !== null && this_1.state.activeLine === i;
-                    pointsForLine.push(React.createElement("circle", { id: this_1._staticHighlightCircle + "_" + i, key: this_1._staticHighlightCircle + "_" + i, r: 5.5, cx: 0, cy: 0, fill: theme.palette.white, strokeWidth: DEFAULT_LINE_STROKE_SIZE, stroke: lineColor, visibility: isPointHighlighted ? 'visibility' : 'hidden', onMouseMove: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOver: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOut: this_1._handleMouseOut }));
+                    pointsForLine.push(React.createElement("circle", { id: "".concat(this_1._staticHighlightCircle, "_").concat(i), key: "".concat(this_1._staticHighlightCircle, "_").concat(i), r: 5.5, cx: 0, cy: 0, fill: theme.palette.white, strokeWidth: DEFAULT_LINE_STROKE_SIZE, stroke: lineColor, visibility: isPointHighlighted ? 'visibility' : 'hidden', onMouseMove: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOver: this_1._onMouseOverLargeDataset.bind(this_1, i, verticaLineHeight), onMouseOut: this_1._handleMouseOut }));
                 }
                 else if (!this_1.props.optimizeLargeData) {
                     var _loop_2 = function (j) {
                         var gapResult = this_1._checkInGap(j, gaps, gapIndex);
                         var isInGap = gapResult.isInGap;
                         gapIndex = gapResult.gapIndex;
-                        var lineId = this_1._lineId + "_" + i + "_" + j;
-                        var borderId = this_1._borderId + "_" + i + "_" + j;
-                        var circleId = this_1._circleId + "_" + i + "_" + j;
+                        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 _1 = this_1._points[i].data[j - 1], x1 = _1.x, y1 = _1.y, xAxisCalloutData = _1.xAxisCalloutData, xAxisCalloutAccessibilityData = _1.xAxisCalloutAccessibilityData;
                         var _2 = this_1._points[i].data[j], x2 = _2.x, y2 = _2.y;
                         var path = this_1._getPath(this_1._xAxisScale(x1), this_1._yAxisScale(y1), circleId, j, false, this_1._points[i].index);
                         var strokeWidth = ((_m = this_1._points[i].lineOptions) === null || _m === void 0 ? void 0 : _m.strokeWidth) || this_1.props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;
                         var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
                         var currentPointHidden = this_1._points[i].hideNonActiveDots && activePoint !== circleId;
-                        pointsForLine.push(React.createElement("path", tslib_1.__assign({ id: circleId, key: circleId, d: path, "data-is-focusable": true, onMouseOver: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseMove: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseOut: this_1._handleMouseOut, onFocus: function () { return _this_1._handleFocus(lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData); }, onBlur: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].data[j - 1].onDataPointClick), { opacity: isLegendSelected && !currentPointHidden ? 1 : 0.01, fill: this_1._getPointFill(lineColor, circleId, j, false), stroke: lineColor, strokeWidth: strokeWidth, role: "img", "aria-label": this_1._getAriaLabel(i, j - 1) })));
+                        pointsForLine.push(React.createElement("path", (0, tslib_1.__assign)({ id: circleId, key: circleId, d: path, "data-is-focusable": true, onMouseOver: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseMove: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseOut: this_1._handleMouseOut, onFocus: function () { return _this_1._handleFocus(lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData); }, onBlur: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].data[j - 1].onDataPointClick), { opacity: isLegendSelected && !currentPointHidden ? 1 : 0.01, fill: this_1._getPointFill(lineColor, circleId, j, false), stroke: lineColor, strokeWidth: strokeWidth, role: "img", "aria-label": this_1._getAriaLabel(i, j - 1) })));
                         if (j + 1 === this_1._points[i].data.length) {
                             // If this is last point of the line segment.
-                            var lastCircleId_1 = "" + circleId + j + "L";
+                            var lastCircleId_1 = "".concat(circleId).concat(j, "L");
                             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 _3 = this_1._points[i].data[j], lastCirlceXCallout_1 = _3.xAxisCalloutData, lastCirlceXCalloutAccessibilityData_1 = _3.xAxisCalloutAccessibilityData;
-                            pointsForLine.push(React.createElement("path", tslib_1.__assign({ id: lastCircleId_1, key: lastCircleId_1, d: path, "data-is-focusable": true, 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 () {
+                            pointsForLine.push(React.createElement("path", (0, tslib_1.__assign)({ id: lastCircleId_1, key: lastCircleId_1, d: path, "data-is-focusable": true, 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);
                                 }, onBlur: this_1._handleMouseOut }, this_1._getClickHandler(this_1._points[i].data[j].onDataPointClick), { opacity: isLegendSelected && !lastPointHidden ? 1 : 0.01, fill: this_1._getPointFill(lineColor, lastCircleId_1, j, true), stroke: lineColor, strokeWidth: strokeWidth, role: "img", "aria-label": this_1._getAriaLabel(i, j) })));
                             /* eslint-enable react/jsx-no-bind */
@@ -750,7 +750,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                                 if (lineBorderWidth > 0) {
                                     bordersForLine.push(React.createElement("line", { id: borderId, key: borderId, x1: this_1._xAxisScale(x1), y1: this_1._yAxisScale(y1), x2: this_1._xAxisScale(x2), y2: this_1._yAxisScale(y2), strokeLinecap: (_q = (_p = this_1._points[i].lineOptions) === null || _p === void 0 ? void 0 : _p.strokeLinecap) !== null && _q !== void 0 ? _q : 'round', strokeWidth: Number.parseFloat(strokeWidth.toString()) + lineBorderWidth, stroke: ((_r = this_1._points[i].lineOptions) === null || _r === void 0 ? void 0 : _r.lineBorderColor) || theme.palette.white, opacity: 1 }));
                                 }
-                                linesForLine.push(React.createElement("line", tslib_1.__assign({ id: lineId, key: lineId, x1: this_1._xAxisScale(x1), y1: this_1._yAxisScale(y1), x2: this_1._xAxisScale(x2), y2: this_1._yAxisScale(y2), strokeWidth: strokeWidth, ref: function (e) {
+                                linesForLine.push(React.createElement("line", (0, tslib_1.__assign)({ id: lineId, key: lineId, x1: this_1._xAxisScale(x1), y1: this_1._yAxisScale(y1), x2: this_1._xAxisScale(x2), y2: this_1._yAxisScale(y2), strokeWidth: strokeWidth, ref: function (e) {
                                         _this_1._refCallback(e, lineId);
                                     }, onMouseOver: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseMove: this_1._handleHover.bind(this_1, x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData), onMouseOut: this_1._handleMouseOut, stroke: lineColor, strokeLinecap: (_t = (_s = this_1._points[i].lineOptions) === null || _s === void 0 ? void 0 : _s.strokeLinecap) !== null && _t !== void 0 ? _t : 'round', strokeDasharray: (_u = this_1._points[i].lineOptions) === null || _u === void 0 ? void 0 : _u.strokeDasharray, strokeDashoffset: (_v = this_1._points[i].lineOptions) === null || _v === void 0 ? void 0 : _v.strokeDashoffset, opacity: 1 }, this_1._getClickHandler(this_1._points[i].onLineClick))));
                             }
@@ -765,7 +765,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         _loop_2(j);
                     }
                 }
-                lines.push.apply(lines, tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], bordersForLine), linesForLine), pointsForLine));
+                lines.push.apply(lines, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], bordersForLine, false), linesForLine, false), pointsForLine, false));
             };
             var this_1 = this;
             for (var i = this._points.length - 1; i >= 0; i--) {
@@ -784,7 +784,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
             }
             // Used to display tooltip at x axis labels.
             if (!this.props.wrapXAxisLables && this.props.showXAxisLablesTooltip) {
-                var xAxisElement = d3_selection_1.select(xElement).call(this._xAxisScale);
+                var xAxisElement = (0, d3_selection_1.select)(xElement).call(this._xAxisScale);
                 try {
                     document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId).remove();
                     // eslint-disable-next-line no-empty
@@ -795,7 +795,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                     id: this._tooltipId,
                     xAxis: xAxisElement,
                 };
-                xAxisElement && index_3.tooltipOfXAxislabels(tooltipProps);
+                xAxisElement && (0, index_3.tooltipOfXAxislabels)(tooltipProps);
             }
             return lines;
         };