@fluentui/react-charting 5.24.6 → 5.24.8

package/lib-amd/utilities/utilities.js

@@ -2,7 +2,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
     "use strict";
     var _a;
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.sortAxisCategories = exports.truncateString = exports.domainRangeOfNumericForScatterChart = exports.domainRangeOfDateForScatterChart = exports.getCurveFactory = exports.createMeasurementSpan = exports.copyStyle = exports.resolveCSSVariables = exports.areArraysEqual = exports.getSecureProps = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatScientificLimitWidth = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.computeLongestBars = exports.groupChartDataByYValue = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.defaultYAxisTickFormatter = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = exports.MIN_DONUT_RADIUS = exports.MIN_DOMAIN_MARGIN = void 0;
+    exports.sortAxisCategories = exports.truncateString = exports.domainRangeOfNumericForScatterChart = exports.domainRangeOfDateForScatterChart = exports.getCurveFactory = exports.createMeasurementSpan = exports.copyStyle = exports.resolveCSSVariables = exports.areArraysEqual = exports.getSecureProps = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatScientificLimitWidth = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.computeLongestBars = exports.groupChartDataByYValue = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.DEFAULT_WRAP_WIDTH = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.defaultYAxisTickFormatter = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = exports.MIN_DONUT_RADIUS = exports.MIN_DOMAIN_MARGIN = void 0;
     exports.MIN_DOMAIN_MARGIN = 8;
     exports.MIN_DONUT_RADIUS = 1;
     var ChartTypes;
@@ -63,7 +63,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createNumericXAxis(xAxisParams, tickParams, chartType, culture) {
         var _a;
-        var domainNRangeValues = xAxisParams.domainNRangeValues, _b = xAxisParams.showRoundOffXTickValues, showRoundOffXTickValues = _b === void 0 ? true : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, _d = xAxisParams.tickPadding, tickPadding = _d === void 0 ? 10 : _d, xAxisCount = xAxisParams.xAxisCount, xAxisElement = xAxisParams.xAxisElement, hideTickOverlap = xAxisParams.hideTickOverlap;
+        var domainNRangeValues = xAxisParams.domainNRangeValues, _b = xAxisParams.showRoundOffXTickValues, showRoundOffXTickValues = _b === void 0 ? true : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, _d = xAxisParams.tickPadding, tickPadding = _d === void 0 ? 10 : _d, xAxisCount = xAxisParams.xAxisCount, xAxisElement = xAxisParams.xAxisElement, hideTickOverlap = xAxisParams.hideTickOverlap, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
         var xAxisScale = (0, d3_scale_1.scaleLinear)()
             .domain([domainNRangeValues.dStartValue, domainNRangeValues.dEndValue])
             .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue]);
@@ -77,7 +77,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             return (0, chart_utilities_1.formatToLocaleString)(xAxisValue, culture);
         };
         if (hideTickOverlap && typeof xAxisCount === 'undefined') {
-            var longestLabelWidth = (0, exports.calculateLongestLabelWidth)(xAxisScale.ticks().map(tickFormat), '[class^="xAxis-"] text') + 20;
+            var longestLabelWidth = calcMaxLabelWidth(xAxisScale.ticks().map(tickFormat)) + 20;
             var _e = xAxisScale.range(), start = _e[0], end = _e[1];
             tickCount = Math.min(Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth)), 10);
         }
@@ -203,7 +203,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC) {
         var _a;
-        var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _b = xAxisParams.tickPadding, tickPadding = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, xAxisCount = xAxisParams.xAxisCount;
+        var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _b = xAxisParams.tickPadding, tickPadding = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, xAxisCount = xAxisParams.xAxisCount, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
         var xAxisScale = useUTC ? (0, d3_scale_1.scaleUtc)() : (0, d3_scale_1.scaleTime)();
         xAxisScale
             .domain([domainNRangeValues.dStartValue, domainNRangeValues.dEndValue])
@@ -241,7 +241,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             }
             return (0, chart_utilities_1.formatDateToLocaleString)(domainValue, culture, useUTC, false, formatOptions);
         };
-        var longestLabelWidth = (0, exports.calculateLongestLabelWidth)(xAxisScale.ticks().map(tickFormat), '[class^="xAxis-"] text') + 40;
+        var longestLabelWidth = calcMaxLabelWidth(xAxisScale.ticks().map(tickFormat)) + 40;
         var _d = xAxisScale.range(), start = _d[0], end = _d[1];
         var maxPossibleTickCount = Math.min(Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth)), 10);
         tickCount = Math.min(maxPossibleTickCount, xAxisCount !== null && xAxisCount !== void 0 ? xAxisCount : tickCount);
@@ -269,7 +269,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      */
     function createStringXAxis(xAxisParams, tickParams, dataset, culture) {
         var _a;
-        var domainNRangeValues = xAxisParams.domainNRangeValues, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.tickPadding, tickPadding = _c === void 0 ? 10 : _c, _d = xAxisParams.xAxisPadding, xAxisPadding = _d === void 0 ? 0.1 : _d, xAxisInnerPadding = xAxisParams.xAxisInnerPadding, xAxisOuterPadding = xAxisParams.xAxisOuterPadding, containerWidth = xAxisParams.containerWidth, hideTickOverlap = xAxisParams.hideTickOverlap;
+        var domainNRangeValues = xAxisParams.domainNRangeValues, _b = xAxisParams.xAxistickSize, xAxistickSize = _b === void 0 ? 6 : _b, _c = xAxisParams.tickPadding, tickPadding = _c === void 0 ? 10 : _c, _d = xAxisParams.xAxisPadding, xAxisPadding = _d === void 0 ? 0.1 : _d, xAxisInnerPadding = xAxisParams.xAxisInnerPadding, xAxisOuterPadding = xAxisParams.xAxisOuterPadding, containerWidth = xAxisParams.containerWidth, hideTickOverlap = xAxisParams.hideTickOverlap, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
         var xAxisScale = (0, d3_scale_1.scaleBand)()
             .domain(dataset)
             .range([domainNRangeValues.rStartValue, domainNRangeValues.rEndValue])
@@ -281,7 +281,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
             // Here, we need the width of each individual label to detect overlaps,
             // but calculateLongestLabelWidth returns the maximum pixel width from an array of labels.
             // So call this function separately for each label, instead of the entire array.
-            var tickSizes = tickValues.map(function (value) { return (0, exports.calculateLongestLabelWidth)([value], '[class^="xAxis-"] text'); });
+            var tickSizes = tickValues.map(function (value) { return calcMaxLabelWidth([value]); });
             // for LTR
             var start = 0;
             var end = containerWidth;
@@ -395,10 +395,10 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         if (roundedTicks === void 0) { roundedTicks = false; }
         var _a = yAxisParams.yMinMaxValues, yMinMaxValues = _a === void 0 ? { startValue: 0, endValue: 0 } : _a, _b = yAxisParams.yAxisElement, yAxisElement = _b === void 0 ? null : _b, _c = yAxisParams.yMaxValue, yMaxValue = _c === void 0 ? 0 : _c, _d = yAxisParams.yMinValue, yMinValue = _d === void 0 ? 0 : _d, containerHeight = yAxisParams.containerHeight, containerWidth = yAxisParams.containerWidth, margins = yAxisParams.margins, _e = yAxisParams.tickPadding, tickPadding = _e === void 0 ? 12 : _e, _f = yAxisParams.maxOfYVal, maxOfYVal = _f === void 0 ? 0 : _f, yAxisTickFormat = yAxisParams.yAxisTickFormat, _g = yAxisParams.yAxisTickCount, yAxisTickCount = _g === void 0 ? 4 : _g, eventAnnotationProps = yAxisParams.eventAnnotationProps, eventLabelHeight = yAxisParams.eventLabelHeight;
         // maxOfYVal coming from only area chart and Grouped vertical bar chart(Calculation done at base file)
-        var tempVal = maxOfYVal || yMinMaxValues.endValue;
+        var tempVal = maxOfYVal || yMinMaxValues.endValue || 0;
         var finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
         var finalYmin = supportNegativeData
-            ? Math.min(yMinMaxValues.startValue, yMinValue || 0)
+            ? Math.min(yMinMaxValues.startValue || 0, yMinValue || 0)
             : yMinMaxValues.startValue < yMinValue
                 ? 0
                 : yMinValue;
@@ -554,6 +554,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         }
     }
     exports.silceOrAppendToArray = silceOrAppendToArray;
+    exports.DEFAULT_WRAP_WIDTH = 10;
     /**
      * This method used for wrapping of x axis labels (tick values).
      * It breaks down given text value by space separated and calculates the total height needed to display all the words.
@@ -564,21 +565,19 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
      * @returns
      */
     function createWrapOfXLabels(wrapLabelProps) {
-        var node = wrapLabelProps.node, xAxis = wrapLabelProps.xAxis, noOfCharsToTruncate = wrapLabelProps.noOfCharsToTruncate, showXAxisLablesTooltip = wrapLabelProps.showXAxisLablesTooltip;
+        var node = wrapLabelProps.node, xAxis = wrapLabelProps.xAxis, noOfCharsToTruncate = wrapLabelProps.noOfCharsToTruncate, showXAxisLablesTooltip = wrapLabelProps.showXAxisLablesTooltip, _a = wrapLabelProps.width, width = _a === void 0 ? exports.DEFAULT_WRAP_WIDTH : _a;
         if (node === null) {
             return;
         }
         var axisNode = (0, d3_selection_1.select)(node).call(xAxis);
         var removeVal = 0;
-        var width = 10;
-        var arr = [];
+        var maxLines = 1;
         axisNode.selectAll('.tick text').each(function () {
             var text = (0, d3_selection_1.select)(this);
             var totalWord = text.text();
             var truncatedWord = "".concat(text.text().slice(0, noOfCharsToTruncate), "...");
             var totalWordLength = text.text().length;
             var words = text.text().split(/\s+/).reverse();
-            arr.push(words.length);
             var word = '';
             var line = [];
             var lineNumber = 0;
@@ -599,7 +598,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
                     .attr('id', 'showDots')
                     .attr('x', 0)
                     .attr('y', y)
-                    .attr('dy', ++lineNumber * lineHeight + dy + 'em')
+                    .attr('dy', dy + 'em')
                     .text(truncatedWord);
             }
             else if (showXAxisLablesTooltip && totalWordLength <= noOfCharsToTruncate) {
@@ -608,7 +607,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
                     .attr('id', 'LessLength')
                     .attr('x', 0)
                     .attr('y', y)
-                    .attr('dy', ++lineNumber * lineHeight + dy + 'em')
+                    .attr('dy', dy + 'em')
                     .text(totalWord);
             }
             else {
@@ -628,32 +627,20 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
                             .text(word);
                     }
                 }
-                var maxDigit = Math.max.apply(Math, arr);
-                var maxHeight_1 = 12; // intial value to render corretly first time
-                axisNode.selectAll('text').each(function () {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    var outerHTMLElement = document.getElementById('WordBreakId');
-                    var BoxCordinates = outerHTMLElement && outerHTMLElement.getBoundingClientRect();
-                    var boxHeight = BoxCordinates && BoxCordinates.height;
-                    if (boxHeight > maxHeight_1) {
-                        maxHeight_1 = boxHeight;
-                    }
-                });
-                // If we take directly maxDigit * maxheight, then it will show more height between x axis tick values and bottom.
-                // To avoid this, reducing maxDigit value by removing some digit based on legth of word.
-                var removeDigit = 4;
-                if (maxDigit <= 2) {
-                    removeDigit = 1;
-                }
-                else if (maxDigit > 2 && maxDigit <= 6) {
-                    removeDigit = 2;
-                }
-                else if (maxDigit > 6 && maxDigit <= 9) {
-                    removeDigit = 3;
-                }
-                removeVal = (maxDigit - removeDigit) * maxHeight_1;
             }
+            maxLines = Math.max(maxLines, lineNumber + 1);
         });
+        if (!showXAxisLablesTooltip) {
+            var maxHeight = 12; // intial value to render corretly first time
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var outerHTMLElement = document.getElementById('WordBreakId');
+            var BoxCordinates = outerHTMLElement && outerHTMLElement.getBoundingClientRect();
+            var boxHeight = BoxCordinates && BoxCordinates.height;
+            if (boxHeight > maxHeight) {
+                maxHeight = boxHeight;
+            }
+            removeVal = (maxLines - 1) * maxHeight;
+        }
         return removeVal > 0 ? removeVal : 0;
     }
     exports.createWrapOfXLabels = createWrapOfXLabels;