@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.
- package/CHANGELOG.md +38 -2
- package/dist/index.d.ts +89 -6
- package/lib/components/AreaChart/AreaChart.js +18 -8
- package/lib/components/AreaChart/AreaChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.js +17 -13
- package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.js +4 -4
- package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
- package/lib/components/DeclarativeChart/DeclarativeChart.js +25 -13
- package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +57 -36
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/DonutChart/useDonutChartStyles.styles.js +3 -3
- package/lib/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.js +4 -4
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +45 -19
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib/components/LineChart/LineChart.js +40 -36
- package/lib/components/LineChart/LineChart.js.map +1 -1
- package/lib/components/LineChart/eventAnnotation/LabelLink.js +2 -1
- package/lib/components/LineChart/eventAnnotation/LabelLink.js.map +1 -1
- package/lib/components/ResponsiveContainer/ResponsiveContainer.js +51 -22
- package/lib/components/ResponsiveContainer/ResponsiveContainer.js.map +1 -1
- package/lib/components/ResponsiveContainer/ResponsiveContainer.types.js.map +1 -1
- package/lib/components/ResponsiveContainer/index.js +2 -0
- package/lib/components/ResponsiveContainer/index.js.map +1 -1
- package/lib/components/ResponsiveContainer/withResponsiveContainer.js +19 -0
- package/lib/components/ResponsiveContainer/withResponsiveContainer.js.map +1 -0
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.js +3 -3
- package/lib/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.js +1 -1
- package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js +5 -5
- package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +62 -24
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.types.js.map +1 -1
- package/lib/types/DataPoint.js.map +1 -1
- package/lib/utilities/SVGTooltipText.js +3 -3
- package/lib/utilities/SVGTooltipText.js.map +1 -1
- package/lib/utilities/utilities.js +27 -36
- package/lib/utilities/utilities.js.map +1 -1
- package/lib-commonjs/components/AreaChart/AreaChart.js +16 -7
- package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.js +17 -13
- package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js +5 -5
- package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +25 -13
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +57 -36
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js +4 -4
- package/lib-commonjs/components/DonutChart/useDonutChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js +6 -4
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +44 -18
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.types.js.map +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.js +40 -36
- package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
- package/lib-commonjs/components/LineChart/eventAnnotation/LabelLink.js +2 -1
- package/lib-commonjs/components/LineChart/eventAnnotation/LabelLink.js.map +1 -1
- package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js +47 -21
- package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.js.map +1 -1
- package/lib-commonjs/components/ResponsiveContainer/ResponsiveContainer.types.js.map +1 -1
- package/lib-commonjs/components/ResponsiveContainer/index.js +2 -0
- package/lib-commonjs/components/ResponsiveContainer/index.js.map +1 -1
- package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js +27 -0
- package/lib-commonjs/components/ResponsiveContainer/withResponsiveContainer.js.map +1 -0
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js +4 -4
- package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +5 -5
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +61 -23
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.types.js.map +1 -1
- package/lib-commonjs/types/DataPoint.js.map +1 -1
- package/lib-commonjs/utilities/SVGTooltipText.js +3 -3
- package/lib-commonjs/utilities/SVGTooltipText.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +27 -36
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/package.json +10 -10
- package/lib/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js +0 -23
- package/lib/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js +0 -47
- 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
|
package/lib-commonjs/components/ResponsiveContainer/useResponsiveContainerStyles.styles.js.map
DELETED
|
@@ -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"}
|