@fluentui/react-charting 5.25.1 → 5.25.2

package/CHANGELOG.json

@@ -2,7 +2,78 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Thu, 30 Oct 2025 12:36:54 GMT",
+      "date": "Tue, 11 Nov 2025 10:07:00 GMT",
+      "tag": "@fluentui/react-charting_v5.25.2",
+      "version": "5.25.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "anushgupta@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "2d64a43959efc05cedf85750bc73e339af8b9c0f",
+            "comment": "fix chart 983 crash"
+          },
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "970b07bd11a73782f517086c6f270385cd33b162",
+            "comment": "feat: enable multiplot image export"
+          },
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "b7985a2878e87096cdecbdc7e038bc79f9768dd9",
+            "comment": "fix: adjust chart margin for continuous y-axis tick labels"
+          },
+          {
+            "author": "anushgupta@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "5863b2accfe7e02beb2af3459c1ee0c79cc1ee30",
+            "comment": "fix plotly color issue"
+          },
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "8c7c11a76e42e80d88595ca35ca2c50c88fbe24c",
+            "comment": "feat(react-charting): Adding annotation only chart"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.36",
+            "commit": "2d64a43959efc05cedf85750bc73e339af8b9c0f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react-focus to v8.10.1",
+            "commit": "2d64a43959efc05cedf85750bc73e339af8b9c0f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.220",
+            "commit": "2d64a43959efc05cedf85750bc73e339af8b9c0f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.125.1",
+            "commit": "2d64a43959efc05cedf85750bc73e339af8b9c0f"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "52217c6abc71c0c8c3e537f1e2648fb542c30ee0",
+            "comment": "chore: migrate source to react 19"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 30 Oct 2025 12:37:12 GMT",
       "tag": "@fluentui/react-charting_v5.25.1",
       "version": "5.25.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Thu, 30 Oct 2025 12:36:54 GMT and should not be manually modified.
+This log was last generated on Tue, 11 Nov 2025 10:07:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.25.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.25.2)
+
+Tue, 11 Nov 2025 10:07:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.25.1..@fluentui/react-charting_v5.25.2)
+
+### Patches
+
+- fix chart 983 crash ([PR #35474](https://github.com/microsoft/fluentui/pull/35474) by anushgupta@microsoft.com)
+- feat: enable multiplot image export ([PR #35472](https://github.com/microsoft/fluentui/pull/35472) by kumarkshitij@microsoft.com)
+- fix: adjust chart margin for continuous y-axis tick labels ([PR #35376](https://github.com/microsoft/fluentui/pull/35376) by kumarkshitij@microsoft.com)
+- fix plotly color issue ([PR #35451](https://github.com/microsoft/fluentui/pull/35451) by anushgupta@microsoft.com)
+- feat(react-charting): Adding annotation only chart ([PR #35390](https://github.com/microsoft/fluentui/pull/35390) by 120183316+srmukher@users.noreply.github.com)
+- Bump @fluentui/chart-utilities to v1.1.36 ([PR #35474](https://github.com/microsoft/fluentui/pull/35474) by beachball)
+- Bump @fluentui/react-focus to v8.10.1 ([PR #35474](https://github.com/microsoft/fluentui/pull/35474) by beachball)
+- Bump @fluentui/theme-samples to v8.7.220 ([PR #35474](https://github.com/microsoft/fluentui/pull/35474) by beachball)
+- Bump @fluentui/react to v8.125.1 ([PR #35474](https://github.com/microsoft/fluentui/pull/35474) by beachball)
+
 ## [5.25.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.25.1)
 
-Thu, 30 Oct 2025 12:36:54 GMT 
+Thu, 30 Oct 2025 12:37:12 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.25.0..@fluentui/react-charting_v5.25.1)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -16,6 +16,7 @@ import { IStyleFunctionOrObject as IStyleFunctionOrObject_2 } from '@fluentui/re
 import { ITheme } from '@fluentui/react/lib/Styling';
 import { ITheme as ITheme_2 } from '@fluentui/react';
 import type { JSXElement } from '@fluentui/utilities';
+import type { Margin } from '@fluentui/chart-utilities';
 import * as React_2 from 'react';
 import { SankeyLink } from 'd3-sankey';
 import { SankeyNode } from 'd3-sankey';
@@ -23,6 +24,8 @@ import { ScaleBand } from 'd3-scale';
 import { ScaleLinear } from 'd3-scale';
 import { TimeLocaleDefinition } from 'd3-time-format';
 
+export declare const AnnotationOnlyChart: React_2.FC<IAnnotationOnlyChartProps>;
+
 /**
  * Areachart component.
  * {@docCategory AreaChart}
@@ -209,6 +212,8 @@ export declare interface ChartAnnotationStyleProps {
     opacity?: number;
     /** Optional class name applied to the annotation element */
     className?: string;
+    /** Rotation, in degrees, applied to the annotation container */
+    rotation?: number;
 }
 
 declare type ChartAnnotationVerticalAlign = 'top' | 'middle' | 'bottom';
@@ -461,6 +466,36 @@ export declare interface IAccessibilityProps {
     ariaDescribedBy?: string;
 }
 
+/**
+ * Props for the annotation-only chart renderer.
+ */
+export declare interface IAnnotationOnlyChartProps {
+    /**
+     * Collection of annotations to render.
+     */
+    annotations: ChartAnnotation[];
+    /** Optional layout title extracted from the Plotly schema. */
+    chartTitle?: string;
+    /** Optional descriptive text for accessibility. */
+    description?: string;
+    /** Desired width in pixels (if absent the chart will grow to fit the container). */
+    width?: number;
+    /** Desired height in pixels. */
+    height?: number;
+    /** Paper/background colour specified in the Plotly layout. */
+    paperBackgroundColor?: string;
+    /** Plot area background colour specified in the Plotly layout. */
+    plotBackgroundColor?: string;
+    /** Global layout font colour. */
+    fontColor?: string;
+    /** Global layout font family. */
+    fontFamily?: string;
+    /** Layout margin converted to padding for the outer wrapper. */
+    margin?: Partial<Margin>;
+    /** Component ref propagated by the DeclarativeChart surface. */
+    componentRef?: React_2.RefObject<IChart>;
+}
+
 /**
  * Area Chart properties.
  * {@docCategory AreaChart}
@@ -526,6 +561,7 @@ export declare interface IAreaChartStyles extends ICartesianChartStyles {
 
 declare interface IAxisData {
     yAxisDomainValues: number[];
+    yAxisTickText: string[];
 }
 
 /**
@@ -905,6 +941,15 @@ export declare interface ICartesianChartProps {
      * Use this to control `tickStep`, `tick0`, etc.
      */
     yAxis?: AxisProps;
+    /**
+     *@default false
+     *Used for to elipse y axis labes and show tooltip on x axis labels
+     */
+    showYAxisLablesTooltip?: boolean;
+    /**
+     *@default false
+     *Used for showing complete y axis lables   */
+    showYAxisLables?: boolean;
 }
 
 /**
@@ -1836,17 +1881,6 @@ export declare interface IGanttChartProps extends ICartesianChartProps {
      * @default 1/2
      */
     yAxisPadding?: number;
-    /**
-     * If true, truncates y-axis tick labels longer than `noOfCharsToTruncate` with ellipses
-     * and displays them in a tooltip on hover.
-     * @default false
-     */
-    showYAxisLablesTooltip?: boolean;
-    /**
-     * If true, renders full y-axis tick labels without truncation.
-     * @default false
-     */
-    showYAxisLables?: boolean;
     /**
      * If true, enables gradient fills for the bars.
      * @default false
@@ -2504,19 +2538,10 @@ export declare interface IHeatMapChartProps extends Pick<ICartesianChartProps, E
      * The prop used to define the culture to localized the numbers
      */
     culture?: string;
-    /**
-     *@default false
-     *Used for showing complete y axis lables   */
-    showYAxisLables?: boolean;
     /**
      * @default alphabetical
      * The prop used to decide order of string axis labels */
     sortOrder?: 'none' | 'alphabetical';
-    /**
-     *@default false
-     *Used for to elipse y axis labes and show tooltip on x axis labels
-     */
-    showYAxisLablesTooltip?: boolean;
 }
 
 /**
@@ -2812,15 +2837,6 @@ export declare interface IHorizontalBarChartWithAxisProps extends ICartesianChar
      * it's padding between bar's or lines in the graph
      */
     yAxisPadding?: number;
-    /**
-     *@default false
-     *Used for to elipse y axis labes and show tooltip on x axis labels
-     */
-    showYAxisLablesTooltip?: boolean;
-    /**
-     *@default false
-     *Used for showing complete y axis lables   */
-    showYAxisLables?: boolean;
     /**
      * @default false
      * The prop used to enable gradient fill color for the chart.
@@ -2966,7 +2982,7 @@ export declare interface ILegend {
  */
 declare interface ILegendContainer {
     toSVG: (svgWidth: number, isRTL?: boolean) => {
-        node: SVGGElement | null;
+        node: SVGSVGElement | null;
         width: number;
         height: number;
     };
@@ -3660,11 +3676,11 @@ export declare interface IModifiedCartesianChartProps extends ICartesianChartPro
     /**
      * Get the domain and range values
      */
-    getDomainNRangeValues: (points: ILineChartPoints[] | IVerticalBarChartDataPoint[] | IVerticalStackedBarDataPoint[] | IHorizontalBarChartWithAxisDataPoint[] | IGroupedVerticalBarChartData[] | IHeatMapChartDataPoint[] | IGanttChartDataPoint[], margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | string[] | undefined, shiftX: number) => IDomainNRange;
+    getDomainNRangeValues: (points: ILineChartPoints[] | IVerticalBarChartDataPoint[] | IVerticalStackedBarDataPoint[] | IHorizontalBarChartWithAxisDataPoint[] | IGroupedVerticalBarChartData[] | IHeatMapChartDataPoint[] | IGanttChartDataPoint[], margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | string[] | undefined) => IDomainNRange;
     /**
      * Create the string y-axis
      */
-    createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean, barWidth: number | undefined, chartType?: ChartTypes) => ScaleBand<string>;
+    createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean, axisData: IAxisData, barWidth: number | undefined, chartType?: ChartTypes) => ScaleBand<string>;
     /**
      * Callback to access the public methods and properties of the component.
      */
@@ -4267,10 +4283,6 @@ export declare interface IScatterChartProps extends ICartesianChartProps {
      * The prop used to define the culture to localized the numbers
      */
     culture?: string;
-    /**
-     * The prop used to define the y axis labels tooltip visibility
-     */
-    showYAxisLablesTooltip?: boolean;
 }
 
 /**
@@ -5156,15 +5168,6 @@ export declare interface IVerticalStackedBarChartProps extends ICartesianChartPr
      * @default 'default'
      */
     mode?: 'default' | 'plotly';
-    /**
-     *@default false
-     *Used for to elipse y axis labes and show tooltip on x axis labels
-     */
-    showYAxisLablesTooltip?: boolean;
-    /**
-     *@default false
-     *Used for showing complete y axis lables   */
-    showYAxisLables?: boolean;
 }
 
 /**