@fluentui/react-charting 5.16.33 → 5.16.35

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

@@ -2,7 +2,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.VerticalStackedBarChartBase = void 0;
-    var getClassNames = Utilities_1.classNamesFunction();
+    var getClassNames = (0, Utilities_1.classNamesFunction)();
     var COMPONENT_NAME = 'VERTICAL STACKED BAR CHART';
     // When displaying gaps between bars, the max height of the gap is given in the
     // props. The actual gap is calculated with this multiplier, with a minimum gap
@@ -16,10 +16,10 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
         CircleVisbility["hide"] = "hidden";
     })(CircleVisbility || (CircleVisbility = {}));
     var VerticalStackedBarChartBase = /** @class */ (function (_super) {
-        tslib_1.__extends(VerticalStackedBarChartBase, _super);
+        (0, tslib_1.__extends)(VerticalStackedBarChartBase, _super);
         function VerticalStackedBarChartBase(props) {
             var _this = _super.call(this, props) || this;
-            _this._isRtl = Utilities_1.getRTL();
+            _this._isRtl = (0, Utilities_1.getRTL)();
             /**
              * This function tells us what to focus either the whole stack as focusable item.
              * or each individual item in the stack as focusable item. basically it depends
@@ -53,7 +53,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                         // we inject index also , it will be helpful to draw lines when x axis is
                         // of string type
                         item.lineData.forEach(function (line) {
-                            linesData.push(tslib_1.__assign(tslib_1.__assign({}, line), { index: index, xItem: item }));
+                            linesData.push((0, tslib_1.__assign)((0, tslib_1.__assign)({}, line), { index: index, xItem: item }));
                         });
                     }
                 });
@@ -78,7 +78,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 });
                 return lineLegends;
             };
-            _this._createLines = function (xScale, yScale, containerHeight, containerWidth) {
+            _this._createLines = function (xScale, yScale, containerHeight, containerWidth, secondaryYScale) {
                 var _a;
                 var isNumeric = _this._xAxisType === index_3.XAxisTypes.NumericAxis;
                 var xBarScale = _this._getScales(containerHeight, containerWidth, isNumeric).xBarScale;
@@ -99,16 +99,17 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                             ? xScale(lineObject[item][i - 1].xItem.xAxisPoint)
                             : // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 xBarScale(lineObject[item][i - 1].xItem.xAxisPoint);
-                        var y1 = yScale(lineObject[item][i - 1].y);
+                        var useSecondaryYScale = lineObject[item][i - 1].useSecondaryYScale && lineObject[item][i].useSecondaryYScale && secondaryYScale;
+                        var y1 = useSecondaryYScale ? secondaryYScale(lineObject[item][i - 1].y) : yScale(lineObject[item][i - 1].y);
                         var x2 = isNumeric
                             ? xScale(lineObject[item][i].xItem.xAxisPoint)
                             : // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 xBarScale(lineObject[item][i].xItem.xAxisPoint);
-                        var y2 = yScale(lineObject[item][i].y);
+                        var y2 = useSecondaryYScale ? secondaryYScale(lineObject[item][i].y) : yScale(lineObject[item][i].y);
                         if (lineBorderWidth > 0) {
-                            borderForLines.push(React.createElement("line", { key: index + "-" + i + "-BorderLine", x1: x1, y1: y1, x2: x2, y2: y2, opacity: shouldHighlight ? 1 : 0.1, strokeWidth: 3 + lineBorderWidth * 2, fill: "transparent", strokeLinecap: "round", stroke: theme.palette.white, transform: "translate(" + xScaleBandwidthTranslate + ", 0)" }));
+                            borderForLines.push(React.createElement("line", { key: "".concat(index, "-").concat(i, "-BorderLine"), x1: x1, y1: y1, x2: x2, y2: y2, opacity: shouldHighlight ? 1 : 0.1, strokeWidth: 3 + lineBorderWidth * 2, fill: "transparent", strokeLinecap: "round", stroke: theme.palette.white, transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") }));
                         }
-                        lines.push(React.createElement("line", tslib_1.__assign({ key: index + "-" + i + "-line", x1: x1, y1: y1, x2: x2, y2: y2, opacity: shouldHighlight ? 1 : 0.1, strokeWidth: 3, strokeLinecap: "round", stroke: lineObject[item][i].color, transform: "translate(" + xScaleBandwidthTranslate + ", 0)" }, (_this.state.selectedLegend === item && {
+                        lines.push(React.createElement("line", (0, tslib_1.__assign)({ key: "".concat(index, "-").concat(i, "-line"), x1: x1, y1: y1, x2: x2, y2: y2, opacity: shouldHighlight ? 1 : 0.1, strokeWidth: 3, strokeLinecap: "round", stroke: lineObject[item][i].color, transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") }, (_this.state.selectedLegend === item && {
                             onMouseOver: _this._lineHover.bind(_this, lineObject[item][i - 1]),
                             onMouseLeave: _this._lineHoverOut,
                         }))));
@@ -116,14 +117,14 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 });
                 Object.keys(lineObject).forEach(function (item, index) {
                     lineObject[item].forEach(function (circlePoint, subIndex) {
-                        dots.push(React.createElement("circle", tslib_1.__assign({ key: index + "-" + subIndex + "-dot", cx: isNumeric
+                        dots.push(React.createElement("circle", (0, tslib_1.__assign)({ key: "".concat(index, "-").concat(subIndex, "-dot"), cx: isNumeric
                                 ? xScale(circlePoint.xItem.xAxisPoint)
                                 : // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                    xBarScale(circlePoint.xItem.xAxisPoint), cy: yScale(circlePoint.y), onMouseOver: _this.state.selectedLegend === item
+                                    xBarScale(circlePoint.xItem.xAxisPoint), cy: circlePoint.useSecondaryYScale && secondaryYScale ? secondaryYScale(circlePoint.y) : yScale(circlePoint.y), onMouseOver: _this.state.selectedLegend === item
                                 ? _this._lineHover.bind(_this, circlePoint)
                                 : _this._onStackHover.bind(_this, circlePoint.xItem) }, (_this.state.selectedLegend === item && {
                             onMouseLeave: _this._lineHoverOut,
-                        }), { r: _this._getCircleVisibilityAndRadius(circlePoint.xItem.xAxisPoint, circlePoint.legend).radius, stroke: circlePoint.color, fill: _this.props.theme.palette.white, strokeWidth: 3, visibility: _this._getCircleVisibilityAndRadius(circlePoint.xItem.xAxisPoint, circlePoint.legend).visibility, transform: "translate(" + xScaleBandwidthTranslate + ", 0)" })));
+                        }), { r: _this._getCircleVisibilityAndRadius(circlePoint.xItem.xAxisPoint, circlePoint.legend).radius, stroke: circlePoint.color, fill: _this.props.theme.palette.white, strokeWidth: 3, visibility: _this._getCircleVisibilityAndRadius(circlePoint.xItem.xAxisPoint, circlePoint.legend).visibility, transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") })));
                     });
                 });
                 return (React.createElement(React.Fragment, null,
@@ -167,8 +168,8 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 _this.setState({
                     refSelected: mouseEvent,
                     isCalloutVisible: true,
-                    xCalloutValue: "" + lineData.xItem.xAxisPoint,
-                    yCalloutValue: "" + (lineData.yAxisCalloutData || lineData.data || lineData.y),
+                    xCalloutValue: "".concat(lineData.xItem.xAxisPoint),
+                    yCalloutValue: "".concat(lineData.yAxisCalloutData || lineData.data || lineData.y),
                     activeXAxisDataPoint: lineData.xItem.xAxisPoint,
                     color: lineData.color,
                 });
@@ -243,12 +244,12 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                         barTotalValue += point.data;
                         // If set, apply the corner radius to the top of the final bar
                         if (barCornerRadius && barHeight > barCornerRadius && index === barsToDisplay.length - 1) {
-                            return (React.createElement("path", tslib_1.__assign({ key: index + indexNumber + ("" + shouldFocusWholeStack), className: _this._classNames.opacityChangeOnHover, d: "\n                M " + xPoint + " " + (yPoint + barCornerRadius) + "\n                a " + barCornerRadius + " " + barCornerRadius + " 0 0 1 " + barCornerRadius + " " + -barCornerRadius + "\n                h " + (_this._barWidth - 2 * barCornerRadius) + "\n                a " + barCornerRadius + " " + barCornerRadius + " 0 0 1 " + barCornerRadius + " " + barCornerRadius + "\n                v " + (barHeight - barCornerRadius) + "\n                h " + -_this._barWidth + "\n                z\n              ", fill: color, ref: function (e) { return (ref.refElement = e); }, transform: "translate(" + xScaleBandwidthTranslate + ", 0)" }, rectFocusProps)));
+                            return (React.createElement("path", (0, tslib_1.__assign)({ key: index + indexNumber + "".concat(shouldFocusWholeStack), className: _this._classNames.opacityChangeOnHover, d: "\n                M ".concat(xPoint, " ").concat(yPoint + barCornerRadius, "\n                a ").concat(barCornerRadius, " ").concat(barCornerRadius, " 0 0 1 ").concat(barCornerRadius, " ").concat(-barCornerRadius, "\n                h ").concat(_this._barWidth - 2 * barCornerRadius, "\n                a ").concat(barCornerRadius, " ").concat(barCornerRadius, " 0 0 1 ").concat(barCornerRadius, " ").concat(barCornerRadius, "\n                v ").concat(barHeight - barCornerRadius, "\n                h ").concat(-_this._barWidth, "\n                z\n              "), fill: color, ref: function (e) { return (ref.refElement = e); }, transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") }, rectFocusProps)));
                         }
                         if (barHeight < 1) {
                             return React.createElement(React.Fragment, { key: index + indexNumber }, " ");
                         }
-                        return (React.createElement("rect", tslib_1.__assign({ key: index + indexNumber, className: _this._classNames.opacityChangeOnHover, x: xPoint, y: yPoint, width: _this._barWidth, height: barHeight, fill: color, ref: function (e) { return (ref.refElement = e); } }, rectFocusProps, { transform: "translate(" + xScaleBandwidthTranslate + ", 0)" })));
+                        return (React.createElement("rect", (0, tslib_1.__assign)({ key: index + indexNumber, className: _this._classNames.opacityChangeOnHover, x: xPoint, y: yPoint, width: _this._barWidth, height: barHeight, fill: color, ref: function (e) { return (ref.refElement = e); } }, rectFocusProps, { transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") })));
                     });
                     var groupRef = {};
                     var stackFocusProps = shouldFocusWholeStack && {
@@ -262,9 +263,9 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                         onClick: _this._onClick.bind(_this, singleChartData),
                         role: 'img',
                     };
-                    return (React.createElement("g", { key: indexNumber + ("" + shouldFocusWholeStack) },
-                        React.createElement("g", tslib_1.__assign({ id: indexNumber + "-singleBar", ref: function (e) { return (groupRef.refElement = e); } }, stackFocusProps), singleBar),
-                        !_this.props.hideLabels && _this._barWidth >= 16 && (React.createElement("text", { x: xPoint + _this._barWidth / 2, y: yPoint - 6, textAnchor: "middle", className: _this._classNames.barLabel, "aria-label": "Total: " + barTotalValue, role: "img", transform: "translate(" + xScaleBandwidthTranslate + ", 0)" }, d3_format_1.formatPrefix(barTotalValue < 1000 ? '.2~' : '.1', barTotalValue)(barTotalValue)))));
+                    return (React.createElement("g", { key: indexNumber + "".concat(shouldFocusWholeStack) },
+                        React.createElement("g", (0, tslib_1.__assign)({ id: "".concat(indexNumber, "-singleBar"), ref: function (e) { return (groupRef.refElement = e); } }, stackFocusProps), singleBar),
+                        !_this.props.hideLabels && _this._barWidth >= 16 && (React.createElement("text", { x: xPoint + _this._barWidth / 2, y: yPoint - 6, textAnchor: "middle", className: _this._classNames.barLabel, "aria-label": "Total: ".concat(barTotalValue), role: "img", transform: "translate(".concat(xScaleBandwidthTranslate, ", 0)") }, (0, d3_format_1.formatPrefix)(barTotalValue < 1000 ? '.2~' : '.1', barTotalValue)(barTotalValue)))));
                 });
                 // Removing un wanted tooltip div from DOM, when prop not provided.
                 if (!_this.props.showXAxisLablesTooltip) {
@@ -276,7 +277,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 }
                 // Used to display tooltip at x axis labels.
                 if (!_this.props.wrapXAxisLables && _this.props.showXAxisLablesTooltip) {
-                    var xAxisElement = d3_selection_1.select(xElement).call(xBarScale);
+                    var xAxisElement = (0, d3_selection_1.select)(xElement).call(xBarScale);
                     try {
                         document.getElementById(_this._tooltipId) && document.getElementById(_this._tooltipId).remove();
                         // eslint-disable-next-line no-empty
@@ -287,19 +288,19 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                         id: _this._tooltipId,
                         xAxis: xAxisElement,
                     };
-                    xAxisElement && index_3.tooltipOfXAxislabels(tooltipProps);
+                    xAxisElement && (0, index_3.tooltipOfXAxislabels)(tooltipProps);
                 }
                 return bars.filter(function (bar) { return !!bar; });
             };
             _this._getScales = function (containerHeight, containerWidth, isNumeric) {
                 var yMax = _this._yMax;
-                var yBarScale = d3_scale_1.scaleLinear()
+                var yBarScale = (0, d3_scale_1.scaleLinear)()
                     .domain([0, yMax])
                     .range([0, containerHeight - _this.margins.bottom - _this.margins.top]);
                 if (isNumeric) {
-                    var xMax = d3_array_1.max(_this._dataset, function (point) { return point.x; });
-                    var xMin = d3_array_1.min(_this._dataset, function (point) { return point.x; });
-                    var xBarScale = d3_scale_1.scaleLinear()
+                    var xMax = (0, d3_array_1.max)(_this._dataset, function (point) { return point.x; });
+                    var xMin = (0, d3_array_1.min)(_this._dataset, function (point) { return point.x; });
+                    var xBarScale = (0, d3_scale_1.scaleLinear)()
                         .domain(_this._isRtl ? [xMax, xMin] : [xMin, xMax])
                         .nice()
                         .range([
@@ -309,7 +310,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                     return { xBarScale: xBarScale, yBarScale: yBarScale };
                 }
                 else {
-                    var xBarScale = d3_scale_1.scaleBand()
+                    var xBarScale = (0, d3_scale_1.scaleBand)()
                         .domain(_this._xAxisLabels)
                         .range([_this.margins.left + _this._domainMargin, containerWidth - _this.margins.right - _this._domainMargin])
                         .paddingInner(2 / 3);
@@ -368,22 +369,22 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                         .map(function (pt) {
                         var legend = pt.legend;
                         var yValue = pt.yAxisCalloutData || pt.data;
-                        return legend + ", " + yValue + ".";
+                        return "".concat(legend, ", ").concat(yValue, ".");
                     })
                         .join(' ');
                     var lineValues = (_a = singleChartData.lineData) === null || _a === void 0 ? void 0 : _a.map(function (ln) {
                         var legend = ln.legend;
                         var yValue = ln.yAxisCalloutData || ln.data || ln.y;
-                        return legend + ", " + yValue + ".";
+                        return "".concat(legend, ", ").concat(yValue, ".");
                     }).join(' ');
                     return (((_b = singleChartData.stackCallOutAccessibilityData) === null || _b === void 0 ? void 0 : _b.ariaLabel) ||
-                        xValue_1 + ". " + pointValues + (lineValues ? " " + lineValues : ''));
+                        "".concat(xValue_1, ". ").concat(pointValues) + (lineValues ? " ".concat(lineValues) : ''));
                 }
                 /** if shouldFocusWholeStack is false */
                 var xValue = singleChartData.xAxisCalloutData || point.xAxisCalloutData || singleChartData.xAxisPoint;
                 var legend = point.legend;
                 var yValue = point.yAxisCalloutData || point.data;
-                return ((_c = point.callOutAccessibilityData) === null || _c === void 0 ? void 0 : _c.ariaLabel) || xValue + ". " + legend + ", " + yValue + ".";
+                return ((_c = point.callOutAccessibilityData) === null || _c === void 0 ? void 0 : _c.ariaLabel) || "".concat(xValue, ". ").concat(legend, ", ").concat(yValue, ".");
             };
             _this._getDomainMargins = function (containerWidth) {
                 if (_this._xAxisType !== index_3.XAxisTypes.NumericAxis) {
@@ -404,7 +405,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                     }
                     _this._barWidth = barWidth;
                 }
-                return tslib_1.__assign(tslib_1.__assign({}, _this.margins), { left: _this.margins.left + _this._domainMargin, right: _this.margins.right + _this._domainMargin });
+                return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, _this.margins), { left: _this.margins.left + _this._domainMargin, right: _this.margins.right + _this._domainMargin });
             };
             _this.state = {
                 isCalloutVisible: false,
@@ -420,16 +421,16 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 activeXAxisDataPoint: '',
                 calloutLegend: '',
             };
-            Utilities_1.warnDeprecations(COMPONENT_NAME, props, {
+            (0, Utilities_1.warnDeprecations)(COMPONENT_NAME, props, {
                 colors: 'IVSChartDataPoint.color',
                 chartLabel: 'use your own title for chart',
             });
             _this._handleMouseOut = _this._handleMouseOut.bind(_this);
-            _this._calloutId = Utilities_1.getId('callout');
-            _this._tooltipId = Utilities_1.getId('VSBCTooltipId_');
+            _this._calloutId = (0, Utilities_1.getId)('callout');
+            _this._tooltipId = (0, Utilities_1.getId)('VSBCTooltipId_');
             _this._adjustProps();
             _this._dataset = _this._createDataSetLayer();
-            _this._createLegendsForLine = Utilities_1.memoizeFunction(function (data) { return _this._getLineLegends(data); });
+            _this._createLegendsForLine = (0, Utilities_1.memoizeFunction)(function (data) { return _this._getLineLegends(data); });
             _this._domainMargin = MIN_DOMAIN_MARGIN;
             return _this;
         }
@@ -453,19 +454,19 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 theme: this.props.theme,
                 href: this.props.href,
             });
-            var calloutProps = tslib_1.__assign(tslib_1.__assign({ isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.DirectionalHint.topAutoEdge, id: "toolTip" + this._calloutId, target: this.state.refSelected, isBeakVisible: false, gapSpace: 15, color: this.state.color, legend: this.state.calloutLegend, XValue: this.state.xCalloutValue, YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, onDismiss: this._closeCallout, preventDismissOnLostFocus: true }, this.props.calloutProps), index_3.getAccessibleDataObject(this.state.callOutAccessibilityData));
+            var calloutProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({ isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.DirectionalHint.topAutoEdge, id: "toolTip".concat(this._calloutId), target: this.state.refSelected, isBeakVisible: false, gapSpace: 15, color: this.state.color, legend: this.state.calloutLegend, XValue: this.state.xCalloutValue, YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, onDismiss: this._closeCallout, preventDismissOnLostFocus: true }, this.props.calloutProps), (0, index_3.getAccessibleDataObject)(this.state.callOutAccessibilityData));
             var tickParams = {
                 tickValues: this.props.tickValues,
                 tickFormat: this.props.tickFormat,
             };
-            return (React.createElement(index_2.CartesianChart, tslib_1.__assign({}, this.props, { points: this._dataset, chartType: index_3.ChartTypes.VerticalStackedBarChart, xAxisType: this._xAxisType, calloutProps: calloutProps, tickParams: tickParams, legendBars: legendBars, datasetForXAxisDomain: this._xAxisLabels, isCalloutForStack: shouldFocusWholeStack, barwidth: this._barWidth, focusZoneDirection: isCalloutForStack || _isHavingLines ? react_focus_1.FocusZoneDirection.horizontal : react_focus_1.FocusZoneDirection.vertical, getmargins: this._getMargins, getGraphData: this._getGraphData, getAxisData: this._getAxisData, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, getDomainMargins: this._getDomainMargins }, (this._xAxisType !== index_3.XAxisTypes.NumericAxis && { xAxisInnerPadding: 2 / 3, xAxisOuterPadding: 0 }), { 
+            return (React.createElement(index_2.CartesianChart, (0, tslib_1.__assign)({}, this.props, { points: this._dataset, chartType: index_3.ChartTypes.VerticalStackedBarChart, xAxisType: this._xAxisType, calloutProps: calloutProps, tickParams: tickParams, legendBars: legendBars, datasetForXAxisDomain: this._xAxisLabels, isCalloutForStack: shouldFocusWholeStack, barwidth: this._barWidth, focusZoneDirection: isCalloutForStack || _isHavingLines ? react_focus_1.FocusZoneDirection.horizontal : react_focus_1.FocusZoneDirection.vertical, getmargins: this._getMargins, getGraphData: this._getGraphData, getAxisData: this._getAxisData, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, getDomainMargins: this._getDomainMargins }, (this._xAxisType !== index_3.XAxisTypes.NumericAxis && { xAxisInnerPadding: 2 / 3, xAxisOuterPadding: 0 }), { 
                 /* eslint-disable react/jsx-no-bind */
                 // eslint-disable-next-line react/no-children-prop
                 children: function (props) {
                     return (React.createElement(React.Fragment, null,
                         React.createElement("g", null, _this._bars),
                         React.createElement("g", null, _isHavingLines &&
-                            _this._createLines(props.xScale, props.yScale, props.containerHeight, props.containerWidth))));
+                            _this._createLines(props.xScale, props.yScale, props.containerHeight, props.containerWidth, props.yScaleSecondary))));
                 } })));
         };
         VerticalStackedBarChartBase.prototype._adjustProps = function () {
@@ -475,7 +476,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
             var palette = theme.palette;
             // eslint-disable-next-line deprecation/deprecation
             this._colors = this.props.colors || [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];
-            this._xAxisType = index_3.getTypeOfAxis(this.props.data[0].xAxisPoint, true);
+            this._xAxisType = (0, index_3.getTypeOfAxis)(this.props.data[0].xAxisPoint, true);
             this._lineObject = this._getFormattedLineData(this.props.data);
         };
         VerticalStackedBarChartBase.prototype._createDataSetLayer = function () {
@@ -573,7 +574,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 });
             }
             var totalLegends = legendsOfLine.concat(actions);
-            return (React.createElement(index_1.Legends, tslib_1.__assign({ legends: totalLegends, overflowProps: this.props.legendsOverflowProps, enabledWrapLines: this.props.enabledLegendsWrapLines, focusZonePropsInHoverCard: this.props.focusZonePropsForLegendsInHoverCard, overflowText: this.props.legendsOverflowText }, this.props.legendProps)));
+            return (React.createElement(index_1.Legends, (0, tslib_1.__assign)({ legends: totalLegends, overflowProps: this.props.legendsOverflowProps, enabledWrapLines: this.props.enabledLegendsWrapLines, focusZonePropsInHoverCard: this.props.focusZonePropsForLegendsInHoverCard, overflowText: this.props.legendsOverflowText }, this.props.legendProps)));
         };
         VerticalStackedBarChartBase.prototype._onRectHover = function (xAxisPoint, point, color, mouseEvent) {
             mouseEvent.persist();
@@ -616,7 +617,7 @@ define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-
                 refSelected: refSelected,
                 isCalloutVisible: true,
                 YValueHover: isLinesPresent
-                    ? tslib_1.__spreadArray(tslib_1.__spreadArray([], lineData.sort(function (a, b) { return (a.data < b.data ? 1 : -1); })), stack.chartData.slice().reverse()) : stack.chartData.slice().reverse(),
+                    ? (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], lineData.sort(function (a, b) { return (a.data < b.data ? 1 : -1); }), true), stack.chartData.slice().reverse(), true) : stack.chartData.slice().reverse(),
                 hoverXValue: stack.xAxisPoint,
                 stackCalloutProps: stack,
                 activeXAxisDataPoint: stack.xAxisPoint,