@fluentui/react-charting 5.12.22 → 5.12.25

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

@@ -1,476 +0,0 @@
-define(["require", "exports", "tslib", "react", "d3-array", "d3-shape", "d3-selection", "d3-scale", "@fluentui/react/lib/Utilities", "@fluentui/react/lib/Callout", "../../index", "@fluentui/react-focus", "../../utilities/index"], function (require, exports, tslib_1, React, d3_array_1, d3_shape_1, d3_selection_1, d3_scale_1, Utilities_1, Callout_1, index_1, react_focus_1, index_2) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.VerticalBarChartBase = void 0;
-    var CircleVisbility;
-    (function (CircleVisbility) {
-        CircleVisbility["show"] = "visibility";
-        CircleVisbility["hide"] = "hidden";
-    })(CircleVisbility || (CircleVisbility = {}));
-    var getClassNames = Utilities_1.classNamesFunction();
-    var VerticalBarChartBase = /** @class */ (function (_super) {
-        tslib_1.__extends(VerticalBarChartBase, _super);
-        function VerticalBarChartBase(props) {
-            var _this = _super.call(this, props) || this;
-            _this._isRtl = Utilities_1.getRTL();
-            _this._createLine = function (
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            xScale, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            yScale, containerHeight, containerWidth) {
-                var _a;
-                if (containerHeight === void 0) { containerHeight = 0; }
-                if (containerWidth === void 0) { containerWidth = 0; }
-                var isNumericAxis = _this._xAxisType === index_2.XAxisTypes.NumericAxis;
-                var xBarScale = _this._getScales(containerHeight, containerWidth, isNumericAxis).xBarScale;
-                var colorScale = _this._createColors();
-                var theme = _this.props.theme;
-                var _b = _this.props, data = _b.data, _c = _b.lineLegendColor, lineLegendColor = _c === void 0 ? theme.palette.yellow : _c, lineLegendText = _b.lineLegendText;
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                var lineData = [];
-                var line = [];
-                data &&
-                    data.forEach(function (item, index) {
-                        if (item.lineData && item.lineData.y) {
-                            lineData.push({ x: item.x, y: item.lineData.y, point: item, index: index });
-                        }
-                    });
-                var linePath = d3_shape_1.line()
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    .x(function (d) { return (!isNumericAxis ? xBarScale(d.index) + 0.5 * _this._barWidth : xScale(d.x)); })
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    .y(function (d) { return yScale(d.y); });
-                var shouldHighlight = true;
-                if (_this.state.isLegendHovered || _this.state.isLegendSelected) {
-                    shouldHighlight = _this.state.selectedLegendTitle === lineLegendText;
-                }
-                var lineBorderWidth = ((_a = _this.props.lineOptions) === null || _a === void 0 ? void 0 : _a.lineBorderWidth)
-                    ? Number.parseFloat(_this.props.lineOptions.lineBorderWidth.toString())
-                    : 0;
-                if (lineBorderWidth > 0) {
-                    line.push(React.createElement("path", { opacity: shouldHighlight ? 1 : 0.1, d: linePath(lineData), fill: "transparent", strokeLinecap: "square", strokeWidth: 3 + lineBorderWidth * 2, stroke: theme.palette.white }));
-                }
-                line.push(React.createElement("path", { opacity: shouldHighlight ? 1 : 0.1, d: linePath(lineData), fill: "transparent", strokeLinecap: "square", strokeWidth: 3, stroke: lineLegendColor }));
-                var dots = lineData.map(function (item, index) {
-                    var _a;
-                    return (React.createElement("circle", { key: index, cx: !isNumericAxis ? xBarScale(item.index) + 0.5 * _this._barWidth : xScale(item.x), cy: yScale(item.y), onMouseOver: _this._onBarHover.bind(_this, item.point, colorScale(item.y)), onMouseOut: _this._onBarLeave, r: 8, stroke: lineLegendColor, fill: _this.props.theme.palette.white, strokeWidth: 3, visibility: _this.state.activeXdataPoint === item.x ? CircleVisbility.show : CircleVisbility.hide, onClick: (_a = item.point.lineData) === null || _a === void 0 ? void 0 : _a.onClick }));
-                });
-                return (React.createElement(React.Fragment, null,
-                    line,
-                    dots));
-            };
-            _this._checkForLine = function () {
-                var data = _this.props.data;
-                return data.some(function (item) { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.lineData) === null || _a === void 0 ? void 0 : _a.y) !== undefined; });
-            };
-            _this._getMargins = function (margins) {
-                _this.margins = margins;
-            };
-            _this._renderContentForBothLineAndBars = function (point) {
-                var _a = _this._getCalloutContentForLineAndBar(point), YValueHover = _a.YValueHover, hoverXValue = _a.hoverXValue;
-                var content = YValueHover.map(function (item, index) {
-                    return (React.createElement(index_1.ChartHoverCard, tslib_1.__assign({ key: index, Legend: item.legend }, (index === 0 && { XValue: "" + (hoverXValue || item.data) }), { color: item.color, YValue: item.data || item.y, culture: _this.props.culture })));
-                });
-                return React.createElement(React.Fragment, null, content);
-            };
-            _this._renderContentForOnlyBars = function (props) {
-                var _a = _this.props.useSingleColor, useSingleColor = _a === void 0 ? false : _a;
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(index_1.ChartHoverCard, { XValue: props.xAxisCalloutData || props.x, Legend: props.legend, YValue: props.yAxisCalloutData || props.y, color: !useSingleColor && props.color ? props.color : _this._createColors()(props.y), culture: _this.props.culture })));
-            };
-            _this._renderCallout = function (props) {
-                return props
-                    ? _this._isHavingLine
-                        ? _this._renderContentForBothLineAndBars(props)
-                        : _this._renderContentForOnlyBars(props)
-                    : null;
-            };
-            _this._getCustomizedCallout = function () {
-                return _this.props.onRenderCalloutPerDataPoint
-                    ? _this.props.onRenderCalloutPerDataPoint(_this.state.dataPointCalloutProps, _this._renderCallout)
-                    : null;
-            };
-            _this._getGraphData = function (xScale, yScale, containerHeight, containerWidth, xElement) {
-                return (_this._bars =
-                    _this._xAxisType === index_2.XAxisTypes.NumericAxis
-                        ? _this._createNumericBars(containerHeight, containerWidth, xElement)
-                        : _this._createStringBars(containerHeight, containerWidth, xElement));
-            };
-            _this._refCallback = function (element, legendTitle) {
-                _this._refArray.push({ index: legendTitle, refElement: element });
-            };
-            _this._getCalloutContentForLineAndBar = function (point) {
-                var _a, _b, _c, _d;
-                var YValueHover = [];
-                var _e = _this.props, theme = _e.theme, _f = _e.useSingleColor, useSingleColor = _f === void 0 ? false : _f;
-                var _g = _this.props, data = _g.data, lineLegendText = _g.lineLegendText, _h = _g.lineLegendColor, lineLegendColor = _h === void 0 ? theme.palette.yellow : _h;
-                var selectedPoint = data.filter(function (xDataPoint) { return xDataPoint.x === point.x; });
-                // there might be no y value of the line for the hovered bar. so we need to check this condition
-                if (_this._isHavingLine && ((_a = selectedPoint[0].lineData) === null || _a === void 0 ? void 0 : _a.y) !== undefined) {
-                    // callout data for the  line
-                    YValueHover.push({
-                        legend: lineLegendText,
-                        color: lineLegendColor,
-                        y: (_b = selectedPoint[0].lineData) === null || _b === void 0 ? void 0 : _b.y,
-                        data: (_c = selectedPoint[0].lineData) === null || _c === void 0 ? void 0 : _c.yAxisCalloutData,
-                        yAxisCalloutData: (_d = selectedPoint[0].lineData) === null || _d === void 0 ? void 0 : _d.yAxisCalloutData,
-                    });
-                }
-                // callout data for the bar
-                YValueHover.push({
-                    legend: selectedPoint[0].legend,
-                    y: selectedPoint[0].y,
-                    color: !useSingleColor
-                        ? selectedPoint[0].color
-                            ? selectedPoint[0].color
-                            : _this._createColors()(selectedPoint[0].y)
-                        : _this._createColors()(1),
-                    data: selectedPoint[0].yAxisCalloutData,
-                    yAxisCalloutData: selectedPoint[0].yAxisCalloutData,
-                });
-                return { YValueHover: YValueHover, hoverXValue: point.xAxisCalloutData || point.x.toString() };
-            };
-            _this._onBarLeave = function () {
-                /**/
-            };
-            _this._handleChartMouseLeave = function () {
-                _this._calloutAnchorPoint = null;
-                _this.setState({
-                    isCalloutVisible: false,
-                    activeXdataPoint: null,
-                    YValueHover: [],
-                    hoverXValue: '',
-                });
-            };
-            _this._onBarFocus = function (point, refArrayIndexNumber, color) {
-                if (_this.state.isLegendSelected === false ||
-                    (_this.state.isLegendSelected && _this.state.selectedLegendTitle === point.legend)) {
-                    var _a = _this._getCalloutContentForLineAndBar(point), YValueHover_1 = _a.YValueHover, hoverXValue_1 = _a.hoverXValue;
-                    _this._refArray.forEach(function (obj, index) {
-                        if (obj.index === point.legend && refArrayIndexNumber === index) {
-                            _this.setState({
-                                refSelected: obj.refElement,
-                                isCalloutVisible: true,
-                                selectedLegendTitle: point.legend,
-                                dataForHoverCard: point.y,
-                                color: point.color || color,
-                                xCalloutValue: point.xAxisCalloutData || point.x.toString(),
-                                yCalloutValue: point.yAxisCalloutData,
-                                dataPointCalloutProps: point,
-                                activeXdataPoint: point.x,
-                                YValueHover: YValueHover_1,
-                                hoverXValue: hoverXValue_1,
-                                callOutAccessibilityData: point.callOutAccessibilityData,
-                            });
-                        }
-                    });
-                }
-            };
-            _this._getScales = function (containerHeight, containerWidth, isNumericScale) {
-                if (isNumericScale) {
-                    var xMax = d3_array_1.max(_this._points, function (point) { return point.x; });
-                    var xBarScale = d3_scale_1.scaleLinear()
-                        .domain(_this._isRtl ? [xMax, 0] : [0, xMax])
-                        .nice()
-                        .range([
-                        _this.margins.left + _this._barWidth / 2,
-                        containerWidth - _this.margins.right - _this._barWidth - _this._barWidth / 2,
-                    ]);
-                    var yBarScale = d3_scale_1.scaleLinear()
-                        .domain([0, _this._yMax])
-                        .range([0, containerHeight - _this.margins.bottom - _this.margins.top]);
-                    return { xBarScale: xBarScale, yBarScale: yBarScale };
-                }
-                else {
-                    var xBarScale = d3_scale_1.scaleBand()
-                        .domain(_this._xAxisLabels)
-                        .range([_this.margins.left, containerWidth - _this.margins.right])
-                        .padding(_this.props.xAxisPadding || 0.1);
-                    var yBarScale = d3_scale_1.scaleLinear()
-                        .domain([0, _this._yMax])
-                        .range([0, containerHeight - _this.margins.bottom - _this.margins.top]);
-                    return { xBarScale: xBarScale, yBarScale: yBarScale };
-                }
-            };
-            _this._closeCallout = function () {
-                _this.setState({
-                    isCalloutVisible: false,
-                });
-            };
-            _this._getLegendData = function (data, palette) {
-                var _a = _this.props, theme = _a.theme, useSingleColor = _a.useSingleColor;
-                var _b = _this.props, lineLegendText = _b.lineLegendText, _c = _b.lineLegendColor, lineLegendColor = _c === void 0 ? theme.palette.yellow : _c;
-                var actions = [];
-                data.forEach(function (point, _index) {
-                    var color = !useSingleColor ? point.color : _this._createColors()(1);
-                    // mapping data to the format Legends component needs
-                    var legend = {
-                        title: point.legend,
-                        color: color,
-                        action: function () {
-                            _this._onLegendClick(point.legend);
-                        },
-                        hoverAction: function () {
-                            _this._onLegendHover(point.legend);
-                        },
-                        onMouseOutAction: function (isLegendSelected) {
-                            _this._onLegendLeave(isLegendSelected);
-                        },
-                    };
-                    actions.push(legend);
-                });
-                if (_this._isHavingLine && lineLegendText && lineLegendColor) {
-                    var lineLegend = {
-                        title: lineLegendText,
-                        color: lineLegendColor,
-                        action: function () {
-                            _this._onLegendClick(lineLegendText);
-                        },
-                        hoverAction: function () {
-                            _this._onLegendHover(lineLegendText);
-                        },
-                        onMouseOutAction: function (isLegendSelected) {
-                            _this._onLegendLeave(isLegendSelected);
-                        },
-                        isLineLegendInBarChart: true,
-                    };
-                    actions.unshift(lineLegend);
-                }
-                var legends = (React.createElement(index_1.Legends, tslib_1.__assign({ legends: actions, enabledWrapLines: _this.props.enabledLegendsWrapLines, overflowProps: _this.props.legendsOverflowProps, focusZonePropsInHoverCard: _this.props.focusZonePropsForLegendsInHoverCard, overflowText: _this.props.legendsOverflowText }, _this.props.legendProps)));
-                return legends;
-            };
-            _this._getAxisData = function (yAxisData) {
-                if (yAxisData && yAxisData.yAxisDomainValues.length) {
-                    var domainValue = yAxisData.yAxisDomainValues;
-                    _this._yMax = Math.max(domainValue[domainValue.length - 1], _this.props.yMaxValue || 0);
-                }
-            };
-            _this.state = {
-                color: '',
-                dataForHoverCard: 0,
-                isCalloutVisible: false,
-                isLegendSelected: false,
-                isLegendHovered: false,
-                refSelected: null,
-                selectedLegendTitle: '',
-                xCalloutValue: '',
-                yCalloutValue: '',
-                activeXdataPoint: null,
-                YValueHover: [],
-                hoverXValue: '',
-            };
-            _this._isHavingLine = _this._checkForLine();
-            _this._calloutId = Utilities_1.getId('callout');
-            _this._tooltipId = Utilities_1.getId('VCTooltipID_');
-            _this._refArray = [];
-            _this._xAxisType =
-                _this.props.data && _this.props.data.length > 0
-                    ? index_2.getTypeOfAxis(_this.props.data[0].x, true)
-                    : index_2.XAxisTypes.StringAxis;
-            return _this;
-        }
-        VerticalBarChartBase.prototype.render = function () {
-            var _this = this;
-            this._adjustProps();
-            this._xAxisLabels = this._points.map(function (point) { return point.x; });
-            this._yMax = Math.max(d3_array_1.max(this._points, function (point) { return point.y; }), this.props.yMaxValue || 0);
-            var legendBars = this._getLegendData(this._points, this.props.theme.palette);
-            this._classNames = getClassNames(this.props.styles, {
-                theme: this.props.theme,
-                legendColor: this.state.color,
-            });
-            var calloutProps = tslib_1.__assign(tslib_1.__assign(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 }, (this._isHavingLine && {
-                YValueHover: this.state.YValueHover,
-                hoverXValue: this.state.hoverXValue,
-            })), { gapSpace: 15, color: this.state.color, legend: this.state.selectedLegendTitle, XValue: this.state.xCalloutValue, YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard, onDismiss: this._closeCallout, preventDismissOnLostFocus: true }), this.props.calloutProps), index_2.getAccessibleDataObject(this.state.callOutAccessibilityData));
-            var tickParams = {
-                tickValues: this.props.tickValues,
-                tickFormat: this.props.tickFormat,
-            };
-            return (React.createElement(index_1.CartesianChart, tslib_1.__assign({}, this.props, { points: this._points, chartType: index_2.ChartTypes.VerticalBarChart, xAxisType: this._xAxisType, calloutProps: calloutProps, tickParams: tickParams }, (this._isHavingLine && { isCalloutForStack: true }), { legendBars: legendBars, datasetForXAxisDomain: this._xAxisLabels, barwidth: this._barWidth, focusZoneDirection: react_focus_1.FocusZoneDirection.horizontal, customizedCallout: this._getCustomizedCallout(), getmargins: this._getMargins, getGraphData: this._getGraphData, getAxisData: this._getAxisData, onChartMouseLeave: this._handleChartMouseLeave, 
-                /* 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),
-                        _this._isHavingLine && (React.createElement("g", null, _this._createLine(props.xScale, props.yScale, props.containerHeight, props.containerWidth)))));
-                } })));
-        };
-        VerticalBarChartBase.prototype._adjustProps = function () {
-            this._points = this.props.data || [];
-            this._barWidth = this.props.barWidth || 32;
-            var palette = this.props.theme.palette;
-            this._colors = this.props.colors || [palette.blueLight, palette.blue, palette.blueMid, palette.blueDark];
-            this._isHavingLine = this._checkForLine();
-        };
-        VerticalBarChartBase.prototype._createColors = function () {
-            var _this = this;
-            var increment = this._colors.length <= 1 ? 1 : 1 / (this._colors.length - 1);
-            var _a = this.props.useSingleColor, useSingleColor = _a === void 0 ? false : _a;
-            if (useSingleColor) {
-                return function (_p) {
-                    var _a = _this.props, theme = _a.theme, colors = _a.colors;
-                    return colors && colors.length > 0 ? colors[0] : theme.palette.blueLight;
-                };
-            }
-            var domainValues = [];
-            for (var i = 0; i < this._colors.length; i++) {
-                domainValues.push(increment * i * this._yMax);
-            }
-            var colorScale = d3_scale_1.scaleLinear().domain(domainValues).range(this._colors);
-            return colorScale;
-        };
-        VerticalBarChartBase.prototype._onBarHover = function (point, color, mouseEvent) {
-            mouseEvent.persist();
-            var _a = this._getCalloutContentForLineAndBar(point), YValueHover = _a.YValueHover, hoverXValue = _a.hoverXValue;
-            if ((this.state.isLegendSelected === false ||
-                (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)) &&
-                this._calloutAnchorPoint !== point) {
-                this._calloutAnchorPoint = point;
-                this.setState({
-                    refSelected: mouseEvent,
-                    isCalloutVisible: true,
-                    dataForHoverCard: point.y,
-                    selectedLegendTitle: point.legend,
-                    color: point.color || color,
-                    // To display callout value, if no callout value given, taking given point.x value as a string.
-                    xCalloutValue: point.xAxisCalloutData || point.x.toString(),
-                    yCalloutValue: point.yAxisCalloutData,
-                    dataPointCalloutProps: point,
-                    activeXdataPoint: point.x,
-                    YValueHover: YValueHover,
-                    hoverXValue: hoverXValue,
-                    callOutAccessibilityData: point.callOutAccessibilityData,
-                });
-            }
-        };
-        VerticalBarChartBase.prototype._createNumericBars = function (containerHeight, containerWidth, xElement) {
-            var _this = this;
-            var _a = this.props.useSingleColor, useSingleColor = _a === void 0 ? false : _a;
-            var _b = this._getScales(containerHeight, containerWidth, true), xBarScale = _b.xBarScale, yBarScale = _b.yBarScale;
-            var colorScale = this._createColors();
-            var bars = this._points.map(function (point, index) {
-                var shouldHighlight = true;
-                if (_this.state.isLegendHovered || _this.state.isLegendSelected) {
-                    shouldHighlight = _this.state.selectedLegendTitle === point.legend;
-                }
-                _this._classNames = getClassNames(_this.props.styles, {
-                    theme: _this.props.theme,
-                    legendColor: _this.state.color,
-                    shouldHighlight: shouldHighlight,
-                });
-                var barHeight = Math.max(yBarScale(point.y), 0);
-                if (barHeight < 1) {
-                    return React.createElement(React.Fragment, { key: point.x }, " ");
-                }
-                return (React.createElement("rect", { key: point.x, x: xBarScale(point.x), className: _this._classNames.opacityChangeOnHover, y: containerHeight - _this.margins.bottom - yBarScale(point.y), width: _this._barWidth, "data-is-focusable": !_this.props.hideTooltip, height: Math.max(yBarScale(point.y), 0), ref: function (e) {
-                        _this._refCallback(e, point.legend);
-                    }, onClick: point.onClick, onMouseOver: _this._onBarHover.bind(_this, point, colorScale(point.y)), "aria-label": "Vertical bar chart", role: "text", "aria-labelledby": "toolTip" + _this._calloutId, onMouseLeave: _this._onBarLeave, onFocus: _this._onBarFocus.bind(_this, point, index, colorScale(point.y)), onBlur: _this._onBarLeave, fill: point.color && !useSingleColor ? point.color : colorScale(point.y) }));
-            });
-            // 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_1.select(xElement).call(xBarScale);
-                try {
-                    document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId).remove();
-                    // eslint-disable-next-line no-empty
-                }
-                catch (e) { }
-                var tooltipProps = {
-                    tooltipCls: this._classNames.tooltip,
-                    id: this._tooltipId,
-                    xAxis: xAxisElement,
-                };
-                xAxisElement && index_2.tooltipOfXAxislabels(tooltipProps);
-            }
-            return bars;
-        };
-        VerticalBarChartBase.prototype._createStringBars = function (containerHeight, containerWidth, xElement) {
-            var _this = this;
-            var _a = this._getScales(containerHeight, containerWidth, false), xBarScale = _a.xBarScale, yBarScale = _a.yBarScale;
-            var colorScale = this._createColors();
-            var bars = this._points.map(function (point, index) {
-                var barHeight = Math.max(yBarScale(point.y), 0);
-                if (barHeight < 1) {
-                    return React.createElement(React.Fragment, { key: point.x }, " ");
-                }
-                return (React.createElement("rect", { key: point.x, x: xBarScale(point.x), y: containerHeight - _this.margins.bottom - yBarScale(point.y), width: _this._barWidth, height: barHeight, "aria-label": "Vertical bar chart", role: "text", "aria-labelledby": "toolTip" + _this._calloutId, ref: function (e) {
-                        _this._refCallback(e, point.legend);
-                    }, onClick: point.onClick, onMouseOver: _this._onBarHover.bind(_this, point, colorScale(point.y)), onMouseLeave: _this._onBarLeave, onBlur: _this._onBarLeave, "data-is-focusable": !_this.props.hideTooltip, onFocus: _this._onBarFocus.bind(_this, point, index, colorScale(point.y)), fill: point.color ? point.color : colorScale(point.y), transform: "translate(" + 0.5 * (xBarScale.bandwidth() - _this._barWidth) + ", 0)" }));
-            });
-            // 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_1.select(xElement).call(xBarScale);
-                try {
-                    document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId).remove();
-                    // eslint-disable-next-line no-empty
-                }
-                catch (e) { }
-                var tooltipProps = {
-                    tooltipCls: this._classNames.tooltip,
-                    id: this._tooltipId,
-                    xAxis: xAxisElement,
-                    showTooltip: this.props.showXAxisLablesTooltip,
-                };
-                xAxisElement && index_2.tooltipOfXAxislabels(tooltipProps);
-            }
-            return bars;
-        };
-        VerticalBarChartBase.prototype._onLegendClick = function (customMessage) {
-            if (this.state.isLegendSelected) {
-                if (this.state.selectedLegendTitle === customMessage) {
-                    this.setState({
-                        isLegendSelected: false,
-                        selectedLegendTitle: customMessage,
-                    });
-                }
-                else {
-                    this.setState({
-                        selectedLegendTitle: customMessage,
-                    });
-                }
-            }
-            else {
-                this.setState({
-                    isLegendSelected: true,
-                    selectedLegendTitle: customMessage,
-                });
-            }
-        };
-        VerticalBarChartBase.prototype._onLegendHover = function (customMessage) {
-            if (this.state.isLegendSelected === false) {
-                this.setState({
-                    isLegendHovered: true,
-                    selectedLegendTitle: customMessage,
-                });
-            }
-        };
-        VerticalBarChartBase.prototype._onLegendLeave = function (isLegendFocused) {
-            if (!!isLegendFocused || this.state.isLegendSelected === false) {
-                this.setState({
-                    isLegendHovered: false,
-                    selectedLegendTitle: '',
-                    isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,
-                });
-            }
-        };
-        return VerticalBarChartBase;
-    }(React.Component));
-    exports.VerticalBarChartBase = VerticalBarChartBase;
-});
-//# sourceMappingURL=VerticalBarChart.base.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalBarChart.base.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { line as d3Line } from 'd3-shape';\nimport { select as d3Select } from 'd3-selection';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { DirectionalHint } from '@fluentui/react/lib/Callout';\nimport {\n  IAccessibilityProps,\n  CartesianChart,\n  ChartHoverCard,\n  IBasestate,\n  IMargins,\n  ILegend,\n  IRefArrayData,\n  IVerticalBarChartProps,\n  IVerticalBarChartStyleProps,\n  IVerticalBarChartStyles,\n  IVerticalBarChartDataPoint,\n  Legends,\n  IChildProps,\n  IYValueHover,\n} from '../../index';\nimport { FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  tooltipOfXAxislabels,\n} from '../../utilities/index';\n\nenum CircleVisbility {\n  show = 'visibility',\n  hide = 'hidden',\n}\nconst getClassNames = classNamesFunction<IVerticalBarChartStyleProps, IVerticalBarChartStyles>();\nexport interface IVerticalBarChartState extends IBasestate {\n  selectedLegendTitle: string;\n  dataPointCalloutProps?: IVerticalBarChartDataPoint; // define this in hover and focus\n  /**\n   * data point of x, where rectangle is hovered or focused\n   */\n  activeXdataPoint: number | string | null;\n  YValueHover: IYValueHover[];\n  hoverXValue?: string | number | null;\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\ntype ColorScale = (_p?: number) => string;\n\nexport class VerticalBarChartBase extends React.Component<IVerticalBarChartProps, IVerticalBarChartState> {\n  private _points: IVerticalBarChartDataPoint[];\n  private _barWidth: number;\n  private _colors: string[];\n  private _classNames: IProcessedStyleSet<IVerticalBarChartStyles>;\n  private _refArray: IRefArrayData[];\n  private _calloutId: string;\n  private margins: IMargins;\n  private _isRtl: boolean = getRTL();\n  private _bars: JSX.Element[];\n  private _xAxisLabels: string[];\n  private _yMax: number;\n  private _isHavingLine: boolean;\n  private _tooltipId: string;\n  private _xAxisType: XAxisTypes;\n  private _calloutAnchorPoint: IVerticalBarChartDataPoint | null;\n\n  public constructor(props: IVerticalBarChartProps) {\n    super(props);\n    this.state = {\n      color: '',\n      dataForHoverCard: 0,\n      isCalloutVisible: false,\n      isLegendSelected: false,\n      isLegendHovered: false,\n      refSelected: null,\n      selectedLegendTitle: '',\n      xCalloutValue: '',\n      yCalloutValue: '',\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    };\n    this._isHavingLine = this._checkForLine();\n    this._calloutId = getId('callout');\n    this._tooltipId = getId('VCTooltipID_');\n    this._refArray = [];\n    this._xAxisType =\n      this.props.data! && this.props.data!.length > 0\n        ? (getTypeOfAxis(this.props.data![0].x, true) as XAxisTypes)\n        : XAxisTypes.StringAxis;\n  }\n\n  public render(): JSX.Element {\n    this._adjustProps();\n    this._xAxisLabels = this._points.map((point: IVerticalBarChartDataPoint) => point.x as string);\n    this._yMax = Math.max(\n      d3Max(this._points, (point: IVerticalBarChartDataPoint) => point.y)!,\n      this.props.yMaxValue || 0,\n    );\n    const legendBars: JSX.Element = this._getLegendData(this._points, this.props.theme!.palette);\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      legendColor: this.state.color,\n    });\n    const calloutProps = {\n      isCalloutVisible: this.state.isCalloutVisible,\n      directionalHint: DirectionalHint.topAutoEdge,\n      id: `toolTip${this._calloutId}`,\n      target: this.state.refSelected,\n      isBeakVisible: false,\n      ...(this._isHavingLine && {\n        YValueHover: this.state.YValueHover,\n        hoverXValue: this.state.hoverXValue,\n      }),\n      gapSpace: 15,\n      color: this.state.color,\n      legend: this.state.selectedLegendTitle,\n      XValue: this.state.xCalloutValue,\n      YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard,\n      onDismiss: this._closeCallout,\n      preventDismissOnLostFocus: true,\n      ...this.props.calloutProps,\n      ...getAccessibleDataObject(this.state.callOutAccessibilityData),\n    };\n    const tickParams = {\n      tickValues: this.props.tickValues,\n      tickFormat: this.props.tickFormat,\n    };\n    return (\n      <CartesianChart\n        {...this.props}\n        points={this._points}\n        chartType={ChartTypes.VerticalBarChart}\n        xAxisType={this._xAxisType}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        {...(this._isHavingLine && { isCalloutForStack: true })}\n        legendBars={legendBars}\n        datasetForXAxisDomain={this._xAxisLabels}\n        barwidth={this._barWidth}\n        focusZoneDirection={FocusZoneDirection.horizontal}\n        customizedCallout={this._getCustomizedCallout()}\n        getmargins={this._getMargins}\n        getGraphData={this._getGraphData}\n        getAxisData={this._getAxisData}\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          return (\n            <>\n              <g>{this._bars}</g>\n              {this._isHavingLine && (\n                <g>{this._createLine(props.xScale!, props.yScale!, props.containerHeight, props.containerWidth)}</g>\n              )}\n            </>\n          );\n        }}\n      />\n    );\n  }\n\n  private _createLine = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    yScale: any,\n    containerHeight: number = 0,\n    containerWidth: number = 0,\n  ): React.ReactNode => {\n    const isNumericAxis = this._xAxisType === XAxisTypes.NumericAxis;\n    const { xBarScale } = this._getScales(containerHeight, containerWidth, isNumericAxis);\n    const colorScale = this._createColors();\n    const { theme } = this.props;\n    const { data, lineLegendColor = theme!.palette.yellow, lineLegendText } = this.props;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const lineData: Array<any> = [];\n    const line: JSX.Element[] = [];\n    data &&\n      data.forEach((item: IVerticalBarChartDataPoint, index: number) => {\n        if (item.lineData && item.lineData.y) {\n          lineData.push({ x: item.x, y: item.lineData!.y, point: item, index });\n        }\n      });\n    const linePath = d3Line()\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .x((d: any) => (!isNumericAxis ? xBarScale(d.index) + 0.5 * this._barWidth : xScale(d.x)))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .y((d: any) => yScale(d.y));\n    let shouldHighlight = true;\n    if (this.state.isLegendHovered || this.state.isLegendSelected) {\n      shouldHighlight = this.state.selectedLegendTitle === lineLegendText;\n    }\n    const lineBorderWidth = this.props.lineOptions?.lineBorderWidth\n      ? Number.parseFloat(this.props.lineOptions!.lineBorderWidth!.toString())\n      : 0;\n\n    if (lineBorderWidth > 0) {\n      line.push(\n        <path\n          opacity={shouldHighlight ? 1 : 0.1}\n          d={linePath(lineData)!}\n          fill=\"transparent\"\n          strokeLinecap=\"square\"\n          strokeWidth={3 + lineBorderWidth * 2}\n          stroke={theme!.palette.white}\n        />,\n      );\n    }\n    line.push(\n      <path\n        opacity={shouldHighlight ? 1 : 0.1}\n        d={linePath(lineData)!}\n        fill=\"transparent\"\n        strokeLinecap=\"square\"\n        strokeWidth={3}\n        stroke={lineLegendColor}\n      />,\n    );\n\n    const dots: React.ReactNode[] = lineData.map(\n      (item: { x: number | string; y: number; point: IVerticalBarChartDataPoint; index: number }, index: number) => {\n        return (\n          <circle\n            key={index}\n            cx={!isNumericAxis ? xBarScale(item.index) + 0.5 * this._barWidth : xScale(item.x)}\n            cy={yScale(item.y)}\n            onMouseOver={this._onBarHover.bind(this, item.point, colorScale(item.y))}\n            onMouseOut={this._onBarLeave}\n            r={8}\n            stroke={lineLegendColor}\n            fill={this.props.theme!.palette.white}\n            strokeWidth={3}\n            visibility={this.state.activeXdataPoint === item.x ? CircleVisbility.show : CircleVisbility.hide}\n            onClick={item.point.lineData?.onClick}\n          />\n        );\n      },\n    );\n\n    return (\n      <>\n        {line}\n        {dots}\n      </>\n    );\n  };\n\n  private _checkForLine = (): boolean => {\n    const { data } = this.props;\n    return data!.some((item: IVerticalBarChartDataPoint) => item?.lineData?.y !== undefined);\n  };\n\n  private _adjustProps(): void {\n    this._points = this.props.data || [];\n    this._barWidth = this.props.barWidth || 32;\n    const { palette } = this.props.theme!;\n    this._colors = this.props.colors || [palette.blueLight, palette.blue, palette.blueMid, palette.blueDark];\n    this._isHavingLine = this._checkForLine();\n  }\n\n  private _getMargins = (margins: IMargins) => {\n    this.margins = margins;\n  };\n\n  private _renderContentForBothLineAndBars = (point: IVerticalBarChartDataPoint): JSX.Element => {\n    const { YValueHover, hoverXValue } = this._getCalloutContentForLineAndBar(point);\n    const content: JSX.Element[] = YValueHover.map((item: IYValueHover, index: number) => {\n      return (\n        <ChartHoverCard\n          key={index}\n          Legend={item.legend}\n          {...(index === 0 && { XValue: `${hoverXValue || item.data}` })}\n          color={item.color}\n          YValue={item.data || item.y}\n          culture={this.props.culture}\n        />\n      );\n    });\n    return <>{content}</>;\n  };\n  private _renderContentForOnlyBars = (props: IVerticalBarChartDataPoint): JSX.Element => {\n    const { useSingleColor = false } = this.props;\n    return (\n      <>\n        <ChartHoverCard\n          XValue={props.xAxisCalloutData || (props.x as string)}\n          Legend={props.legend}\n          YValue={props.yAxisCalloutData || props.y}\n          color={!useSingleColor && props.color ? props.color : this._createColors()(props.y)}\n          culture={this.props.culture}\n        />\n      </>\n    );\n  };\n\n  private _renderCallout = (props?: IVerticalBarChartDataPoint): JSX.Element | null => {\n    return props\n      ? this._isHavingLine\n        ? this._renderContentForBothLineAndBars(props)\n        : this._renderContentForOnlyBars(props)\n      : null;\n  };\n\n  private _getCustomizedCallout = () => {\n    return this.props.onRenderCalloutPerDataPoint\n      ? this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps, this._renderCallout)\n      : null;\n  };\n\n  private _getGraphData = (\n    xScale: StringAxis,\n    yScale: NumericAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n  ) => {\n    return (this._bars =\n      this._xAxisType === XAxisTypes.NumericAxis\n        ? this._createNumericBars(containerHeight, containerWidth, xElement!)\n        : this._createStringBars(containerHeight, containerWidth, xElement!));\n  };\n\n  private _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = this._colors.length <= 1 ? 1 : 1 / (this._colors.length - 1);\n    const { useSingleColor = false } = this.props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { theme, colors } = this.props;\n        return colors && colors.length > 0 ? colors[0] : theme!.palette.blueLight;\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < this._colors.length; i++) {\n      domainValues.push(increment * i * this._yMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(this._colors);\n    return colorScale;\n  }\n\n  private _refCallback = (element: SVGRectElement, legendTitle: string): void => {\n    this._refArray.push({ index: legendTitle, refElement: element });\n  };\n\n  private _getCalloutContentForLineAndBar = (\n    point: IVerticalBarChartDataPoint,\n  ): { YValueHover: IYValueHover[]; hoverXValue: string | number | null } => {\n    const YValueHover: IYValueHover[] = [];\n    const { theme, useSingleColor = false } = this.props;\n    const { data, lineLegendText, lineLegendColor = theme!.palette.yellow } = this.props;\n    const selectedPoint = data!.filter((xDataPoint: IVerticalBarChartDataPoint) => xDataPoint.x === point.x);\n    // there might be no y value of the line for the hovered bar. so we need to check this condition\n    if (this._isHavingLine && selectedPoint[0].lineData?.y !== undefined) {\n      // callout data for the  line\n      YValueHover.push({\n        legend: lineLegendText,\n        color: lineLegendColor,\n        y: selectedPoint[0].lineData?.y,\n        data: selectedPoint[0].lineData?.yAxisCalloutData,\n        yAxisCalloutData: selectedPoint[0].lineData?.yAxisCalloutData,\n      });\n    }\n    // callout data for the bar\n    YValueHover.push({\n      legend: selectedPoint[0].legend,\n      y: selectedPoint[0].y,\n      color: !useSingleColor\n        ? selectedPoint[0].color\n          ? selectedPoint[0].color\n          : this._createColors()(selectedPoint[0].y)\n        : this._createColors()(1),\n      data: selectedPoint[0].yAxisCalloutData,\n      yAxisCalloutData: selectedPoint[0].yAxisCalloutData,\n    });\n    return { YValueHover, hoverXValue: point.xAxisCalloutData || point.x.toString() };\n  };\n\n  private _onBarHover(\n    point: IVerticalBarChartDataPoint,\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void {\n    mouseEvent.persist();\n\n    const { YValueHover, hoverXValue } = this._getCalloutContentForLineAndBar(point);\n    if (\n      (this.state.isLegendSelected === false ||\n        (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)) &&\n      this._calloutAnchorPoint !== point\n    ) {\n      this._calloutAnchorPoint = point;\n      this.setState({\n        refSelected: mouseEvent,\n        isCalloutVisible: true,\n        dataForHoverCard: point.y,\n        selectedLegendTitle: point.legend!,\n        color: point.color || color,\n        // To display callout value, if no callout value given, taking given point.x value as a string.\n        xCalloutValue: point.xAxisCalloutData || point.x.toString(),\n        yCalloutValue: point.yAxisCalloutData!,\n        dataPointCalloutProps: point,\n        activeXdataPoint: point.x,\n        YValueHover,\n        hoverXValue,\n        callOutAccessibilityData: point.callOutAccessibilityData,\n      });\n    }\n  }\n\n  private _onBarLeave = (): void => {\n    /**/\n  };\n\n  private _handleChartMouseLeave = (): void => {\n    this._calloutAnchorPoint = null;\n    this.setState({\n      isCalloutVisible: false,\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    });\n  };\n\n  private _onBarFocus = (point: IVerticalBarChartDataPoint, refArrayIndexNumber: number, color: string): void => {\n    if (\n      this.state.isLegendSelected === false ||\n      (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)\n    ) {\n      const { YValueHover, hoverXValue } = this._getCalloutContentForLineAndBar(point);\n      this._refArray.forEach((obj: IRefArrayData, index: number) => {\n        if (obj.index === point.legend! && refArrayIndexNumber === index) {\n          this.setState({\n            refSelected: obj.refElement,\n            isCalloutVisible: true,\n            selectedLegendTitle: point.legend!,\n            dataForHoverCard: point.y,\n            color: point.color || color,\n            xCalloutValue: point.xAxisCalloutData || point.x.toString(),\n            yCalloutValue: point.yAxisCalloutData!,\n            dataPointCalloutProps: point,\n            activeXdataPoint: point.x,\n            YValueHover,\n            hoverXValue,\n            callOutAccessibilityData: point.callOutAccessibilityData,\n          });\n        }\n      });\n    }\n  };\n\n  private _getScales = (\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } => {\n    if (isNumericScale) {\n      const xMax = d3Max(this._points, (point: IVerticalBarChartDataPoint) => point.x as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(this._isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([\n          this.margins.left! + this._barWidth / 2,\n          containerWidth - this.margins.right! - this._barWidth - this._barWidth / 2,\n        ]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, this._yMax])\n        .range([0, containerHeight - this.margins.bottom! - this.margins.top!]);\n      return { xBarScale, yBarScale };\n    } else {\n      const xBarScale = d3ScaleBand()\n        .domain(this._xAxisLabels)\n        .range([this.margins.left!, containerWidth - this.margins.right!])\n        .padding(this.props.xAxisPadding || 0.1);\n\n      const yBarScale = d3ScaleLinear()\n        .domain([0, this._yMax])\n        .range([0, containerHeight - this.margins.bottom! - this.margins.top!]);\n      return { xBarScale, yBarScale };\n    }\n  };\n\n  private _createNumericBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n    const { useSingleColor = false } = this.props;\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, true);\n    const colorScale = this._createColors();\n    const bars = this._points.map((point: IVerticalBarChartDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (this.state.isLegendHovered || this.state.isLegendSelected) {\n        shouldHighlight = this.state.selectedLegendTitle === point.legend;\n      }\n      this._classNames = getClassNames(this.props.styles!, {\n        theme: this.props.theme!,\n        legendColor: this.state.color,\n        shouldHighlight: shouldHighlight,\n      });\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      return (\n        <rect\n          key={point.x}\n          x={xBarScale(point.x as number)}\n          className={this._classNames.opacityChangeOnHover}\n          y={containerHeight - this.margins.bottom! - yBarScale(point.y)}\n          width={this._barWidth}\n          data-is-focusable={!this.props.hideTooltip}\n          height={Math.max(yBarScale(point.y), 0)}\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, colorScale(point.y))}\n          aria-label=\"Vertical bar chart\"\n          role=\"text\"\n          aria-labelledby={`toolTip${this._calloutId}`}\n          onMouseLeave={this._onBarLeave}\n          onFocus={this._onBarFocus.bind(this, point, index, colorScale(point.y))}\n          onBlur={this._onBarLeave}\n          fill={point.color && !useSingleColor ? point.color : colorScale(point.y)}\n        />\n      );\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(xBarScale);\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: this._classNames.tooltip!,\n        id: this._tooltipId,\n        xAxis: xAxisElement,\n      };\n      xAxisElement && tooltipOfXAxislabels(tooltipProps);\n    }\n    return bars;\n  }\n\n  private _createStringBars(containerHeight: number, containerWidth: number, xElement: SVGElement): JSX.Element[] {\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, false);\n    const colorScale = this._createColors();\n    const bars = this._points.map((point: IVerticalBarChartDataPoint, index: number) => {\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      return (\n        <rect\n          key={point.x}\n          x={xBarScale(point.x)}\n          y={containerHeight - this.margins.bottom! - yBarScale(point.y)}\n          width={this._barWidth}\n          height={barHeight}\n          aria-label=\"Vertical bar chart\"\n          role=\"text\"\n          aria-labelledby={`toolTip${this._calloutId}`}\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, colorScale(point.y))}\n          onMouseLeave={this._onBarLeave}\n          onBlur={this._onBarLeave}\n          data-is-focusable={!this.props.hideTooltip}\n          onFocus={this._onBarFocus.bind(this, point, index, colorScale(point.y))}\n          fill={point.color ? point.color : colorScale(point.y)}\n          transform={`translate(${0.5 * (xBarScale.bandwidth() - this._barWidth)}, 0)`}\n        />\n      );\n    });\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(xBarScale);\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: this._classNames.tooltip!,\n        id: this._tooltipId,\n        xAxis: xAxisElement,\n        showTooltip: this.props.showXAxisLablesTooltip,\n      };\n      xAxisElement && tooltipOfXAxislabels(tooltipProps);\n    }\n    return bars;\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n\n  private _onLegendClick(customMessage: string): void {\n    if (this.state.isLegendSelected) {\n      if (this.state.selectedLegendTitle === customMessage) {\n        this.setState({\n          isLegendSelected: false,\n          selectedLegendTitle: customMessage,\n        });\n      } else {\n        this.setState({\n          selectedLegendTitle: customMessage,\n        });\n      }\n    } else {\n      this.setState({\n        isLegendSelected: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendHover(customMessage: string): void {\n    if (this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: false,\n        selectedLegendTitle: '',\n        isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,\n      });\n    }\n  }\n\n  private _getLegendData = (data: IVerticalBarChartDataPoint[], palette: IPalette): JSX.Element => {\n    const { theme, useSingleColor } = this.props;\n    const { lineLegendText, lineLegendColor = theme!.palette.yellow } = this.props;\n    const actions: ILegend[] = [];\n    data.forEach((point: IVerticalBarChartDataPoint, _index: number) => {\n      const color: string = !useSingleColor ? point.color! : this._createColors()(1);\n      // mapping data to the format Legends component needs\n      const legend: ILegend = {\n        title: point.legend!,\n        color: color,\n        action: () => {\n          this._onLegendClick(point.legend!);\n        },\n        hoverAction: () => {\n          this._onLegendHover(point.legend!);\n        },\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          this._onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    if (this._isHavingLine && lineLegendText && lineLegendColor) {\n      const lineLegend: ILegend = {\n        title: lineLegendText,\n        color: lineLegendColor,\n        action: () => {\n          this._onLegendClick(lineLegendText);\n        },\n        hoverAction: () => {\n          this._onLegendHover(lineLegendText);\n        },\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          this._onLegendLeave(isLegendSelected);\n        },\n        isLineLegendInBarChart: true,\n      };\n      actions.unshift(lineLegend);\n    }\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={this.props.enabledLegendsWrapLines}\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        {...this.props.legendProps}\n      />\n    );\n    return legends;\n  };\n\n  private _getAxisData = (yAxisData: IAxisData) => {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      this._yMax = Math.max(domainValue[domainValue.length - 1], this.props.yMaxValue || 0);\n    }\n  };\n}\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalBarChart.js","sourceRoot":"../src/","sources":["components/VerticalBarChart/VerticalBarChart.tsx"],"names":[],"mappings":";;;;IAMA,kGAAkG;IACrF,QAAA,gBAAgB,GAAoD,kBAAM,CAIrF,4CAAoB,EAAE,mCAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from '../../index';\nimport { VerticalBarChartBase } from './VerticalBarChart.base';\nimport { getStyles } from './VerticalBarChart.styles';\n\n// Create a VerticalBarChart variant which uses these default styles and this styled subcomponent.\nexport const VerticalBarChart: React.FunctionComponent<IVerticalBarChartProps> = styled<\n  IVerticalBarChartProps,\n  IVerticalBarChartStyleProps,\n  IVerticalBarChartStyles\n>(VerticalBarChartBase, getStyles);\n"]}

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

@@ -1,2 +0,0 @@
-import { IVerticalBarChartStyleProps, IVerticalBarChartStyles } from '../../index';
-export declare const getStyles: (props: IVerticalBarChartStyleProps) => IVerticalBarChartStyles;