@fluentui/react-charting 5.23.87 → 5.23.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.json +79 -1
  2. package/CHANGELOG.md +28 -2
  3. package/dist/react-charting.d.ts +72 -3
  4. package/dist/react-charting.js +1 -1
  5. package/dist/react-charting.min.js +1 -1
  6. package/etc/react-charting.api.md +37 -1
  7. package/lib/ChartTable.d.ts +1 -0
  8. package/lib/ChartTable.js +2 -0
  9. package/lib/ChartTable.js.map +1 -0
  10. package/lib/components/ChartTable/ChartTable.base.d.ts +10 -0
  11. package/lib/components/ChartTable/ChartTable.base.js +44 -0
  12. package/lib/components/ChartTable/ChartTable.base.js.map +1 -0
  13. package/lib/components/ChartTable/ChartTable.d.ts +7 -0
  14. package/lib/components/ChartTable/ChartTable.js +9 -0
  15. package/lib/components/ChartTable/ChartTable.js.map +1 -0
  16. package/lib/components/ChartTable/ChartTable.styles.d.ts +2 -0
  17. package/lib/components/ChartTable/ChartTable.styles.js +28 -0
  18. package/lib/components/ChartTable/ChartTable.styles.js.map +1 -0
  19. package/lib/components/ChartTable/ChartTable.types.d.ts +58 -0
  20. package/lib/components/ChartTable/ChartTable.types.js +2 -0
  21. package/lib/components/ChartTable/ChartTable.types.js.map +1 -0
  22. package/lib/components/ChartTable/index.d.ts +2 -0
  23. package/lib/components/ChartTable/index.js +3 -0
  24. package/lib/components/ChartTable/index.js.map +1 -0
  25. package/lib/components/DeclarativeChart/DeclarativeChart.d.ts +7 -3
  26. package/lib/components/DeclarativeChart/DeclarativeChart.js +15 -11
  27. package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  28. package/lib/components/DeclarativeChart/PlotlyColorAdapter.d.ts +7 -0
  29. package/lib/components/DeclarativeChart/PlotlyColorAdapter.js +103 -0
  30. package/lib/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
  31. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.d.ts +13 -11
  32. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +155 -113
  33. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  34. package/lib/index.d.ts +2 -0
  35. package/lib/index.js +1 -0
  36. package/lib/index.js.map +1 -1
  37. package/lib/utilities/image-export-utils.js +25 -3
  38. package/lib/utilities/image-export-utils.js.map +1 -1
  39. package/lib-amd/ChartTable.d.ts +1 -0
  40. package/lib-amd/ChartTable.js +6 -0
  41. package/lib-amd/ChartTable.js.map +1 -0
  42. package/lib-amd/components/ChartTable/ChartTable.base.d.ts +10 -0
  43. package/lib-amd/components/ChartTable/ChartTable.base.js +45 -0
  44. package/lib-amd/components/ChartTable/ChartTable.base.js.map +1 -0
  45. package/lib-amd/components/ChartTable/ChartTable.d.ts +7 -0
  46. package/lib-amd/components/ChartTable/ChartTable.js +11 -0
  47. package/lib-amd/components/ChartTable/ChartTable.js.map +1 -0
  48. package/lib-amd/components/ChartTable/ChartTable.styles.d.ts +2 -0
  49. package/lib-amd/components/ChartTable/ChartTable.styles.js +32 -0
  50. package/lib-amd/components/ChartTable/ChartTable.styles.js.map +1 -0
  51. package/lib-amd/components/ChartTable/ChartTable.types.d.ts +58 -0
  52. package/lib-amd/components/ChartTable/ChartTable.types.js +5 -0
  53. package/lib-amd/components/ChartTable/ChartTable.types.js.map +1 -0
  54. package/lib-amd/components/ChartTable/index.d.ts +2 -0
  55. package/lib-amd/components/ChartTable/index.js +7 -0
  56. package/lib-amd/components/ChartTable/index.js.map +1 -0
  57. package/lib-amd/components/DeclarativeChart/DeclarativeChart.d.ts +7 -3
  58. package/lib-amd/components/DeclarativeChart/DeclarativeChart.js +14 -11
  59. package/lib-amd/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  60. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.d.ts +7 -0
  61. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.js +108 -0
  62. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
  63. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.d.ts +13 -11
  64. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js +157 -115
  65. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  66. package/lib-amd/index.d.ts +2 -0
  67. package/lib-amd/index.js +3 -2
  68. package/lib-amd/index.js.map +1 -1
  69. package/lib-amd/utilities/image-export-utils.js +25 -3
  70. package/lib-amd/utilities/image-export-utils.js.map +1 -1
  71. package/lib-commonjs/ChartTable.d.ts +1 -0
  72. package/lib-commonjs/ChartTable.js +5 -0
  73. package/lib-commonjs/ChartTable.js.map +1 -0
  74. package/lib-commonjs/components/ChartTable/ChartTable.base.d.ts +10 -0
  75. package/lib-commonjs/components/ChartTable/ChartTable.base.js +47 -0
  76. package/lib-commonjs/components/ChartTable/ChartTable.base.js.map +1 -0
  77. package/lib-commonjs/components/ChartTable/ChartTable.d.ts +7 -0
  78. package/lib-commonjs/components/ChartTable/ChartTable.js +12 -0
  79. package/lib-commonjs/components/ChartTable/ChartTable.js.map +1 -0
  80. package/lib-commonjs/components/ChartTable/ChartTable.styles.d.ts +2 -0
  81. package/lib-commonjs/components/ChartTable/ChartTable.styles.js +32 -0
  82. package/lib-commonjs/components/ChartTable/ChartTable.styles.js.map +1 -0
  83. package/lib-commonjs/components/ChartTable/ChartTable.types.d.ts +58 -0
  84. package/lib-commonjs/components/ChartTable/ChartTable.types.js +3 -0
  85. package/lib-commonjs/components/ChartTable/ChartTable.types.js.map +1 -0
  86. package/lib-commonjs/components/ChartTable/index.d.ts +2 -0
  87. package/lib-commonjs/components/ChartTable/index.js +6 -0
  88. package/lib-commonjs/components/ChartTable/index.js.map +1 -0
  89. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.d.ts +7 -3
  90. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +14 -10
  91. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  92. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.d.ts +7 -0
  93. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js +110 -0
  94. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
  95. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.d.ts +13 -11
  96. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +157 -115
  97. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  98. package/lib-commonjs/index.d.ts +2 -0
  99. package/lib-commonjs/index.js +3 -1
  100. package/lib-commonjs/index.js.map +1 -1
  101. package/lib-commonjs/utilities/image-export-utils.js +25 -3
  102. package/lib-commonjs/utilities/image-export-utils.js.map +1 -1
  103. package/package.json +5 -5
  104. package/src/components/ChartTable/ChartTable.types.ts +68 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,85 @@
2
2
  "name": "@fluentui/react-charting",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 15 May 2025 07:20:55 GMT",
5
+ "date": "Mon, 19 May 2025 07:20:27 GMT",
6
+ "tag": "@fluentui/react-charting_v5.23.89",
7
+ "version": "5.23.89",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "98592573+AtishayMsft@users.noreply.github.com",
12
+ "package": "@fluentui/react-charting",
13
+ "commit": "476da26ac7f9e707402a6cdda47d234051847881",
14
+ "comment": "feat(react-charting): Create plotly aligned colorway"
15
+ },
16
+ {
17
+ "author": "anushgupta@microsoft.com",
18
+ "package": "@fluentui/react-charting",
19
+ "commit": "b46461599a16936c70da9e8ae1218fc7ec6038da",
20
+ "comment": "Add support for plotly generated tables"
21
+ },
22
+ {
23
+ "author": "120183316+srmukher@users.noreply.github.com",
24
+ "package": "@fluentui/react-charting",
25
+ "commit": "ceca154d348925383de372f80dc55605828b75bd",
26
+ "comment": "fix(react-charting): Use schema colors for other charts"
27
+ },
28
+ {
29
+ "author": "98592573+AtishayMsft@users.noreply.github.com",
30
+ "package": "@fluentui/react-charting",
31
+ "commit": "6aecbd5ab7a90a37dfb7d13cbf5c0cebd5f7e11c",
32
+ "comment": "fix(react-charting): Enable rounded corners"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-charting",
37
+ "comment": "Bump @fluentui/chart-utilities to v1.1.10",
38
+ "commit": "bad3c30d00bc16db4b77551d3f08ca3e7c9b9801"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Fri, 16 May 2025 07:22:04 GMT",
45
+ "tag": "@fluentui/react-charting_v5.23.88",
46
+ "version": "5.23.88",
47
+ "comments": {
48
+ "patch": [
49
+ {
50
+ "author": "120183316+srmukher@users.noreply.github.com",
51
+ "package": "@fluentui/react-charting",
52
+ "commit": "f81fca983d21022c0802a24dcb010a16fe6a37d5",
53
+ "comment": "fix(react-charting): Use schema colors for all bar charts"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-charting",
58
+ "comment": "Bump @fluentui/chart-utilities to v1.1.9",
59
+ "commit": "8d9faeb128c66042497f54ba87602747e1171773"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-charting",
64
+ "comment": "Bump @fluentui/react-focus to v8.9.25",
65
+ "commit": "8d9faeb128c66042497f54ba87602747e1171773"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-charting",
70
+ "comment": "Bump @fluentui/theme-samples to v8.7.207",
71
+ "commit": "8d9faeb128c66042497f54ba87602747e1171773"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui/react-charting",
76
+ "comment": "Bump @fluentui/react to v8.122.18",
77
+ "commit": "8d9faeb128c66042497f54ba87602747e1171773"
78
+ }
79
+ ]
80
+ }
81
+ },
82
+ {
83
+ "date": "Thu, 15 May 2025 07:21:16 GMT",
6
84
  "tag": "@fluentui/react-charting_v5.23.87",
7
85
  "version": "5.23.87",
8
86
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,38 @@
1
1
  # Change Log - @fluentui/react-charting
2
2
 
3
- This log was last generated on Thu, 15 May 2025 07:20:55 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 19 May 2025 07:20:27 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [5.23.89](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.89)
8
+
9
+ Mon, 19 May 2025 07:20:27 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.88..@fluentui/react-charting_v5.23.89)
11
+
12
+ ### Patches
13
+
14
+ - feat(react-charting): Create plotly aligned colorway ([PR #34471](https://github.com/microsoft/fluentui/pull/34471) by 98592573+AtishayMsft@users.noreply.github.com)
15
+ - Add support for plotly generated tables ([PR #34461](https://github.com/microsoft/fluentui/pull/34461) by anushgupta@microsoft.com)
16
+ - fix(react-charting): Use schema colors for other charts ([PR #34463](https://github.com/microsoft/fluentui/pull/34463) by 120183316+srmukher@users.noreply.github.com)
17
+ - fix(react-charting): Enable rounded corners ([PR #34473](https://github.com/microsoft/fluentui/pull/34473) by 98592573+AtishayMsft@users.noreply.github.com)
18
+ - Bump @fluentui/chart-utilities to v1.1.10 ([commit](https://github.com/microsoft/fluentui/commit/bad3c30d00bc16db4b77551d3f08ca3e7c9b9801) by beachball)
19
+
20
+ ## [5.23.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.88)
21
+
22
+ Fri, 16 May 2025 07:22:04 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.87..@fluentui/react-charting_v5.23.88)
24
+
25
+ ### Patches
26
+
27
+ - fix(react-charting): Use schema colors for all bar charts ([PR #34447](https://github.com/microsoft/fluentui/pull/34447) by 120183316+srmukher@users.noreply.github.com)
28
+ - Bump @fluentui/chart-utilities to v1.1.9 ([PR #34453](https://github.com/microsoft/fluentui/pull/34453) by beachball)
29
+ - Bump @fluentui/react-focus to v8.9.25 ([PR #34453](https://github.com/microsoft/fluentui/pull/34453) by beachball)
30
+ - Bump @fluentui/theme-samples to v8.7.207 ([PR #34453](https://github.com/microsoft/fluentui/pull/34453) by beachball)
31
+ - Bump @fluentui/react to v8.122.18 ([PR #34453](https://github.com/microsoft/fluentui/pull/34453) by beachball)
32
+
7
33
  ## [5.23.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.87)
8
34
 
9
- Thu, 15 May 2025 07:20:55 GMT
35
+ Thu, 15 May 2025 07:21:16 GMT
10
36
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.86..@fluentui/react-charting_v5.23.87)
11
37
 
12
38
  ### Patches
@@ -45,6 +45,12 @@ export declare type ChartDataMode = 'default' | 'fraction' | 'percentage';
45
45
 
46
46
  export declare const ChartHoverCard: React_2.FunctionComponent<IChartHoverCardProps>;
47
47
 
48
+ /**
49
+ * ChartTable component
50
+ * {@docCategory ChartTable}
51
+ */
52
+ export declare const ChartTable: React_2.FunctionComponent<IChartTableProps>;
53
+
48
54
  declare enum ChartTypes {
49
55
  AreaChart = 0,
50
56
  LineChart = 1,
@@ -55,6 +61,8 @@ declare enum ChartTypes {
55
61
  HorizontalBarChartWithAxis = 6
56
62
  }
57
63
 
64
+ declare type ColorwayType = 'default' | 'builtin' | 'others' | undefined;
65
+
58
66
  declare enum CustomPoints {
59
67
  dottedLine = 0
60
68
  }
@@ -163,10 +171,13 @@ export declare interface DeclarativeChartProps extends React_2.RefAttributes<HTM
163
171
  */
164
172
  componentRef?: IRefObject<IDeclarativeChart>;
165
173
  /**
166
- * Optional prop to use Fluent UI color palette for the chart or not.
167
- * @default true
174
+ * Optional prop to specify the colorway type of the chart.
175
+ * - 'default': Use Fluent UI color palette aligning with plotly colorway.
176
+ * - 'builtin': Use Fluent UI colorway.
177
+ * - 'others': Reserved for future colorways.
178
+ * @default 'default'
168
179
  */
169
- useFluentVizColorPalette?: boolean;
180
+ colorwayType?: ColorwayType;
170
181
  }
171
182
 
172
183
  /**
@@ -921,6 +932,64 @@ export declare interface IChartProps {
921
932
  pointLineOptions?: React_2.SVGProps<SVGLineElement>;
922
933
  }
923
934
 
935
+ /**
936
+ * Chart Table properties
937
+ * {@docCategory ChartTable}
938
+ */
939
+ export declare interface IChartTableProps {
940
+ /**
941
+ * 1d or 2d Array of header values.
942
+ */
943
+ headers: (string | number | boolean | null)[] | (string | number | boolean | null)[][];
944
+ /**
945
+ * Array of rows. Each row corresponds to one data entry under each column.
946
+ */
947
+ rows: (string | number | boolean | null)[][];
948
+ /**
949
+ * Optional width for the table
950
+ * @default '100%'
951
+ */
952
+ width?: string | number;
953
+ /**
954
+ * Optional height for the table
955
+ * @default '650px'
956
+ */
957
+ height?: string | number;
958
+ /**
959
+ * Theme (provided through customization)
960
+ */
961
+ theme?: ITheme;
962
+ /**
963
+ * Additional class name(s) to apply to the table chart
964
+ */
965
+ className?: string;
966
+ /**
967
+ * Call to provide customized styling that will layer on top of the variant rules.
968
+ */
969
+ styles?: IStyleFunctionOrObject<IChartTableStyleProps, IChartTableStyles>;
970
+ /**
971
+ * Optional callback to access the IChart interface. Use this instead of ref for accessing
972
+ * the public methods and properties of the component.
973
+ */
974
+ componentRef?: IRefObject<IChart>;
975
+ }
976
+
977
+ export declare interface IChartTableStyleProps {
978
+ theme: ITheme;
979
+ className?: string;
980
+ }
981
+
982
+ /**
983
+ * Table Chart styles
984
+ * {@docCategory ChartTable}
985
+ */
986
+ export declare interface IChartTableStyles {
987
+ root?: IStyle;
988
+ table?: IStyle;
989
+ headerCell?: IStyle;
990
+ bodyCell?: IStyle;
991
+ }
992
+
924
993
  export declare interface IChildProps {
925
994
  xScale?: any;
926
995
  yScalePrimary?: any;