@fluentui/react-charting 5.23.97 → 5.24.0

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

@@ -1,7 +1,7 @@
 define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../../utilities/colors", "../GaugeChart/index", "../../utilities/utilities", "@fluentui/chart-utilities", "d3-time-format", "d3-shape", "./PlotlyColorAdapter"], function (require, exports, tslib_1, d3_array_1, d3_scale_1, d3_format_1, colors_1, index_1, utilities_1, chart_utilities_1, d3_time_format_1, d3_shape_1, PlotlyColorAdapter_1) {
     "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 dashOptions = {
         dot: {
             strokeDasharray: '1, 5',
@@ -182,7 +182,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         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: {
@@ -233,7 +233,9 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                             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);
@@ -252,7 +254,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                             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);
                         }
@@ -261,7 +263,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             });
         });
         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) {
@@ -346,7 +348,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 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);
@@ -401,7 +403,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             // 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 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];
@@ -536,8 +538,8 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 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 []; }); });
@@ -786,11 +788,11 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                     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 : '');
@@ -1006,6 +1008,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         // 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) {
@@ -1029,7 +1032,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         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;