@fluentui/react-charts 9.3.6 → 9.3.7

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -88,6 +88,18 @@ const getYMinMaxValues = (series, layout)=>{
     }
     return {};
 };
+const getXMinMaxValues = (series, layout)=>{
+    var _getXAxisProperties;
+    const range = (_getXAxisProperties = getXAxisProperties(series, layout)) === null || _getXAxisProperties === void 0 ? void 0 : _getXAxisProperties.range;
+    if (range && range.length === 2) {
+        return {
+            xMinValue: range[0],
+            xMaxValue: range[1],
+            showRoundOffXTickValues: false
+        };
+    }
+    return {};
+};
 const getYAxisProperties = (series, layout)=>{
     return layout === null || layout === void 0 ? void 0 : layout.yaxis;
 };
@@ -1135,6 +1147,8 @@ export const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, col
         showYAxisLables: true,
         noOfCharsToTruncate: 20,
         showYAxisLablesTooltip: true,
+        roundedTicks: true,
+        ...getXMinMaxValues(input.data[0], input.layout),
         ...getTitles(input.layout),
         ...getXAxisTickFormat(input.data[0], input.layout),
         ...yAxisTickFormat,
@@ -1265,6 +1279,8 @@ export const transformPlotlyJsonToGVBCProps = (input, isMultiPlot, colorMap, col
         hideLegend,
         roundCorners: true,
         showYAxisLables: true,
+        roundedTicks: true,
+        ...getXMinMaxValues(processedInput.data[0], processedInput.layout),
         ...getTitles(processedInput.layout),
         ...getAxisCategoryOrderProps(processedInput.data, processedInput.layout),
         ...getYMinMaxValues(processedInput.data[0], processedInput.layout),
@@ -1352,6 +1368,8 @@ export const transformPlotlyJsonToVBCProps = (input, isMultiPlot, colorMap, colo
         hideLegend,
         roundCorners: true,
         showYAxisLables: true,
+        roundedTicks: true,
+        ...getXMinMaxValues(input.data[0], input.layout),
         ...getTitles(input.layout),
         ...getYMinMaxValues(input.data[0], input.layout),
         ...getAxisCategoryOrderProps(input.data, input.layout),
@@ -1572,6 +1590,8 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
         wrapXAxisLabels: shouldWrapLabels,
         optimizeLargeData: numDataPoints > 1000,
         showYAxisLables: true,
+        roundedTicks: true,
+        ...getXMinMaxValues(input.data[0], input.layout),
         ...getTitles(input.layout),
         ...getXAxisTickFormat(input.data[0], input.layout),
         ...yAxisTickFormat,
@@ -1590,7 +1610,6 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
     } else {
         return {
             data: isScatterChart ? scatterChartProps : chartProps,
-            roundedTicks: true,
             ...commonProps,
             ...yMinMax,
             ...isScatterChart ? {
@@ -1658,6 +1677,8 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (input, isMultiPl
         showYAxisLablesTooltip: true,
         hideLegend,
         roundCorners: true,
+        roundedTicks: true,
+        ...getXMinMaxValues(input.data[0], input.layout),
         ...getTitles(input.layout),
         ...getAxisCategoryOrderProps(input.data, input.layout),
         ...getBarProps(input.data, input.layout, true),
@@ -1882,7 +1903,7 @@ export const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap,
     };
 };
 export const transformPlotlyJsonToSankeyProps = (input, isMultiPlot, colorMap, colorwayType, isDarkTheme)=>{
-    var _input_layout_template_layout, _input_layout_template, _input_layout, _node_label, _input_layout1, _input_layout2;
+    var _input_layout_template_layout, _input_layout_template, _input_layout, _input_layout_template_layout1, _input_layout_template1, _input_layout1, _node_label, _input_layout2, _input_layout3;
     const { link, node } = input.data[0];
     var _link_value;
     const validLinks = ((_link_value = link === null || link === void 0 ? void 0 : link.value) !== null && _link_value !== void 0 ? _link_value : []).map((val, index)=>{
@@ -1898,6 +1919,7 @@ export const transformPlotlyJsonToSankeyProps = (input, isMultiPlot, colorMap, c
     })// Filter out negative nodes, unequal nodes and self-references (circular links)
     .filter((x)=>x !== null && x.source >= 0 && x.target >= 0 && x.source !== x.target);
     const extractedNodeColors = 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, node === null || node === void 0 ? void 0 : node.color, colorMap, isDarkTheme);
+    const extractedLinkColors = 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, link === null || link === void 0 ? void 0 : link.color, colorMap, isDarkTheme);
     const sankeyChartData = {
         nodes: (_node_label = node.label) === null || _node_label === void 0 ? void 0 : _node_label.map((label, index)=>{
             var _input_layout_template_layout, _input_layout_template, _input_layout;
@@ -1910,8 +1932,11 @@ export const transformPlotlyJsonToSankeyProps = (input, isMultiPlot, colorMap, c
         }),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         links: validLinks.map((validLink, index)=>{
+            var _input_layout_template_layout, _input_layout_template, _input_layout;
+            const color = resolveColor(extractedLinkColors, index, validLink.target, colorMap, (_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, isDarkTheme);
             return {
-                ...validLink
+                ...validLink,
+                color
             };
         })
     };
@@ -1927,8 +1952,8 @@ export const transformPlotlyJsonToSankeyProps = (input, isMultiPlot, colorMap, c
             chartTitle,
             SankeyChartData: sankeyChartData
         },
-        width: (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : _input_layout1.width,
-        height: (_input_layout_height = (_input_layout2 = input.layout) === null || _input_layout2 === void 0 ? void 0 : _input_layout2.height) !== null && _input_layout_height !== void 0 ? _input_layout_height : 468
+        width: (_input_layout2 = input.layout) === null || _input_layout2 === void 0 ? void 0 : _input_layout2.width,
+        height: (_input_layout_height = (_input_layout3 = input.layout) === null || _input_layout3 === void 0 ? void 0 : _input_layout3.height) !== null && _input_layout_height !== void 0 ? _input_layout_height : 468
     };
 };
 export const transformPlotlyJsonToGaugeProps = (input, isMultiPlot, colorMap, colorwayType, isDarkTheme)=>{
@@ -2616,23 +2641,25 @@ export const getAllupLegendsProps = (input, colorMap, colorwayType, traceInfo, i
     if (toShowLegend) {
         input.data.forEach((series, index)=>{
             if (traceInfo[index].type === 'donut') {
-                var _input_layout, _input_layout_template_layout, _input_layout_template, _input_layout1, _input_layout2, _pieSeries_marker, _pieSeries_labels;
+                var _input_layout, _input_layout_template_layout, _input_layout_template, _input_layout1, _input_layout2, _pieSeries_marker;
                 const pieSeries = series;
                 var _input_layout_piecolorway, _input_layout_piecolorway1;
                 const colors = extractColor((_input_layout_piecolorway = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.piecolorway) !== null && _input_layout_piecolorway !== void 0 ? _input_layout_piecolorway : (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template = _input_layout1.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, (_input_layout_piecolorway1 = (_input_layout2 = input.layout) === null || _input_layout2 === void 0 ? void 0 : _input_layout2.piecolorway) !== null && _input_layout_piecolorway1 !== void 0 ? _input_layout_piecolorway1 : pieSeries === null || pieSeries === void 0 ? void 0 : (_pieSeries_marker = pieSeries.marker) === null || _pieSeries_marker === void 0 ? void 0 : _pieSeries_marker.colors, colorMap, isDarkTheme, true);
-                (_pieSeries_labels = pieSeries.labels) === null || _pieSeries_labels === void 0 ? void 0 : _pieSeries_labels.forEach((label, labelIndex)=>{
-                    var _input_layout, _input_layout_template_layout, _input_layout_template, _input_layout1;
-                    const legend = `${label}`;
-                    var _input_layout_piecolorway;
-                    // resolve color for each legend from the extracted colors
-                    const color = resolveColor(colors, labelIndex, legend, colorMap, (_input_layout_piecolorway = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.piecolorway) !== null && _input_layout_piecolorway !== void 0 ? _input_layout_piecolorway : (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template = _input_layout1.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, isDarkTheme, true);
-                    if (legend !== '' && allupLegends.some((group)=>group.title === legend) === false) {
-                        allupLegends.push({
-                            title: legend,
-                            color
-                        });
-                    }
-                });
+                if (isArrayOrTypedArray(pieSeries.labels)) {
+                    pieSeries.labels.forEach((label, labelIndex)=>{
+                        var _input_layout, _input_layout_template_layout, _input_layout_template, _input_layout1;
+                        const legend = `${label}`;
+                        var _input_layout_piecolorway;
+                        // resolve color for each legend from the extracted colors
+                        const color = resolveColor(colors, labelIndex, legend, colorMap, (_input_layout_piecolorway = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.piecolorway) !== null && _input_layout_piecolorway !== void 0 ? _input_layout_piecolorway : (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template = _input_layout1.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, isDarkTheme, true);
+                        if (legend !== '' && allupLegends.some((group)=>group.title === legend) === false) {
+                            allupLegends.push({
+                                title: legend,
+                                color
+                            });
+                        }
+                    });
+                }
             } else if (isNonPlotType(traceInfo[index].type) === false) {
                 var _plotSeries_line, _plotSeries_marker, _input_layout_template_layout1, _input_layout_template1, _input_layout3;
                 const plotSeries = series;
@@ -3117,9 +3144,8 @@ const getAxisType = (data, ax)=>{
     const values = [];
     data.forEach((series)=>{
         const axId = series[`${axLetter}axis`];
-        if (axId === ax._id || !axId && ax._id === axLetter) {
-            var _series_axLetter;
-            (_series_axLetter = series[axLetter]) === null || _series_axLetter === void 0 ? void 0 : _series_axLetter.forEach((val)=>{
+        if ((axId === ax._id || !axId && ax._id === axLetter) && isArrayOrTypedArray(series[axLetter])) {
+            series[axLetter].forEach((val)=>{
                 if (!isInvalidValue(val)) {
                     values.push(val);
                 }