@fluentui/react-charting 5.23.88 → 5.23.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.88",
+  "version": "5.23.89",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -39,7 +39,7 @@
     "jest-canvas-mock": "2.4.0"
   },
   "dependencies": {
-    "@fluentui/chart-utilities": "^1.1.9",
+    "@fluentui/chart-utilities": "^1.1.10",
     "@fluentui/react-focus": "^8.9.25",
     "@fluentui/theme-samples": "^8.7.207",
     "@microsoft/load-themed-styles": "^1.10.26",

package/src/components/ChartTable/ChartTable.types.ts

@@ -0,0 +1,68 @@
+import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
+import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IChart } from '../../types/index';
+
+export interface IChartTableStyleProps {
+  theme: ITheme;
+  className?: string;
+}
+
+/**
+ * Chart Table properties
+ * {@docCategory ChartTable}
+ */
+export interface IChartTableProps {
+  /**
+   * 1d or 2d Array of header values.
+   */
+  headers: (string | number | boolean | null)[] | (string | number | boolean | null)[][];
+
+  /**
+   * Array of rows. Each row corresponds to one data entry under each column.
+   */
+  rows: (string | number | boolean | null)[][];
+
+  /**
+   * Optional width for the table
+   * @default '100%'
+   */
+  width?: string | number;
+
+  /**
+   * Optional height for the table
+   * @default '650px'
+   */
+  height?: string | number;
+
+  /**
+   * Theme (provided through customization)
+   */
+  theme?: ITheme;
+
+  /**
+   * Additional class name(s) to apply to the table chart
+   */
+  className?: string;
+
+  /**
+   * Call to provide customized styling that will layer on top of the variant rules.
+   */
+  styles?: IStyleFunctionOrObject<IChartTableStyleProps, IChartTableStyles>;
+
+  /**
+   * Optional callback to access the IChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IChart>;
+}
+
+/**
+ * Table Chart styles
+ * {@docCategory ChartTable}
+ */
+export interface IChartTableStyles {
+  root?: IStyle;
+  table?: IStyle;
+  headerCell?: IStyle;
+  bodyCell?: IStyle;
+}