@fluentui/react-charting 5.23.88 → 5.23.90

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 (110) hide show
  1. package/CHANGELOG.json +67 -1
  2. package/CHANGELOG.md +26 -2
  3. package/dist/react-charting.d.ts +72 -6
  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 -6
  26. package/lib/components/DeclarativeChart/DeclarativeChart.js +15 -12
  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 -13
  32. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +141 -120
  33. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  34. package/lib/components/LineChart/LineChart.base.js +19 -9
  35. package/lib/components/LineChart/LineChart.base.js.map +1 -1
  36. package/lib/index.d.ts +2 -0
  37. package/lib/index.js +1 -0
  38. package/lib/index.js.map +1 -1
  39. package/lib/utilities/image-export-utils.js +25 -3
  40. package/lib/utilities/image-export-utils.js.map +1 -1
  41. package/lib-amd/ChartTable.d.ts +1 -0
  42. package/lib-amd/ChartTable.js +6 -0
  43. package/lib-amd/ChartTable.js.map +1 -0
  44. package/lib-amd/components/ChartTable/ChartTable.base.d.ts +10 -0
  45. package/lib-amd/components/ChartTable/ChartTable.base.js +45 -0
  46. package/lib-amd/components/ChartTable/ChartTable.base.js.map +1 -0
  47. package/lib-amd/components/ChartTable/ChartTable.d.ts +7 -0
  48. package/lib-amd/components/ChartTable/ChartTable.js +11 -0
  49. package/lib-amd/components/ChartTable/ChartTable.js.map +1 -0
  50. package/lib-amd/components/ChartTable/ChartTable.styles.d.ts +2 -0
  51. package/lib-amd/components/ChartTable/ChartTable.styles.js +32 -0
  52. package/lib-amd/components/ChartTable/ChartTable.styles.js.map +1 -0
  53. package/lib-amd/components/ChartTable/ChartTable.types.d.ts +58 -0
  54. package/lib-amd/components/ChartTable/ChartTable.types.js +5 -0
  55. package/lib-amd/components/ChartTable/ChartTable.types.js.map +1 -0
  56. package/lib-amd/components/ChartTable/index.d.ts +2 -0
  57. package/lib-amd/components/ChartTable/index.js +7 -0
  58. package/lib-amd/components/ChartTable/index.js.map +1 -0
  59. package/lib-amd/components/DeclarativeChart/DeclarativeChart.d.ts +7 -6
  60. package/lib-amd/components/DeclarativeChart/DeclarativeChart.js +14 -12
  61. package/lib-amd/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  62. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.d.ts +7 -0
  63. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.js +108 -0
  64. package/lib-amd/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
  65. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.d.ts +13 -13
  66. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js +143 -124
  67. package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  68. package/lib-amd/components/LineChart/LineChart.base.js +19 -9
  69. package/lib-amd/components/LineChart/LineChart.base.js.map +1 -1
  70. package/lib-amd/index.d.ts +2 -0
  71. package/lib-amd/index.js +3 -2
  72. package/lib-amd/index.js.map +1 -1
  73. package/lib-amd/utilities/image-export-utils.js +25 -3
  74. package/lib-amd/utilities/image-export-utils.js.map +1 -1
  75. package/lib-commonjs/ChartTable.d.ts +1 -0
  76. package/lib-commonjs/ChartTable.js +5 -0
  77. package/lib-commonjs/ChartTable.js.map +1 -0
  78. package/lib-commonjs/components/ChartTable/ChartTable.base.d.ts +10 -0
  79. package/lib-commonjs/components/ChartTable/ChartTable.base.js +47 -0
  80. package/lib-commonjs/components/ChartTable/ChartTable.base.js.map +1 -0
  81. package/lib-commonjs/components/ChartTable/ChartTable.d.ts +7 -0
  82. package/lib-commonjs/components/ChartTable/ChartTable.js +12 -0
  83. package/lib-commonjs/components/ChartTable/ChartTable.js.map +1 -0
  84. package/lib-commonjs/components/ChartTable/ChartTable.styles.d.ts +2 -0
  85. package/lib-commonjs/components/ChartTable/ChartTable.styles.js +32 -0
  86. package/lib-commonjs/components/ChartTable/ChartTable.styles.js.map +1 -0
  87. package/lib-commonjs/components/ChartTable/ChartTable.types.d.ts +58 -0
  88. package/lib-commonjs/components/ChartTable/ChartTable.types.js +3 -0
  89. package/lib-commonjs/components/ChartTable/ChartTable.types.js.map +1 -0
  90. package/lib-commonjs/components/ChartTable/index.d.ts +2 -0
  91. package/lib-commonjs/components/ChartTable/index.js +6 -0
  92. package/lib-commonjs/components/ChartTable/index.js.map +1 -0
  93. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.d.ts +7 -6
  94. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +14 -11
  95. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  96. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.d.ts +7 -0
  97. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js +110 -0
  98. package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
  99. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.d.ts +13 -13
  100. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +143 -124
  101. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  102. package/lib-commonjs/components/LineChart/LineChart.base.js +19 -9
  103. package/lib-commonjs/components/LineChart/LineChart.base.js.map +1 -1
  104. package/lib-commonjs/index.d.ts +2 -0
  105. package/lib-commonjs/index.js +3 -1
  106. package/lib-commonjs/index.js.map +1 -1
  107. package/lib-commonjs/utilities/image-export-utils.js +25 -3
  108. package/lib-commonjs/utilities/image-export-utils.js.map +1 -1
  109. package/package.json +4 -4
  110. package/src/components/ChartTable/ChartTable.types.ts +68 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,73 @@
2
2
  "name": "@fluentui/react-charting",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 16 May 2025 07:19:55 GMT",
5
+ "date": "Tue, 20 May 2025 07:20:39 GMT",
6
+ "tag": "@fluentui/react-charting_v5.23.90",
7
+ "version": "5.23.90",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "anushgupta@microsoft.com",
12
+ "package": "@fluentui/react-charting",
13
+ "commit": "c5c83ae3f0176456fa74ff3ef2c4318701f3cbf5",
14
+ "comment": "fix(react-charting): remove duplicate legends"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-charting",
19
+ "comment": "Bump @fluentui/theme-samples to v8.7.208",
20
+ "commit": "ce3f089aaa0348897f620403506845152b4cd6e4"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-charting",
25
+ "comment": "Bump @fluentui/react to v8.122.19",
26
+ "commit": "ce3f089aaa0348897f620403506845152b4cd6e4"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Mon, 19 May 2025 07:20:52 GMT",
33
+ "tag": "@fluentui/react-charting_v5.23.89",
34
+ "version": "5.23.89",
35
+ "comments": {
36
+ "patch": [
37
+ {
38
+ "author": "98592573+AtishayMsft@users.noreply.github.com",
39
+ "package": "@fluentui/react-charting",
40
+ "commit": "476da26ac7f9e707402a6cdda47d234051847881",
41
+ "comment": "feat(react-charting): Create plotly aligned colorway"
42
+ },
43
+ {
44
+ "author": "anushgupta@microsoft.com",
45
+ "package": "@fluentui/react-charting",
46
+ "commit": "b46461599a16936c70da9e8ae1218fc7ec6038da",
47
+ "comment": "Add support for plotly generated tables"
48
+ },
49
+ {
50
+ "author": "120183316+srmukher@users.noreply.github.com",
51
+ "package": "@fluentui/react-charting",
52
+ "commit": "ceca154d348925383de372f80dc55605828b75bd",
53
+ "comment": "fix(react-charting): Use schema colors for other charts"
54
+ },
55
+ {
56
+ "author": "98592573+AtishayMsft@users.noreply.github.com",
57
+ "package": "@fluentui/react-charting",
58
+ "commit": "6aecbd5ab7a90a37dfb7d13cbf5c0cebd5f7e11c",
59
+ "comment": "fix(react-charting): Enable rounded corners"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-charting",
64
+ "comment": "Bump @fluentui/chart-utilities to v1.1.10",
65
+ "commit": "bad3c30d00bc16db4b77551d3f08ca3e7c9b9801"
66
+ }
67
+ ]
68
+ }
69
+ },
70
+ {
71
+ "date": "Fri, 16 May 2025 07:22:04 GMT",
6
72
  "tag": "@fluentui/react-charting_v5.23.88",
7
73
  "version": "5.23.88",
8
74
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,36 @@
1
1
  # Change Log - @fluentui/react-charting
2
2
 
3
- This log was last generated on Fri, 16 May 2025 07:19:55 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 20 May 2025 07:20:39 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [5.23.90](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.90)
8
+
9
+ Tue, 20 May 2025 07:20:39 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.89..@fluentui/react-charting_v5.23.90)
11
+
12
+ ### Patches
13
+
14
+ - fix(react-charting): remove duplicate legends ([PR #34476](https://github.com/microsoft/fluentui/pull/34476) by anushgupta@microsoft.com)
15
+ - Bump @fluentui/theme-samples to v8.7.208 ([PR #34482](https://github.com/microsoft/fluentui/pull/34482) by beachball)
16
+ - Bump @fluentui/react to v8.122.19 ([PR #34482](https://github.com/microsoft/fluentui/pull/34482) by beachball)
17
+
18
+ ## [5.23.89](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.89)
19
+
20
+ Mon, 19 May 2025 07:20:52 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.88..@fluentui/react-charting_v5.23.89)
22
+
23
+ ### Patches
24
+
25
+ - feat(react-charting): Create plotly aligned colorway ([PR #34471](https://github.com/microsoft/fluentui/pull/34471) by 98592573+AtishayMsft@users.noreply.github.com)
26
+ - Add support for plotly generated tables ([PR #34461](https://github.com/microsoft/fluentui/pull/34461) by anushgupta@microsoft.com)
27
+ - 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)
28
+ - fix(react-charting): Enable rounded corners ([PR #34473](https://github.com/microsoft/fluentui/pull/34473) by 98592573+AtishayMsft@users.noreply.github.com)
29
+ - Bump @fluentui/chart-utilities to v1.1.10 ([commit](https://github.com/microsoft/fluentui/commit/bad3c30d00bc16db4b77551d3f08ca3e7c9b9801) by beachball)
30
+
7
31
  ## [5.23.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.88)
8
32
 
9
- Fri, 16 May 2025 07:19:55 GMT
33
+ Fri, 16 May 2025 07:22:04 GMT
10
34
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.87..@fluentui/react-charting_v5.23.88)
11
35
 
12
36
  ### 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,13 +171,13 @@ export declare interface DeclarativeChartProps extends React_2.RefAttributes<HTM
163
171
  */
164
172
  componentRef?: IRefObject<IDeclarativeChart>;
165
173
  /**
166
- * Optional prop to specify the color palette for the chart.
167
- * - 'default': Do not use Fluent UI color palette.
168
- * - 'builtin': Use Fluent UI color palette.
169
- * - 'override': Reserved for future use.
170
- * @default 'builtin'
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'
171
179
  */
172
- fluentDataVizColorPalette?: 'default' | 'builtin' | 'override';
180
+ colorwayType?: ColorwayType;
173
181
  }
174
182
 
175
183
  /**
@@ -924,6 +932,64 @@ export declare interface IChartProps {
924
932
  pointLineOptions?: React_2.SVGProps<SVGLineElement>;
925
933
  }
926
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
+
927
993
  export declare interface IChildProps {
928
994
  xScale?: any;
929
995
  yScalePrimary?: any;