@fluentui/react-charting 5.24.9 → 5.24.11

package/CHANGELOG.json

@@ -2,7 +2,75 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Mon, 30 Jun 2025 07:19:14 GMT",
+      "date": "Thu, 03 Jul 2025 07:20:27 GMT",
+      "tag": "@fluentui/react-charting_v5.24.11",
+      "version": "5.24.11",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "e2bebc694f2ba6bfcb0efe49ef93c0f7d1009e61",
+            "comment": "chore: migrate repo to react 18"
+          }
+        ],
+        "patch": [
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "2ca1051297568031cafccbbd9d25e2a2d35e1ca3",
+            "comment": "fix(react-charting): Enable correct datapoint for single datapoint hover behavior for line chart"
+          },
+          {
+            "author": "kumarkshitij@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "9b211e15af007f2dbba27c9b670c5732bc163cc3",
+            "comment": "fix: ensure ResponsiveContainer resizes correctly within grid layout"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.210",
+            "commit": "2ca1051297568031cafccbbd9d25e2a2d35e1ca3"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.123.1",
+            "commit": "2ca1051297568031cafccbbd9d25e2a2d35e1ca3"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 02 Jul 2025 07:20:12 GMT",
+      "tag": "@fluentui/react-charting_v5.24.10",
+      "version": "5.24.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "anushgupta@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "c9a5c5b2f5c2e568f8d184b5b712632ef11b617a",
+            "comment": "implement single value callout in line chart"
+          },
+          {
+            "author": "email not defined",
+            "package": "@fluentui/react-charting",
+            "commit": "096558dbd97e7f91d95c43b7b0494f9af521819b",
+            "comment": "feat(react-charting): Support for Funnel Chart"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/chart-utilities to v1.1.20",
+            "commit": "096558dbd97e7f91d95c43b7b0494f9af521819b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 30 Jun 2025 07:19:37 GMT",
       "tag": "@fluentui/react-charting_v5.24.9",
       "version": "5.24.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Mon, 30 Jun 2025 07:19:14 GMT and should not be manually modified.
+This log was last generated on Thu, 03 Jul 2025 07:20:27 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.24.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.11)
+
+Thu, 03 Jul 2025 07:20:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.10..@fluentui/react-charting_v5.24.11)
+
+### Patches
+
+- fix(react-charting): Enable correct datapoint for single datapoint hover behavior for line chart ([PR #34778](https://github.com/microsoft/fluentui/pull/34778) by 98592573+AtishayMsft@users.noreply.github.com)
+- fix: ensure ResponsiveContainer resizes correctly within grid layout ([PR #34728](https://github.com/microsoft/fluentui/pull/34728) by kumarkshitij@microsoft.com)
+- Bump @fluentui/theme-samples to v8.7.210 ([PR #34778](https://github.com/microsoft/fluentui/pull/34778) by beachball)
+- Bump @fluentui/react to v8.123.1 ([PR #34778](https://github.com/microsoft/fluentui/pull/34778) by beachball)
+
+## [5.24.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.10)
+
+Wed, 02 Jul 2025 07:20:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.9..@fluentui/react-charting_v5.24.10)
+
+### Patches
+
+- implement single value callout in line chart ([PR #34757](https://github.com/microsoft/fluentui/pull/34757) by anushgupta@microsoft.com)
+- feat(react-charting): Support for Funnel Chart ([PR #34688](https://github.com/microsoft/fluentui/pull/34688) by email not defined)
+- Bump @fluentui/chart-utilities to v1.1.20 ([PR #34688](https://github.com/microsoft/fluentui/pull/34688) by beachball)
+
 ## [5.24.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.24.9)
 
-Mon, 30 Jun 2025 07:19:14 GMT 
+Mon, 30 Jun 2025 07:19:37 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.24.8..@fluentui/react-charting_v5.24.9)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -206,6 +206,12 @@ export declare interface DeclarativeChartProps extends React_2.RefAttributes<HTM
  */
 export declare const DonutChart: React_2.FunctionComponent<IDonutChartProps>;
 
+/**
+ * Funnelchart component.
+ * {@docCategory FunnelChart}
+ */
+export declare const FunnelChart: React_2.FunctionComponent<IFunnelChartProps>;
+
 /**
  * Gaugechart component.
  * {@docCategory GaugeChart}
@@ -818,6 +824,10 @@ export declare interface ICartesianChartStyles {
      * Styles for the svg tooltip
      */
     svgTooltip?: IStyle;
+    /**
+     * Styles for the chart svg element
+     */
+    chart?: IStyle;
 }
 
 /**
@@ -1088,6 +1098,7 @@ export declare interface IChartTableStyles {
     table?: IStyle;
     headerCell?: IStyle;
     bodyCell?: IStyle;
+    chart?: IStyle;
 }
 
 export declare interface IChildProps {
@@ -1265,6 +1276,10 @@ export declare interface IDonutChartStyles {
      * styles for axis annotation
      */
     axisAnnotation?: IStyle;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: IStyle;
 }
 
 declare interface IEventAnnotation {
@@ -1285,6 +1300,143 @@ export declare interface IEventsAnnotationProps {
     mergedLabel: (count: number) => string;
 }
 
+/**
+ * Data point for funnel chart
+ * {@docCategory FunnelChart}
+ */
+declare interface IFunnelChartDataPoint {
+    /**
+     * Stage name or identifier
+     */
+    stage: string | number;
+    /**
+     * Sub-values for stacked funnel charts
+     * Each sub-value represents a category within the stage
+     */
+    subValues?: Array<{
+        category: string;
+        value: number;
+        color: string;
+    }>;
+    /**
+     * Value for the stage (used for non-stacked funnel charts)
+     */
+    value?: number;
+    /**
+     * Color for the stage (used for non-stacked funnel charts)
+     */
+    color?: string;
+}
+
+/**
+ * Funnel Chart component props
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartProps {
+    /**
+     * Data points for the funnel chart
+     */
+    data: IFunnelChartDataPoint[];
+    /**
+     * Title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Width of the chart
+     */
+    width?: number;
+    /**
+     * Height of the chart
+     */
+    height?: number;
+    /**
+     * Decides whether to show/hide legends
+     * @defaultvalue false
+     */
+    hideLegend?: boolean;
+    /**
+     * Props for the legends in the chart
+     */
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+    /**
+     * Theme (provided through customization)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules
+     */
+    styles?: IStyleFunctionOrObject<IFunnelChartStyleProps, IFunnelChartStyles>;
+    /**
+     * Defines the culture to localize the numbers and dates
+     */
+    culture?: string;
+    /**
+     * Reference to the chart component
+     */
+    componentRef?: React_2.RefObject<any>;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Orientation of the funnel chart
+     * @defaultvalue 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+
+/**
+ * Funnel Chart style properties
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartStyleProps {
+    /**
+     * Theme (provided through customization)
+     */
+    theme: ITheme;
+    /**
+     * Additional CSS class(es) to apply to the chart
+     */
+    className?: string;
+    /**
+     * Width of the chart
+     */
+    chartWidth: number;
+    /**
+     * Height of the chart
+     */
+    chartHeight: number;
+}
+
+/**
+ * Funnel Chart styles
+ * {@docCategory FunnelChart}
+ */
+export declare interface IFunnelChartStyles {
+    /**
+     * Styles for the root element
+     */
+    root?: IStyle;
+    /**
+     * Styles for the chart
+     */
+    chart?: IStyle;
+    /**
+     * Styles for text elements
+     */
+    text?: IStyle;
+    /**
+     * Styles for sub-components
+     */
+    subComponentStyles: {
+        calloutStyles: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles>;
+    };
+}
+
 /**
  * Gauge Chart properties
  * {@docCategory GaugeChart}
@@ -1541,6 +1693,10 @@ export declare interface IGaugeChartStyles {
      * Styles for the shape object in the callout
      */
     shapeStyles?: IStyle;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: IStyle;
 }
 
 /**
@@ -2760,6 +2916,12 @@ export declare interface ILineChartProps extends ICartesianChartProps {
      * @deprecated this prop no longer used to identify scatter mode
      */
     lineMode?: 'default' | 'scatter';
+    /**
+     * To enable callout for individual line or complete stack.
+     * @default false
+     * @type \{boolean \}
+     */
+    isCalloutForStack?: boolean;
 }
 
 /**
@@ -3334,9 +3496,7 @@ export declare interface IResponsiveChildProps {
     width?: number;
     height?: number;
     shouldResize?: number;
-    styles?: IStyleFunctionOrObject_2<{}, {
-        root: IStyle_2;
-    }>;
+    styles?: IStyleFunctionOrObject_2<any, any>;
 }
 
 /**
@@ -3541,6 +3701,10 @@ export declare interface ISankeyChartStyles {
      * Styles for the chart wrapper div
      */
     chartWrapper?: IStyle;
+    /**
+     * Styles for the chart svg element
+     */
+    chart?: IStyle;
 }
 
 /**