@fluentui/react-charting 5.23.62 → 5.23.64

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.base.js

@@ -0,0 +1,432 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities", "../Legends/index", "./index", "@fluentui/react/lib/Callout", "@fluentui/react-focus", "../../utilities/locale-util", "../../utilities/index", "../../utilities/FocusableTooltipText"], function (require, exports, tslib_1, React, Utilities_1, index_1, index_2, Callout_1, react_focus_1, locale_util_1, index_3, FocusableTooltipText_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MultiStackedBarChartBase = void 0;
+    var getClassNames = (0, Utilities_1.classNamesFunction)();
+    var MultiStackedBarChartBase = /** @class */ (function (_super) {
+        tslib_1.__extends(MultiStackedBarChartBase, _super);
+        function MultiStackedBarChartBase(props) {
+            var _this = _super.call(this, props) || this;
+            _this._isRTL = (0, Utilities_1.getRTL)();
+            _this._adjustProps = function () {
+                var _a = _this.props, theme = _a.theme, className = _a.className, styles = _a.styles, width = _a.width, barHeight = _a.barHeight;
+                _this._classNames = getClassNames(styles, {
+                    legendColor: _this.state.color,
+                    theme: theme,
+                    width: width,
+                    className: className,
+                    barHeight: barHeight,
+                });
+            };
+            _this._getLegendData = function (data, hideRatio, palette) {
+                var defaultPalette = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];
+                var actions = [];
+                data.forEach(function (singleChartData, index) {
+                    var validChartData = singleChartData.chartData.filter(function (_) { return !_.placeHolder; });
+                    if (validChartData.length < 3) {
+                        var hideNumber = hideRatio[index] === undefined ? false : hideRatio[index];
+                        if (hideNumber) {
+                            validChartData.forEach(function (point, pointIndex) {
+                                var _a, _b;
+                                var color = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];
+                                if (_this.props.enableGradient) {
+                                    color = ((_a = point.gradient) === null || _a === void 0 ? void 0 : _a[0]) || (0, index_3.getNextGradient)(pointIndex, 0, (_b = _this.props.theme) === null || _b === void 0 ? void 0 : _b.isInverted)[0];
+                                }
+                                var checkSimilarLegends = actions.filter(function (leg) { return leg.title === point.legend && leg.color === color; });
+                                if (checkSimilarLegends.length > 0) {
+                                    return;
+                                }
+                                var legend = {
+                                    title: point.legend,
+                                    color: color,
+                                    action: function () {
+                                        _this._onClick(point.legend);
+                                    },
+                                    hoverAction: function () {
+                                        _this._handleChartMouseLeave();
+                                        _this._onHover(point.legend);
+                                    },
+                                    onMouseOutAction: function () {
+                                        _this._onLeave();
+                                    },
+                                };
+                                actions.push(legend);
+                            });
+                        }
+                    }
+                    else {
+                        validChartData.forEach(function (point, pointIndex) {
+                            var _a, _b;
+                            var color = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];
+                            if (_this.props.enableGradient) {
+                                color = ((_a = point.gradient) === null || _a === void 0 ? void 0 : _a[0]) || (0, index_3.getNextGradient)(pointIndex, 0, (_b = _this.props.theme) === null || _b === void 0 ? void 0 : _b.isInverted)[0];
+                            }
+                            var checkSimilarLegends = actions.filter(function (leg) { return leg.title === point.legend && leg.color === color; });
+                            if (checkSimilarLegends.length > 0) {
+                                return;
+                            }
+                            var legend = {
+                                title: point.legend,
+                                color: color,
+                                action: function () {
+                                    _this._onClick(point.legend);
+                                },
+                                hoverAction: function () {
+                                    _this._handleChartMouseLeave();
+                                    _this._onHover(point.legend);
+                                },
+                                onMouseOutAction: function () {
+                                    _this._onLeave();
+                                },
+                            };
+                            actions.push(legend);
+                        });
+                    }
+                });
+                return (React.createElement(index_1.Legends, tslib_1.__assign({ legends: actions, overflowProps: _this.props.legendsOverflowProps, focusZonePropsInHoverCard: _this.props.focusZonePropsForLegendsInHoverCard, overflowText: _this.props.legendsOverflowText }, _this.props.legendProps)));
+            };
+            _this._handleChartMouseLeave = function () {
+                _this._calloutAnchorPoint = null;
+                _this.setState({
+                    isCalloutVisible: false,
+                });
+            };
+            _this._closeCallout = function () {
+                _this.setState({
+                    isCalloutVisible: false,
+                });
+            };
+            /**
+             * This function checks if the given legend is highlighted or not.
+             * A legend can be highlighted in 2 ways:
+             * 1. selection: if the user clicks on it
+             * 2. hovering: if there is no selected legend and the user hovers over it
+             */
+            _this._legendHighlighted = function (legendTitle) {
+                return (_this.state.selectedLegend === legendTitle ||
+                    (_this.state.selectedLegend === '' && _this.state.activeLegend === legendTitle));
+            };
+            /**
+             * This function checks if none of the legends is selected or hovered.
+             */
+            _this._noLegendHighlighted = function () {
+                return _this.state.selectedLegend === '' && _this.state.activeLegend === '';
+            };
+            _this._getAriaLabel = function (point) {
+                var _a;
+                var legend = point.xAxisCalloutData || point.legend;
+                var yValue = point.yAxisCalloutData || point.data || 0;
+                return (((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) ||
+                    (legend ? "".concat(legend, ", ") : point.placeHolder ? 'Remaining, ' : '') + "".concat(yValue, "."));
+            };
+            _this._computeLongestBarTotalValue = function () {
+                var longestBarTotalValue = 0;
+                _this.props.data.forEach(function (_a) {
+                    var chartData = _a.chartData;
+                    var barTotalValue = chartData.reduce(function (acc, point) { return acc + (point.data ? point.data : 0); }, 0);
+                    longestBarTotalValue = Math.max(longestBarTotalValue, barTotalValue);
+                });
+                return longestBarTotalValue;
+            };
+            _this.state = {
+                isCalloutVisible: false,
+                refArray: [],
+                selectedLegend: '',
+                activeLegend: '',
+                refSelected: null,
+                dataForHoverCard: 0,
+                color: '',
+                xCalloutValue: '',
+                yCalloutValue: '',
+                calloutLegend: '',
+                barSpacingInPercent: 0,
+            };
+            _this._onLeave = _this._onLeave.bind(_this);
+            _this._onBarLeave = _this._onBarLeave.bind(_this);
+            _this._calloutId = (0, Utilities_1.getId)('callout');
+            _this.barChartSvgRef = React.createRef();
+            _this._emptyChartId = (0, Utilities_1.getId)('_MSBC_empty');
+            _this._barId = (0, Utilities_1.getId)('_MSBC_rect_');
+            _this._barIdPlaceholderPartToWhole = (0, Utilities_1.getId)('_MSBC_rect_partToWhole_');
+            _this._barIdEmpty = (0, Utilities_1.getId)('_MSBC_rect_empty');
+            return _this;
+        }
+        MultiStackedBarChartBase.prototype.componentDidMount = function () {
+            var _a;
+            var svgWidth = ((_a = this.barChartSvgRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
+            var MARGIN_WIDTH_IN_PX = 3;
+            if (svgWidth) {
+                var currentBarSpacing = (MARGIN_WIDTH_IN_PX / svgWidth) * 100;
+                this.setState({ barSpacingInPercent: currentBarSpacing });
+            }
+        };
+        MultiStackedBarChartBase.prototype.render = function () {
+            var _this = this;
+            if (!this._isChartEmpty()) {
+                var _a = this.props, data = _a.data, theme = _a.theme, culture = _a.culture;
+                this._adjustProps();
+                var palette_1 = theme.palette;
+                var legends = this._getLegendData(data, this.props.hideRatio, palette_1);
+                var isCalloutVisible = this.state.isCalloutVisible;
+                this._classNames = getClassNames(this.props.styles, {
+                    legendColor: this.state.color,
+                    theme: theme,
+                    variant: this.props.variant,
+                    hideLabels: this.props.hideLabels,
+                });
+                var legendName = this.state.xCalloutValue ? this.state.xCalloutValue : this.state.calloutLegend;
+                var calloutYVal = this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard;
+                this._longestBarTotalValue = this._computeLongestBarTotalValue();
+                var bars = data.map(function (singleChartData, index) {
+                    var singleChartBars = _this._createBarsAndLegends(singleChartData, _this.props.barHeight, palette_1, _this.props.hideRatio[index], _this.props.hideDenominator[index], _this.props.href, index);
+                    return (React.createElement("div", { key: index, id: "_MSBC_bar-".concat(index) }, singleChartBars));
+                });
+                return (React.createElement("div", { className: this._classNames.root, onMouseLeave: this._handleChartMouseLeave },
+                    bars,
+                    !this.props.hideLegend && React.createElement("div", { className: this._classNames.legendContainer }, legends),
+                    React.createElement(Callout_1.Callout, tslib_1.__assign({ gapSpace: 15, isBeakVisible: false, target: this.state.refSelected, setInitialFocus: true, hidden: !(!this.props.hideTooltip && isCalloutVisible), directionalHint: Callout_1.DirectionalHint.topAutoEdge, id: this._calloutId, onDismiss: this._closeCallout, 
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
+                        preventDismissOnLostFocus: true, 
+                        /** Keep the callout updated with details of focused/hovered bar */
+                        shouldUpdateWhenHidden: true }, this.props.calloutProps, (0, index_3.getAccessibleDataObject)(this.state.callOutAccessibilityData, 'text', false)),
+                        React.createElement(React.Fragment, null, this.props.onRenderCalloutPerDataPoint ? (this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps)) : (React.createElement(index_3.ChartHoverCard, { Legend: legendName, YValue: calloutYVal, color: this.state.color, culture: culture }))))));
+            }
+            return (React.createElement("div", { id: this._emptyChartId, role: 'alert', style: { opacity: '0' }, "aria-label": 'Graph has no data to display' }));
+        };
+        /**
+         * The Create bar functions returns an array of <rect> elements, which form the bars
+         * For each bar an x value, and a width needs to be specified
+         * The computations are done based on percentages
+         * Extra margin is also provided, in the x value to provide some spacing
+         */
+        MultiStackedBarChartBase.prototype._createBarsAndLegends = function (data, barHeight, palette, hideRatio, hideDenominator, href, barNo) {
+            var _this = this;
+            var _a, _b;
+            var noOfBars = ((_a = data.chartData) === null || _a === void 0 ? void 0 : _a.reduce(function (count, point) { return (count += (point.data || 0) > 0 ? 1 : 0); }, 0)) ||
+                1;
+            var totalMarginPercent = this.state.barSpacingInPercent * (noOfBars - 1);
+            var culture = this.props.culture;
+            var defaultPalette = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];
+            // calculating starting point of each bar and it's range
+            var startingPoint = [];
+            var barTotalValue = data.chartData.reduce(function (acc, point) { return acc + (point.data ? point.data : 0); }, 0);
+            var total = this.props.variant === index_2.MultiStackedBarChartVariant.AbsoluteScale ? this._longestBarTotalValue : barTotalValue;
+            var sumOfPercent = 0;
+            data.chartData.map(function (point, index) {
+                var pointData = point.data ? point.data : 0;
+                var currValue = (pointData / total) * 100;
+                var value = currValue ? currValue : 0;
+                if (value < 1 && value !== 0) {
+                    value = 1;
+                }
+                else if (value > 99 && value !== 100) {
+                    value = 99;
+                }
+                sumOfPercent += value;
+                return sumOfPercent;
+            });
+            // Include an imaginary placeholder bar with value equal to
+            // the difference between longestBarTotalValue and barTotalValue
+            // while calculating sumOfPercent to get correct scalingRatio for absolute-scale variant
+            if (this.props.variant === index_2.MultiStackedBarChartVariant.AbsoluteScale) {
+                var value_1 = total === 0 ? 0 : ((total - barTotalValue) / total) * 100;
+                if (value_1 < 1 && value_1 !== 0) {
+                    value_1 = 1;
+                }
+                else if (value_1 > 99 && value_1 !== 100) {
+                    value_1 = 99;
+                }
+                sumOfPercent += value_1;
+            }
+            /**
+             * The %age of the space occupied by the margin needs to subtracted
+             * while computing the scaling ratio, since the margins are not being
+             * scaled down, only the data is being scaled down from a higher percentage to lower percentage
+             * Eg: 95% of the space is taken by the bars, 5% by the margins
+             * Now if the sumOfPercent is 120% -> This needs to be scaled down to 95%, not 100%
+             * since that's only space available to the bars
+             */
+            var scalingRatio = sumOfPercent !== 0 ? sumOfPercent / (100 - totalMarginPercent) : 1;
+            var prevPosition = 0;
+            var value = 0;
+            var bars = data.chartData.map(function (point, index) {
+                var _a, _b, _c, _d;
+                var startColor = point.color
+                    ? point.color
+                    : point.placeHolder
+                        ? palette.neutralLight
+                        : defaultPalette[Math.floor(Math.random() * 4 + 1)];
+                var endColor = startColor;
+                if (_this.props.enableGradient) {
+                    startColor = ((_a = point.gradient) === null || _a === void 0 ? void 0 : _a[0]) || (0, index_3.getNextGradient)(index, 0, (_b = _this.props.theme) === null || _b === void 0 ? void 0 : _b.isInverted)[0];
+                    endColor = ((_c = point.gradient) === null || _c === void 0 ? void 0 : _c[1]) || (0, index_3.getNextGradient)(index, 0, (_d = _this.props.theme) === null || _d === void 0 ? void 0 : _d.isInverted)[1];
+                }
+                var pointData = point.data ? point.data : 0;
+                if (index > 0) {
+                    prevPosition += value;
+                }
+                value = (pointData / total) * 100 ? (pointData / total) * 100 : 0;
+                if (value < 1 && value !== 0) {
+                    value = 1 / scalingRatio;
+                }
+                else if (value > 99 && value !== 100) {
+                    value = 99 / scalingRatio;
+                }
+                else {
+                    value = value / scalingRatio;
+                }
+                startingPoint.push(prevPosition);
+                var styles = _this.props.styles;
+                var shouldHighlight = _this._legendHighlighted(point.legend) || _this._noLegendHighlighted() ? true : false;
+                var hoverCardYColor = point.placeHolder ? _this.props.theme.semanticColors.bodyText : startColor;
+                _this._classNames = getClassNames(styles, {
+                    theme: _this.props.theme,
+                    shouldHighlight: shouldHighlight,
+                    href: href,
+                    variant: _this.props.variant,
+                    hideLabels: _this.props.hideLabels,
+                });
+                var gradientId = (0, Utilities_1.getId)('MSBC_Gradient') + "_".concat(barNo, "_").concat(index);
+                return (React.createElement("g", { key: index, className: point.placeHolder ? _this._classNames.placeHolderOnHover : _this._classNames.opacityChangeOnHover, ref: function (e) {
+                        _this._refCallback(e, point.legend);
+                    }, "data-is-focusable": !_this.props.hideTooltip && shouldHighlight, onFocus: _this._onBarFocus.bind(_this, pointData, hoverCardYColor, point), onBlur: _this._onBarLeave, role: "img", "aria-label": _this._getAriaLabel(point), onMouseOver: _this._onBarHover.bind(_this, pointData, hoverCardYColor, point), onMouseMove: _this._onBarHover.bind(_this, pointData, hoverCardYColor, point), onMouseLeave: _this._onBarLeave, onClick: href ? (point.placeHolder ? undefined : _this._redirectToUrl.bind(_this, href)) : point.onClick },
+                    _this.props.enableGradient && (React.createElement("defs", null,
+                        React.createElement("linearGradient", { id: gradientId },
+                            React.createElement("stop", { offset: "0", stopColor: startColor }),
+                            React.createElement("stop", { offset: "100%", stopColor: endColor })))),
+                    React.createElement("rect", { key: index, id: "".concat(_this._barId, "-").concat(barNo, "-").concat(index), x: "".concat(_this._isRTL
+                            ? 100 - startingPoint[index] - value - _this.state.barSpacingInPercent * index
+                            : startingPoint[index] + _this.state.barSpacingInPercent * index, "%"), y: 0, width: value + '%', height: barHeight, rx: _this.props.roundCorners ? 3 : 0, fill: _this.props.enableGradient ? "url(#".concat(gradientId, ")") : startColor })));
+            });
+            if (this.props.variant === index_2.MultiStackedBarChartVariant.AbsoluteScale && !this.props.hideLabels) {
+                var showLabel_1 = false;
+                var barLabel_1 = 0;
+                if (this._noLegendHighlighted()) {
+                    showLabel_1 = true;
+                    barLabel_1 = barTotalValue;
+                }
+                else {
+                    (_b = data.chartData) === null || _b === void 0 ? void 0 : _b.forEach(function (point) {
+                        if (_this._legendHighlighted(point.legend)) {
+                            showLabel_1 = true;
+                            barLabel_1 += point.data ? point.data : 0;
+                        }
+                    });
+                }
+                if (showLabel_1) {
+                    bars.push(React.createElement("text", { key: "text", x: "".concat(this._isRTL
+                            ? 100 - (startingPoint[startingPoint.length - 1] || 0) - value - totalMarginPercent
+                            : (startingPoint[startingPoint.length - 1] || 0) + value + totalMarginPercent, "%"), textAnchor: 'start', y: barHeight / 2, dominantBaseline: "central", transform: "translate(".concat(this._isRTL ? -4 : 4, ")"), className: this._classNames.barLabel, "aria-label": "Total: ".concat(barLabel_1), role: "img" }, (0, index_3.formatValueWithSIPrefix)(barLabel_1)));
+                }
+            }
+            else {
+                // Render placeholder bars only for part-to-whole variant
+                if (data.chartData.length === 0) {
+                    bars.push(React.createElement("g", { key: 0, className: this._classNames.noData, onClick: this._redirectToUrl.bind(this, href) },
+                        React.createElement("rect", { key: 0, id: this._barIdPlaceholderPartToWhole, x: '0%', y: 0, width: '100%', height: barHeight, fill: palette.neutralLight, rx: this.props.roundCorners ? 3 : 0 })));
+                }
+                if (barTotalValue === 0) {
+                    bars.push(React.createElement("g", { key: 'empty', className: this._classNames.noData, onClick: this._redirectToUrl.bind(this, href) },
+                        React.createElement("rect", { key: 0, id: this._barIdEmpty, x: '0%', y: 0, width: '100%', height: barHeight, fill: palette.neutralLight, rx: this.props.roundCorners ? 3 : 0 })));
+                }
+            }
+            var hideNumber = hideRatio === undefined ? false : hideRatio;
+            // Hide right side text of chart title for absolute-scale variant
+            var showRatio = this.props.variant !== index_2.MultiStackedBarChartVariant.AbsoluteScale && !hideNumber && data.chartData.length === 2;
+            var showNumber = this.props.variant !== index_2.MultiStackedBarChartVariant.AbsoluteScale && !hideNumber && data.chartData.length === 1;
+            var getChartData = function () { return (0, locale_util_1.convertToLocaleString)(data.chartData[0].data ? data.chartData[0].data : 0, culture); };
+            return (React.createElement("div", { className: this._classNames.singleChartRoot },
+                React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal },
+                    React.createElement("div", { className: this._classNames.chartTitle },
+                        data.chartTitle && (React.createElement(FocusableTooltipText_1.FocusableTooltipText, { className: this._classNames.chartTitleLeft, content: data.chartTitle, accessibilityData: data.chartTitleAccessibilityData })),
+                        showRatio && (React.createElement("div", tslib_1.__assign({}, (0, index_3.getAccessibleDataObject)(data.chartDataAccessibilityData, 'text', false)),
+                            React.createElement("span", { className: this._classNames.ratioNumerator }, getChartData()),
+                            !hideDenominator && (React.createElement("span", { className: this._classNames.ratioDenominator }, ' / ' + (0, locale_util_1.convertToLocaleString)(barTotalValue, culture))))),
+                        showNumber && (React.createElement("div", tslib_1.__assign({ className: this._classNames.ratioNumerator }, (0, index_3.getAccessibleDataObject)(data.chartDataAccessibilityData, 'text', false)), getChartData())))),
+                React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal },
+                    React.createElement("div", { className: this._classNames.chartWrapper },
+                        React.createElement("svg", { ref: this.barChartSvgRef, className: this._classNames.chart, "aria-label": data === null || data === void 0 ? void 0 : data.chartTitle }, bars)))));
+        };
+        MultiStackedBarChartBase.prototype._onBarFocus = function (pointData, color, point) {
+            var _this = this;
+            this.state.refArray.forEach(function (obj) {
+                if (obj.legendText === point.legend) {
+                    _this.setState({
+                        refSelected: obj.refElement,
+                        /** Show the callout if highlighted bar is focused and Hide it if unhighlighted bar is focused */
+                        isCalloutVisible: _this.state.selectedLegend === '' || _this.state.selectedLegend === point.legend,
+                        calloutLegend: point.legend,
+                        dataForHoverCard: pointData,
+                        color: color,
+                        xCalloutValue: point.xAxisCalloutData,
+                        yCalloutValue: point.yAxisCalloutData,
+                        dataPointCalloutProps: tslib_1.__assign(tslib_1.__assign({}, point), { color: color }),
+                        callOutAccessibilityData: point.callOutAccessibilityData,
+                    });
+                }
+            });
+        };
+        MultiStackedBarChartBase.prototype._refCallback = function (element, legendTitle) {
+            this.state.refArray.push({ legendText: legendTitle, refElement: element });
+        };
+        MultiStackedBarChartBase.prototype._onHover = function (legendTitle) {
+            this.setState({
+                activeLegend: legendTitle,
+            });
+        };
+        MultiStackedBarChartBase.prototype._onClick = function (legendTitle) {
+            if (this.state.selectedLegend === legendTitle) {
+                this.setState({
+                    selectedLegend: '',
+                });
+            }
+            else {
+                this.setState({
+                    selectedLegend: legendTitle,
+                });
+            }
+        };
+        MultiStackedBarChartBase.prototype._onLeave = function () {
+            this.setState({
+                activeLegend: '',
+            });
+        };
+        MultiStackedBarChartBase.prototype._onBarHover = function (pointData, color, point, mouseEvent) {
+            mouseEvent.persist();
+            if (this._calloutAnchorPoint !== point) {
+                this._calloutAnchorPoint = point;
+                this.setState({
+                    refSelected: mouseEvent,
+                    /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */
+                    isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend,
+                    calloutLegend: point.legend,
+                    dataForHoverCard: pointData,
+                    color: color,
+                    xCalloutValue: point.xAxisCalloutData,
+                    yCalloutValue: point.yAxisCalloutData,
+                    dataPointCalloutProps: tslib_1.__assign(tslib_1.__assign({}, point), { color: color }),
+                    callOutAccessibilityData: point.callOutAccessibilityData,
+                });
+            }
+        };
+        MultiStackedBarChartBase.prototype._onBarLeave = function () {
+            /**/
+        };
+        MultiStackedBarChartBase.prototype._redirectToUrl = function (href) {
+            href ? (window.location.href = href) : '';
+        };
+        MultiStackedBarChartBase.prototype._isChartEmpty = function () {
+            return !(this.props.data &&
+                this.props.data.length > 0 &&
+                this.props.data.filter(function (item) { return item.chartData && item.chartData.length === 0 && (!item.chartTitle || item.chartTitle === ''); }).length === 0);
+        };
+        MultiStackedBarChartBase.defaultProps = {
+            barHeight: 12,
+            hideRatio: [],
+            hideDenominator: [],
+        };
+        return MultiStackedBarChartBase;
+    }(React.Component));
+    exports.MultiStackedBarChartBase = MultiStackedBarChartBase;
+});
+//# sourceMappingURL=MultiStackedBarChart.base.js.map

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStackedBarChart.base.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { ILegend, Legends } from '../Legends/index';\nimport {\n  IAccessibilityProps,\n  IChartDataPoint,\n  IChartProps,\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyles,\n  IMultiStackedBarChartStyleProps,\n  MultiStackedBarChartVariant,\n} from './index';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { convertToLocaleString } from '../../utilities/locale-util';\nimport {\n  ChartHoverCard,\n  formatValueWithSIPrefix,\n  getAccessibleDataObject,\n  getNextGradient,\n} from '../../utilities/index';\nimport { FocusableTooltipText } from '../../utilities/FocusableTooltipText';\n\nconst getClassNames = classNamesFunction<IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles>();\n\nexport interface IRefArrayData {\n  legendText?: string;\n  refElement?: SVGGElement;\n}\n\nexport interface IMultiStackedBarChartState {\n  isCalloutVisible: boolean;\n  refArray: IRefArrayData[];\n  selectedLegend: string;\n  activeLegend: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected: any;\n  dataForHoverCard: number;\n  color: string;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  dataPointCalloutProps?: IChartDataPoint;\n  callOutAccessibilityData?: IAccessibilityProps;\n  calloutLegend: string;\n  barSpacingInPercent: number;\n}\n\nexport class MultiStackedBarChartBase extends React.Component<IMultiStackedBarChartProps, IMultiStackedBarChartState> {\n  public static defaultProps: Partial<IMultiStackedBarChartProps> = {\n    barHeight: 12,\n    hideRatio: [],\n    hideDenominator: [],\n  };\n\n  private _classNames: IProcessedStyleSet<IMultiStackedBarChartStyles>;\n  private _calloutId: string;\n  private _calloutAnchorPoint: IChartDataPoint | null;\n  private _longestBarTotalValue: number;\n  private _isRTL: boolean = getRTL();\n  private barChartSvgRef: React.RefObject<SVGSVGElement>;\n  private _emptyChartId: string;\n  private _barId: string;\n  private _barIdPlaceholderPartToWhole: string;\n  private _barIdEmpty: string;\n\n  public constructor(props: IMultiStackedBarChartProps) {\n    super(props);\n    this.state = {\n      isCalloutVisible: false,\n      refArray: [],\n      selectedLegend: '',\n      activeLegend: '',\n      refSelected: null,\n      dataForHoverCard: 0,\n      color: '',\n      xCalloutValue: '',\n      yCalloutValue: '',\n      calloutLegend: '',\n      barSpacingInPercent: 0,\n    };\n    this._onLeave = this._onLeave.bind(this);\n    this._onBarLeave = this._onBarLeave.bind(this);\n    this._calloutId = getId('callout');\n    this.barChartSvgRef = React.createRef<SVGSVGElement>();\n    this._emptyChartId = getId('_MSBC_empty');\n    this._barId = getId('_MSBC_rect_');\n    this._barIdPlaceholderPartToWhole = getId('_MSBC_rect_partToWhole_');\n    this._barIdEmpty = getId('_MSBC_rect_empty');\n  }\n\n  public componentDidMount(): void {\n    const svgWidth = this.barChartSvgRef.current?.getBoundingClientRect().width || 0;\n    const MARGIN_WIDTH_IN_PX = 3;\n    if (svgWidth) {\n      const currentBarSpacing = (MARGIN_WIDTH_IN_PX / svgWidth) * 100;\n      this.setState({ barSpacingInPercent: currentBarSpacing });\n    }\n  }\n\n  public render(): JSX.Element {\n    if (!this._isChartEmpty()) {\n      const { data, theme, culture } = this.props;\n      this._adjustProps();\n      const { palette } = theme!;\n      const legends = this._getLegendData(data!, this.props.hideRatio!, palette);\n      const { isCalloutVisible } = this.state;\n\n      this._classNames = getClassNames(this.props.styles!, {\n        legendColor: this.state.color,\n        theme: theme!,\n        variant: this.props.variant,\n        hideLabels: this.props.hideLabels,\n      });\n\n      const legendName = this.state.xCalloutValue ? this.state.xCalloutValue : this.state.calloutLegend;\n      const calloutYVal = this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard;\n\n      this._longestBarTotalValue = this._computeLongestBarTotalValue();\n\n      const bars: JSX.Element[] = data!.map((singleChartData: IChartProps, index: number) => {\n        const singleChartBars = this._createBarsAndLegends(\n          singleChartData!,\n          this.props.barHeight!,\n          palette,\n          this.props.hideRatio![index],\n          this.props.hideDenominator![index],\n          this.props.href,\n          index,\n        );\n        return (\n          <div key={index} id={`_MSBC_bar-${index}`}>\n            {singleChartBars}\n          </div>\n        );\n      });\n\n      return (\n        <div className={this._classNames.root} onMouseLeave={this._handleChartMouseLeave}>\n          {bars}\n          {!this.props.hideLegend && <div className={this._classNames.legendContainer}>{legends}</div>}\n          <Callout\n            gapSpace={15}\n            isBeakVisible={false}\n            target={this.state.refSelected}\n            setInitialFocus={true}\n            hidden={!(!this.props.hideTooltip && isCalloutVisible)}\n            directionalHint={DirectionalHint.topAutoEdge}\n            id={this._calloutId}\n            onDismiss={this._closeCallout}\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            preventDismissOnLostFocus={true}\n            /** Keep the callout updated with details of focused/hovered bar */\n            shouldUpdateWhenHidden={true}\n            {...this.props.calloutProps!}\n            {...getAccessibleDataObject(this.state.callOutAccessibilityData, 'text', false)}\n          >\n            <>\n              {this.props.onRenderCalloutPerDataPoint ? (\n                this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps)\n              ) : (\n                <ChartHoverCard Legend={legendName} YValue={calloutYVal} color={this.state.color} culture={culture} />\n              )}\n            </>\n          </Callout>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        id={this._emptyChartId}\n        role={'alert'}\n        style={{ opacity: '0' }}\n        aria-label={'Graph has no data to display'}\n      />\n    );\n  }\n\n  /**\n   * The Create bar functions returns an array of <rect> elements, which form the bars\n   * For each bar an x value, and a width needs to be specified\n   * The computations are done based on percentages\n   * Extra margin is also provided, in the x value to provide some spacing\n   */\n\n  private _createBarsAndLegends(\n    data: IChartProps,\n    barHeight: number,\n    palette: IPalette,\n    hideRatio: boolean,\n    hideDenominator: boolean,\n    href?: string,\n    barNo?: number,\n  ): JSX.Element {\n    const noOfBars =\n      data.chartData?.reduce((count: number, point: IChartDataPoint) => (count += (point.data || 0) > 0 ? 1 : 0), 0) ||\n      1;\n    const totalMarginPercent = this.state.barSpacingInPercent * (noOfBars - 1);\n    const { culture } = this.props;\n    const defaultPalette: string[] = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];\n    // calculating starting point of each bar and it's range\n    const startingPoint: number[] = [];\n    const barTotalValue = data.chartData!.reduce(\n      (acc: number, point: IChartDataPoint) => acc + (point.data ? point.data : 0),\n      0,\n    );\n    const total =\n      this.props.variant === MultiStackedBarChartVariant.AbsoluteScale ? this._longestBarTotalValue : barTotalValue;\n\n    let sumOfPercent = 0;\n    data.chartData!.map((point: IChartDataPoint, index: number) => {\n      const pointData = point.data ? point.data : 0;\n      const currValue = (pointData / total) * 100;\n      let value = currValue ? currValue : 0;\n\n      if (value < 1 && value !== 0) {\n        value = 1;\n      } else if (value > 99 && value !== 100) {\n        value = 99;\n      }\n      sumOfPercent += value;\n\n      return sumOfPercent;\n    });\n\n    // Include an imaginary placeholder bar with value equal to\n    // the difference between longestBarTotalValue and barTotalValue\n    // while calculating sumOfPercent to get correct scalingRatio for absolute-scale variant\n    if (this.props.variant === MultiStackedBarChartVariant.AbsoluteScale) {\n      let value = total === 0 ? 0 : ((total - barTotalValue) / total) * 100;\n      if (value < 1 && value !== 0) {\n        value = 1;\n      } else if (value > 99 && value !== 100) {\n        value = 99;\n      }\n      sumOfPercent += value;\n    }\n\n    /**\n     * The %age of the space occupied by the margin needs to subtracted\n     * while computing the scaling ratio, since the margins are not being\n     * scaled down, only the data is being scaled down from a higher percentage to lower percentage\n     * Eg: 95% of the space is taken by the bars, 5% by the margins\n     * Now if the sumOfPercent is 120% -> This needs to be scaled down to 95%, not 100%\n     * since that's only space available to the bars\n     */\n\n    const scalingRatio = sumOfPercent !== 0 ? sumOfPercent / (100 - totalMarginPercent) : 1;\n\n    let prevPosition = 0;\n    let value = 0;\n\n    const bars = data.chartData!.map((point: IChartDataPoint, index: number) => {\n      let startColor: string = point.color\n        ? point.color\n        : point.placeHolder\n        ? palette.neutralLight\n        : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n      let endColor: string = startColor;\n      if (this.props.enableGradient) {\n        startColor = point.gradient?.[0] || getNextGradient(index, 0, this.props.theme?.isInverted)[0];\n        endColor = point.gradient?.[1] || getNextGradient(index, 0, this.props.theme?.isInverted)[1];\n      }\n      const pointData = point.data ? point.data : 0;\n      if (index > 0) {\n        prevPosition += value;\n      }\n      value = (pointData / total) * 100 ? (pointData / total) * 100 : 0;\n      if (value < 1 && value !== 0) {\n        value = 1 / scalingRatio;\n      } else if (value > 99 && value !== 100) {\n        value = 99 / scalingRatio;\n      } else {\n        value = value / scalingRatio;\n      }\n\n      startingPoint.push(prevPosition);\n\n      const styles = this.props.styles;\n      const shouldHighlight = this._legendHighlighted(point.legend!) || this._noLegendHighlighted() ? true : false;\n      const hoverCardYColor = point.placeHolder ? this.props.theme!.semanticColors.bodyText : startColor;\n\n      this._classNames = getClassNames(styles!, {\n        theme: this.props.theme!,\n        shouldHighlight,\n        href,\n        variant: this.props.variant,\n        hideLabels: this.props.hideLabels,\n      });\n\n      const gradientId = getId('MSBC_Gradient') + `_${barNo}_${index}`;\n\n      return (\n        <g\n          key={index}\n          className={point.placeHolder ? this._classNames.placeHolderOnHover : this._classNames.opacityChangeOnHover}\n          ref={(e: SVGGElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          data-is-focusable={!this.props.hideTooltip && shouldHighlight}\n          onFocus={this._onBarFocus.bind(this, pointData, hoverCardYColor, point)}\n          onBlur={this._onBarLeave}\n          role=\"img\"\n          aria-label={this._getAriaLabel(point)}\n          onMouseOver={this._onBarHover.bind(this, pointData, hoverCardYColor, point)}\n          onMouseMove={this._onBarHover.bind(this, pointData, hoverCardYColor, point)}\n          onMouseLeave={this._onBarLeave}\n          onClick={href ? (point.placeHolder ? undefined : this._redirectToUrl.bind(this, href)) : point.onClick}\n        >\n          {this.props.enableGradient && (\n            <defs>\n              <linearGradient id={gradientId}>\n                <stop offset=\"0\" stopColor={startColor} />\n                <stop offset=\"100%\" stopColor={endColor} />\n              </linearGradient>\n            </defs>\n          )}\n          <rect\n            key={index}\n            id={`${this._barId}-${barNo}-${index}`}\n            x={`${\n              this._isRTL\n                ? 100 - startingPoint[index] - value - this.state.barSpacingInPercent * index\n                : startingPoint[index] + this.state.barSpacingInPercent * index\n            }%`}\n            y={0}\n            width={value + '%'}\n            height={barHeight}\n            rx={this.props.roundCorners ? 3 : 0}\n            fill={this.props.enableGradient ? `url(#${gradientId})` : startColor}\n          />\n        </g>\n      );\n    });\n    if (this.props.variant === MultiStackedBarChartVariant.AbsoluteScale && !this.props.hideLabels) {\n      let showLabel = false;\n      let barLabel = 0;\n      if (this._noLegendHighlighted()) {\n        showLabel = true;\n        barLabel = barTotalValue;\n      } else {\n        data.chartData?.forEach(point => {\n          if (this._legendHighlighted(point.legend!)) {\n            showLabel = true;\n            barLabel += point.data ? point.data : 0;\n          }\n        });\n      }\n      if (showLabel) {\n        bars.push(\n          <text\n            key=\"text\"\n            x={`${\n              this._isRTL\n                ? 100 - (startingPoint[startingPoint.length - 1] || 0) - value - totalMarginPercent\n                : (startingPoint[startingPoint.length - 1] || 0) + value + totalMarginPercent\n            }%`}\n            textAnchor={'start'}\n            y={barHeight / 2}\n            dominantBaseline=\"central\"\n            transform={`translate(${this._isRTL ? -4 : 4})`}\n            className={this._classNames.barLabel}\n            aria-label={`Total: ${barLabel}`}\n            role=\"img\"\n          >\n            {formatValueWithSIPrefix(barLabel)}\n          </text>,\n        );\n      }\n    } else {\n      // Render placeholder bars only for part-to-whole variant\n      if (data.chartData!.length === 0) {\n        bars.push(\n          <g key={0} className={this._classNames.noData} onClick={this._redirectToUrl.bind(this, href)}>\n            <rect\n              key={0}\n              id={this._barIdPlaceholderPartToWhole}\n              x={'0%'}\n              y={0}\n              width={'100%'}\n              height={barHeight}\n              fill={palette.neutralLight}\n              rx={this.props.roundCorners ? 3 : 0}\n            />\n          </g>,\n        );\n      }\n      if (barTotalValue === 0) {\n        bars.push(\n          <g key={'empty'} className={this._classNames.noData} onClick={this._redirectToUrl.bind(this, href)}>\n            <rect\n              key={0}\n              id={this._barIdEmpty}\n              x={'0%'}\n              y={0}\n              width={'100%'}\n              height={barHeight}\n              fill={palette.neutralLight}\n              rx={this.props.roundCorners ? 3 : 0}\n            />\n          </g>,\n        );\n      }\n    }\n    const hideNumber = hideRatio === undefined ? false : hideRatio;\n\n    // Hide right side text of chart title for absolute-scale variant\n    const showRatio =\n      this.props.variant !== MultiStackedBarChartVariant.AbsoluteScale && !hideNumber && data!.chartData!.length === 2;\n    const showNumber =\n      this.props.variant !== MultiStackedBarChartVariant.AbsoluteScale && !hideNumber && data!.chartData!.length === 1;\n\n    const getChartData = () => convertToLocaleString(data!.chartData![0].data ? data!.chartData![0].data : 0, culture);\n    return (\n      <div className={this._classNames.singleChartRoot}>\n        <FocusZone direction={FocusZoneDirection.horizontal}>\n          <div className={this._classNames.chartTitle}>\n            {data!.chartTitle && (\n              <FocusableTooltipText\n                className={this._classNames.chartTitleLeft}\n                content={data!.chartTitle}\n                accessibilityData={data!.chartTitleAccessibilityData}\n              />\n            )}\n            {showRatio && (\n              <div {...getAccessibleDataObject(data!.chartDataAccessibilityData, 'text', false)}>\n                <span className={this._classNames.ratioNumerator}>{getChartData()}</span>\n                {!hideDenominator && (\n                  <span className={this._classNames.ratioDenominator}>\n                    {' / ' + convertToLocaleString(barTotalValue, culture)}\n                  </span>\n                )}\n              </div>\n            )}\n            {showNumber && (\n              <div\n                className={this._classNames.ratioNumerator}\n                {...getAccessibleDataObject(data!.chartDataAccessibilityData, 'text', false)}\n              >\n                {getChartData()}\n              </div>\n            )}\n          </div>\n        </FocusZone>\n        <FocusZone direction={FocusZoneDirection.horizontal}>\n          <div className={this._classNames.chartWrapper}>\n            <svg ref={this.barChartSvgRef} className={this._classNames.chart} aria-label={data?.chartTitle}>\n              {bars}\n            </svg>\n          </div>\n        </FocusZone>\n      </div>\n    );\n  }\n\n  private _onBarFocus(pointData: number, color: string, point: IChartDataPoint): void {\n    this.state.refArray.forEach((obj: IRefArrayData) => {\n      if (obj.legendText === point.legend!) {\n        this.setState({\n          refSelected: obj.refElement,\n          /** Show the callout if highlighted bar is focused and Hide it if unhighlighted bar is focused */\n          isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend!,\n          calloutLegend: point.legend!,\n          dataForHoverCard: pointData,\n          color,\n          xCalloutValue: point.xAxisCalloutData!,\n          yCalloutValue: point.yAxisCalloutData!,\n          dataPointCalloutProps: { ...point, color },\n          callOutAccessibilityData: point.callOutAccessibilityData!,\n        });\n      }\n    });\n  }\n\n  private _refCallback(element: SVGGElement, legendTitle: string): void {\n    this.state.refArray.push({ legendText: legendTitle, refElement: element });\n  }\n\n  private _adjustProps = (): void => {\n    const { theme, className, styles, width, barHeight } = this.props;\n    this._classNames = getClassNames(styles!, {\n      legendColor: this.state.color,\n      theme: theme!,\n      width,\n      className,\n      barHeight,\n    });\n  };\n\n  private _onHover(legendTitle: string): void {\n    this.setState({\n      activeLegend: legendTitle,\n    });\n  }\n\n  private _getLegendData = (data: IChartProps[], hideRatio: boolean[], palette: IPalette): JSX.Element => {\n    const defaultPalette: string[] = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];\n    const actions: ILegend[] = [];\n    data.forEach((singleChartData: IChartProps, index: number) => {\n      const validChartData = singleChartData.chartData!.filter((_: IChartDataPoint) => !_.placeHolder);\n      if (validChartData!.length < 3) {\n        const hideNumber = hideRatio[index] === undefined ? false : hideRatio[index];\n        if (hideNumber) {\n          validChartData!.forEach((point: IChartDataPoint, pointIndex: number) => {\n            let color: string = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n            if (this.props.enableGradient) {\n              color = point.gradient?.[0] || getNextGradient(pointIndex, 0, this.props.theme?.isInverted)[0];\n            }\n\n            const checkSimilarLegends = actions.filter(\n              (leg: ILegend) => leg.title === point.legend! && leg.color === color,\n            );\n            if (checkSimilarLegends!.length > 0) {\n              return;\n            }\n            const legend: ILegend = {\n              title: point.legend!,\n              color,\n              action: () => {\n                this._onClick(point.legend!);\n              },\n              hoverAction: () => {\n                this._handleChartMouseLeave();\n                this._onHover(point.legend!);\n              },\n              onMouseOutAction: () => {\n                this._onLeave();\n              },\n            };\n            actions.push(legend);\n          });\n        }\n      } else {\n        validChartData!.forEach((point: IChartDataPoint, pointIndex: number) => {\n          let color: string = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n          if (this.props.enableGradient) {\n            color = point.gradient?.[0] || getNextGradient(pointIndex, 0, this.props.theme?.isInverted)[0];\n          }\n\n          const checkSimilarLegends = actions.filter(\n            (leg: ILegend) => leg.title === point.legend! && leg.color === color,\n          );\n          if (checkSimilarLegends!.length > 0) {\n            return;\n          }\n          const legend: ILegend = {\n            title: point.legend!,\n            color,\n            action: () => {\n              this._onClick(point.legend!);\n            },\n            hoverAction: () => {\n              this._handleChartMouseLeave();\n              this._onHover(point.legend!);\n            },\n            onMouseOutAction: () => {\n              this._onLeave();\n            },\n          };\n          actions.push(legend);\n        });\n      }\n    });\n    return (\n      <Legends\n        legends={actions}\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        {...this.props.legendProps}\n      />\n    );\n  };\n\n  private _onClick(legendTitle: string): void {\n    if (this.state.selectedLegend === legendTitle) {\n      this.setState({\n        selectedLegend: '',\n      });\n    } else {\n      this.setState({\n        selectedLegend: legendTitle,\n      });\n    }\n  }\n\n  private _onLeave(): void {\n    this.setState({\n      activeLegend: '',\n    });\n  }\n\n  private _onBarHover(\n    pointData: number,\n    color: string,\n    point: IChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGPathElement>,\n  ): void {\n    mouseEvent.persist();\n\n    if (this._calloutAnchorPoint !== point) {\n      this._calloutAnchorPoint = point;\n      this.setState({\n        refSelected: mouseEvent,\n        /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */\n        isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend!,\n        calloutLegend: point.legend!,\n        dataForHoverCard: pointData,\n        color,\n        xCalloutValue: point.xAxisCalloutData!,\n        yCalloutValue: point.yAxisCalloutData!,\n        dataPointCalloutProps: { ...point, color },\n        callOutAccessibilityData: point.callOutAccessibilityData!,\n      });\n    }\n  }\n\n  private _onBarLeave(): void {\n    /**/\n  }\n\n  private _handleChartMouseLeave = () => {\n    this._calloutAnchorPoint = null;\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n\n  private _redirectToUrl(href: string | undefined): void {\n    href ? (window.location.href = href) : '';\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  private _legendHighlighted = (legendTitle: string) => {\n    return (\n      this.state.selectedLegend === legendTitle ||\n      (this.state.selectedLegend === '' && this.state.activeLegend === legendTitle)\n    );\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  private _noLegendHighlighted = () => {\n    return this.state.selectedLegend === '' && this.state.activeLegend === '';\n  };\n\n  private _getAriaLabel = (point: IChartDataPoint): string => {\n    const legend = point.xAxisCalloutData || point.legend;\n    const yValue = point.yAxisCalloutData || point.data || 0;\n    return (\n      point.callOutAccessibilityData?.ariaLabel ||\n      (legend ? `${legend}, ` : point.placeHolder ? 'Remaining, ' : '') + `${yValue}.`\n    );\n  };\n\n  private _computeLongestBarTotalValue = () => {\n    let longestBarTotalValue = 0;\n    this.props.data!.forEach(({ chartData }) => {\n      const barTotalValue = chartData!.reduce(\n        (acc: number, point: IChartDataPoint) => acc + (point.data ? point.data : 0),\n        0,\n      );\n      longestBarTotalValue = Math.max(longestBarTotalValue, barTotalValue);\n    });\n    return longestBarTotalValue;\n  };\n\n  private _isChartEmpty(): boolean {\n    return !(\n      this.props.data &&\n      this.props.data.length > 0 &&\n      this.props.data.filter(\n        item => item.chartData && item.chartData.length === 0 && (!item.chartTitle || item.chartTitle === ''),\n      ).length === 0\n    );\n  }\n}\n"]}

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IMultiStackedBarChartProps } from './MultiStackedBarChart.types';
+/**
+ * MultiStackedBarchart component
+ * {@docCategory MultiStackedBarChart}
+ */
+export declare const MultiStackedBarChart: React.FunctionComponent<IMultiStackedBarChartProps>;

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "@fluentui/react/lib/Utilities", "./MultiStackedBarChart.base", "./MultiStackedBarChart.styles"], function (require, exports, Utilities_1, MultiStackedBarChart_base_1, MultiStackedBarChart_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MultiStackedBarChart = void 0;
+    // Create a MultiStackedBarChart variant which uses these default styles and this styled subcomponent.
+    /**
+     * MultiStackedBarchart component
+     * {@docCategory MultiStackedBarChart}
+     */
+    exports.MultiStackedBarChart = (0, Utilities_1.styled)(MultiStackedBarChart_base_1.MultiStackedBarChartBase, MultiStackedBarChart_styles_1.getMultiStackedBarChartStyles);
+});
+//# sourceMappingURL=MultiStackedBarChart.js.map

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStackedBarChart.js","sourceRoot":"../src/","sources":["components/StackedBarChart/MultiStackedBarChart.tsx"],"names":[],"mappings":";;;;IAUA,sGAAsG;IACtG;;;OAGG;IACU,QAAA,oBAAoB,GAAwD,IAAA,kBAAM,EAI7F,oDAAwB,EAAE,2DAA6B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n} from './MultiStackedBarChart.types';\nimport { MultiStackedBarChartBase } from './MultiStackedBarChart.base';\nimport { getMultiStackedBarChartStyles } from './MultiStackedBarChart.styles';\n\n// Create a MultiStackedBarChart variant which uses these default styles and this styled subcomponent.\n/**\n * MultiStackedBarchart component\n * {@docCategory MultiStackedBarChart}\n */\nexport const MultiStackedBarChart: React.FunctionComponent<IMultiStackedBarChartProps> = styled<\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles\n>(MultiStackedBarChartBase, getMultiStackedBarChartStyles);\n"]}

package/lib-amd/components/StackedBarChart/MultiStackedBarChart.styles.d.ts

@@ -0,0 +1,2 @@
+import { IMultiStackedBarChartStyleProps, IMultiStackedBarChartStyles } from './MultiStackedBarChart.types';
+export declare const getMultiStackedBarChartStyles: (props: IMultiStackedBarChartStyleProps) => IMultiStackedBarChartStyles;