@fluentui/react-charting 5.23.97 → 5.24.1

package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValidXYRanges = exports.getNumberAtIndexOrDefault = exports.findArrayAttributes = exports.projectPolarToCartesian = exports.transformPlotlyJsonToChartTableProps = exports.transformPlotlyJsonToGaugeProps = exports.transformPlotlyJsonToSankeyProps = exports.transformPlotlyJsonToHeatmapProps = exports.transformPlotlyJsonToHorizontalBarWithAxisProps = exports.transformPlotlyJsonToScatterChartProps = exports.transformPlotlyJsonToVBCProps = exports.transformPlotlyJsonToGVBCProps = exports.transformPlotlyJsonToVSBCProps = exports.transformPlotlyJsonToDonutProps = exports._getGaugeAxisColor = exports.correctYearMonth = exports.isMonthArray = void 0;
+exports.getValidXYRanges = exports.getNumberAtIndexOrDefault = exports.isStringArray = exports.findArrayAttributes = exports.projectPolarToCartesian = exports.transformPlotlyJsonToChartTableProps = exports.transformPlotlyJsonToGaugeProps = exports.transformPlotlyJsonToSankeyProps = exports.transformPlotlyJsonToHeatmapProps = exports.transformPlotlyJsonToHorizontalBarWithAxisProps = exports.transformPlotlyJsonToScatterChartProps = exports.transformPlotlyJsonToVBCProps = exports.transformPlotlyJsonToGVBCProps = exports.transformPlotlyJsonToVSBCProps = exports.transformPlotlyJsonToDonutProps = exports._getGaugeAxisColor = exports.correctYearMonth = exports.isMonthArray = void 0;
 var tslib_1 = require("tslib");
 var d3_array_1 = require("d3-array");
 var d3_scale_1 = require("d3-scale");
@@ -192,7 +192,7 @@ var transformPlotlyJsonToDonutProps = function (input, colorMap, colorwayType, i
     var donutMarginVertical = 40 + (hideLabels ? 0 : 40);
     var innerRadius = firstData.hole
         ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)
-        : 0;
+        : utilities_1.MIN_DONUT_RADIUS;
     var chartTitle = getTitles(input.layout).chartTitle;
     return {
         data: {
@@ -243,7 +243,9 @@ var transformPlotlyJsonToVSBCProps = function (input, colorMap, colorwayType, is
                         data: yVal,
                         color: color,
                     });
-                    yMaxValue = Math.max(yMaxValue, yVal);
+                    if (typeof yVal === 'number') {
+                        yMaxValue = Math.max(yMaxValue, yVal);
+                    }
                 }
                 else if (series.type === 'scatter' || !!fallbackVSBC) {
                     var lineColor = (0, PlotlyColorAdapter_1.resolveColor)(extractedLineColors, index1, legend, colorMap, isDarkTheme);
@@ -262,7 +264,7 @@ var transformPlotlyJsonToVSBCProps = function (input, colorMap, colorwayType, is
                         lineOptions: tslib_1.__assign(tslib_1.__assign({}, (lineOptions !== null && lineOptions !== void 0 ? lineOptions : {})), { mode: series.mode }),
                         useSecondaryYScale: usesSecondaryYScale(series),
                     });
-                    if (!usesSecondaryYScale(series)) {
+                    if (!usesSecondaryYScale(series) && typeof yVal === 'number') {
                         yMaxValue = Math.max(yMaxValue, yVal);
                         yMinValue = Math.min(yMinValue, yVal);
                     }
@@ -271,7 +273,7 @@ var transformPlotlyJsonToVSBCProps = function (input, colorMap, colorwayType, is
         });
     });
     var _e = getTitles(input.layout), chartTitle = _e.chartTitle, xAxisTitle = _e.xAxisTitle, yAxisTitle = _e.yAxisTitle;
-    return tslib_1.__assign(tslib_1.__assign({ data: Object.values(mapXToDataPoints), width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, chartTitle: chartTitle, xAxisTitle: xAxisTitle, yAxisTitle: yAxisTitle, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2 });
+    return tslib_1.__assign(tslib_1.__assign({ data: Object.values(mapXToDataPoints), width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, chartTitle: chartTitle, xAxisTitle: xAxisTitle, yAxisTitle: yAxisTitle, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true });
 };
 exports.transformPlotlyJsonToVSBCProps = transformPlotlyJsonToVSBCProps;
 var createColorScale = function (colorscale, domain) {
@@ -356,7 +358,7 @@ var transformPlotlyJsonToVBCProps = function (input, colorMap, colorwayType, isD
             xValues.push(xVal);
             yValues.push(yVal);
         });
-        var isXString = isStringArray(xValues);
+        var isXString = (0, exports.isStringArray)(xValues);
         // TODO: In case of a single bin, add an empty bin of the same size to prevent the
         // default bar width from being used and ensure the bar spans the full intended range.
         var xBins = createBins(xValues, (_e = series.xbins) === null || _e === void 0 ? void 0 : _e.start, (_f = series.xbins) === null || _f === void 0 ? void 0 : _f.end, (_g = series.xbins) === null || _g === void 0 ? void 0 : _g.size);
@@ -407,11 +409,16 @@ var transformPlotlyJsonToScatterChartProps = function (input, isAreaChart, isSca
     var _g = getLegendProps(input.data, input.layout), legends = _g.legends, hideLegend = _g.hideLegend;
     var chartData = input.data
         .map(function (series, index) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var colors = isScatterMarkers
+            ? ((_a = series === null || series === void 0 ? void 0 : series.mode) === null || _a === void 0 ? void 0 : _a.includes('line'))
+                ? (_b = series.line) === null || _b === void 0 ? void 0 : _b.color
+                : (_c = series.marker) === null || _c === void 0 ? void 0 : _c.color
+            : (_d = series.line) === null || _d === void 0 ? void 0 : _d.color;
         // extract colors for each series only once
-        var extractedColors = (0, PlotlyColorAdapter_1.extractColor)((_c = (_b = (_a = input.layout) === null || _a === void 0 ? void 0 : _a.template) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.colorway, colorwayType, isScatterMarkers ? (_d = series.marker) === null || _d === void 0 ? void 0 : _d.color : (_e = series.line) === null || _e === void 0 ? void 0 : _e.color, colorMap, isDarkTheme);
+        var extractedColors = (0, PlotlyColorAdapter_1.extractColor)((_g = (_f = (_e = input.layout) === null || _e === void 0 ? void 0 : _e.template) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.colorway, colorwayType, colors, colorMap, isDarkTheme);
         var xValues = series.x;
-        var isString = isStringArray(xValues);
+        var isString = (0, exports.isStringArray)(xValues);
         var isXDate = (0, chart_utilities_1.isDateArray)(xValues);
         var isXNumber = (0, chart_utilities_1.isNumberArray)(xValues);
         var legend = legends[index];
@@ -419,10 +426,10 @@ var transformPlotlyJsonToScatterChartProps = function (input, isAreaChart, isSca
         var seriesColor = (0, PlotlyColorAdapter_1.resolveColor)(extractedColors, index, legend, colorMap, isDarkTheme);
         mode = series.fill === 'tozeroy' ? 'tozeroy' : 'tonexty';
         var lineOptions = getLineOptions(series.line);
-        var dashType = ((_f = series.line) === null || _f === void 0 ? void 0 : _f.dash) || 'solid';
+        var dashType = ((_h = series.line) === null || _h === void 0 ? void 0 : _h.dash) || 'solid';
         var legendShape = dashType === 'dot' || dashType === 'dash' || dashType === 'dashdot'
             ? 'dottedLine'
-            : ((_g = series.mode) === null || _g === void 0 ? void 0 : _g.includes('markers'))
+            : ((_j = series.mode) === null || _j === void 0 ? void 0 : _j.includes('markers'))
                 ? 'circle'
                 : 'default';
         var validXYRanges = (0, exports.getValidXYRanges)(series);
@@ -546,8 +553,8 @@ var transformPlotlyJsonToHeatmapProps = function (input) {
             yValues_1.push(firstData.y[index]);
             zValues_1.push(zVal);
         });
-        var isXString_1 = isStringArray(xValues_1);
-        var isYString_1 = isStringArray(yValues_1);
+        var isXString_1 = (0, exports.isStringArray)(xValues_1);
+        var isYString_1 = (0, exports.isStringArray)(yValues_1);
         var xBins_1 = createBins(xValues_1, (_b = firstData.xbins) === null || _b === void 0 ? void 0 : _b.start, (_c = firstData.xbins) === null || _c === void 0 ? void 0 : _c.end, (_d = firstData.xbins) === null || _d === void 0 ? void 0 : _d.size);
         var yBins_1 = createBins(yValues_1, (_e = firstData.ybins) === null || _e === void 0 ? void 0 : _e.start, (_f = firstData.ybins) === null || _f === void 0 ? void 0 : _f.end, (_g = firstData.ybins) === null || _g === void 0 ? void 0 : _g.size);
         var zBins_1 = yBins_1.map(function () { return xBins_1.map(function () { return []; }); });
@@ -796,11 +803,11 @@ var formatValue = function (value, colIndex, cells) {
                 formatted = (0, d3_format_1.format)(formatStr)(value);
             }
             catch (_a) {
-                formatted = (0, utilities_1.formatValueLimitWidth)(value);
+                formatted = (0, utilities_1.formatScientificLimitWidth)(value);
             }
         }
         else {
-            formatted = (0, utilities_1.formatValueLimitWidth)(value);
+            formatted = (0, utilities_1.formatScientificLimitWidth)(value);
         }
     }
     return "".concat(prefix !== null && prefix !== void 0 ? prefix : '').concat(formatted).concat(suffix !== null && suffix !== void 0 ? suffix : '');
@@ -1016,6 +1023,7 @@ var isStringArray = function (arr) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (0, chart_utilities_1.isArrayOfType)(arr, function (value) { return typeof value === 'string' || value === null; });
 };
+exports.isStringArray = isStringArray;
 // TODO: Use binary search to find the appropriate bin for numeric value.
 var findBinIndex = function (bins, value, isString) {
     if (typeof value === 'undefined' || value === null) {
@@ -1039,7 +1047,7 @@ var createBins = function (data, binStart, binEnd, binSize) {
     if (!data || data.length === 0) {
         return [];
     }
-    if (isStringArray(data)) {
+    if ((0, exports.isStringArray)(data)) {
         var categories_1 = Array.from(new Set(data));
         var start = typeof binStart === 'number' ? Math.ceil(binStart) : 0;
         var stop_1 = typeof binEnd === 'number' ? Math.floor(binEnd) + 1 : categories_1.length;