@fluentui/react-charts 9.1.1 → 9.1.3

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 (97) hide show
  1. package/CHANGELOG.md +38 -2
  2. package/dist/index.d.ts +89 -6
  3. package/lib/components/AreaChart/AreaChart.js +18 -8
  4. package/lib/components/AreaChart/AreaChart.js.map +1 -1
  5. package/lib/components/CommonComponents/CartesianChart.js +17 -13
  6. package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
  7. package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
  8. package/lib/components/CommonComponents/useCartesianChartStyles.styles.js +4 -4
  9. package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
  10. package/lib/components/DeclarativeChart/DeclarativeChart.js +25 -13
  11. package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  12. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +57 -36
  13. package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  14. package/lib/components/DonutChart/useDonutChartStyles.styles.js +3 -3
  15. package/lib/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
  16. package/lib/components/GaugeChart/useGaugeChartStyles.styles.js +4 -4
  17. package/lib/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
  18. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +45 -19
  19. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  20. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
  21. package/lib/components/HeatMapChart/HeatMapChart.js +1 -1
  22. package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
  23. package/lib/components/LineChart/LineChart.js +40 -36
  24. package/lib/components/LineChart/LineChart.js.map +1 -1
  25. package/lib/components/LineChart/eventAnnotation/LabelLink.js +2 -1
  26. package/lib/components/LineChart/eventAnnotation/LabelLink.js.map +1 -1
  27. package/lib/components/ResponsiveContainer/ResponsiveContainer.js +51 -22
  28. package/lib/components/ResponsiveContainer/ResponsiveContainer.js.map +1 -1
  29. package/lib/components/ResponsiveContainer/ResponsiveContainer.types.js.map +1 -1
  30. package/lib/components/ResponsiveContainer/index.js +2 -0
  31. package/lib/components/ResponsiveContainer/index.js.map +1 -1
  32. package/lib/components/ResponsiveContainer/withResponsiveContainer.js +19 -0
  33. package/lib/components/ResponsiveContainer/withResponsiveContainer.js.map +1 -0
  34. package/lib/components/SankeyChart/useSankeyChartStyles.styles.js +3 -3
  35. package/lib/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
  36. package/lib/components/ScatterChart/ScatterChart.js +1 -1
  37. package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
  38. package/lib/components/VerticalBarChart/VerticalBarChart.js +5 -5
  39. package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  40. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +62 -24
  41. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  42. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.types.js.map +1 -1
  43. package/lib/types/DataPoint.js.map +1 -1
  44. package/lib/utilities/SVGTooltipText.js +3 -3
  45. package/lib/utilities/SVGTooltipText.js.map +1 -1
  46. package/lib/utilities/utilities.js +27 -36
  47. package/lib/utilities/utilities.js.map +1 -1
  48. package/lib-commonjs/components/AreaChart/AreaChart.js +16 -7
  49. package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
  50. package/lib-commonjs/components/CommonComponents/CartesianChart.js +17 -13
  51. package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
  52. package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
  53. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js +5 -5
  54. package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
  55. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +25 -13
  56. package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
  57. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +57 -36
  58. package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
  59. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js +4 -4
  60. package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
  61. package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js +6 -4
  62. package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
  63. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +44 -18
  64. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  65. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
  66. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +1 -1
  67. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
  68. package/lib-commonjs/components/LineChart/LineChart.js +40 -36
  69. package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
  70. package/lib-commonjs/components/LineChart/eventAnnotation/LabelLink.js +2 -1
  71. package/lib-commonjs/components/LineChart/eventAnnotation/LabelLink.js.map +1 -1
  72. package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js +47 -21
  73. package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js.map +1 -1
  74. package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.types.js.map +1 -1
  75. package/lib-commonjs/components/ResponsiveContainer/index.js +2 -0
  76. package/lib-commonjs/components/ResponsiveContainer/index.js.map +1 -1
  77. package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js +27 -0
  78. package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js.map +1 -0
  79. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js +4 -4
  80. package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
  81. package/lib-commonjs/components/ScatterChart/ScatterChart.js +1 -1
  82. package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
  83. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +5 -5
  84. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  85. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +61 -23
  86. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  87. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.types.js.map +1 -1
  88. package/lib-commonjs/types/DataPoint.js.map +1 -1
  89. package/lib-commonjs/utilities/SVGTooltipText.js +3 -3
  90. package/lib-commonjs/utilities/SVGTooltipText.js.map +1 -1
  91. package/lib-commonjs/utilities/utilities.js +27 -36
  92. package/lib-commonjs/utilities/utilities.js.map +1 -1
  93. package/package.json +10 -10
  94. package/lib/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js +0 -23
  95. package/lib/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js.map +0 -1
  96. package/lib-commonjs/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js +0 -47
  97. package/lib-commonjs/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js.map +0 -1
@@ -1,23 +0,0 @@
1
- import { __styles, mergeClasses } from '@griffel/react';
2
- export const responsiveContainerClassNames = {
3
- root: 'fui-charts-resp__root'
4
- };
5
- const useStyles = /*#__PURE__*/__styles({
6
- root: {
7
- a9b677: "fly5x3f",
8
- Bqenvij: "f1l02sjl",
9
- Bvcz5cu: "fx80qsw",
10
- Bjw6159: "f4wz6dc",
11
- B5pe6w7: "f17klwcu",
12
- p4uzdd: "ffmg4tr"
13
- }
14
- }, {
15
- d: [".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fx80qsw [class*=\"chartWrapper\"]{width:100%;}", ".f4wz6dc [class*=\"chartWrapper\"]{height:100%;}", ".f17klwcu svg{width:100%;}", ".ffmg4tr svg{height:100%;}"]
16
- });
17
- export const useResponsiveContainerStyles = props => {
18
- const baseStyles = useStyles();
19
- return {
20
- root: mergeClasses(responsiveContainerClassNames.root, baseStyles.root)
21
- };
22
- };
23
- //# sourceMappingURL=useResponsiveContainerStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","responsiveContainerClassNames","root","useStyles","a9b677","Bqenvij","Bvcz5cu","Bjw6159","B5pe6w7","p4uzdd","d","useResponsiveContainerStyles","props","baseStyles"],"sources":["useResponsiveContainerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const responsiveContainerClassNames = {\n root: 'fui-charts-resp__root'\n};\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n height: '100%',\n '& [class*=\"chartWrapper\"]': {\n width: '100%',\n // To prevent chart height from collapsing while resizing\n height: '100%'\n },\n '& svg': {\n // This overrides the pixel width and height of svg allowing it to resize properly within flexbox\n width: '100%',\n height: '100%'\n }\n }\n});\nexport const useResponsiveContainerStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n root: mergeClasses(responsiveContainerClassNames.root, baseStyles.root)\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAejB,CAAC;AACF,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACjD,MAAMC,UAAU,GAAGV,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHD,IAAI,EAAEF,YAAY,CAACC,6BAA6B,CAACC,IAAI,EAAEW,UAAU,CAACX,IAAI;EAC1E,CAAC;AACL,CAAC","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- responsiveContainerClassNames: function() {
13
- return responsiveContainerClassNames;
14
- },
15
- useResponsiveContainerStyles: function() {
16
- return useResponsiveContainerStyles;
17
- }
18
- });
19
- const _react = require("@griffel/react");
20
- const responsiveContainerClassNames = {
21
- root: 'fui-charts-resp__root'
22
- };
23
- const useStyles = /*#__PURE__*/ (0, _react.__styles)({
24
- root: {
25
- a9b677: "fly5x3f",
26
- Bqenvij: "f1l02sjl",
27
- Bvcz5cu: "fx80qsw",
28
- Bjw6159: "f4wz6dc",
29
- B5pe6w7: "f17klwcu",
30
- p4uzdd: "ffmg4tr"
31
- }
32
- }, {
33
- d: [
34
- ".fly5x3f{width:100%;}",
35
- ".f1l02sjl{height:100%;}",
36
- ".fx80qsw [class*=\"chartWrapper\"]{width:100%;}",
37
- ".f4wz6dc [class*=\"chartWrapper\"]{height:100%;}",
38
- ".f17klwcu svg{width:100%;}",
39
- ".ffmg4tr svg{height:100%;}"
40
- ]
41
- });
42
- const useResponsiveContainerStyles = (props)=>{
43
- const baseStyles = useStyles();
44
- return {
45
- root: (0, _react.mergeClasses)(responsiveContainerClassNames.root, baseStyles.root)
46
- };
47
- }; //# sourceMappingURL=useResponsiveContainerStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useResponsiveContainerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const responsiveContainerClassNames = {\n root: 'fui-charts-resp__root'\n};\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n height: '100%',\n '& [class*=\"chartWrapper\"]': {\n width: '100%',\n // To prevent chart height from collapsing while resizing\n height: '100%'\n },\n '& svg': {\n // This overrides the pixel width and height of svg allowing it to resize properly within flexbox\n width: '100%',\n height: '100%'\n }\n }\n});\nexport const useResponsiveContainerStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n root: mergeClasses(responsiveContainerClassNames.root, baseStyles.root)\n };\n};\n"],"names":["responsiveContainerClassNames","useResponsiveContainerStyles","root","useStyles","__styles","a9b677","Bqenvij","Bvcz5cu","Bjw6159","B5pe6w7","p4uzdd","d","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAmBAC,4BAA4B;eAA5BA;;;uBApB4B;AAClC,MAAMD,gCAAgC;IACzCE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAgBX,MAAMV,+BAAgCW,CAAAA;IACzC,MAAMC,aAAaV;IACnB,OAAO;QACHD,MAAMY,IAAAA,mBAAY,EAACd,8BAA8BE,IAAI,EAAEW,WAAWX,IAAI;IAC1E;AACJ"}