@fluentui/react-charting 5.24.13 → 5.24.15

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

@@ -330,7 +330,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             });
         });
         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) {
@@ -491,7 +491,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             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);
@@ -511,10 +511,13 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                                 : {})), (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),
                 };
             });
@@ -602,7 +605,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             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) {
@@ -1127,7 +1130,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
     };
     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;
@@ -1164,6 +1167,9 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 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;
@@ -1180,10 +1186,10 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 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];
@@ -1237,7 +1243,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             }
         }
         // 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;
@@ -1721,12 +1727,39 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             }
             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