@fluentui/react-charting 5.24.13 → 5.24.14

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -333,7 +333,7 @@ export var transformPlotlyJsonToVSBCProps = function (input, isMultiPlot, colorM
         });
     });
     var vsbcData = Object.values(mapXToDataPoints);
-    return __assign(__assign(__assign(__assign(__assign(__assign({ data: vsbcData, 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, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, wrapXAxisLables: typeof ((_d = vsbcData[0]) === null || _d === void 0 ? void 0 : _d.xAxisPoint) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat);
+    return __assign(__assign(__assign(__assign(__assign(__assign(__assign({ data: vsbcData, 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, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, wrapXAxisLables: typeof ((_d = vsbcData[0]) === null || _d === void 0 ? void 0 : _d.xAxisPoint) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat);
 };
 export var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
     var _a, _b, _c, _d;
@@ -488,7 +488,7 @@ var transformPlotlyJsonToScatterTraceProps = function (input, isMultiPlot, chart
         var legendShape = getLegendShape(series);
         var validXYRanges = getValidXYRanges(series);
         return validXYRanges.map(function (_a, rangeIdx) {
-            var _b, _c, _d;
+            var _b, _c, _d, _e, _f, _g, _h, _j, _k;
             var rangeStart = _a[0], rangeEnd = _a[1];
             var rangeXValues = xValues.slice(rangeStart, rangeEnd);
             var rangeYValues = series.y.slice(rangeStart, rangeEnd);
@@ -508,10 +508,13 @@ var transformPlotlyJsonToScatterTraceProps = function (input, isMultiPlot, chart
                             : {})), (textValues ? { text: textValues[i] } : {})), { yAxisCalloutData: getFormattedCalloutYData(rangeYValues[i], yAxisTickFormat) }));
                 }),
                 color: (_c = rgb(seriesColor).copy({ opacity: seriesOpacity }).formatHex8()) !== null && _c !== void 0 ? _c : seriesColor,
-                lineOptions: __assign(__assign({}, (lineOptions !== null && lineOptions !== void 0 ? lineOptions : {})), { mode: series.type !== 'scatterpolar' ? series.mode : 'scatterpolar', 
-                    // originXOffset is not typed on Layout, but may be present in input.layout as a part of projection of
-                    // scatter polar coordingates to cartesian coordinates
-                    originXOffset: (_d = input.layout) === null || _d === void 0 ? void 0 : _d.__polarOriginX }),
+                lineOptions: __assign(__assign(__assign({}, (lineOptions !== null && lineOptions !== void 0 ? lineOptions : {})), { mode: series.type !== 'scatterpolar' ? series.mode : 'scatterpolar' }), (series.type === 'scatterpolar'
+                    ? {
+                        originXOffset: (_d = input.layout) === null || _d === void 0 ? void 0 : _d.__polarOriginX,
+                        direction: (_g = (_f = (_e = input.layout) === null || _e === void 0 ? void 0 : _e.polar) === null || _f === void 0 ? void 0 : _f.angularaxis) === null || _g === void 0 ? void 0 : _g.direction,
+                        rotation: (_k = (_j = (_h = input.layout) === null || _h === void 0 ? void 0 : _h.polar) === null || _j === void 0 ? void 0 : _j.angularaxis) === null || _k === void 0 ? void 0 : _k.rotation,
+                    }
+                    : {})),
                 useSecondaryYScale: usesSecondaryYScale(series, input.layout),
             };
         });
@@ -1117,7 +1120,7 @@ export var transformPlotlyJsonToFunnelChartProps = function (input, isMultiPlot,
     };
 };
 export var projectPolarToCartesian = function (input) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var projection = __assign({}, input);
     // 1. Find the global min and max radius across all series
     var minRadius = 0;
@@ -1154,6 +1157,9 @@ export var projectPolarToCartesian = function (input) {
             projection.data[sindex] = series;
             return "continue";
         }
+        // retrieve polar axis settings
+        var dirMultiplier = ((_c = (_b = (_a = input.layout) === null || _a === void 0 ? void 0 : _a.polar) === null || _b === void 0 ? void 0 : _b.angularaxis) === null || _c === void 0 ? void 0 : _c.direction) === 'clockwise' ? -1 : 1;
+        var startAngleInRad = (((_g = (_f = (_e = (_d = input.layout) === null || _d === void 0 ? void 0 : _d.polar) === null || _e === void 0 ? void 0 : _e.angularaxis) === null || _f === void 0 ? void 0 : _f.rotation) !== null && _g !== void 0 ? _g : 0) * Math.PI) / 180;
         // Compute tick positions if categorical
         var uniqueTheta = [];
         var categorical = false;
@@ -1170,10 +1176,10 @@ export var projectPolarToCartesian = function (input) {
             if (categorical) {
                 var idx = uniqueTheta.indexOf(thetas[ptindex]);
                 var step = (2 * Math.PI) / uniqueTheta.length;
-                thetaRad = idx * step;
+                thetaRad = startAngleInRad + dirMultiplier * idx * step;
             }
             else {
-                thetaRad = (thetas[ptindex] * Math.PI) / 180;
+                thetaRad = startAngleInRad + dirMultiplier * ((thetas[ptindex] * Math.PI) / 180);
             }
             // 5. Shift only the polar origin (not the cartesian)
             var rawRadius = rVals[ptindex];
@@ -1227,7 +1233,7 @@ export var projectPolarToCartesian = function (input) {
         }
     }
     // 10. Customize layout for perfect square with absolute positioning
-    var size = ((_a = input.layout) === null || _a === void 0 ? void 0 : _a.width) || ((_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) || 500;
+    var size = ((_h = input.layout) === null || _h === void 0 ? void 0 : _h.width) || ((_j = input.layout) === null || _j === void 0 ? void 0 : _j.height) || 500;
     projection.layout = __assign(__assign({}, projection.layout), { width: size, height: size });
     // Attach originX as custom properties
     projection.layout.__polarOriginX = originX !== null && originX !== void 0 ? originX : undefined;