@fluentui/react-charting 5.12.25 → 5.12.26

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

@@ -0,0 +1,482 @@
+define(["require", "exports", "tslib", "react", "d3-array", "d3-selection", "d3-selection", "d3-shape", "@fluentui/react/lib/Utilities", "../../index", "@fluentui/react/lib/Utilities", "../../utilities/index", "../Legends/index", "@fluentui/react/lib/Callout"], function (require, exports, tslib_1, React, d3_array_1, d3_selection_1, d3_selection_2, d3_shape_1, Utilities_1, index_1, Utilities_2, index_2, index_3, Callout_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AreaChartBase = void 0;
+    var getClassNames = Utilities_1.classNamesFunction();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var bisect = d3_array_1.bisector(function (d) { return d.x; }).left;
+    var COMPONENT_NAME = 'AREA CHART';
+    var InterceptVisibility;
+    (function (InterceptVisibility) {
+        InterceptVisibility["show"] = "visibility";
+        InterceptVisibility["hide"] = "hidden";
+    })(InterceptVisibility || (InterceptVisibility = {}));
+    var AreaChartBase = /** @class */ (function (_super) {
+        tslib_1.__extends(AreaChartBase, _super);
+        function AreaChartBase(props) {
+            var _this = _super.call(this, props) || this;
+            _this._getMargins = function (margins) {
+                _this.margins = margins;
+            };
+            _this._onRectMouseMove = function (mouseEvent) {
+                mouseEvent.persist();
+                var data = _this.props.data;
+                var lineChartData = data.lineChartData;
+                // This will get the value of the X when mouse is on the chart
+                var xOffset = _this._xAxisRectScale.invert(d3_selection_1.clientPoint(document.getElementById(_this._rectId), mouseEvent)[0]);
+                var i = bisect(lineChartData[0].data, xOffset);
+                var d0 = lineChartData[0].data[i - 1];
+                var d1 = lineChartData[0].data[i];
+                var axisType = null;
+                var pointToHighlight = null;
+                var index = null;
+                if (d0 === undefined && d1 !== undefined) {
+                    pointToHighlight = d1.x;
+                    index = i;
+                }
+                else if (d0 !== undefined && d1 === undefined) {
+                    pointToHighlight = d0.x;
+                    index = i - 1;
+                }
+                else {
+                    axisType = index_2.getTypeOfAxis(lineChartData[0].data[0].x, true);
+                    var x0 = void 0;
+                    var point0 = void 0;
+                    var point1 = void 0;
+                    switch (axisType) {
+                        case index_2.XAxisTypes.DateAxis:
+                            x0 = new Date(xOffset).getTime();
+                            point0 = d0.x.getTime();
+                            point1 = d1.x.getTime();
+                            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;
+                            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;
+                            break;
+                        case index_2.XAxisTypes.NumericAxis:
+                            x0 = xOffset;
+                            point0 = d0.x;
+                            point1 = d1.x;
+                            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;
+                            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;
+                            break;
+                        default:
+                            break;
+                    }
+                }
+                var _a = lineChartData[0].data[index], xAxisCalloutData = _a.xAxisCalloutData, xAxisCalloutAccessibilityData = _a.xAxisCalloutAccessibilityData;
+                var formattedDate = pointToHighlight instanceof Date ? pointToHighlight.toLocaleString() : pointToHighlight;
+                var modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var found = Utilities_1.find(_this._calloutPoints, function (element) {
+                    return element.x === modifiedXVal;
+                });
+                var nearestCircleToHighlight = axisType === index_2.XAxisTypes.DateAxis ? pointToHighlight.getTime() : pointToHighlight;
+                var pointToHighlightUpdated = _this.state.nearestCircleToHighlight !== nearestCircleToHighlight;
+                // if no points need to be called out then don't show vertical line and callout card
+                if (found && pointToHighlightUpdated && !_this.state.isShowCalloutPending) {
+                    _this.setState({
+                        nearestCircleToHighlight: nearestCircleToHighlight,
+                        isCalloutVisible: false,
+                        isShowCalloutPending: true,
+                        lineXValue: _this._xAxisRectScale(pointToHighlight),
+                        displayOfLine: InterceptVisibility.show,
+                        isCircleClicked: false,
+                        stackCalloutProps: found,
+                        YValueHover: found.values,
+                        dataPointCalloutProps: found,
+                        hoverXValue: xAxisCalloutData ? xAxisCalloutData : formattedDate,
+                        xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,
+                    });
+                }
+                else {
+                    /*
+                    When above if condition is false but found=true, it means either
+              
+                    1). pointToHighlightUpdated is false.
+                    For this case we dont need to do anything.
+              
+                    2). isShowCalloutPending is true.
+                    For this case there will be no callout updation for the event.
+                    This condition has been added to prevent repeated callout flashing.
+                    Currently there is a fraction of second delay between hover event and subsequent callout refresh.
+                    In the meantime if another event is received, the callout continues to flash for the set of
+                    intermediate hover events.
+              
+                    This does not cause any issue as the user interaction takes atleast a fraction of second and the final
+                    callout state is ultimately achieved.
+                    If a user performs very swift mouse maneuver, the intermediate events will be lost but the callout experience
+                    remains smooth.
+                    */
+                }
+                if (!found) {
+                    _this.setState({
+                        isCalloutVisible: false,
+                        nearestCircleToHighlight: nearestCircleToHighlight,
+                        displayOfLine: InterceptVisibility.hide,
+                        isCircleClicked: false,
+                    });
+                }
+            };
+            /**
+             * just cleaning up the state which we have set in the mouse move event
+             */
+            _this._onRectMouseOut = function () {
+                /**/
+            };
+            _this._handleChartMouseLeave = function () {
+                _this.setState({
+                    refSelected: null,
+                    isCalloutVisible: false,
+                    nearestCircleToHighlight: null,
+                    lineXValue: 0,
+                    displayOfLine: InterceptVisibility.hide,
+                    isCircleClicked: false,
+                    stackCalloutProps: undefined,
+                    dataPointCalloutProps: undefined,
+                    hoverXValue: undefined,
+                    YValueHover: [],
+                });
+            };
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            _this._getStackedData = function (keys, dataSet) {
+                var stackedValues = d3_shape_1.stack().keys(keys)(dataSet);
+                var maxOfYVal = d3_array_1.max(stackedValues[stackedValues.length - 1], function (dp) { return dp[1]; });
+                var stackedData = [];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                stackedValues.forEach(function (layer) {
+                    var currentStack = [];
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    layer.forEach(function (d) {
+                        currentStack.push({
+                            values: d,
+                            xVal: d.data.xVal,
+                        });
+                    });
+                    stackedData.push(currentStack);
+                });
+                _this._isMultiStackChart = stackedData && stackedData.length > 1 ? true : false;
+                return {
+                    stackedData: stackedData,
+                    maxOfYVal: maxOfYVal,
+                };
+            };
+            _this._createDataSet = function (points) {
+                var allChartPoints = [];
+                var dataSet = [];
+                var colors = [];
+                var opacity = [];
+                var calloutPoints = index_2.calloutData(points);
+                points &&
+                    points.length &&
+                    points.forEach(function (singleChartPoint) {
+                        colors.push(singleChartPoint.color);
+                        opacity.push(singleChartPoint.opacity || 1);
+                        allChartPoints.push.apply(allChartPoints, singleChartPoint.data);
+                    });
+                var tempArr = allChartPoints;
+                var _loop_1 = function () {
+                    var valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;
+                    var filteredChartPoints = tempArr.filter(function (point) { return (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck; });
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    var singleDataset = {};
+                    filteredChartPoints.forEach(function (singleDataPoint, index) {
+                        singleDataset.xVal = singleDataPoint.x;
+                        singleDataset["chart" + index] = singleDataPoint.y;
+                    });
+                    dataSet.push(singleDataset);
+                    // removing compared objects from array
+                    var val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;
+                    tempArr = tempArr.filter(function (point) { return (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val; });
+                };
+                while (tempArr.length) {
+                    _loop_1();
+                }
+                // get keys from dataset, used to create stacked data
+                var keysLength = dataSet && Object.keys(dataSet[0]).length;
+                var keys = [];
+                for (var i = 0; i < keysLength - 1; i++) {
+                    var keyVal = "chart" + i;
+                    keys.push(keyVal);
+                }
+                // Stacked Info used to draw graph
+                var stackedInfo = _this._getStackedData(keys, dataSet);
+                return {
+                    colors: colors,
+                    opacity: opacity,
+                    keys: keys,
+                    stackedInfo: stackedInfo,
+                    calloutPoints: calloutPoints,
+                };
+            };
+            _this._getCustomizedCallout = function () {
+                return _this.props.onRenderCalloutPerStack
+                    ? _this.props.onRenderCalloutPerStack(_this.state.stackCalloutProps)
+                    : _this.props.onRenderCalloutPerDataPoint
+                        ? _this.props.onRenderCalloutPerDataPoint(_this.state.dataPointCalloutProps)
+                        : null;
+            };
+            _this._getGraphData = function (
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            xAxis, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            yAxis, containerHeight, containerWidth, xElement) {
+                _this._chart = _this._drawGraph(containerHeight, xAxis, yAxis, xElement);
+            };
+            _this._getLegendData = function (palette, points) {
+                var data = points;
+                var defaultPalette = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];
+                var actions = [];
+                data.forEach(function (singleChartData) {
+                    var color = singleChartData.color
+                        ? singleChartData.color
+                        : defaultPalette[Math.floor(Math.random() * 4 + 1)];
+                    var checkSimilarLegends = actions.filter(function (leg) { return leg.title === singleChartData.legend && leg.color === color; });
+                    if (checkSimilarLegends.length > 0) {
+                        return;
+                    }
+                    var legend = {
+                        title: singleChartData.legend,
+                        color: color,
+                        action: function () {
+                            _this._onLegendClick(singleChartData.legend);
+                        },
+                        hoverAction: function () {
+                            _this._onLegendHover(singleChartData.legend);
+                        },
+                        onMouseOutAction: function (isLegendSelected) {
+                            _this._onLegendLeave(isLegendSelected);
+                        },
+                    };
+                    actions.push(legend);
+                });
+                return (React.createElement(index_3.Legends, tslib_1.__assign({ legends: actions, overflowProps: _this.props.legendsOverflowProps, enabledWrapLines: _this.props.enabledLegendsWrapLines, focusZonePropsInHoverCard: _this.props.focusZonePropsForLegendsInHoverCard }, _this.props.legendProps)));
+            };
+            _this._onDataPointClick = function (func) {
+                if (func) {
+                    func();
+                }
+                _this.setState({ isCircleClicked: true });
+            };
+            _this._getOpacity = function (selectedArea) {
+                if (!_this._isMultiStackChart) {
+                    return 0.7;
+                }
+                else {
+                    var opacity = 0.7;
+                    if (_this.state.isLegendHovered || _this.state.isLegendSelected) {
+                        opacity = _this.state.activeLegend === selectedArea ? 0.7 : 0.1;
+                    }
+                    return opacity;
+                }
+            };
+            _this._getLineOpacity = function (legend) {
+                if (!_this._isMultiStackChart) {
+                    return 1;
+                }
+                else {
+                    var opacity = 0.3;
+                    if (_this.state.isCalloutVisible) {
+                        opacity = 1;
+                    }
+                    if (_this.state.isLegendHovered || _this.state.isLegendSelected) {
+                        opacity = _this.state.activeLegend === legend ? 0 : 0.1;
+                    }
+                    return opacity;
+                }
+            };
+            _this._updateCircleFillColor = function (xDataPoint, lineColor, circleId) {
+                var fillColor = lineColor;
+                if (_this.state.nearestCircleToHighlight === xDataPoint) {
+                    if (_this.state.isShowCalloutPending) {
+                        _this.setState({
+                            refSelected: "#" + circleId,
+                            isCalloutVisible: true,
+                            isShowCalloutPending: false,
+                        });
+                    }
+                    if (!_this.state.isCircleClicked) {
+                        fillColor = _this.props.theme.palette.white;
+                    }
+                }
+                return fillColor;
+            };
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            _this._drawGraph = function (containerHeight, xScale, yScale, xElement) {
+                var points = _this.props.data.lineChartData;
+                var _a = _this.props.data, pointOptions = _a.pointOptions, pointLineOptions = _a.pointLineOptions;
+                var area = d3_shape_1.area()
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .x(function (d) { return xScale(d.xVal); })
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .y0(function (d) { return yScale(d.values[0]); })
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .y1(function (d) { return yScale(d.values[1]); })
+                    .curve(d3_shape_1.curveMonotoneX);
+                var line = d3_shape_1.line()
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .x(function (d) { return xScale(d.xVal); })
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .y(function (d) { return yScale(d.values[1]); })
+                    .curve(d3_shape_1.curveMonotoneX);
+                var graph = [];
+                var lineColor;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                _this._stackedData.forEach(function (singleStackedData, index) {
+                    graph.push(React.createElement(React.Fragment, { key: index + "-graph-" + _this._uniqueIdForGraph },
+                        React.createElement("path", tslib_1.__assign({ id: index + "-line-" + _this._uniqueIdForGraph, d: line(singleStackedData), fill: 'transparent', strokeWidth: 3, stroke: _this._colors[index], opacity: _this._getLineOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove }, points[index].lineOptions)),
+                        React.createElement("path", { id: index + "-graph-" + _this._uniqueIdForGraph, d: area(singleStackedData), fill: _this._colors[index], opacity: _this._opacity[index], fillOpacity: _this._getOpacity(points[index].legend), onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove })));
+                });
+                var circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                _this._stackedData.forEach(function (singleStackedData, index) {
+                    if (points.length === index) {
+                        return;
+                    }
+                    graph.push(React.createElement("g", { key: index + "-dots-" + _this._uniqueIdForGraph, d: area(singleStackedData), clipPath: "url(#clip)" }, singleStackedData.map(function (singlePoint, pointIndex) {
+                        var circleId = _this._circleId + "_" + (index * _this._stackedData[0].length + pointIndex);
+                        var xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;
+                        lineColor = points[index].color;
+                        return (React.createElement("circle", tslib_1.__assign({ key: circleId, id: circleId, "data-is-focusable": true, cx: xScale(singlePoint.xVal), cy: yScale(singlePoint.values[1]), stroke: lineColor, strokeWidth: 3, visibility: _this.state.nearestCircleToHighlight ? 'visibility' : 'hidden', fill: _this._updateCircleFillColor(xDataPoint, lineColor, circleId), onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove, onClick: _this._onDataPointClick.bind(_this, points[index].data[pointIndex].onDataPointClick) }, pointOptions, { r: _this._getCircleRadius(xDataPoint, circleRadius) })));
+                    })));
+                });
+                graph.push(React.createElement("line", tslib_1.__assign({ id: _this._verticalLineId, key: _this._verticalLineId, x1: _this.state.lineXValue, y1: 0, x2: _this.state.lineXValue, y2: containerHeight, strokeWidth: 1, strokeDasharray: 5.5, stroke: lineColor, opacity: 0.5, visibility: _this.state.displayOfLine }, pointLineOptions)));
+                var classNames = getClassNames(_this.props.styles, {
+                    theme: _this.props.theme,
+                });
+                // Removing un wanted tooltip div from DOM, when prop not provided.
+                if (!_this.props.showXAxisLablesTooltip) {
+                    try {
+                        document.getElementById(_this._tooltipId) && document.getElementById(_this._tooltipId).remove();
+                        // eslint-disable-next-line no-empty
+                    }
+                    catch (e) { }
+                }
+                // Used to display tooltip at x axis labels.
+                if (!_this.props.wrapXAxisLables && _this.props.showXAxisLablesTooltip) {
+                    var xAxisElement = d3_selection_2.select(xElement).call(xScale);
+                    try {
+                        document.getElementById(_this._tooltipId) && document.getElementById(_this._tooltipId).remove();
+                        // eslint-disable-next-line no-empty
+                    }
+                    catch (e) { }
+                    var tooltipProps = {
+                        tooltipCls: classNames.tooltip,
+                        id: _this._tooltipId,
+                        xAxis: xAxisElement,
+                    };
+                    xAxisElement && index_2.tooltipOfXAxislabels(tooltipProps);
+                }
+                return graph;
+            };
+            _this._getCircleRadius = function (xDataPoint, circleRadius) {
+                var _a = _this.state, isCircleClicked = _a.isCircleClicked, nearestCircleToHighlight = _a.nearestCircleToHighlight;
+                if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {
+                    return 1;
+                }
+                else if (nearestCircleToHighlight === xDataPoint) {
+                    return circleRadius;
+                }
+                else {
+                    return 0;
+                }
+            };
+            _this._closeCallout = function () {
+                _this.setState({
+                    isCalloutVisible: false,
+                });
+            };
+            _this._createSet = Utilities_1.memoizeFunction(function (data) { return _this._createDataSet(data.lineChartData); });
+            _this.state = {
+                activeLegend: '',
+                hoverXValue: '',
+                isCalloutVisible: false,
+                isLegendSelected: false,
+                isLegendHovered: false,
+                refSelected: null,
+                YValueHover: [],
+                lineXValue: 0,
+                displayOfLine: InterceptVisibility.hide,
+                isCircleClicked: false,
+                nearestCircleToHighlight: null,
+                isShowCalloutPending: false,
+            };
+            Utilities_2.warnDeprecations(COMPONENT_NAME, props, {
+                showYAxisGridLines: 'Dont use this property. Lines are drawn by default',
+            });
+            _this._uniqueIdForGraph = Utilities_1.getId('areaChart_');
+            _this._verticalLineId = Utilities_1.getId('verticalLine_');
+            _this._circleId = Utilities_1.getId('circle');
+            _this._rectId = Utilities_1.getId('rectangle');
+            _this._tooltipId = Utilities_1.getId('AreaChartTooltipID');
+            return _this;
+        }
+        AreaChartBase.prototype.render = function () {
+            var _this = this;
+            var _a = this.props.data, lineChartData = _a.lineChartData, chartTitle = _a.chartTitle;
+            var _b = this._createSet(this.props.data), colors = _b.colors, opacity = _b.opacity, stackedInfo = _b.stackedInfo, calloutPoints = _b.calloutPoints;
+            this._calloutPoints = calloutPoints;
+            var isXAxisDateType = index_2.getXAxisType(lineChartData);
+            this._colors = colors;
+            this._opacity = opacity;
+            this._stackedData = stackedInfo.stackedData;
+            var legends = this._getLegendData(this.props.theme.palette, lineChartData);
+            var tickParams = {
+                tickValues: this.props.tickValues,
+                tickFormat: this.props.tickFormat,
+            };
+            var calloutProps = tslib_1.__assign({ target: this.state.refSelected, isCalloutVisible: this.state.isCalloutVisible, directionalHint: Callout_1.DirectionalHint.topAutoEdge, YValueHover: this.state.YValueHover, hoverXValue: this.state.hoverXValue, id: "toolTip" + this._uniqueCallOutID, gapSpace: 15, isBeakVisible: false, setInitialFocus: true, onDismiss: this._closeCallout, 'data-is-focusable': true, xAxisCalloutAccessibilityData: this.state.xAxisCalloutAccessibilityData }, this.props.calloutProps);
+            return (React.createElement(index_1.CartesianChart, tslib_1.__assign({}, this.props, { chartTitle: chartTitle, points: lineChartData, chartType: index_2.ChartTypes.AreaChart, calloutProps: calloutProps, legendBars: legends, isCalloutForStack: true, xAxisType: isXAxisDateType ? index_2.XAxisTypes.DateAxis : index_2.XAxisTypes.NumericAxis, tickParams: tickParams, maxOfYVal: stackedInfo.maxOfYVal, getGraphData: this._getGraphData, getmargins: this._getMargins, customizedCallout: this._getCustomizedCallout(), onChartMouseLeave: this._handleChartMouseLeave, 
+                /* eslint-disable react/jsx-no-bind */
+                // eslint-disable-next-line react/no-children-prop
+                children: function (props) {
+                    _this._xAxisRectScale = props.xScale;
+                    var ticks = _this._xAxisRectScale.ticks();
+                    var width1 = _this._xAxisRectScale(ticks[ticks.length - 1]);
+                    var rectHeight = props.containerHeight - _this.margins.top;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("g", null,
+                            React.createElement("rect", { id: _this._rectId, width: width1, height: rectHeight, fill: 'transparent', onMouseMove: _this._onRectMouseMove, onMouseOut: _this._onRectMouseOut, onMouseOver: _this._onRectMouseMove })),
+                        React.createElement("g", null, _this._chart)));
+                } })));
+        };
+        AreaChartBase.prototype._onLegendClick = function (customMessage) {
+            if (this.state.isLegendSelected) {
+                if (this.state.activeLegend === customMessage) {
+                    this.setState({
+                        isLegendSelected: false,
+                        activeLegend: '',
+                    });
+                }
+                else {
+                    this.setState({
+                        activeLegend: customMessage,
+                    });
+                }
+            }
+            else {
+                this.setState({
+                    activeLegend: customMessage,
+                });
+            }
+        };
+        AreaChartBase.prototype._onLegendHover = function (customMessage) {
+            if (this.state.isLegendSelected === false) {
+                this.setState({
+                    activeLegend: customMessage,
+                    isLegendHovered: true,
+                });
+            }
+        };
+        AreaChartBase.prototype._onLegendLeave = function (isLegendFocused) {
+            if (!!isLegendFocused || this.state.isLegendSelected === false) {
+                this.setState({
+                    activeLegend: '',
+                    isLegendHovered: false,
+                    isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,
+                });
+            }
+        };
+        return AreaChartBase;
+    }(React.Component));
+    exports.AreaChartBase = AreaChartBase;
+});
+//# sourceMappingURL=AreaChart.base.js.map

package/lib-amd/components/AreaChart/AreaChart.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.base.js","sourceRoot":"../src/","sources":["components/AreaChart/AreaChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { clientPoint } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport { IPalette } from '@fluentui/react/lib/Styling';\nimport { classNamesFunction, find, getId, memoizeFunction } from '@fluentui/react/lib/Utilities';\nimport {\n  IAccessibilityProps,\n  CartesianChart,\n  IChartProps,\n  ICustomizedCalloutData,\n  IAreaChartProps,\n  IBasestate,\n  ILineChartDataPoint,\n  ILineChartPoints,\n  IChildProps,\n  IMargins,\n  IAreaChartStyleProps,\n  IAreaChartStyles,\n} from '../../index';\nimport { warnDeprecations } from '@fluentui/react/lib/Utilities';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfXAxislabels,\n} from '../../utilities/index';\nimport { ILegend, Legends } from '../Legends/index';\nimport { DirectionalHint } from '@fluentui/react/lib/Callout';\n\nconst getClassNames = classNamesFunction<IAreaChartStyleProps, IAreaChartStyles>();\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nconst COMPONENT_NAME = 'AREA CHART';\n\nenum InterceptVisibility {\n  show = 'visibility',\n  hide = 'hidden',\n}\n\nexport interface IAreaChartAreaPoint {\n  xVal: string | number;\n  values: IAreaChartDataSetPoint;\n}\nexport interface IAreaChartDataSetPoint {\n  [key: string]: number | string;\n}\nexport interface IDPointType {\n  values: { 0: number; 1: number; data: {} };\n  xVal: number | Date;\n}\n\nexport interface IAreaChartState extends IBasestate {\n  lineXValue: number;\n  displayOfLine: InterceptVisibility;\n  isCircleClicked: boolean;\n  dataPointCalloutProps?: ICustomizedCalloutData;\n  stackCalloutProps?: ICustomizedCalloutData;\n  nearestCircleToHighlight: number | string | Date | null;\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n  isShowCalloutPending: boolean;\n}\n\nexport class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartState> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _calloutPoints: any;\n  private _createSet: (\n    data: IChartProps,\n  ) => {\n    colors: string[];\n    opacity: number[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    stackedInfo: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    calloutPoints: any;\n  };\n  private _colors: string[];\n  private _opacity: number[];\n  private _uniqueIdForGraph: string;\n  private _verticalLineId: string;\n  private _circleId: string;\n  private _uniqueCallOutID: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _stackedData: any;\n  private _chart: JSX.Element[];\n  private margins: IMargins;\n  private _rectId: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _xAxisRectScale: any;\n  // determines if the given area chart has multiple stacked bar charts\n  private _isMultiStackChart: boolean;\n  private _tooltipId: string;\n\n  public constructor(props: IAreaChartProps) {\n    super(props);\n    this._createSet = memoizeFunction((data: IChartProps) => this._createDataSet(data.lineChartData!));\n    this.state = {\n      activeLegend: '',\n      hoverXValue: '',\n      isCalloutVisible: false,\n      isLegendSelected: false,\n      isLegendHovered: false,\n      refSelected: null,\n      YValueHover: [],\n      lineXValue: 0,\n      displayOfLine: InterceptVisibility.hide,\n      isCircleClicked: false,\n      nearestCircleToHighlight: null,\n      isShowCalloutPending: false,\n    };\n    warnDeprecations(COMPONENT_NAME, props, {\n      showYAxisGridLines: 'Dont use this property. Lines are drawn by default',\n    });\n    this._uniqueIdForGraph = getId('areaChart_');\n    this._verticalLineId = getId('verticalLine_');\n    this._circleId = getId('circle');\n    this._rectId = getId('rectangle');\n    this._tooltipId = getId('AreaChartTooltipID');\n  }\n\n  public render(): JSX.Element {\n    const { lineChartData, chartTitle } = this.props.data;\n    const { colors, opacity, stackedInfo, calloutPoints } = this._createSet(this.props.data);\n    this._calloutPoints = calloutPoints;\n    const isXAxisDateType = getXAxisType(lineChartData!);\n    this._colors = colors;\n    this._opacity = opacity;\n    this._stackedData = stackedInfo.stackedData;\n    const legends: JSX.Element = this._getLegendData(this.props.theme!.palette, lineChartData!);\n\n    const tickParams = {\n      tickValues: this.props.tickValues,\n      tickFormat: this.props.tickFormat,\n    };\n\n    const calloutProps = {\n      target: this.state.refSelected,\n      isCalloutVisible: this.state.isCalloutVisible,\n      directionalHint: DirectionalHint.topAutoEdge,\n      YValueHover: this.state.YValueHover,\n      hoverXValue: this.state.hoverXValue,\n      id: `toolTip${this._uniqueCallOutID}`,\n      gapSpace: 15,\n      isBeakVisible: false,\n      setInitialFocus: true,\n      onDismiss: this._closeCallout,\n      'data-is-focusable': true,\n      xAxisCalloutAccessibilityData: this.state.xAxisCalloutAccessibilityData,\n      ...this.props.calloutProps,\n    };\n    return (\n      <CartesianChart\n        {...this.props}\n        chartTitle={chartTitle}\n        points={lineChartData!}\n        chartType={ChartTypes.AreaChart}\n        calloutProps={calloutProps}\n        legendBars={legends}\n        isCalloutForStack\n        xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n        tickParams={tickParams}\n        maxOfYVal={stackedInfo.maxOfYVal}\n        getGraphData={this._getGraphData}\n        getmargins={this._getMargins}\n        customizedCallout={this._getCustomizedCallout()}\n        onChartMouseLeave={this._handleChartMouseLeave}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line react/no-children-prop\n        children={(props: IChildProps) => {\n          this._xAxisRectScale = props.xScale;\n          const ticks = this._xAxisRectScale.ticks();\n          const width1 = this._xAxisRectScale(ticks[ticks.length - 1]);\n          const rectHeight = props.containerHeight! - this.margins.top!;\n          return (\n            <>\n              <g>\n                <rect\n                  id={this._rectId}\n                  width={width1}\n                  height={rectHeight}\n                  fill={'transparent'}\n                  onMouseMove={this._onRectMouseMove}\n                  onMouseOut={this._onRectMouseOut}\n                  onMouseOver={this._onRectMouseMove}\n                />\n              </g>\n              <g>{this._chart}</g>\n            </>\n          );\n        }}\n      />\n    );\n  }\n\n  private _getMargins = (margins: IMargins) => {\n    this.margins = margins;\n  };\n\n  private _onRectMouseMove = (mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) => {\n    mouseEvent.persist();\n    const { data } = this.props;\n    const { lineChartData } = data;\n    // This will get the value of the X when mouse is on the chart\n    const xOffset = this._xAxisRectScale.invert(clientPoint(document.getElementById(this._rectId)!, mouseEvent)[0]);\n    const i = bisect(lineChartData![0].data, xOffset);\n    const d0 = lineChartData![0].data[i - 1] as ILineChartDataPoint;\n    const d1 = lineChartData![0].data[i] as ILineChartDataPoint;\n    let axisType: XAxisTypes | null = null;\n    let pointToHighlight: string | Date | number | null = null;\n    let index: null | number = null;\n    if (d0 === undefined && d1 !== undefined) {\n      pointToHighlight = d1.x;\n      index = i;\n    } else if (d0 !== undefined && d1 === undefined) {\n      pointToHighlight = d0.x;\n      index = i - 1;\n    } else {\n      axisType = getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes;\n      let x0;\n      let point0;\n      let point1;\n      switch (axisType) {\n        case XAxisTypes.DateAxis:\n          x0 = new Date(xOffset).getTime();\n          point0 = (d0.x as Date).getTime();\n          point1 = (d1.x as Date).getTime();\n          pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n          index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n          break;\n        case XAxisTypes.NumericAxis:\n          x0 = xOffset as number;\n          point0 = d0.x as number;\n          point1 = d1.x as number;\n          pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n          index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n          break;\n        default:\n          break;\n      }\n    }\n\n    const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n    const formattedDate = pointToHighlight instanceof Date ? pointToHighlight.toLocaleString() : pointToHighlight;\n    const modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const found: any = find(this._calloutPoints, (element: { x: string | number }) => {\n      return element.x === modifiedXVal;\n    });\n    const nearestCircleToHighlight =\n      axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n    const pointToHighlightUpdated = this.state.nearestCircleToHighlight !== nearestCircleToHighlight;\n    // if no points need to be called out then don't show vertical line and callout card\n    if (found && pointToHighlightUpdated && !this.state.isShowCalloutPending) {\n      this.setState({\n        nearestCircleToHighlight: nearestCircleToHighlight,\n        isCalloutVisible: false,\n        isShowCalloutPending: true,\n        lineXValue: this._xAxisRectScale(pointToHighlight),\n        displayOfLine: InterceptVisibility.show,\n        isCircleClicked: false,\n        stackCalloutProps: found!,\n        YValueHover: found.values,\n        dataPointCalloutProps: found!,\n        hoverXValue: xAxisCalloutData ? xAxisCalloutData : formattedDate,\n        xAxisCalloutAccessibilityData,\n      });\n    } else {\n      /*\n      When above if condition is false but found=true, it means either\n\n      1). pointToHighlightUpdated is false.\n      For this case we dont need to do anything.\n\n      2). isShowCalloutPending is true.\n      For this case there will be no callout updation for the event.\n      This condition has been added to prevent repeated callout flashing.\n      Currently there is a fraction of second delay between hover event and subsequent callout refresh.\n      In the meantime if another event is received, the callout continues to flash for the set of\n      intermediate hover events.\n\n      This does not cause any issue as the user interaction takes atleast a fraction of second and the final\n      callout state is ultimately achieved.\n      If a user performs very swift mouse maneuver, the intermediate events will be lost but the callout experience\n      remains smooth.\n      */\n    }\n    if (!found) {\n      this.setState({\n        isCalloutVisible: false,\n        nearestCircleToHighlight: nearestCircleToHighlight,\n        displayOfLine: InterceptVisibility.hide,\n        isCircleClicked: false,\n      });\n    }\n  };\n  /**\n   * just cleaning up the state which we have set in the mouse move event\n   */\n  private _onRectMouseOut = () => {\n    /**/\n  };\n\n  private _handleChartMouseLeave = () => {\n    this.setState({\n      refSelected: null,\n      isCalloutVisible: false,\n      nearestCircleToHighlight: null,\n      lineXValue: 0,\n      displayOfLine: InterceptVisibility.hide,\n      isCircleClicked: false,\n      stackCalloutProps: undefined,\n      dataPointCalloutProps: undefined,\n      hoverXValue: undefined,\n      YValueHover: [],\n    });\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _getStackedData = (keys: string[], dataSet: any) => {\n    const stackedValues = d3Stack().keys(keys)(dataSet);\n    const maxOfYVal = d3Max(stackedValues[stackedValues.length - 1], dp => dp[1])!;\n    const stackedData: Array<IAreaChartDataSetPoint[]> = [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    stackedValues.forEach((layer: any) => {\n      const currentStack: IAreaChartDataSetPoint[] = [];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      layer.forEach((d: any) => {\n        currentStack.push({\n          values: d,\n          xVal: d.data.xVal,\n        });\n      });\n      stackedData.push(currentStack);\n    });\n    this._isMultiStackChart = stackedData && stackedData.length > 1 ? true : false;\n    return {\n      stackedData,\n      maxOfYVal,\n    };\n  };\n\n  private _createDataSet = (points: ILineChartPoints[]) => {\n    const allChartPoints: ILineChartDataPoint[] = [];\n    const dataSet: IAreaChartDataSetPoint[] = [];\n    const colors: string[] = [];\n    const opacity: number[] = [];\n    const calloutPoints = calloutData(points!);\n\n    points &&\n      points.length &&\n      points.forEach((singleChartPoint: ILineChartPoints) => {\n        colors.push(singleChartPoint.color);\n        opacity.push(singleChartPoint.opacity || 1);\n        allChartPoints.push(...singleChartPoint.data);\n      });\n\n    let tempArr = allChartPoints;\n    while (tempArr.length) {\n      const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n      const filteredChartPoints: ILineChartDataPoint[] = tempArr.filter(\n        (point: ILineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n      );\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const singleDataset: any = {};\n      filteredChartPoints.forEach((singleDataPoint: ILineChartDataPoint, index: number) => {\n        singleDataset.xVal = singleDataPoint.x;\n        singleDataset[`chart${index}`] = singleDataPoint.y;\n      });\n      dataSet.push(singleDataset);\n      // removing compared objects from array\n      const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n      tempArr = tempArr.filter(\n        (point: ILineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n      );\n    }\n\n    // get keys from dataset, used to create stacked data\n    const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n    const keys: string[] = [];\n    for (let i = 0; i < keysLength - 1; i++) {\n      const keyVal = `chart${i}`;\n      keys.push(keyVal);\n    }\n\n    // Stacked Info used to draw graph\n    const stackedInfo = this._getStackedData(keys, dataSet);\n\n    return {\n      colors,\n      opacity,\n      keys,\n      stackedInfo,\n      calloutPoints,\n    };\n  };\n\n  private _getCustomizedCallout = () => {\n    return this.props.onRenderCalloutPerStack\n      ? this.props.onRenderCalloutPerStack(this.state.stackCalloutProps)\n      : this.props.onRenderCalloutPerDataPoint\n      ? this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps)\n      : null;\n  };\n\n  private _getGraphData = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xAxis: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yAxis: any,\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement | null,\n  ) => {\n    this._chart = this._drawGraph(containerHeight, xAxis, yAxis, xElement!);\n  };\n\n  private _onLegendClick(customMessage: string): void {\n    if (this.state.isLegendSelected) {\n      if (this.state.activeLegend === customMessage) {\n        this.setState({\n          isLegendSelected: false,\n          activeLegend: '',\n        });\n      } else {\n        this.setState({\n          activeLegend: customMessage,\n        });\n      }\n    } else {\n      this.setState({\n        activeLegend: customMessage,\n      });\n    }\n  }\n\n  private _onLegendHover(customMessage: string): void {\n    if (this.state.isLegendSelected === false) {\n      this.setState({\n        activeLegend: customMessage,\n        isLegendHovered: true,\n      });\n    }\n  }\n\n  private _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || this.state.isLegendSelected === false) {\n      this.setState({\n        activeLegend: '',\n        isLegendHovered: false,\n        isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,\n      });\n    }\n  }\n\n  private _getLegendData = (palette: IPalette, points: ILineChartPoints[]): JSX.Element => {\n    const data = points;\n    const defaultPalette: string[] = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];\n    const actions: ILegend[] = [];\n\n    data.forEach((singleChartData: ILineChartPoints) => {\n      const color: string = singleChartData.color\n        ? singleChartData.color\n        : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n      const checkSimilarLegends = actions.filter(\n        (leg: ILegend) => leg.title === singleChartData.legend && leg.color === color,\n      );\n      if (checkSimilarLegends!.length > 0) {\n        return;\n      }\n\n      const legend: ILegend = {\n        title: singleChartData.legend,\n        color: color,\n        action: () => {\n          this._onLegendClick(singleChartData.legend);\n        },\n        hoverAction: () => {\n          this._onLegendHover(singleChartData.legend);\n        },\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          this._onLegendLeave(isLegendSelected);\n        },\n      };\n\n      actions.push(legend);\n    });\n    return (\n      <Legends\n        legends={actions}\n        overflowProps={this.props.legendsOverflowProps}\n        enabledWrapLines={this.props.enabledLegendsWrapLines}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        {...this.props.legendProps}\n      />\n    );\n  };\n\n  private _onDataPointClick = (func: (() => void) | undefined) => {\n    if (func) {\n      func();\n    }\n    this.setState({ isCircleClicked: true });\n  };\n\n  private _getOpacity = (selectedArea: string): number => {\n    if (!this._isMultiStackChart) {\n      return 0.7;\n    } else {\n      let opacity = 0.7;\n      if (this.state.isLegendHovered || this.state.isLegendSelected) {\n        opacity = this.state.activeLegend === selectedArea ? 0.7 : 0.1;\n      }\n      return opacity;\n    }\n  };\n\n  private _getLineOpacity = (legend: string): number => {\n    if (!this._isMultiStackChart) {\n      return 1;\n    } else {\n      let opacity = 0.3;\n      if (this.state.isCalloutVisible) {\n        opacity = 1;\n      }\n      if (this.state.isLegendHovered || this.state.isLegendSelected) {\n        opacity = this.state.activeLegend === legend ? 0 : 0.1;\n      }\n      return opacity;\n    }\n  };\n\n  private _updateCircleFillColor = (xDataPoint: number | Date, lineColor: string, circleId: string): string => {\n    let fillColor = lineColor;\n    if (this.state.nearestCircleToHighlight === xDataPoint) {\n      if (this.state.isShowCalloutPending) {\n        this.setState({\n          refSelected: `#${circleId}`,\n          isCalloutVisible: true,\n          isShowCalloutPending: false,\n        });\n      }\n      if (!this.state.isCircleClicked) {\n        fillColor = this.props.theme!.palette.white;\n      }\n    }\n\n    return fillColor;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _drawGraph = (containerHeight: number, xScale: any, yScale: any, xElement: SVGElement): JSX.Element[] => {\n    const points = this.props.data.lineChartData!;\n    const { pointOptions, pointLineOptions } = this.props.data;\n    const area = d3Area()\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .x((d: any) => xScale(d.xVal))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .y0((d: any) => yScale(d.values[0]))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .y1((d: any) => yScale(d.values[1]))\n      .curve(d3CurveBasis);\n    const line = d3Line()\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .x((d: any) => xScale(d.xVal))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .y((d: any) => yScale(d.values[1]))\n      .curve(d3CurveBasis);\n\n    const graph: JSX.Element[] = [];\n    let lineColor: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this._stackedData.forEach((singleStackedData: Array<any>, index: number) => {\n      graph.push(\n        <React.Fragment key={`${index}-graph-${this._uniqueIdForGraph}`}>\n          <path\n            id={`${index}-line-${this._uniqueIdForGraph}`}\n            d={line(singleStackedData)!}\n            fill={'transparent'}\n            strokeWidth={3}\n            stroke={this._colors[index]}\n            opacity={this._getLineOpacity(points[index]!.legend)}\n            onMouseMove={this._onRectMouseMove}\n            onMouseOut={this._onRectMouseOut}\n            onMouseOver={this._onRectMouseMove}\n            {...points[index]!.lineOptions}\n          />\n          <path\n            id={`${index}-graph-${this._uniqueIdForGraph}`}\n            d={area(singleStackedData)!}\n            fill={this._colors[index]}\n            opacity={this._opacity[index]}\n            fillOpacity={this._getOpacity(points[index]!.legend)}\n            onMouseMove={this._onRectMouseMove}\n            onMouseOut={this._onRectMouseOut}\n            onMouseOver={this._onRectMouseMove}\n          />\n        </React.Fragment>,\n      );\n    });\n\n    const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this._stackedData.forEach((singleStackedData: Array<any>, index: number) => {\n      if (points.length === index) {\n        return;\n      }\n      graph.push(\n        <g key={`${index}-dots-${this._uniqueIdForGraph}`} d={area(singleStackedData)!} clipPath=\"url(#clip)\">\n          {singleStackedData.map((singlePoint: IDPointType, pointIndex: number) => {\n            const circleId = `${this._circleId}_${index * this._stackedData[0].length + pointIndex}`;\n            const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n            lineColor = points[index]!.color;\n            return (\n              <circle\n                key={circleId}\n                id={circleId}\n                data-is-focusable={true}\n                cx={xScale(singlePoint.xVal)}\n                cy={yScale(singlePoint.values[1])}\n                stroke={lineColor}\n                strokeWidth={3}\n                visibility={this.state.nearestCircleToHighlight ? 'visibility' : 'hidden'}\n                fill={this._updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                onMouseOut={this._onRectMouseOut}\n                onMouseOver={this._onRectMouseMove}\n                onClick={this._onDataPointClick.bind(this, points[index]!.data[pointIndex].onDataPointClick!)}\n                {...pointOptions}\n                r={this._getCircleRadius(xDataPoint, circleRadius)}\n              />\n            );\n          })}\n        </g>,\n      );\n    });\n    graph.push(\n      <line\n        id={this._verticalLineId}\n        key={this._verticalLineId}\n        x1={this.state.lineXValue}\n        y1={0}\n        x2={this.state.lineXValue}\n        y2={containerHeight}\n        strokeWidth={1}\n        strokeDasharray={5.5}\n        stroke={lineColor!}\n        opacity={0.5}\n        visibility={this.state.displayOfLine}\n        {...pointLineOptions}\n      />,\n    );\n    const classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n    });\n    // Removing un wanted tooltip div from DOM, when prop not provided.\n    if (!this.props.showXAxisLablesTooltip) {\n      try {\n        document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at x axis labels.\n    if (!this.props.wrapXAxisLables && this.props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(xScale);\n      try {\n        document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classNames.tooltip!,\n        id: this._tooltipId,\n        xAxis: xAxisElement,\n      };\n      xAxisElement && tooltipOfXAxislabels(tooltipProps);\n    }\n    return graph;\n  };\n\n  private _getCircleRadius = (xDataPoint: number, circleRadius: number): number => {\n    const { isCircleClicked, nearestCircleToHighlight } = this.state;\n    if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n      return 1;\n    } else if (nearestCircleToHighlight === xDataPoint) {\n      return circleRadius;\n    } else {\n      return 0;\n    }\n  };\n\n  private _closeCallout = () => {\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n}\n"]}

package/lib-amd/components/AreaChart/AreaChart.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IAreaChartProps } from '../../index';
+export declare const AreaChart: React.FunctionComponent<IAreaChartProps>;

package/lib-amd/components/AreaChart/AreaChart.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "@fluentui/react/lib/Utilities", "../AreaChart/AreaChart.base", "./AreaChart.styles"], function (require, exports, Utilities_1, AreaChart_base_1, AreaChart_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AreaChart = void 0;
+    // Create a AreaChart variant which uses these default styles and this styled subcomponent.
+    exports.AreaChart = Utilities_1.styled(AreaChart_base_1.AreaChartBase, AreaChart_styles_1.getStyles);
+});
+//# sourceMappingURL=AreaChart.js.map

package/lib-amd/components/AreaChart/AreaChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.js","sourceRoot":"../src/","sources":["components/AreaChart/AreaChart.tsx"],"names":[],"mappings":";;;;IAMA,2FAA2F;IAC9E,QAAA,SAAS,GAA6C,kBAAM,CAIvE,8BAAa,EAAE,4BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IAreaChartProps, IAreaChartStyleProps, IAreaChartStyles } from '../../index';\nimport { AreaChartBase } from '../AreaChart/AreaChart.base';\nimport { getStyles } from './AreaChart.styles';\n\n// Create a AreaChart variant which uses these default styles and this styled subcomponent.\nexport const AreaChart: React.FunctionComponent<IAreaChartProps> = styled<\n  IAreaChartProps,\n  IAreaChartStyleProps,\n  IAreaChartStyles\n>(AreaChartBase, getStyles);\n"]}

package/lib-amd/components/AreaChart/AreaChart.styles.d.ts

@@ -0,0 +1,2 @@
+import { IAreaChartStyleProps, IAreaChartStyles } from './AreaChart.types';
+export declare const getStyles: (props: IAreaChartStyleProps) => IAreaChartStyles;

package/lib-amd/components/AreaChart/AreaChart.styles.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getStyles = void 0;
+    var getStyles = function (props) {
+        return {
+            tooltip: tslib_1.__assign(tslib_1.__assign({}, props.theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: props.theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
+        };
+    };
+    exports.getStyles = getStyles;
+});
+//# sourceMappingURL=AreaChart.styles.js.map

package/lib-amd/components/AreaChart/AreaChart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.styles.js","sourceRoot":"../src/","sources":["components/AreaChart/AreaChart.styles.ts"],"names":[],"mappings":";;;;IAEO,IAAM,SAAS,GAAG,UAAC,KAA2B;QACnD,OAAO;YACL,OAAO,wCACF,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,KAC5B,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,KAAM,CAAC,cAAc,CAAC,cAAc,EACtD,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;SACF,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,SAAS,aAepB","sourcesContent":["import { IAreaChartStyleProps, IAreaChartStyles } from './AreaChart.types';\n\nexport const getStyles = (props: IAreaChartStyleProps): IAreaChartStyles => {\n  return {\n    tooltip: {\n      ...props.theme!.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: props.theme!.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n  };\n};\n"]}