@fluentui/react-charts 0.0.0-nightly-20250813-0406.1 → 0.0.0-nightly-20250815-0407.1

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

@@ -24,9 +24,15 @@ _export(exports, {
     getValidXYRanges: function() {
         return getValidXYRanges;
     },
+    isStringArray: function() {
+        return isStringArray;
+    },
     projectPolarToCartesian: function() {
         return projectPolarToCartesian;
     },
+    resolveXAxisPoint: function() {
+        return resolveXAxisPoint;
+    },
     transformPlotlyJsonToChartTableProps: function() {
         return transformPlotlyJsonToChartTableProps;
     },
@@ -194,6 +200,25 @@ const _getGaugeAxisColor = (colorway, colorwayType, color, colorMap, isDarkTheme
     const extractedColors = (0, _PlotlyColorAdapter.extractColor)(colorway, colorwayType, color, colorMap, isDarkTheme);
     return (0, _PlotlyColorAdapter.resolveColor)(extractedColors, 0, '', colorMap, isDarkTheme);
 };
+const resolveXAxisPoint = (x, isXYearCategory, isXString, isXDate, isXNumber)=>{
+    if (x === null || x === undefined) {
+        return '';
+    }
+    if (isXYearCategory) {
+        return x.toString();
+    }
+    if (isXString) {
+        if (isXDate) {
+            const date = new Date(x);
+            return date;
+        }
+        if (isXNumber) {
+            return parseFloat(x);
+        }
+        return x;
+    }
+    return x;
+};
 const transformPlotlyJsonToDonutProps = (input, colorMap, colorwayType, isDarkTheme)=>{
     var _input_layout, _input_layout_template_layout, _input_layout_template, _input_layout1, _input_layout2, _firstData_marker, _firstData_labels, _input_layout3, _input_layout4, _input_layout5, _input_layout6;
     const firstData = input.data[0];
@@ -265,6 +290,10 @@ const transformPlotlyJsonToVSBCProps = (input, colorMap, colorwayType, isDarkThe
         const extractedBarColors = (0, _PlotlyColorAdapter.extractColor)((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color, colorMap, isDarkTheme);
         // extract line colors for each series only once
         const extractedLineColors = (0, _PlotlyColorAdapter.extractColor)((_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template1 = _input_layout1.template) === null || _input_layout_template1 === void 0 ? void 0 : (_input_layout_template_layout1 = _input_layout_template1.layout) === null || _input_layout_template_layout1 === void 0 ? void 0 : _input_layout_template_layout1.colorway, colorwayType, (_series_line = series.line) === null || _series_line === void 0 ? void 0 : _series_line.color, colorMap, isDarkTheme);
+        const xValues = series.x;
+        const isXDate = (0, _chartutilities.isDateArray)(xValues);
+        const isXString = isStringArray(xValues);
+        const isXNumber = (0, _chartutilities.isNumberArray)(xValues);
         const validXYRanges = getValidXYRanges(series);
         validXYRanges.forEach(([rangeStart, rangeEnd], rangeIdx)=>{
             const rangeXValues = series.x.slice(rangeStart, rangeEnd);
@@ -272,7 +301,7 @@ const transformPlotlyJsonToVSBCProps = (input, colorMap, colorwayType, isDarkThe
             rangeXValues.forEach((x, index2)=>{
                 if (!mapXToDataPoints[x]) {
                     mapXToDataPoints[x] = {
-                        xAxisPoint: isXYearCategory ? x.toString() : x,
+                        xAxisPoint: resolveXAxisPoint(x, isXYearCategory, isXString, isXDate, isXNumber),
                         chartData: [],
                         lineData: []
                     };
@@ -287,6 +316,9 @@ const transformPlotlyJsonToVSBCProps = (input, colorMap, colorwayType, isDarkThe
                         data: yVal,
                         color
                     });
+                    if (typeof yVal === 'number') {
+                        yMaxValue = Math.max(yMaxValue, yVal);
+                    }
                 } else if (series.type === 'scatter' || !!fallbackVSBC) {
                     var _series_line;
                     const lineColor = (0, _PlotlyColorAdapter.resolveColor)(extractedLineColors, index1, legend, colorMap, isDarkTheme);
@@ -303,7 +335,7 @@ const transformPlotlyJsonToVSBCProps = (input, colorMap, colorwayType, isDarkThe
                         } : {},
                         useSecondaryYScale: usesSecondaryYScale(series)
                     });
-                    if (!usesSecondaryYScale(series)) {
+                    if (!usesSecondaryYScale(series) && typeof yVal === 'number') {
                         yMaxValue = Math.max(yMaxValue, yVal);
                         yMinValue = Math.min(yMinValue, yVal);
                     }
@@ -331,7 +363,10 @@ const transformPlotlyJsonToVSBCProps = (input, colorMap, colorwayType, isDarkThe
         hideTickOverlap: true,
         barGapMax: 2,
         hideLegend,
-        roundCorners: true
+        roundCorners: true,
+        showYAxisLables: true,
+        noOfCharsToTruncate: 20,
+        showYAxisLablesTooltip: true
     };
 };
 const createColorScale = (colorscale, domain)=>{
@@ -487,19 +522,22 @@ const transformPlotlyJsonToScatterChartProps = (input, isAreaChart, isScatterMar
     let mode = 'tonexty';
     const { legends, hideLegend } = getLegendProps(input.data, input.layout);
     const chartData = input.data.map((series, index)=>{
-        var _input_layout_template_layout, _input_layout_template, _input_layout, _series_marker, _series_line, _series_line1;
+        var _series_mode, _series_line, _series_marker, _series_line1, _input_layout_template_layout, _input_layout_template, _input_layout, _series_line2;
+        const colors = isScatterMarkers ? (series === null || series === void 0 ? void 0 : (_series_mode = series.mode) === null || _series_mode === void 0 ? void 0 : _series_mode.includes('line')) ? (_series_line = series.line) === null || _series_line === void 0 ? void 0 : _series_line.color : (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color : (_series_line1 = series.line) === null || _series_line1 === void 0 ? void 0 : _series_line1.color;
         // extract colors for each series only once
-        const extractedColors = (0, _PlotlyColorAdapter.extractColor)((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, isScatterMarkers ? (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color : (_series_line = series.line) === null || _series_line === void 0 ? void 0 : _series_line.color, colorMap, isDarkTheme);
+        const extractedColors = (0, _PlotlyColorAdapter.extractColor)((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, colors, colorMap, isDarkTheme);
         const xValues = series.x;
-        const isString = isStringArray(xValues);
+        const isXString = isStringArray(xValues);
         const isXDate = (0, _chartutilities.isDateArray)(xValues);
         const isXNumber = (0, _chartutilities.isNumberArray)(xValues);
+        // string case is not possible for scatter chart as it is already filtered out in declarative chart
+        const isXYearCategory = false;
         const legend = legends[index];
         // resolve color for each legend's lines from the extracted colors
         const seriesColor = (0, _PlotlyColorAdapter.resolveColor)(extractedColors, index, legend, colorMap, isDarkTheme);
         mode = series.fill === 'tozeroy' ? 'tozeroy' : 'tonexty';
         const lineOptions = getLineOptions(series.line);
-        const dashType = ((_series_line1 = series.line) === null || _series_line1 === void 0 ? void 0 : _series_line1.dash) || 'solid';
+        const dashType = ((_series_line2 = series.line) === null || _series_line2 === void 0 ? void 0 : _series_line2.dash) || 'solid';
         const legendShape = dashType === 'dot' || dashType === 'dash' || dashType === 'dashdot' ? 'dottedLine' : 'default';
         const validXYRanges = getValidXYRanges(series);
         return validXYRanges.map(([rangeStart, rangeEnd], rangeIdx)=>{
@@ -513,7 +551,7 @@ const transformPlotlyJsonToScatterChartProps = (input, isAreaChart, isScatterMar
                 data: rangeXValues.map((x, i)=>{
                     var _series_marker, _series_marker1;
                     return {
-                        x: isString ? isXDate ? new Date(x) : isXNumber ? parseFloat(x) : x : x,
+                        x: resolveXAxisPoint(x, isXYearCategory, isXString, isXDate, isXNumber),
                         y: rangeYValues[i],
                         ...Array.isArray((_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.size) ? {
                             markerSize: markerSizes[i]
@@ -1121,7 +1159,6 @@ function getLineOptions(line) {
     }
     return Object.keys(lineOptions).length > 0 ? lineOptions : undefined;
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isStringArray = (arr)=>{
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (0, _chartutilities.isArrayOfType)(arr, (value)=>typeof value === 'string' || value === null);