@fluentui/react-charting 5.24.13 → 5.24.15

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

@@ -340,7 +340,7 @@ var transformPlotlyJsonToVSBCProps = function (input, isMultiPlot, colorMap, col
         });
     });
     var vsbcData = Object.values(mapXToDataPoints);
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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);
 };
 exports.transformPlotlyJsonToVSBCProps = transformPlotlyJsonToVSBCProps;
 var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
@@ -501,7 +501,7 @@ var transformPlotlyJsonToScatterTraceProps = function (input, isMultiPlot, chart
         var legendShape = getLegendShape(series);
         var validXYRanges = (0, exports.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);
@@ -521,10 +521,13 @@ var transformPlotlyJsonToScatterTraceProps = function (input, isMultiPlot, chart
                             : {})), (textValues ? { text: textValues[i] } : {})), { yAxisCalloutData: getFormattedCalloutYData(rangeYValues[i], yAxisTickFormat) }));
                 }),
                 color: (_c = (0, d3_color_1.rgb)(seriesColor).copy({ opacity: seriesOpacity }).formatHex8()) !== null && _c !== void 0 ? _c : seriesColor,
-                lineOptions: tslib_1.__assign(tslib_1.__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: tslib_1.__assign(tslib_1.__assign(tslib_1.__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),
             };
         });
@@ -612,7 +615,7 @@ var transformPlotlyJsonToGanttChartProps = function (input, isMultiPlot, colorMa
         var isXDate = ((_f = (_e = input.layout) === null || _e === void 0 ? void 0 : _e.xaxis) === null || _f === void 0 ? void 0 : _f.type) === 'date' || (0, chart_utilities_1.isDateArray)(series.x);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var convertXValueToNumber = function (value) {
-            return (0, chart_utilities_1.isInvalidValue)(value) ? 0 : isXDate ? new Date(value).getTime() : value;
+            return (0, chart_utilities_1.isInvalidValue)(value) ? 0 : isXDate ? +parseLocalDate(value) : +value;
         };
         return series.y
             .map(function (yVal, i) {
@@ -1137,7 +1140,7 @@ var transformPlotlyJsonToFunnelChartProps = function (input, isMultiPlot, colorM
 };
 exports.transformPlotlyJsonToFunnelChartProps = transformPlotlyJsonToFunnelChartProps;
 var projectPolarToCartesian = function (input) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var projection = tslib_1.__assign({}, input);
     // 1. Find the global min and max radius across all series
     var minRadius = 0;
@@ -1174,6 +1177,9 @@ 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;
@@ -1190,10 +1196,10 @@ 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];
@@ -1247,7 +1253,7 @@ 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 = tslib_1.__assign(tslib_1.__assign({}, projection.layout), { width: size, height: size });
     // Attach originX as custom properties
     projection.layout.__polarOriginX = originX !== null && originX !== void 0 ? originX : undefined;
@@ -1731,11 +1737,38 @@ var getAxisCategoryOrderProps = function (data, layout) {
         }
         if (!(ax === null || ax === void 0 ? void 0 : ax.categoryorder) || ax.categoryorder === 'trace' || ax.categoryorder === 'array') {
             var categoriesInTraceOrder = Array.from(new Set(values));
-            result[propName] = categoriesInTraceOrder;
+            result[propName] = (ax === null || ax === void 0 ? void 0 : ax.autorange) === 'reversed' ? categoriesInTraceOrder.reverse() : categoriesInTraceOrder;
             return;
         }
         result[propName] = ax.categoryorder;
     });
     return result;
 };
+/**
+ * This is experimental. Use it only with valid datetime strings to verify if they conform to the ISO 8601 format.
+ */
+var isoDateRegex = /^\d{4}(-\d{2}(-\d{2})?)?(T\d{2}:\d{2}(:\d{2}(\.\d{1,9})?)?(Z)?)?$/;
+/**
+ * We want to display localized date and time in the charts, so the useUTC prop is set to false.
+ * But this can sometimes cause the formatters to display the datetime incorrectly.
+ * To work around this issue, we use this function to adjust datetime strings so that they are always interpreted
+ * as local time, allowing the formatters to produce the correct output.
+ *
+ * FIXME: The formatters should always produce a clear and accurate localized output, regardless of the
+ * format used to create the date object.
+ */
+var parseLocalDate = function (value) {
+    if (typeof value === 'string') {
+        var match = value.match(isoDateRegex);
+        if (match) {
+            if (!match[3]) {
+                value += 'T00:00';
+            }
+            else if (match[6]) {
+                value = value.replace('Z', '');
+            }
+        }
+    }
+    return new Date(value);
+};
 //# sourceMappingURL=PlotlySchemaAdapter.js.map