@fluentui/react-charts 9.3.2 → 9.3.4

package/lib-commonjs/utilities/utilities.js

@@ -118,6 +118,9 @@ _export(exports, {
     find: function() {
         return find;
     },
+    findCalloutPoints: function() {
+        return findCalloutPoints;
+    },
     findHBCWANumericMinMaxOfY: function() {
         return findHBCWANumericMinMaxOfY;
     },
@@ -294,7 +297,7 @@ function defaultYAxisTickFormatter(value) {
     return yAxisTickFormatterInternal(value);
 }
 function createNumericXAxis(xAxisParams, tickParams, chartType, culture, scaleType, _useRtl) {
-    const { domainNRangeValues, showRoundOffXTickValues = false, xAxistickSize = 6, tickPadding = 10, xAxisCount, xAxisElement, hideTickOverlap, calcMaxLabelWidth, tickStep, tick0 } = xAxisParams;
+    const { domainNRangeValues, showRoundOffXTickValues = false, xAxistickSize = 6, tickPadding = 10, xAxisCount, xAxisElement, hideTickOverlap, calcMaxLabelWidth, tickStep, tick0, tickText } = xAxisParams;
     const xAxisScale = createNumericScale(scaleType).domain([
         domainNRangeValues.dStartValue,
         domainNRangeValues.dEndValue
@@ -305,6 +308,9 @@ function createNumericXAxis(xAxisParams, tickParams, chartType, culture, scaleTy
     showRoundOffXTickValues && xAxisScale.nice();
     let tickCount = xAxisCount !== null && xAxisCount !== void 0 ? xAxisCount : 6;
     const tickFormat = (domainValue, _index, defaultFormat)=>{
+        if (tickParams.tickValues && tickText && typeof tickText[_index] !== 'undefined') {
+            return tickText[_index];
+        }
         if (tickParams.tickFormat) {
             return (0, _d3format.format)(tickParams.tickFormat)(domainValue);
         }
@@ -526,7 +532,7 @@ function getDateFormatLevel(date, useUTC) {
     return (_matchedFormat_formatLevel = matchedFormat === null || matchedFormat === void 0 ? void 0 : matchedFormat.formatLevel) !== null && _matchedFormat_formatLevel !== void 0 ? _matchedFormat_formatLevel : 7;
 }
 function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC, chartType) {
-    const { domainNRangeValues, xAxisElement, tickPadding = 6, xAxistickSize = 6, xAxisCount, calcMaxLabelWidth, tickStep, tick0 } = xAxisParams;
+    const { domainNRangeValues, xAxisElement, tickPadding = 6, xAxistickSize = 6, xAxisCount, calcMaxLabelWidth, tickStep, tick0, tickText } = xAxisParams;
     const isUtcSet = useUTC === true || useUTC === 'utc';
     const xAxisScale = isUtcSet ? (0, _d3scale.scaleUtc)() : (0, _d3scale.scaleTime)();
     xAxisScale.domain([
@@ -552,6 +558,9 @@ function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLo
     const formatOptions = options !== null && options !== void 0 ? options : (0, _chartutilities.getMultiLevelDateTimeFormatOptions)(lowestFormatLevel, highestFormatLevel);
     const formatFn = getMultiLevelD3DateFormatter(lowestFormatLevel, highestFormatLevel, locale, isUtcSet);
     const tickFormat = (domainValue, _index)=>{
+        if (tickParams.tickValues && tickText && typeof tickText[_index] !== 'undefined') {
+            return tickText[_index];
+        }
         if (customDateTimeFormatter) {
             return customDateTimeFormatter(domainValue);
         }
@@ -596,7 +605,7 @@ function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLo
     };
 }
 function createStringXAxis(xAxisParams, tickParams, dataset, culture, _useRtl) {
-    const { domainNRangeValues, xAxistickSize = 6, tickPadding = 10, xAxisPadding = 0.1, xAxisInnerPadding, xAxisOuterPadding, containerWidth, hideTickOverlap, calcMaxLabelWidth } = xAxisParams;
+    const { domainNRangeValues, xAxistickSize = 6, tickPadding = 10, xAxisPadding = 0.1, xAxisInnerPadding, xAxisOuterPadding, containerWidth, hideTickOverlap, calcMaxLabelWidth, tickText } = xAxisParams;
     const xAxisScale = (0, _d3scale.scaleBand)().domain(dataset).range([
         domainNRangeValues.rStartValue,
         domainNRangeValues.rEndValue
@@ -604,7 +613,10 @@ function createStringXAxis(xAxisParams, tickParams, dataset, culture, _useRtl) {
     var _tickParams_tickValues;
     let tickValues = (_tickParams_tickValues = tickParams.tickValues) !== null && _tickParams_tickValues !== void 0 ? _tickParams_tickValues : dataset;
     const tickFormat = (domainValue, _index)=>{
-        return (0, _chartutilities.formatToLocaleString)(domainValue, culture);
+        if (tickParams.tickValues && tickText && typeof tickText[_index] !== 'undefined') {
+            return tickText[_index];
+        }
+        return domainValue;
     };
     if (hideTickOverlap) {
         let nonOverlappingTickValues = [];
@@ -705,7 +717,7 @@ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
     const { yMinMaxValues = {
         startValue: 0,
         endValue: 0
-    }, yAxisElement = null, yMaxValue = 0, yMinValue = 0, containerHeight, margins, tickPadding = 12, maxOfYVal = 0, yAxisTickFormat, yAxisTickCount = 4, tickValues, tickStep, tick0 } = yAxisParams;
+    }, yAxisElement = null, yMaxValue = 0, yMinValue = 0, containerHeight, margins, tickPadding = 12, maxOfYVal = 0, yAxisTickFormat, yAxisTickCount = 4, tickValues, tickStep, tick0, tickText } = yAxisParams;
     // maxOfYVal coming from horizontal bar chart with axis (Calculation done at base file)
     const tempVal = maxOfYVal || yMinMaxValues.endValue;
     const finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
@@ -719,7 +731,20 @@ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
     ]);
     const axis = isRtl ? (0, _d3axis.axisRight)(yAxisScale) : (0, _d3axis.axisLeft)(yAxisScale);
     const yAxis = axis.tickPadding(tickPadding).ticks(yAxisTickCount);
-    yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat(defaultYAxisTickFormatter);
+    const tickFormat = (domainValue, index)=>{
+        if (tickValues && tickText && typeof tickText[index] !== 'undefined') {
+            return tickText[index];
+        }
+        if (typeof yAxisTickFormat === 'function') {
+            return yAxisTickFormat(domainValue, index);
+        }
+        if (typeof yAxisTickFormat === 'string') {
+            return (0, _d3format.format)(yAxisTickFormat)(domainValue);
+        }
+        const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();
+        return defaultYAxisTickFormatter(value);
+    };
+    yAxis.tickFormat(tickFormat);
     let customTickValues;
     if (tickValues) {
         customTickValues = tickValues;
@@ -736,7 +761,7 @@ function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDataset, cha
     const { yMinMaxValues = {
         startValue: 0,
         endValue: 0
-    }, yAxisElement = null, yMaxValue = 0, yMinValue = 0, containerHeight, containerWidth, margins, tickPadding = 12, maxOfYVal = 0, yAxisTickFormat, yAxisTickCount = 4, eventAnnotationProps, eventLabelHeight, tickValues, tickStep, tick0 } = yAxisParams;
+    }, yAxisElement = null, yMaxValue = 0, yMinValue = 0, containerHeight, containerWidth, margins, tickPadding = 12, maxOfYVal = 0, yAxisTickFormat, yAxisTickCount = 4, eventAnnotationProps, eventLabelHeight, tickValues, tickStep, tick0, tickText } = yAxisParams;
     // maxOfYVal coming from only area chart and Grouped vertical bar chart(Calculation done at base file)
     const tempVal = maxOfYVal || yMinMaxValues.endValue || 0;
     const finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
@@ -791,15 +816,24 @@ function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDataset, cha
         }
     }
     const tickFormat = (domainValue, index, defaultFormat)=>{
+        if (tickValues && tickText && typeof tickText[index] !== 'undefined') {
+            return tickText[index];
+        }
+        if (typeof yAxisTickFormat === 'function') {
+            return yAxisTickFormat(domainValue, index);
+        }
+        if (typeof yAxisTickFormat === 'string') {
+            return (0, _d3format.format)(yAxisTickFormat)(domainValue);
+        }
         const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();
         return (defaultFormat === null || defaultFormat === void 0 ? void 0 : defaultFormat(value)) === '' ? '' : defaultYAxisTickFormatter(value);
     };
-    yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat((v, i)=>tickFormat(v, i, yAxisScale.tickFormat(yAxisTickCount)));
+    yAxis.tickFormat((v, i)=>tickFormat(v, i, yAxisScale.tickFormat(yAxisTickCount)));
     yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true').style('direction', 'ltr').style('unicode-bidi', 'isolate').style('text-anchor', !useSecondaryYScale && (_useRtl ? 'start' : 'end')) : '';
     return yAxisScale;
 }
 const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth)=>{
-    const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding } = yAxisParams;
+    const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding, tickValues, tickText } = yAxisParams;
     let yAxisPaddingValue = yAxisPadding !== null && yAxisPadding !== void 0 ? yAxisPadding : 0.5;
     yAxisPaddingValue = yAxisPaddingValue === 1 ? 0.99 : yAxisPaddingValue;
     const yAxisScale = (0, _d3scale.scaleBand)().domain(dataPoints).range([
@@ -807,15 +841,22 @@ const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints,
         margins.top
     ]).padding(yAxisPaddingValue);
     const axis = isRtl ? (0, _d3axis.axisRight)(yAxisScale) : (0, _d3axis.axisLeft)(yAxisScale);
-    const yAxis = axis.tickPadding(tickPadding).ticks(dataPoints);
-    if (yAxisTickFormat) {
-        yAxis.tickFormat(yAxisTickFormat);
-    }
+    const customTickValues = tickValues !== null && tickValues !== void 0 ? tickValues : dataPoints;
+    const tickFormat = (domainValue, _index)=>{
+        if (tickValues && tickText && typeof tickText[_index] !== 'undefined') {
+            return tickText[_index];
+        }
+        if (typeof yAxisTickFormat === 'function') {
+            return yAxisTickFormat(domainValue, _index);
+        }
+        return domainValue;
+    };
+    const yAxis = axis.tickPadding(tickPadding).tickValues(customTickValues).tickFormat(tickFormat);
     yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text') : '';
     return yAxisScale;
 };
 const createStringYAxis = (yAxisParams, dataPoints, isRtl, barWidth, chartType)=>{
-    const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding = 0, containerWidth } = yAxisParams;
+    const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding = 0, containerWidth, tickValues, tickText } = yAxisParams;
     const yAxisScale = (0, _d3scale.scaleBand)().domain(dataPoints).range([
         containerHeight - margins.bottom,
         margins.top
@@ -824,13 +865,20 @@ const createStringYAxis = (yAxisParams, dataPoints, isRtl, barWidth, chartType)=
         yAxisScale.paddingInner(1).paddingOuter(0);
     }
     const axis = isRtl ? (0, _d3axis.axisRight)(yAxisScale) : (0, _d3axis.axisLeft)(yAxisScale);
-    const yAxis = axis.tickPadding(tickPadding).tickValues(dataPoints).tickSize(0);
+    const customTickValues = tickValues !== null && tickValues !== void 0 ? tickValues : dataPoints;
+    const tickFormat = (domainValue, _index)=>{
+        if (tickValues && tickText && typeof tickText[_index] !== 'undefined') {
+            return tickText[_index];
+        }
+        if (typeof yAxisTickFormat === 'function') {
+            return yAxisTickFormat(domainValue, _index);
+        }
+        return domainValue;
+    };
+    const yAxis = axis.tickPadding(tickPadding).tickValues(customTickValues).tickFormat(tickFormat).tickSize(0);
     if (chartType === 3) {
         axis.tickSizeInner(-(containerWidth - margins.left - margins.right));
     }
-    if (yAxisTickFormat) {
-        yAxis.tickFormat(yAxisTickFormat);
-    }
     yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text') : '';
     return yAxisScale;
 };
@@ -875,14 +923,7 @@ function calloutData(values) {
             ];
         }
     });
-    const result = Object.keys(xValToDataPoints).map((xValue)=>{
-        const originalXValue = isNaN(Number(xValue)) ? xValue : Number(xValue);
-        return {
-            x: originalXValue,
-            values: xValToDataPoints[xValue]
-        };
-    });
-    return result;
+    return xValToDataPoints;
 }
 function getUnique(arr, comp) {
     const unique = arr // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1775,3 +1816,16 @@ function precisionRound(value, precision, base = 10) {
     const exp = Math.pow(base, precision);
     return Math.round(value * exp) / exp;
 }
+const findCalloutPoints = (calloutPointsByX, x)=>{
+    if (x === null) {
+        return undefined;
+    }
+    const key = x instanceof Date ? x.getTime() : x;
+    if (!calloutPointsByX[key]) {
+        return undefined;
+    }
+    return {
+        x,
+        values: calloutPointsByX[key]
+    };
+};