@fluentui/react-charts 0.0.0-nightly-20251020-1611.1 → 0.0.0-nightly-20251021-0406.1

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

@@ -580,7 +580,6 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
     ((_input_layout_shapes = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.shapes) !== null && _input_layout_shapes !== void 0 ? _input_layout_shapes : []).filter((shape)=>shape.type === 'line').forEach((shape, shapeIdx)=>{
         var _shape_line;
         const lineColor = (_shape_line = shape.line) === null || _shape_line === void 0 ? void 0 : _shape_line.color;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const resolveX = (val)=>{
             if (typeof val === 'number' && Array.isArray(xCategories) && xCategories[val] !== undefined) {
                 return xCategories[val];
@@ -589,7 +588,6 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
         };
         const x0Key = resolveX(shape.x0);
         const x1Key = resolveX(shape.x1);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const resolveY = (val)=>{
             if (shape.yref === 'paper') {
                 if (val === 0) {
@@ -598,7 +596,10 @@ const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, colorwayTy
                 if (val === 1) {
                     return yMaxValue;
                 }
-                return yMinValue + val * (yMaxValue - yMinValue);
+                if (typeof val === 'number') {
+                    return yMinValue + val * (yMaxValue - yMinValue);
+                }
+                return val;
             }
             return val;
         };
@@ -861,8 +862,29 @@ const transformPlotlyJsonToLineChartProps = (input, isMultiPlot, colorMap, color
 const transformPlotlyJsonToScatterChartProps = (input, isMultiPlot, colorMap, colorwayType, isDarkTheme)=>{
     return transformPlotlyJsonToScatterTraceProps(input, isMultiPlot, 'scatter', colorMap, colorwayType, isDarkTheme);
 };
+const mapColorFillBars = (layout)=>{
+    if (!Array.isArray(layout === null || layout === void 0 ? void 0 : layout.shapes)) {
+        return [];
+    }
+    return layout.shapes.filter((shape)=>shape.type === 'rect').map((shape)=>{
+        //colorFillbars doesn't support string dates or categories
+        if (typeof shape.x0 === 'string' || typeof shape.x1 === 'string') {
+            return null;
+        }
+        return {
+            color: shape.fillcolor,
+            data: [
+                {
+                    startX: shape.x0,
+                    endX: shape.x1
+                }
+            ],
+            applyPattern: false
+        };
+    });
+};
 const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, colorMap, colorwayType, isDarkTheme)=>{
-    var _input_data_, _input_layout, _input_layout1, _input_layout2;
+    var _input_data_, _chartData__data_, _chartData_, _chartData__data_1, _chartData_1, _chartData__data_2, _chartData_2, _chartData__data_3, _chartData_3, _input_layout, _input_layout1, _input_layout2;
     const isScatterMarkers = [
         'text',
         'markers',
@@ -946,21 +968,55 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
             };
         });
     }).flat();
+    const xMinValue = (_chartData_ = chartData[0]) === null || _chartData_ === void 0 ? void 0 : (_chartData__data_ = _chartData_.data[0]) === null || _chartData__data_ === void 0 ? void 0 : _chartData__data_.x;
+    const xMaxValue = (_chartData_1 = chartData[0]) === null || _chartData_1 === void 0 ? void 0 : (_chartData__data_1 = _chartData_1.data[chartData[0].data.length - 1]) === null || _chartData__data_1 === void 0 ? void 0 : _chartData__data_1.x;
+    const yMinValue = (_chartData_2 = chartData[0]) === null || _chartData_2 === void 0 ? void 0 : (_chartData__data_2 = _chartData_2.data[0]) === null || _chartData__data_2 === void 0 ? void 0 : _chartData__data_2.y;
+    const yMaxValue = (_chartData_3 = chartData[0]) === null || _chartData_3 === void 0 ? void 0 : (_chartData__data_3 = _chartData_3.data[chartData[0].data.length - 1]) === null || _chartData__data_3 === void 0 ? void 0 : _chartData__data_3.y;
     var _input_layout_shapes;
     const lineShape = ((_input_layout_shapes = (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.shapes) !== null && _input_layout_shapes !== void 0 ? _input_layout_shapes : []).filter((shape)=>shape.type === 'line').map((shape, shapeIdx)=>{
         var _shape_line;
         const lineColor = (_shape_line = shape.line) === null || _shape_line === void 0 ? void 0 : _shape_line.color;
+        const resolveX = (val)=>{
+            if (shape.xref === 'paper') {
+                if (val === 0) {
+                    return xMinValue;
+                }
+                if (val === 1) {
+                    return xMaxValue;
+                }
+                if (typeof val === 'number' && typeof xMinValue === 'number' && typeof xMaxValue === 'number') {
+                    return xMinValue + val * (xMaxValue - xMinValue);
+                }
+                return val;
+            }
+            return val;
+        };
+        const resolveY = (val)=>{
+            if (shape.yref === 'paper') {
+                if (val === 0) {
+                    return yMinValue;
+                }
+                if (val === 1) {
+                    return yMaxValue;
+                }
+                if (typeof val === 'number') {
+                    return yMinValue + val * (yMaxValue - yMinValue);
+                }
+                return val;
+            }
+            return val;
+        };
         var _rgb_formatHex8;
         return {
             legend: `Reference_${shapeIdx}`,
             data: [
                 {
-                    x: shape.x0,
-                    y: shape.y0
+                    x: resolveX(shape.x0),
+                    y: resolveY(shape.y0)
                 },
                 {
-                    x: shape.x1,
-                    y: shape.y1
+                    x: resolveX(shape.x1),
+                    y: resolveY(shape.y1)
                 }
             ],
             color: (_rgb_formatHex8 = (0, _d3color.rgb)(lineColor).formatHex8()) !== null && _rgb_formatHex8 !== void 0 ? _rgb_formatHex8 : lineColor,
@@ -1016,7 +1072,13 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
             ...isScatterChart ? {
                 showYAxisLablesTooltip: true,
                 ...getAxisCategoryOrderProps(input.data, input.layout)
-            } : {}
+            } : {},
+            ...!isScatterChart && (()=>{
+                const bars = mapColorFillBars(input.layout);
+                return bars && !bars.includes(null) ? {
+                    colorFillBars: bars
+                } : {};
+            })()
         };
     }
 };