@fluentui/react-charting 5.23.55 → 5.23.57

package/CHANGELOG.json

@@ -2,7 +2,55 @@
   "name": "@fluentui/react-charting",
   "entries": [
     {
-      "date": "Wed, 19 Feb 2025 07:20:12 GMT",
+      "date": "Tue, 25 Feb 2025 07:20:24 GMT",
+      "tag": "@fluentui/react-charting_v5.23.57",
+      "version": "5.23.57",
+      "comments": {
+        "patch": [
+          {
+            "author": "110246001+krkshitij@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "1115b9326cc915802278305d826b345d318c16f2",
+            "comment": "feat: make charts responsive"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 21 Feb 2025 07:22:41 GMT",
+      "tag": "@fluentui/react-charting_v5.23.56",
+      "version": "5.23.56",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react-focus to v8.9.21",
+            "commit": "37cb222b6d035ea02d490aa26a2aaf7dfd94c761"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.200",
+            "commit": "37cb222b6d035ea02d490aa26a2aaf7dfd94c761"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/set-version to v8.2.24",
+            "commit": "37cb222b6d035ea02d490aa26a2aaf7dfd94c761"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.122.11",
+            "commit": "37cb222b6d035ea02d490aa26a2aaf7dfd94c761"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 19 Feb 2025 07:21:16 GMT",
       "tag": "@fluentui/react-charting_v5.23.55",
       "version": "5.23.55",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Wed, 19 Feb 2025 07:20:12 GMT and should not be manually modified.
+This log was last generated on Tue, 25 Feb 2025 07:20:24 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.57](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.57)
+
+Tue, 25 Feb 2025 07:20:24 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.56..@fluentui/react-charting_v5.23.57)
+
+### Patches
+
+- feat: make charts responsive ([PR #33723](https://github.com/microsoft/fluentui/pull/33723) by 110246001+krkshitij@users.noreply.github.com)
+
+## [5.23.56](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.56)
+
+Fri, 21 Feb 2025 07:22:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.55..@fluentui/react-charting_v5.23.56)
+
+### Patches
+
+- Bump @fluentui/react-focus to v8.9.21 ([PR #33879](https://github.com/microsoft/fluentui/pull/33879) by beachball)
+- Bump @fluentui/theme-samples to v8.7.200 ([PR #33879](https://github.com/microsoft/fluentui/pull/33879) by beachball)
+- Bump @fluentui/set-version to v8.2.24 ([PR #33879](https://github.com/microsoft/fluentui/pull/33879) by beachball)
+- Bump @fluentui/react to v8.122.11 ([PR #33879](https://github.com/microsoft/fluentui/pull/33879) by beachball)
+
 ## [5.23.55](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.55)
 
-Wed, 19 Feb 2025 07:20:12 GMT 
+Wed, 19 Feb 2025 07:21:16 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.54..@fluentui/react-charting_v5.23.55)
 
 ### Patches

package/dist/react-charting.d.ts

@@ -624,6 +624,10 @@ export declare interface ICartesianChartStyleProps {
      * boolean flag which determines if shape is drawn in callout
      */
     toDrawShape?: boolean;
+    /**
+     * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+     */
+    enableReflow?: boolean;
 }
 
 /**
@@ -3111,6 +3115,58 @@ export declare interface IRefArrayData {
     refElement?: SVGGElement;
 }
 
+/**
+ * Responsive Child props
+ * {@docCategory ResponsiveContainer}
+ */
+export declare interface IResponsiveChildProps {
+    width?: number;
+    height?: number;
+    shouldResize?: number;
+    styles?: IStyleFunctionOrObject_2<{}, {
+        root: IStyle_2;
+    }>;
+}
+
+/**
+ * Responsive Container props
+ * {@docCategory ResponsiveContainer}
+ */
+export declare interface IResponsiveContainerProps {
+    /**
+     * Aspect ratio (width / height) of the container. If specified, the height will be calculated by width / aspect.
+     */
+    aspect?: number;
+    /**
+     * Width of the container
+     */
+    width?: number | string;
+    /**
+     * Height of the container
+     */
+    height?: number | string;
+    /**
+     * Minimum width of the container
+     */
+    minWidth?: number | string;
+    /**
+     * Minimum height of the container
+     */
+    minHeight?: number | string;
+    /**
+     * Maximum height of the container
+     */
+    maxHeight?: number;
+    /**
+     * Callback providing the updated chart width and height values when the container is resized
+     */
+    onResize?: (width: number, height: number) => void;
+    /**
+     * Child component to be rendered within the container
+     */
+    children: React_2.ReactElement<IResponsiveChildProps>;
+}
+
 /**
  * Set of strings which are used when rendering accessibility information within the chart.
  */
@@ -3238,6 +3294,7 @@ export declare interface ISankeyChartStyleProps {
     width: number;
     height: number;
     pathColor?: string;
+    enableReflow?: boolean;
 }
 
 /**
@@ -4379,6 +4436,12 @@ declare enum Points {
     octagon = 7
 }
 
+/**
+ * Responsive Container component
+ * {@docCategory ResponsiveContainer}
+ */
+export declare const ResponsiveContainer: React_2.FC<IResponsiveContainerProps>;
+
 /**
  * Sankeychart component
  * {@docCategory SankeyChart}
@@ -4448,6 +4511,12 @@ export declare const VerticalBarChart: React_2.FunctionComponent<IVerticalBarCha
  */
 export declare const VerticalStackedBarChart: React_2.FunctionComponent<IVerticalStackedBarChartProps>;
 
+/**
+ * An HOC to update wrapped component on container resize.
+ * {@docCategory ResponsiveContainer}
+ */
+export declare function withResponsiveContainer<TProps extends Omit<IResponsiveContainerProps, 'children'>>(WrappedComponent: React_2.ComponentType<TProps>): React_2.FC<TProps>;
+
 declare enum XAxisTypes {
     NumericAxis = 0,
     DateAxis = 1,