@fluentui/react-charting 5.25.1 → 5.25.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.25.1",
+  "version": "5.25.3",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,9 +36,9 @@
     "jest-canvas-mock": "2.4.0"
   },
   "dependencies": {
-    "@fluentui/chart-utilities": "^1.1.35",
-    "@fluentui/react-focus": "^8.10.0",
-    "@fluentui/theme-samples": "^8.7.219",
+    "@fluentui/chart-utilities": "^1.1.37",
+    "@fluentui/react-focus": "^8.10.2",
+    "@fluentui/theme-samples": "^8.7.221",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/d3-array": "^3.0.0",
     "@types/d3-axis": "^3.0.0",
@@ -66,7 +66,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react": "^8.125.0",
+    "@fluentui/react": "^8.125.2",
     "@types/react": ">=16.8.0 <20.0.0",
     "@types/react-dom": ">=16.8.0 <20.0.0",
     "react": ">=16.8.0 <20.0.0",

package/src/components/AnnotationOnlyChart/AnnotationOnlyChart.types.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { IChartAnnotation } from '../../types/IChartAnnotation';
+import type { IChart } from '../../types/index';
+import type { Margin } from '@fluentui/chart-utilities';
+
+/**
+ * Props for the annotation-only chart renderer.
+ */
+export interface IAnnotationOnlyChartProps {
+  /**
+   * Collection of annotations to render.
+   */
+  annotations: IChartAnnotation[];
+  /** 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.RefObject<IChart>;
+}

package/src/components/CommonComponents/CartesianChart.types.ts

@@ -568,6 +568,17 @@ export 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;
 }
 
 export interface IYValueHover {
@@ -820,7 +831,6 @@ export interface IModifiedCartesianChartProps extends ICartesianChartProps {
     xAxisType: XAxisTypes,
     barWidth: number,
     tickValues: Date[] | number[] | string[] | undefined,
-    shiftX: number,
   ) => IDomainNRange;
 
   /**
@@ -830,6 +840,7 @@ export interface IModifiedCartesianChartProps extends ICartesianChartProps {
     yAxisParams: IYAxisParams,
     dataPoints: string[],
     isRtl: boolean,
+    axisData: IAxisData,
     barWidth: number | undefined,
     chartType?: ChartTypes,
   ) => ScaleBand<string>;

package/src/components/GanttChart/GanttChart.types.ts

@@ -49,19 +49,6 @@ export interface IGanttChartProps extends ICartesianChartProps {
    */
   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

package/src/components/HeatMapChart/HeatMapChart.types.ts

@@ -109,21 +109,10 @@ export interface IHeatMapChartProps extends Pick<ICartesianChartProps, Exclude<k
    */
   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;
 }
 
 /**

package/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.types.ts

@@ -60,17 +60,6 @@ export interface IHorizontalBarChartWithAxisProps extends ICartesianChartProps {
    */
   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.

package/src/components/Legends/Legends.types.ts

@@ -303,7 +303,7 @@ export interface ILegendContainer {
     svgWidth: number,
     isRTL?: boolean,
   ) => {
-    node: SVGGElement | null;
+    node: SVGSVGElement | null;
     width: number;
     height: number;
   };

package/src/components/ScatterChart/ScatterChart.types.ts

@@ -47,11 +47,6 @@ export 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;
 }
 
 /**

package/src/components/VerticalStackedBarChart/VerticalStackedBarChart.types.ts

@@ -161,17 +161,6 @@ export interface IVerticalStackedBarChartProps extends ICartesianChartProps {
    * @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;
 }
 
 /**