@fluentui/react-charting 5.24.11 → 5.24.13

package/lib-commonjs/utilities/utilities.js

@@ -1,8 +1,8 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-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.getContrastTextColor = exports.getInvertedTextColor = exports.sortAxisCategories = exports.truncateString = exports.domainRangeOfNumericForScatterChart = exports.domainRangeOfDateForScatterChart = exports.getCurveFactory = exports.createMeasurementSpan = exports.copyStyle = void 0;
+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.getDateFormatLevel = exports.createNumericXAxis = exports.defaultYAxisTickFormatter = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = exports.MIN_DONUT_RADIUS = exports.MIN_DOMAIN_MARGIN = void 0;
+exports.isScatterPolarSeries = exports.getContrastTextColor = exports.getInvertedTextColor = exports.sortAxisCategories = exports.truncateString = exports.domainRangeOfNumericForScatterChart = exports.domainRangeOfDateForScatterChart = exports.getCurveFactory = exports.createMeasurementSpan = exports.copyStyle = exports.resolveCSSVariables = void 0;
 var tslib_1 = require("tslib");
 var d3_axis_1 = require("d3-axis");
 var d3_array_1 = require("d3-array");
@@ -28,6 +28,7 @@ var ChartTypes;
     ChartTypes[ChartTypes["HeatMapChart"] = 5] = "HeatMapChart";
     ChartTypes[ChartTypes["HorizontalBarChartWithAxis"] = 6] = "HorizontalBarChartWithAxis";
     ChartTypes[ChartTypes["ScatterChart"] = 7] = "ScatterChart";
+    ChartTypes[ChartTypes["GanttChart"] = 8] = "GanttChart";
 })(ChartTypes || (exports.ChartTypes = ChartTypes = {}));
 var XAxisTypes;
 (function (XAxisTypes) {
@@ -99,7 +100,7 @@ function createNumericXAxis(xAxisParams, tickParams, chartType, culture) {
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
-    if (chartType === ChartTypes.HorizontalBarChartWithAxis) {
+    if ([ChartTypes.HorizontalBarChartWithAxis, ChartTypes.GanttChart].includes(chartType)) {
         xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
     }
     if (tickParams.tickValues) {
@@ -204,6 +205,7 @@ function getDateFormatLevel(date, useUTC) {
     });
     return (_a = matchedFormat === null || matchedFormat === void 0 ? void 0 : matchedFormat.formatLevel) !== null && _a !== void 0 ? _a : 7;
 }
+exports.getDateFormatLevel = getDateFormatLevel;
 function isPowerOf10(num) {
     var roundedfinalYMax = (0, chart_utilities_1.handleFloatingPointPrecisionError)(num);
     return Math.log10(roundedfinalYMax) % 1 === 0;
@@ -214,7 +216,7 @@ function isPowerOf10(num) {
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
  */
-function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC) {
+function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC, chartType) {
     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, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
     var xAxisScale = useUTC ? (0, d3_scale_1.scaleUtc)() : (0, d3_scale_1.scaleTime)();
@@ -263,6 +265,9 @@ function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLo
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
+    if ([ChartTypes.GanttChart].includes(chartType)) {
+        xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
+    }
     tickParams.tickValues ? xAxis.tickValues(tickParams.tickValues) : '';
     if (xAxisElement) {
         (0, d3_selection_1.select)(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
@@ -823,6 +828,7 @@ exports.getXAxisType = getXAxisType;
  * @returns {IDomainNRange}
  */
 function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
+    var isScatterPolar = isScatterPolarSeries(points);
     var xMin = (0, d3_array_1.min)(points, function (point) {
         return (0, d3_array_1.min)(point.data, function (item) { return item.x; });
     });
@@ -834,8 +840,8 @@ function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
     var rStartValue = margins.left;
     var rEndValue = width - margins.right;
     return isRTL
-        ? { dStartValue: xMax, dEndValue: xMin, rStartValue: rStartValue, rEndValue: rEndValue }
-        : { dStartValue: xMin, dEndValue: xMax, rStartValue: rStartValue, rEndValue: rEndValue };
+        ? { dStartValue: isScatterPolar ? 1 : xMax, dEndValue: isScatterPolar ? -1 : xMin, rStartValue: rStartValue, rEndValue: rEndValue }
+        : { dStartValue: isScatterPolar ? -1 : xMin, dEndValue: isScatterPolar ? 1 : xMax, rStartValue: rStartValue, rEndValue: rEndValue };
 }
 exports.domainRangeOfNumericForAreaChart = domainRangeOfNumericForAreaChart;
 /**
@@ -1057,9 +1063,9 @@ function findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
 }
 exports.findVerticalNumericMinMaxOfY = findVerticalNumericMinMaxOfY;
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Fins the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IHorizontalBarChartWithAxisDataPoint[]|IGanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
 function findHBCWANumericMinMaxOfY(points, yAxisType) {
@@ -1432,6 +1438,7 @@ exports.domainRangeOfDateForScatterChart = domainRangeOfDateForScatterChart;
  * @returns {IDomainNRange}
  */
 function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
+    var isScatterPolar = isScatterPolarSeries(points);
     var xMin = (0, d3_array_1.min)(points, function (point) {
         return (0, d3_array_1.min)(point.data, function (item) { return item.x; });
     });
@@ -1446,8 +1453,8 @@ function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
     var rStartValue = margins.left;
     var rEndValue = width - margins.right;
     return isRTL
-        ? { dStartValue: xMax, dEndValue: xMin, rStartValue: rStartValue, rEndValue: rEndValue }
-        : { dStartValue: xMin, dEndValue: xMax, rStartValue: rStartValue, rEndValue: rEndValue };
+        ? { dStartValue: isScatterPolar ? 1 : xMax, dEndValue: isScatterPolar ? -1 : xMin, rStartValue: rStartValue, rEndValue: rEndValue }
+        : { dStartValue: isScatterPolar ? -1 : xMin, dEndValue: isScatterPolar ? 1 : xMax, rStartValue: rStartValue, rEndValue: rEndValue };
 }
 exports.domainRangeOfNumericForScatterChart = domainRangeOfNumericForScatterChart;
 var truncateString = function (str, maxLength, ellipsis) {
@@ -1531,4 +1538,15 @@ function getContrastTextColor(backgroundColor, theme) {
     return textColor;
 }
 exports.getContrastTextColor = getContrastTextColor;
+/**
+ * Utility function to check if an array of points is scatterpolar
+ * @param points - Array of chart points
+ * @returns true if any point has lineOptions.mode as 'scatterpolar'
+ */
+function isScatterPolarSeries(points) {
+    return points.some(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function (item) { var _a; return typeof ((_a = item.lineOptions) === null || _a === void 0 ? void 0 : _a.mode) === 'string' && item.lineOptions.mode === 'scatterpolar'; });
+}
+exports.isScatterPolarSeries = isScatterPolarSeries;
 //# sourceMappingURL=utilities.js.map