@fluentui/react-charts 0.0.0-nightly-20260113-0406.1 → 0.0.0-nightly-20260115-0406.1
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 +13 -13
- package/dist/index.d.ts +4 -0
- package/lib/components/DonutChart/DonutChart.js +4 -2
- package/lib/components/DonutChart/DonutChart.js.map +1 -1
- package/lib/components/GaugeChart/GaugeChart.js +2 -1
- package/lib/components/GaugeChart/GaugeChart.js.map +1 -1
- package/lib/components/GaugeChart/GaugeChart.types.js.map +1 -1
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.js +25 -16
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js +23 -15
- package/lib/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map +1 -1
- package/lib/components/PolarChart/PolarChart.js +3 -2
- package/lib/components/PolarChart/PolarChart.js.map +1 -1
- package/lib/utilities/utilities.js +1 -1
- package/lib/utilities/utilities.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.js +4 -2
- package/lib-commonjs/components/DonutChart/DonutChart.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/GaugeChart.js +2 -1
- package/lib-commonjs/components/GaugeChart/GaugeChart.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/GaugeChart.types.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js +29 -14
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map +1 -1
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js +22 -14
- package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/PolarChart/PolarChart.js +3 -2
- package/lib-commonjs/components/PolarChart/PolarChart.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +1 -1
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left'\n },\n chart: {\n display: 'block'\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n chartTitle: getChartTitleStyles(),\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1\n },\n gradientSegment: {\n width: '100%',\n height: '100%'\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity'\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between'\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85'\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none'\n },\n shapeStyles: {\n marginRight: '8px'\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto'\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto'\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n },\n legendsContainer: {\n width: '100%'\n }\n});\nexport const useGaugeChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.segment),\n gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),\n calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),\n calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),\n calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),\n calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),\n calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),\n calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),\n descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.chartWrapper),\n legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.legendsContainer)\n };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","baseStyles","styles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\nexport const gaugeChartClassNames = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n svgTooltip: 'fui-gc__svgTooltip'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left'\n },\n chart: {\n display: 'block'\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n chartTitle: getChartTitleStyles(),\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1\n },\n gradientSegment: {\n width: '100%',\n height: '100%'\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity'\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between'\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85'\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none'\n },\n shapeStyles: {\n marginRight: '8px'\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto'\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto'\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`\n },\n legendsContainer: {\n width: '100%'\n }\n});\nexport const useGaugeChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),\n svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),\n gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),\n calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),\n calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),\n calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),\n calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),\n calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),\n calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),\n descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),\n legendsContainer: mergeClasses(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)\n };\n};\n"],"names":["tokens","typographyStyles","__styles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","Bkfmm31","Bvjb7m6","ojy3ng","Bxms50k","jrapky","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","uwmqm3","t21cq0","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","m","useGaugeChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","_props_styles13","_props_styles14","_props_styles15","_props_styles16","_props_styles17","_props_styles18","_props_styles19","baseStyles","styles"],"mappings":"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"}
|
|
@@ -40,7 +40,8 @@ const gaugeChartClassNames = {
|
|
|
40
40
|
descriptionMessage: 'fui-gc__descriptionMessage',
|
|
41
41
|
calloutInfoContainer: '',
|
|
42
42
|
legendsContainer: 'fui-gc__legendsContainer',
|
|
43
|
-
chartWrapper: 'fui-gc__chartWrapper'
|
|
43
|
+
chartWrapper: 'fui-gc__chartWrapper',
|
|
44
|
+
svgTooltip: 'fui-gc__svgTooltip'
|
|
44
45
|
};
|
|
45
46
|
const useStyles = (0, _react.makeStyles)({
|
|
46
47
|
root: {
|
|
@@ -74,6 +75,12 @@ const useStyles = (0, _react.makeStyles)({
|
|
|
74
75
|
fill: _reacttheme.tokens.colorNeutralForeground1,
|
|
75
76
|
stroke: _reacttheme.tokens.colorNeutralBackground1
|
|
76
77
|
},
|
|
78
|
+
svgTooltip: {
|
|
79
|
+
fill: _reacttheme.tokens.colorNeutralBackground1,
|
|
80
|
+
[_index.HighContrastSelector]: {
|
|
81
|
+
fill: 'Canvas'
|
|
82
|
+
}
|
|
83
|
+
},
|
|
77
84
|
chartTitle: (0, _index.getChartTitleStyles)(),
|
|
78
85
|
segment: {
|
|
79
86
|
outline: 'none',
|
|
@@ -133,7 +140,7 @@ const useStyles = (0, _react.makeStyles)({
|
|
|
133
140
|
}
|
|
134
141
|
});
|
|
135
142
|
const useGaugeChartStyles = (props)=>{
|
|
136
|
-
var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18;
|
|
143
|
+
var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12, _props_styles13, _props_styles14, _props_styles15, _props_styles16, _props_styles17, _props_styles18, _props_styles19;
|
|
137
144
|
const baseStyles = useStyles();
|
|
138
145
|
return {
|
|
139
146
|
root: (0, _react.mergeClasses)(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
|
|
@@ -143,17 +150,18 @@ const useGaugeChartStyles = (props)=>{
|
|
|
143
150
|
sublabel: (0, _react.mergeClasses)(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),
|
|
144
151
|
needle: (0, _react.mergeClasses)(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),
|
|
145
152
|
chartTitle: (0, _react.mergeClasses)(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
153
|
+
svgTooltip: (0, _react.mergeClasses)(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.svgTooltip),
|
|
154
|
+
segment: (0, _react.mergeClasses)(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.segment),
|
|
155
|
+
gradientSegment: (0, _react.mergeClasses)(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.gradientSegment),
|
|
156
|
+
calloutContentRoot: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutContentRoot),
|
|
157
|
+
calloutDateTimeContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutDateTimeContainer),
|
|
158
|
+
calloutContentX: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutContentX),
|
|
159
|
+
calloutBlockContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.calloutBlockContainer),
|
|
160
|
+
shapeStyles: (0, _react.mergeClasses)(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.shapeStyles),
|
|
161
|
+
calloutlegendText: (0, _react.mergeClasses)(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutlegendText),
|
|
162
|
+
calloutContentY: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.calloutContentY),
|
|
163
|
+
descriptionMessage: (0, _react.mergeClasses)(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles17 = props.styles) === null || _props_styles17 === void 0 ? void 0 : _props_styles17.descriptionMessage),
|
|
164
|
+
chartWrapper: (0, _react.mergeClasses)(gaugeChartClassNames.chartWrapper, (_props_styles18 = props.styles) === null || _props_styles18 === void 0 ? void 0 : _props_styles18.chartWrapper),
|
|
165
|
+
legendsContainer: (0, _react.mergeClasses)(gaugeChartClassNames.legendsContainer, baseStyles.legendsContainer, (_props_styles19 = props.styles) === null || _props_styles19 === void 0 ? void 0 : _props_styles19.legendsContainer)
|
|
158
166
|
};
|
|
159
167
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n chartTitle: getChartTitleStyles() as GriffelStyle,\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAQaK,oBAAAA;;;uBAiHAsD;eAAAA;;;4BAvH4B,wBAAwB;uBAEV,iBAAiB;uBAEpC,wBAAwB;AAErD,6BAA+D;IACpErD,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,iBAAiB;IACjBC,uBAAuB;IACvBC,aAAa;IACbC,mBAAmB;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,sBAAsB;IACtBC,kBAAkB;IAClBC,cAAc;AAChB,EAAE;AAEF,MAAMC,gBAAYxB,iBAAAA,EAAW;IAC3BI,MAAM;QACJ,GAAGL,4BAAAA,CAAiB0B,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACA1B,OAAO;QACLqB,SAAS;IACX;IACApB,QAAQ;QACN,GAAGP,4BAAAA,CAAiBiC,cAAc;QAClCC,MAAMnC,kBAAAA,CAAOoC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA5B,YAAY;QACV6B,YAAYtC,kBAAAA,CAAOuC,kBAAkB;QACrCJ,MAAMnC,kBAAAA,CAAOoC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA3B,UAAU;QACR,GAAGT,4BAAAA,CAAiBiC,cAAc;QAClCC,MAAMnC,kBAAAA,CAAOoC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA1B,QAAQ;QACNwB,MAAMnC,kBAAAA,CAAOoC,uBAAuB;QACpCI,QAAQxC,kBAAAA,CAAOyC,uBAAuB;IACxC;IACA7B,YAAYR,8BAAAA;IACZS,SAAS;QACP6B,SAAS;QACTF,QAAQxC,kBAAAA,CAAO2C,mBAAmB;IACpC;IACA7B,iBAAiB;QACfiB,OAAO;QACPC,QAAQ;IACV;IACAjB,oBAAoB;QAClBa,SAAS;QACTgB,UAAU;QACVC,iBAAiB7C,kBAAAA,CAAOyC,uBAAuB;QAC/CK,qBAAqB;IACvB;IACA9B,0BAA0B;QACxBY,SAAS;QACTC,eAAe;QACfkB,gBAAgB;IAClB;IACA9B,iBAAiB;QACf,GAAGhB,4BAAAA,CAAiB+C,QAAQ;QAC5BC,YAAY;QACZC,SAAS;IACX;IACAhC,uBAAuB;QACrB,GAAGjB,4BAAAA,CAAiBkD,WAAW;QAC/BC,WAAW;QACXC,OAAOrD,kBAAAA,CAAOoC,uBAAuB;QACrCkB,aAAa;QACb1B,SAAS;QACTS,mBAAmB;IACrB;IACAlB,aAAa;QACXoC,aAAa;IACf;IACAnC,mBAAmB;QACjB,GAAGnB,4BAAAA,CAAiB+C,QAAQ;QAC5BC,YAAY;QACZI,OAAOrD,kBAAAA,CAAOwD,uBAAuB;QACrCnB,mBAAmB;IACrB;IACAhB,iBAAiB;QACf,GAAGpB,4BAAAA,CAAiBkD,WAAW;QAC/BF,YAAY;QACZZ,mBAAmB;IACrB;IACAf,oBAAoB;QAClB,GAAGrB,4BAAAA,CAAiB+C,QAAQ;QAC5BK,OAAOrD,kBAAAA,CAAOoC,uBAAuB;QACrCgB,WAAW;QACXK,YAAY;QACZC,WAAW,CAAC,UAAU,EAAE1D,kBAAAA,CAAO2C,mBAAmB,EAAE;IACtD;IACAnB,kBAAkB;QAChBO,OAAO;IACT;AACF;AACO,4BAA4B,CAAC6B;QAI+BA,eACGA,gBACGA,gBACYA,gBACNA,gBACNA,gBACYA,gBACTA,gBAItEA,gBAKAA,gBAKAA,iBAKAA,iBAKAA,iBAEkFA,iBAIlFA,iBAKAA,iBAKAA,iBAE4DA,iBAI5DA;IAxDJ,MAAMC,aAAanC;IAEnB,OAAO;QACLpB,MAAMH,uBAAAA,EAAaE,qBAAqBC,IAAI,EAAEuD,WAAWvD,IAAI,EAAA,CAAEsD,gBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAActD,IAAI;QACjFC,OAAOJ,uBAAAA,EAAaE,qBAAqBE,KAAK,EAAEsD,WAAWtD,KAAK,EAAA,CAAEqD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcrD,KAAK;QACrFC,YAAQL,mBAAAA,EAAaE,qBAAqBG,MAAM,EAAEqD,WAAWrD,MAAM,EAAA,CAAEoD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpD,MAAM;QACzFC,gBAAYN,mBAAAA,EAAaE,qBAAqBI,UAAU,EAAEoD,WAAWpD,UAAU,EAAA,CAAEmD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnD,UAAU;QACzGC,cAAUP,mBAAAA,EAAaE,qBAAqBK,QAAQ,EAAEmD,WAAWnD,QAAQ,EAAA,CAAEkD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclD,QAAQ;QACjGC,YAAQR,mBAAAA,EAAaE,qBAAqBM,MAAM,EAAEkD,WAAWlD,MAAM,EAAA,CAAEiD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjD,MAAM;QACzFC,gBAAYT,mBAAAA,EAAaE,qBAAqBO,UAAU,EAAEiD,WAAWjD,UAAU,EAAA,CAAEgD,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAchD,UAAU;QACzGC,aAASV,mBAAAA,EAAaE,qBAAqBQ,OAAO,EAAEgD,WAAWhD,OAAO,EAAA,CAAE+C,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc/C,OAAO;QAC7FC,qBAAiBX,mBAAAA,EACfE,qBAAqBS,eAAe,EACpC+C,WAAW/C,eAAe,EAAA,CAC1B8C,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc9C,eAAe;QAE/BC,wBAAoBZ,mBAAAA,EAClBE,qBAAqBU,kBAAkB,EACvC8C,WAAW9C,kBAAkB,EAAA,CAC7B6C,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAc7C,kBAAkB;QAElCC,8BAA0Bb,mBAAAA,EACxBE,qBAAqBW,wBAAwB,EAC7C6C,WAAW7C,wBAAwB,EAAA,CACnC4C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc5C,wBAAwB;QAExCC,qBAAiBd,mBAAAA,EACfE,qBAAqBY,eAAe,EACpC4C,WAAW5C,eAAe,EAAA,CAC1B2C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc3C,eAAe;QAE/BC,2BAAuBf,mBAAAA,EACrBE,qBAAqBa,qBAAqB,EAC1C2C,WAAW3C,qBAAqB,EAAA,CAChC0C,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAc1C,qBAAqB;QAErCC,iBAAahB,mBAAAA,EAAaE,qBAAqBc,WAAW,EAAE0C,WAAW1C,WAAW,EAAA,CAAEyC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAczC,WAAW;QAC7GC,uBAAmBjB,mBAAAA,EACjBE,qBAAqBe,iBAAiB,EACtCyC,WAAWzC,iBAAiB,EAAA,CAC5BwC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcxC,iBAAiB;QAEjCC,qBAAiBlB,mBAAAA,EACfE,qBAAqBgB,eAAe,EACpCwC,WAAWxC,eAAe,EAAA,CAC1BuC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcvC,eAAe;QAE/BC,wBAAoBnB,mBAAAA,EAClBE,qBAAqBiB,kBAAkB,EACvCuC,WAAWvC,kBAAkB,EAAA,CAC7BsC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAActC,kBAAkB;QAElCG,kBAActB,mBAAAA,EAAaE,qBAAqBoB,YAAY,EAAA,CAAEmC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcnC,YAAY;QACxFD,sBAAkBrB,mBAAAA,EAChBE,qBAAqBmB,gBAAgB,EACrCqC,WAAWrC,gBAAgB,EAAA,CAC3BoC,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAcpC,gBAAgB;IAElC;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n chartTitle: getChartTitleStyles() as GriffelStyle,\n segment: {\n outline: 'none',\n stroke: tokens.colorNeutralStroke1,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorNeutralStroke1","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}
|
|
@@ -563,16 +563,17 @@ const PolarChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
|
|
|
563
563
|
className: classes.chart,
|
|
564
564
|
width: svgWidth,
|
|
565
565
|
height: svgHeight,
|
|
566
|
-
viewBox: `${-svgWidth / 2} ${-svgHeight / 2} ${svgWidth} ${svgHeight}`,
|
|
567
566
|
role: "region",
|
|
568
567
|
"aria-label": (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`
|
|
568
|
+
}, /*#__PURE__*/ _react.createElement("g", {
|
|
569
|
+
transform: `translate(${svgWidth / 2}, ${svgHeight / 2})`
|
|
569
570
|
}, renderPolarGrid(), /*#__PURE__*/ _react.createElement("g", null, chartData.map((series, seriesIndex)=>{
|
|
570
571
|
return /*#__PURE__*/ _react.createElement("g", {
|
|
571
572
|
key: seriesIndex,
|
|
572
573
|
role: "region",
|
|
573
574
|
"aria-label": `${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${series.data.length} data points.`
|
|
574
575
|
}, series.type === 'areapolar' && renderRadialArea(series), (series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series), renderRadialPoints(series, seriesIndex));
|
|
575
|
-
})), renderPolarTicks())), renderLegends(), !props.hideTooltip && /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, {
|
|
576
|
+
})), renderPolarTicks()))), renderLegends(), !props.hideTooltip && /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, {
|
|
576
577
|
isPopoverOpen: isPopoverOpen,
|
|
577
578
|
positioning: {
|
|
578
579
|
target: popoverTarget
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/PolarChart/PolarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { PolarChartProps } from './PolarChart.types';\nimport { usePolarChartStyles } from './usePolarChartStyles.styles';\nimport { useImageExport } from '../../utilities/hooks';\nimport {\n pointRadial as d3PointRadial,\n areaRadial as d3AreaRadial,\n lineRadial as d3LineRadial,\n curveLinearClosed as d3CurveLinearClosed,\n} from 'd3-shape';\nimport { AreaPolarSeries, LinePolarSeries, PolarDataPoint, ScatterPolarSeries } from '../../types/DataPoint';\nimport { tokens } from '@fluentui/react-theme';\nimport { Legend, Legends } from '../Legends/index';\nimport {\n createRadialScale,\n getContinuousScaleDomain,\n getScaleType,\n EPSILON,\n createAngularScale,\n formatAngle,\n} from './PolarChart.utils';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n getColorFromToken,\n getCurveFactory,\n getNextColor,\n isPlottable,\n sortAxisCategories,\n} from '../../utilities/index';\nimport { extent as d3Extent } from 'd3-array';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst DEFAULT_LEGEND_HEIGHT = 32;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 10;\nconst TICK_SIZE = 6;\nconst MIN_MARKER_SIZE_PX = 2;\nconst MAX_MARKER_SIZE_PX = 16;\nconst MIN_MARKER_SIZE_PX_MARKERS_ONLY = 4;\n\nexport const PolarChart: React.FunctionComponent<PolarChartProps> = React.forwardRef<HTMLDivElement, PolarChartProps>(\n (props, forwardedRef) => {\n const { chartContainerRef, legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n const legendContainerRef = React.useRef<HTMLDivElement>(null);\n const { targetDocument } = useFluent();\n const _window = targetDocument?.defaultView;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(200);\n const [containerHeight, setContainerHeight] = React.useState<number>(200);\n const [legendContainerHeight, setLegendContainerHeight] = React.useState<number>(\n props.hideLegend ? 0 : DEFAULT_LEGEND_HEIGHT,\n );\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n const [popoverXValue, setPopoverXValue] = React.useState<string>('');\n const [popoverLegend, setPopoverLegend] = React.useState<string>('');\n const [popoverColor, setPopoverColor] = React.useState<string>('');\n const [popoverYValue, setPopoverYValue] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const [activePoint, setActivePoint] = React.useState<string>('');\n\n React.useEffect(() => {\n if (chartContainerRef.current) {\n const { width, height } = chartContainerRef.current.getBoundingClientRect();\n setContainerWidth(width);\n setContainerHeight(height);\n }\n }, [chartContainerRef]);\n React.useEffect(() => {\n if (props.hideLegend) {\n setLegendContainerHeight(0);\n } else if (legendContainerRef.current) {\n const { height } = legendContainerRef.current.getBoundingClientRect();\n const marginTop = _window?.getComputedStyle(legendContainerRef.current).marginTop || '0px';\n setLegendContainerHeight(Math.max(height, DEFAULT_LEGEND_HEIGHT) + parseFloat(marginTop));\n }\n }, [props.hideLegend, _window]);\n\n React.useEffect(() => {\n setSelectedLegends(props.legendProps?.selectedLegends || []);\n }, [props.legendProps?.selectedLegends]);\n\n const margins = React.useMemo(\n () => ({\n left: LABEL_OFFSET + LABEL_WIDTH,\n right: LABEL_OFFSET + LABEL_WIDTH,\n top: LABEL_OFFSET + LABEL_HEIGHT,\n bottom: LABEL_OFFSET + LABEL_HEIGHT,\n ...props.margins,\n }),\n [props.margins],\n );\n\n const svgWidth = React.useMemo(() => props.width || containerWidth, [props.width, containerWidth]);\n const svgHeight = React.useMemo(\n () => (props.height || containerHeight) - legendContainerHeight,\n [props.height, containerHeight, legendContainerHeight],\n );\n const outerRadius = React.useMemo(\n () => Math.min(svgWidth - (margins.left + margins.right), svgHeight - (margins.top + margins.bottom)) / 2,\n [svgWidth, svgHeight, margins],\n );\n const innerRadius = React.useMemo(\n () => Math.max(0, Math.min(Math.abs(props.hole || 0), 1)) * outerRadius,\n [props.hole, outerRadius],\n );\n\n const legendColorMap = React.useRef<Record<string, string>>({});\n const chartData = React.useMemo(() => {\n legendColorMap.current = {};\n let colorIndex = 0;\n const renderingOrder = ['areapolar', 'linepolar', 'scatterpolar'];\n\n return props.data\n .map(series => {\n const seriesColor = series.color ? getColorFromToken(series.color) : getNextColor(colorIndex++, 0);\n if (!(series.legend in legendColorMap.current)) {\n legendColorMap.current[series.legend] = seriesColor;\n }\n\n return {\n ...series,\n color: seriesColor,\n data: series.data.map(point => {\n return {\n ...point,\n color: point.color ? getColorFromToken(point.color) : seriesColor,\n };\n }),\n };\n })\n .sort((a, b) => {\n return renderingOrder.indexOf(a.type) - renderingOrder.indexOf(b.type);\n });\n }, [props.data]);\n\n const mapCategoryToValues = React.useCallback(\n (isAngularAxis?: boolean) => {\n const categoryToValues: Record<string, number[]> = {};\n chartData.forEach(series => {\n series.data.forEach(point => {\n const category = (isAngularAxis ? point.theta : point.r) as string;\n if (!categoryToValues[category]) {\n categoryToValues[category] = [];\n }\n const value = isAngularAxis ? point.r : point.theta;\n if (typeof value === 'number') {\n categoryToValues[category].push(value);\n }\n });\n });\n return categoryToValues;\n },\n [chartData],\n );\n\n const getOrderedRCategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(), props.radialAxis?.categoryOrder);\n }, [mapCategoryToValues, props.radialAxis?.categoryOrder]);\n\n const getOrderedACategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(true), props.angularAxis?.categoryOrder);\n }, [mapCategoryToValues, props.angularAxis?.categoryOrder]);\n\n const rValues = React.useMemo(() => chartData.flatMap(series => series.data.map(point => point.r)), [chartData]);\n const rScaleType = React.useMemo(\n () =>\n getScaleType(rValues, {\n scaleType: props.radialAxis?.scaleType,\n supportsLog: true,\n }),\n [rValues, props.radialAxis?.scaleType],\n );\n const rScaleDomain = React.useMemo(\n () =>\n rScaleType === 'category'\n ? getOrderedRCategories()\n : getContinuousScaleDomain(rScaleType, rValues as (number | Date)[], {\n rangeStart: props.radialAxis?.rangeStart,\n rangeEnd: props.radialAxis?.rangeEnd,\n }),\n [getOrderedRCategories, rScaleType, rValues, props.radialAxis?.rangeStart, props.radialAxis?.rangeEnd],\n );\n const {\n scale: rScale,\n tickValues: rTickValues,\n tickLabels: rTickLabels,\n } = React.useMemo(\n () =>\n createRadialScale(rScaleType, rScaleDomain, [innerRadius, outerRadius], {\n useUTC: props.useUTC,\n tickCount: props.radialAxis?.tickCount,\n tickValues: props.radialAxis?.tickValues,\n tickText: props.radialAxis?.tickText,\n tickFormat: props.radialAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.radialAxis?.tickStep,\n tick0: props.radialAxis?.tick0,\n dateLocalizeOptions: props.dateLocalizeOptions,\n }),\n [\n rScaleType,\n rScaleDomain,\n innerRadius,\n outerRadius,\n props.culture,\n props.dateLocalizeOptions,\n props.radialAxis?.tick0,\n props.radialAxis?.tickCount,\n props.radialAxis?.tickFormat,\n props.radialAxis?.tickStep,\n props.radialAxis?.tickText,\n props.radialAxis?.tickValues,\n props.useUTC,\n ],\n );\n\n const aValues = React.useMemo(\n () => chartData.flatMap(series => series.data.map(point => point.theta)),\n [chartData],\n );\n const aScaleType = React.useMemo(\n () =>\n getScaleType(aValues, {\n scaleType: props.angularAxis?.scaleType,\n }),\n [aValues, props.angularAxis?.scaleType],\n );\n const aDomain = React.useMemo(\n () =>\n aScaleType === 'category'\n ? getOrderedACategories()\n : (getContinuousScaleDomain(aScaleType, aValues as number[]) as number[]),\n [getOrderedACategories, aScaleType, aValues],\n );\n const {\n scale: aScale,\n tickValues: aTickValues,\n tickLabels: aTickLabels,\n } = React.useMemo(\n () =>\n createAngularScale(aScaleType, aDomain, {\n tickCount: props.angularAxis?.tickCount,\n tickValues: props.angularAxis?.tickValues,\n tickText: props.angularAxis?.tickText,\n tickFormat: props.angularAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.angularAxis?.tickStep,\n tick0: props.angularAxis?.tick0,\n direction: props.direction,\n unit: props.angularAxis?.unit,\n }),\n [\n aScaleType,\n aDomain,\n props.angularAxis?.tick0,\n props.angularAxis?.tickCount,\n props.angularAxis?.tickFormat,\n props.angularAxis?.tickStep,\n props.angularAxis?.tickText,\n props.angularAxis?.tickValues,\n props.angularAxis?.unit,\n props.culture,\n props.direction,\n ],\n );\n\n const classes = usePolarChartStyles(props);\n\n const renderPolarGrid = React.useCallback(() => {\n const extRTickValues = [];\n const rDomain = rScale.domain();\n if (innerRadius > 0 && rDomain[0] !== rTickValues[0]) {\n extRTickValues.push(rDomain[0]);\n }\n extRTickValues.push(...rTickValues);\n if (rDomain[rDomain.length - 1] !== rTickValues[rTickValues.length - 1]) {\n extRTickValues.push(rDomain[rDomain.length - 1]);\n }\n\n return (\n <g>\n <g>\n {extRTickValues.map((r, rIndex) => {\n const className = rIndex === extRTickValues.length - 1 ? classes.gridLineOuter : classes.gridLineInner;\n\n if (props.shape === 'polygon') {\n let d = '';\n aTickValues.forEach((a, aIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const radialPoint = d3PointRadial(aScale(a), rScale(r as any)!);\n d += (aIndex === 0 ? 'M' : 'L') + radialPoint.join(',') + ' ';\n });\n d += 'Z';\n\n return <path key={rIndex} d={d} className={className} />;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return <circle key={rIndex} cx={0} cy={0} r={rScale(r as any)} className={className} />;\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const radialPoint1 = d3PointRadial(aScale(a), innerRadius);\n const radialPoint2 = d3PointRadial(aScale(a), outerRadius);\n\n return (\n <path\n key={aIndex}\n d={`M${radialPoint1.join(',')} L${radialPoint2.join(',')}`}\n className={classes.gridLineInner}\n />\n );\n })}\n </g>\n </g>\n );\n }, [\n innerRadius,\n outerRadius,\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n props.shape,\n classes.gridLineInner,\n classes.gridLineOuter,\n ]);\n\n const renderPolarTicks = React.useCallback(() => {\n const radialAxisAngle = props.direction === 'clockwise' ? 0 : Math.PI / 2;\n const radialAxisStartPoint = d3PointRadial(radialAxisAngle, innerRadius);\n const radialAxisEndPoint = d3PointRadial(radialAxisAngle, outerRadius);\n // (0, pi]\n const sign = radialAxisAngle > EPSILON && radialAxisAngle - Math.PI < EPSILON ? 1 : -1;\n\n return (\n <g>\n <g>\n <path\n d={`M${radialAxisStartPoint.join(',')} L${radialAxisEndPoint.join(',')}`}\n className={classes.gridLineOuter}\n />\n {rTickValues.map((r, rIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [pointX, pointY] = d3PointRadial(radialAxisAngle, rScale(r as any)!);\n return (\n <g key={rIndex}>\n <path\n d={`M${pointX},${pointY} L${pointX + TICK_SIZE * Math.cos(radialAxisAngle) * sign},${\n pointY + TICK_SIZE * Math.sin(radialAxisAngle) * sign\n }`}\n className={classes.gridLineOuter}\n />\n <text\n x={pointX + (TICK_SIZE + LABEL_OFFSET) * Math.cos(radialAxisAngle) * sign}\n y={pointY + (TICK_SIZE + LABEL_OFFSET) * Math.sin(radialAxisAngle) * sign}\n textAnchor={\n // pi/2 or 3pi/2\n Math.abs(radialAxisAngle - Math.PI / 2) < EPSILON ||\n Math.abs(radialAxisAngle - (3 * Math.PI) / 2) < EPSILON\n ? 'middle'\n : // (0, pi/2) or (pi, 3pi/2)\n (radialAxisAngle > EPSILON && radialAxisAngle - Math.PI / 2 < -EPSILON) ||\n (radialAxisAngle - Math.PI > EPSILON && radialAxisAngle - (3 * Math.PI) / 2 < -EPSILON)\n ? 'start'\n : 'end'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {rTickLabels[rIndex]}\n </text>\n </g>\n );\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const angle = aScale(a);\n const [pointX, pointY] = d3PointRadial(angle, outerRadius + LABEL_OFFSET);\n\n return (\n <text\n key={aIndex}\n x={pointX}\n y={pointY}\n textAnchor={\n Math.abs(angle) < EPSILON || Math.abs(angle - Math.PI) < EPSILON\n ? 'middle'\n : angle > Math.PI\n ? 'end'\n : 'start'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {aTickLabels[aIndex]}\n </text>\n );\n })}\n </g>\n </g>\n );\n }, [\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n outerRadius,\n classes.gridLineOuter,\n classes.tickLabel,\n aTickLabels,\n innerRadius,\n rTickLabels,\n props.direction,\n ]);\n\n const getActiveLegends = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [selectedLegends, hoveredLegend]);\n\n const legendHighlighted = React.useCallback(\n (legendTitle: string) => {\n const activeLegends = getActiveLegends();\n return activeLegends.includes(legendTitle) || activeLegends.length === 0;\n },\n [getActiveLegends],\n );\n\n const renderRadialArea = React.useCallback(\n (series: AreaPolarSeries) => {\n const radialArea = d3AreaRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n .innerRadius(innerRadius)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .outerRadius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve, d3CurveLinearClosed))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n const shouldHighlight = legendHighlighted(series.legend);\n\n return (\n <path\n d={radialArea(series.data)!}\n fill={series.color}\n fillOpacity={shouldHighlight ? 0.7 : 0.1}\n pointerEvents=\"none\"\n />\n );\n },\n [innerRadius, rScale, aScale, legendHighlighted],\n );\n\n const renderRadialLine = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries) => {\n const radialLine = d3LineRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .radius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n\n return (\n <path\n d={radialLine(series.data)!}\n fill=\"none\"\n stroke={series.color}\n strokeOpacity={legendHighlighted(series.legend) ? 1 : 0.1}\n strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n strokeDasharray={series.lineOptions?.strokeDasharray}\n strokeDashoffset={series.lineOptions?.strokeDashoffset}\n strokeLinecap={series.lineOptions?.strokeLinecap}\n pointerEvents=\"none\"\n />\n );\n },\n [rScale, aScale, legendHighlighted],\n );\n\n const [minMarkerSize, maxMarkerSize] = React.useMemo(\n () => d3Extent<number>(chartData.flatMap(series => series.data.map(point => point.markerSize as number))),\n [chartData],\n );\n\n const showPopover = React.useCallback(\n (\n event: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>,\n point: PolarDataPoint,\n pointId: string,\n legend: string,\n ) => {\n setPopoverTarget(event.currentTarget);\n setPopoverOpen(legendHighlighted(legend));\n setPopoverXValue(point.angularAxisCalloutData ?? formatAngle(point.theta, props.angularAxis?.unit));\n setPopoverLegend(legend);\n setPopoverColor(point.color!);\n setPopoverYValue(\n point.radialAxisCalloutData ?? (formatToLocaleString(point.r, props.culture, props.useUTC) as string),\n );\n setActivePoint(pointId);\n },\n [legendHighlighted, props.angularAxis?.unit, props.culture, props.useUTC],\n );\n\n const hidePopover = React.useCallback(() => {\n setPopoverOpen(false);\n setActivePoint('');\n }, []);\n\n const markersOnlyMode = React.useMemo(\n () => chartData.filter(s => s.type === 'areapolar' || s.type === 'linepolar').length === 0,\n [chartData],\n );\n\n const renderRadialPoints = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries | ScatterPolarSeries, seriesIndex: number) => {\n const shouldHighlight = legendHighlighted(series.legend);\n return (\n <g>\n {series.data.map((point, pointIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n if (!isPlottable(aScale(point.theta), rScale(point.r as any))) {\n return null;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [x, y] = d3PointRadial(aScale(point.theta), rScale(point.r as any)!);\n const id = `${seriesIndex}-${pointIndex}`;\n const isActive = activePoint === id;\n const minPx = markersOnlyMode ? MIN_MARKER_SIZE_PX_MARKERS_ONLY : MIN_MARKER_SIZE_PX;\n let radius = minPx;\n if (typeof point.markerSize !== 'undefined' && minMarkerSize !== maxMarkerSize) {\n radius =\n minPx +\n ((point.markerSize - minMarkerSize!) / (maxMarkerSize! - minMarkerSize!)) *\n (MAX_MARKER_SIZE_PX - minPx);\n }\n\n const xValue =\n point.radialAxisCalloutData || (formatToLocaleString(point.r, props.culture, props.useUTC) as string);\n const legend = series.legend;\n const yValue = point.angularAxisCalloutData || formatAngle(point.theta, props.angularAxis?.unit);\n const ariaLabel = point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n\n return (\n <circle\n key={pointIndex}\n cx={x}\n cy={y}\n r={radius}\n fill={isActive ? tokens.colorNeutralBackground1 : point.color}\n stroke={isActive ? point.color : 'none'}\n strokeWidth={isActive ? 2 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={shouldHighlight ? 0 : -1}\n onMouseOver={e => showPopover(e, point, id, series.legend)}\n onFocus={e => showPopover(e, point, id, series.legend)}\n role=\"img\"\n aria-label={ariaLabel}\n />\n );\n })}\n </g>\n );\n },\n [\n legendHighlighted,\n rScale,\n aScale,\n activePoint,\n showPopover,\n minMarkerSize,\n maxMarkerSize,\n markersOnlyMode,\n props.angularAxis?.unit,\n props.culture,\n props.useUTC,\n ],\n );\n\n const onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(_selectedLegends);\n } else {\n setSelectedLegends(_selectedLegends.slice(-1));\n }\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(_selectedLegends, event, currentLegend);\n }\n },\n [props.legendProps],\n );\n\n const renderLegends = React.useCallback(() => {\n if (props.hideLegend) {\n return null;\n }\n\n const legends: Legend[] = Object.keys(legendColorMap.current).map(legendTitle => {\n return {\n title: legendTitle,\n color: legendColorMap.current[legendTitle],\n hoverAction: () => {\n setHoveredLegend(legendTitle);\n },\n onMouseOutAction: () => {\n setHoveredLegend('');\n },\n };\n });\n\n return (\n <div ref={legendContainerRef} className={classes.legendContainer}>\n <Legends\n legends={legends}\n centerLegends\n onChange={onLegendSelectionChange}\n legendRef={legendsRef}\n {...props.legendProps}\n />\n </div>\n );\n }, [props.hideLegend, props.legendProps, legendsRef, onLegendSelectionChange, classes.legendContainer]);\n\n const focusAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n\n return (\n <div className={classes.root} ref={chartContainerRef} onMouseLeave={hidePopover} onBlur={hidePopover}>\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg\n className={classes.chart}\n width={svgWidth}\n height={svgHeight}\n viewBox={`${-svgWidth / 2} ${-svgHeight / 2} ${svgWidth} ${svgHeight}`}\n role=\"region\"\n aria-label={\n (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`\n }\n >\n {renderPolarGrid()}\n <g>\n {chartData.map((series, seriesIndex) => {\n return (\n <g\n key={seriesIndex}\n role=\"region\"\n aria-label={`${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${\n series.data.length\n } data points.`}\n >\n {series.type === 'areapolar' && renderRadialArea(series)}\n {(series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series)}\n {renderRadialPoints(series, seriesIndex)}\n </g>\n );\n })}\n </g>\n {renderPolarTicks()}\n </svg>\n </div>\n {renderLegends()}\n {!props.hideTooltip && (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n positioning={{\n target: popoverTarget,\n }}\n XValue={popoverXValue}\n legend={popoverLegend}\n color={popoverColor}\n YValue={popoverYValue}\n />\n )}\n </div>\n );\n },\n);\n\nPolarChart.displayName = 'PolarChart';\n"],"names":["React","usePolarChartStyles","useImageExport","pointRadial","d3PointRadial","areaRadial","d3AreaRadial","lineRadial","d3LineRadial","curveLinearClosed","d3CurveLinearClosed","tokens","Legends","createRadialScale","getContinuousScaleDomain","getScaleType","EPSILON","createAngularScale","formatAngle","ChartPopover","getColorFromToken","getCurveFactory","getNextColor","isPlottable","sortAxisCategories","extent","d3Extent","useArrowNavigationGroup","formatToLocaleString","useFluent_unstable","useFluent","DEFAULT_LEGEND_HEIGHT","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TICK_SIZE","MIN_MARKER_SIZE_PX","MAX_MARKER_SIZE_PX","MIN_MARKER_SIZE_PX_MARKERS_ONLY","PolarChart","forwardRef","props","forwardedRef","chartContainerRef","legendsRef","componentRef","hideLegend","legendContainerRef","useRef","targetDocument","_window","defaultView","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","legendContainerHeight","setLegendContainerHeight","isPopoverOpen","setPopoverOpen","popoverTarget","setPopoverTarget","popoverXValue","setPopoverXValue","popoverLegend","setPopoverLegend","popoverColor","setPopoverColor","popoverYValue","setPopoverYValue","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","activePoint","setActivePoint","useEffect","current","width","height","getBoundingClientRect","marginTop","getComputedStyle","Math","max","parseFloat","margins","useMemo","left","right","top","bottom","svgWidth","svgHeight","outerRadius","min","innerRadius","abs","hole","legendColorMap","chartData","colorIndex","renderingOrder","data","map","series","seriesColor","color","legend","point","sort","a","b","indexOf","type","mapCategoryToValues","useCallback","isAngularAxis","categoryToValues","forEach","category","theta","r","value","push","getOrderedRCategories","radialAxis","categoryOrder","getOrderedACategories","angularAxis","rValues","flatMap","rScaleType","scaleType","supportsLog","rScaleDomain","rangeStart","rangeEnd","scale","rScale","tickValues","rTickValues","tickLabels","rTickLabels","useUTC","tickCount","tickText","tickFormat","culture","tickStep","tick0","dateLocalizeOptions","aValues","aScaleType","aDomain","aScale","aTickValues","aTickLabels","direction","unit","classes","renderPolarGrid","extRTickValues","rDomain","domain","length","g","rIndex","className","gridLineOuter","gridLineInner","shape","d","aIndex","radialPoint","join","path","key","circle","cx","cy","radialPoint1","radialPoint2","renderPolarTicks","radialAxisAngle","PI","radialAxisStartPoint","radialAxisEndPoint","sign","pointX","pointY","cos","sin","text","x","y","textAnchor","dominantBaseline","aria-hidden","tickLabel","angle","getActiveLegends","legendHighlighted","legendTitle","activeLegends","includes","renderRadialArea","radialArea","curve","lineOptions","defined","shouldHighlight","fill","fillOpacity","pointerEvents","renderRadialLine","radialLine","radius","stroke","strokeOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","minMarkerSize","maxMarkerSize","markerSize","showPopover","event","pointId","currentTarget","angularAxisCalloutData","radialAxisCalloutData","hidePopover","markersOnlyMode","filter","s","renderRadialPoints","seriesIndex","pointIndex","id","isActive","minPx","xValue","yValue","ariaLabel","callOutAccessibilityData","colorNeutralBackground1","opacity","tabIndex","onMouseOver","e","onFocus","role","aria-label","onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","renderLegends","legends","Object","keys","title","hoverAction","onMouseOutAction","div","ref","legendContainer","centerLegends","legendRef","focusAttributes","axis","root","onMouseLeave","onBlur","chartWrapper","svg","chart","viewBox","chartTitle","hideTooltip","positioning","target","XValue","YValue","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/PolarChart/PolarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { PolarChartProps } from './PolarChart.types';\nimport { usePolarChartStyles } from './usePolarChartStyles.styles';\nimport { useImageExport } from '../../utilities/hooks';\nimport {\n pointRadial as d3PointRadial,\n areaRadial as d3AreaRadial,\n lineRadial as d3LineRadial,\n curveLinearClosed as d3CurveLinearClosed,\n} from 'd3-shape';\nimport { AreaPolarSeries, LinePolarSeries, PolarDataPoint, ScatterPolarSeries } from '../../types/DataPoint';\nimport { tokens } from '@fluentui/react-theme';\nimport { Legend, Legends } from '../Legends/index';\nimport {\n createRadialScale,\n getContinuousScaleDomain,\n getScaleType,\n EPSILON,\n createAngularScale,\n formatAngle,\n} from './PolarChart.utils';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n getColorFromToken,\n getCurveFactory,\n getNextColor,\n isPlottable,\n sortAxisCategories,\n} from '../../utilities/index';\nimport { extent as d3Extent } from 'd3-array';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst DEFAULT_LEGEND_HEIGHT = 32;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 10;\nconst TICK_SIZE = 6;\nconst MIN_MARKER_SIZE_PX = 2;\nconst MAX_MARKER_SIZE_PX = 16;\nconst MIN_MARKER_SIZE_PX_MARKERS_ONLY = 4;\n\nexport const PolarChart: React.FunctionComponent<PolarChartProps> = React.forwardRef<HTMLDivElement, PolarChartProps>(\n (props, forwardedRef) => {\n const { chartContainerRef, legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n const legendContainerRef = React.useRef<HTMLDivElement>(null);\n const { targetDocument } = useFluent();\n const _window = targetDocument?.defaultView;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(200);\n const [containerHeight, setContainerHeight] = React.useState<number>(200);\n const [legendContainerHeight, setLegendContainerHeight] = React.useState<number>(\n props.hideLegend ? 0 : DEFAULT_LEGEND_HEIGHT,\n );\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n const [popoverXValue, setPopoverXValue] = React.useState<string>('');\n const [popoverLegend, setPopoverLegend] = React.useState<string>('');\n const [popoverColor, setPopoverColor] = React.useState<string>('');\n const [popoverYValue, setPopoverYValue] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const [activePoint, setActivePoint] = React.useState<string>('');\n\n React.useEffect(() => {\n if (chartContainerRef.current) {\n const { width, height } = chartContainerRef.current.getBoundingClientRect();\n setContainerWidth(width);\n setContainerHeight(height);\n }\n }, [chartContainerRef]);\n React.useEffect(() => {\n if (props.hideLegend) {\n setLegendContainerHeight(0);\n } else if (legendContainerRef.current) {\n const { height } = legendContainerRef.current.getBoundingClientRect();\n const marginTop = _window?.getComputedStyle(legendContainerRef.current).marginTop || '0px';\n setLegendContainerHeight(Math.max(height, DEFAULT_LEGEND_HEIGHT) + parseFloat(marginTop));\n }\n }, [props.hideLegend, _window]);\n\n React.useEffect(() => {\n setSelectedLegends(props.legendProps?.selectedLegends || []);\n }, [props.legendProps?.selectedLegends]);\n\n const margins = React.useMemo(\n () => ({\n left: LABEL_OFFSET + LABEL_WIDTH,\n right: LABEL_OFFSET + LABEL_WIDTH,\n top: LABEL_OFFSET + LABEL_HEIGHT,\n bottom: LABEL_OFFSET + LABEL_HEIGHT,\n ...props.margins,\n }),\n [props.margins],\n );\n\n const svgWidth = React.useMemo(() => props.width || containerWidth, [props.width, containerWidth]);\n const svgHeight = React.useMemo(\n () => (props.height || containerHeight) - legendContainerHeight,\n [props.height, containerHeight, legendContainerHeight],\n );\n const outerRadius = React.useMemo(\n () => Math.min(svgWidth - (margins.left + margins.right), svgHeight - (margins.top + margins.bottom)) / 2,\n [svgWidth, svgHeight, margins],\n );\n const innerRadius = React.useMemo(\n () => Math.max(0, Math.min(Math.abs(props.hole || 0), 1)) * outerRadius,\n [props.hole, outerRadius],\n );\n\n const legendColorMap = React.useRef<Record<string, string>>({});\n const chartData = React.useMemo(() => {\n legendColorMap.current = {};\n let colorIndex = 0;\n const renderingOrder = ['areapolar', 'linepolar', 'scatterpolar'];\n\n return props.data\n .map(series => {\n const seriesColor = series.color ? getColorFromToken(series.color) : getNextColor(colorIndex++, 0);\n if (!(series.legend in legendColorMap.current)) {\n legendColorMap.current[series.legend] = seriesColor;\n }\n\n return {\n ...series,\n color: seriesColor,\n data: series.data.map(point => {\n return {\n ...point,\n color: point.color ? getColorFromToken(point.color) : seriesColor,\n };\n }),\n };\n })\n .sort((a, b) => {\n return renderingOrder.indexOf(a.type) - renderingOrder.indexOf(b.type);\n });\n }, [props.data]);\n\n const mapCategoryToValues = React.useCallback(\n (isAngularAxis?: boolean) => {\n const categoryToValues: Record<string, number[]> = {};\n chartData.forEach(series => {\n series.data.forEach(point => {\n const category = (isAngularAxis ? point.theta : point.r) as string;\n if (!categoryToValues[category]) {\n categoryToValues[category] = [];\n }\n const value = isAngularAxis ? point.r : point.theta;\n if (typeof value === 'number') {\n categoryToValues[category].push(value);\n }\n });\n });\n return categoryToValues;\n },\n [chartData],\n );\n\n const getOrderedRCategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(), props.radialAxis?.categoryOrder);\n }, [mapCategoryToValues, props.radialAxis?.categoryOrder]);\n\n const getOrderedACategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(true), props.angularAxis?.categoryOrder);\n }, [mapCategoryToValues, props.angularAxis?.categoryOrder]);\n\n const rValues = React.useMemo(() => chartData.flatMap(series => series.data.map(point => point.r)), [chartData]);\n const rScaleType = React.useMemo(\n () =>\n getScaleType(rValues, {\n scaleType: props.radialAxis?.scaleType,\n supportsLog: true,\n }),\n [rValues, props.radialAxis?.scaleType],\n );\n const rScaleDomain = React.useMemo(\n () =>\n rScaleType === 'category'\n ? getOrderedRCategories()\n : getContinuousScaleDomain(rScaleType, rValues as (number | Date)[], {\n rangeStart: props.radialAxis?.rangeStart,\n rangeEnd: props.radialAxis?.rangeEnd,\n }),\n [getOrderedRCategories, rScaleType, rValues, props.radialAxis?.rangeStart, props.radialAxis?.rangeEnd],\n );\n const {\n scale: rScale,\n tickValues: rTickValues,\n tickLabels: rTickLabels,\n } = React.useMemo(\n () =>\n createRadialScale(rScaleType, rScaleDomain, [innerRadius, outerRadius], {\n useUTC: props.useUTC,\n tickCount: props.radialAxis?.tickCount,\n tickValues: props.radialAxis?.tickValues,\n tickText: props.radialAxis?.tickText,\n tickFormat: props.radialAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.radialAxis?.tickStep,\n tick0: props.radialAxis?.tick0,\n dateLocalizeOptions: props.dateLocalizeOptions,\n }),\n [\n rScaleType,\n rScaleDomain,\n innerRadius,\n outerRadius,\n props.culture,\n props.dateLocalizeOptions,\n props.radialAxis?.tick0,\n props.radialAxis?.tickCount,\n props.radialAxis?.tickFormat,\n props.radialAxis?.tickStep,\n props.radialAxis?.tickText,\n props.radialAxis?.tickValues,\n props.useUTC,\n ],\n );\n\n const aValues = React.useMemo(\n () => chartData.flatMap(series => series.data.map(point => point.theta)),\n [chartData],\n );\n const aScaleType = React.useMemo(\n () =>\n getScaleType(aValues, {\n scaleType: props.angularAxis?.scaleType,\n }),\n [aValues, props.angularAxis?.scaleType],\n );\n const aDomain = React.useMemo(\n () =>\n aScaleType === 'category'\n ? getOrderedACategories()\n : (getContinuousScaleDomain(aScaleType, aValues as number[]) as number[]),\n [getOrderedACategories, aScaleType, aValues],\n );\n const {\n scale: aScale,\n tickValues: aTickValues,\n tickLabels: aTickLabels,\n } = React.useMemo(\n () =>\n createAngularScale(aScaleType, aDomain, {\n tickCount: props.angularAxis?.tickCount,\n tickValues: props.angularAxis?.tickValues,\n tickText: props.angularAxis?.tickText,\n tickFormat: props.angularAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.angularAxis?.tickStep,\n tick0: props.angularAxis?.tick0,\n direction: props.direction,\n unit: props.angularAxis?.unit,\n }),\n [\n aScaleType,\n aDomain,\n props.angularAxis?.tick0,\n props.angularAxis?.tickCount,\n props.angularAxis?.tickFormat,\n props.angularAxis?.tickStep,\n props.angularAxis?.tickText,\n props.angularAxis?.tickValues,\n props.angularAxis?.unit,\n props.culture,\n props.direction,\n ],\n );\n\n const classes = usePolarChartStyles(props);\n\n const renderPolarGrid = React.useCallback(() => {\n const extRTickValues = [];\n const rDomain = rScale.domain();\n if (innerRadius > 0 && rDomain[0] !== rTickValues[0]) {\n extRTickValues.push(rDomain[0]);\n }\n extRTickValues.push(...rTickValues);\n if (rDomain[rDomain.length - 1] !== rTickValues[rTickValues.length - 1]) {\n extRTickValues.push(rDomain[rDomain.length - 1]);\n }\n\n return (\n <g>\n <g>\n {extRTickValues.map((r, rIndex) => {\n const className = rIndex === extRTickValues.length - 1 ? classes.gridLineOuter : classes.gridLineInner;\n\n if (props.shape === 'polygon') {\n let d = '';\n aTickValues.forEach((a, aIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const radialPoint = d3PointRadial(aScale(a), rScale(r as any)!);\n d += (aIndex === 0 ? 'M' : 'L') + radialPoint.join(',') + ' ';\n });\n d += 'Z';\n\n return <path key={rIndex} d={d} className={className} />;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return <circle key={rIndex} cx={0} cy={0} r={rScale(r as any)} className={className} />;\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const radialPoint1 = d3PointRadial(aScale(a), innerRadius);\n const radialPoint2 = d3PointRadial(aScale(a), outerRadius);\n\n return (\n <path\n key={aIndex}\n d={`M${radialPoint1.join(',')} L${radialPoint2.join(',')}`}\n className={classes.gridLineInner}\n />\n );\n })}\n </g>\n </g>\n );\n }, [\n innerRadius,\n outerRadius,\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n props.shape,\n classes.gridLineInner,\n classes.gridLineOuter,\n ]);\n\n const renderPolarTicks = React.useCallback(() => {\n const radialAxisAngle = props.direction === 'clockwise' ? 0 : Math.PI / 2;\n const radialAxisStartPoint = d3PointRadial(radialAxisAngle, innerRadius);\n const radialAxisEndPoint = d3PointRadial(radialAxisAngle, outerRadius);\n // (0, pi]\n const sign = radialAxisAngle > EPSILON && radialAxisAngle - Math.PI < EPSILON ? 1 : -1;\n\n return (\n <g>\n <g>\n <path\n d={`M${radialAxisStartPoint.join(',')} L${radialAxisEndPoint.join(',')}`}\n className={classes.gridLineOuter}\n />\n {rTickValues.map((r, rIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [pointX, pointY] = d3PointRadial(radialAxisAngle, rScale(r as any)!);\n return (\n <g key={rIndex}>\n <path\n d={`M${pointX},${pointY} L${pointX + TICK_SIZE * Math.cos(radialAxisAngle) * sign},${\n pointY + TICK_SIZE * Math.sin(radialAxisAngle) * sign\n }`}\n className={classes.gridLineOuter}\n />\n <text\n x={pointX + (TICK_SIZE + LABEL_OFFSET) * Math.cos(radialAxisAngle) * sign}\n y={pointY + (TICK_SIZE + LABEL_OFFSET) * Math.sin(radialAxisAngle) * sign}\n textAnchor={\n // pi/2 or 3pi/2\n Math.abs(radialAxisAngle - Math.PI / 2) < EPSILON ||\n Math.abs(radialAxisAngle - (3 * Math.PI) / 2) < EPSILON\n ? 'middle'\n : // (0, pi/2) or (pi, 3pi/2)\n (radialAxisAngle > EPSILON && radialAxisAngle - Math.PI / 2 < -EPSILON) ||\n (radialAxisAngle - Math.PI > EPSILON && radialAxisAngle - (3 * Math.PI) / 2 < -EPSILON)\n ? 'start'\n : 'end'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {rTickLabels[rIndex]}\n </text>\n </g>\n );\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const angle = aScale(a);\n const [pointX, pointY] = d3PointRadial(angle, outerRadius + LABEL_OFFSET);\n\n return (\n <text\n key={aIndex}\n x={pointX}\n y={pointY}\n textAnchor={\n Math.abs(angle) < EPSILON || Math.abs(angle - Math.PI) < EPSILON\n ? 'middle'\n : angle > Math.PI\n ? 'end'\n : 'start'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {aTickLabels[aIndex]}\n </text>\n );\n })}\n </g>\n </g>\n );\n }, [\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n outerRadius,\n classes.gridLineOuter,\n classes.tickLabel,\n aTickLabels,\n innerRadius,\n rTickLabels,\n props.direction,\n ]);\n\n const getActiveLegends = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [selectedLegends, hoveredLegend]);\n\n const legendHighlighted = React.useCallback(\n (legendTitle: string) => {\n const activeLegends = getActiveLegends();\n return activeLegends.includes(legendTitle) || activeLegends.length === 0;\n },\n [getActiveLegends],\n );\n\n const renderRadialArea = React.useCallback(\n (series: AreaPolarSeries) => {\n const radialArea = d3AreaRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n .innerRadius(innerRadius)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .outerRadius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve, d3CurveLinearClosed))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n const shouldHighlight = legendHighlighted(series.legend);\n\n return (\n <path\n d={radialArea(series.data)!}\n fill={series.color}\n fillOpacity={shouldHighlight ? 0.7 : 0.1}\n pointerEvents=\"none\"\n />\n );\n },\n [innerRadius, rScale, aScale, legendHighlighted],\n );\n\n const renderRadialLine = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries) => {\n const radialLine = d3LineRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .radius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n\n return (\n <path\n d={radialLine(series.data)!}\n fill=\"none\"\n stroke={series.color}\n strokeOpacity={legendHighlighted(series.legend) ? 1 : 0.1}\n strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n strokeDasharray={series.lineOptions?.strokeDasharray}\n strokeDashoffset={series.lineOptions?.strokeDashoffset}\n strokeLinecap={series.lineOptions?.strokeLinecap}\n pointerEvents=\"none\"\n />\n );\n },\n [rScale, aScale, legendHighlighted],\n );\n\n const [minMarkerSize, maxMarkerSize] = React.useMemo(\n () => d3Extent<number>(chartData.flatMap(series => series.data.map(point => point.markerSize as number))),\n [chartData],\n );\n\n const showPopover = React.useCallback(\n (\n event: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>,\n point: PolarDataPoint,\n pointId: string,\n legend: string,\n ) => {\n setPopoverTarget(event.currentTarget);\n setPopoverOpen(legendHighlighted(legend));\n setPopoverXValue(point.angularAxisCalloutData ?? formatAngle(point.theta, props.angularAxis?.unit));\n setPopoverLegend(legend);\n setPopoverColor(point.color!);\n setPopoverYValue(\n point.radialAxisCalloutData ?? (formatToLocaleString(point.r, props.culture, props.useUTC) as string),\n );\n setActivePoint(pointId);\n },\n [legendHighlighted, props.angularAxis?.unit, props.culture, props.useUTC],\n );\n\n const hidePopover = React.useCallback(() => {\n setPopoverOpen(false);\n setActivePoint('');\n }, []);\n\n const markersOnlyMode = React.useMemo(\n () => chartData.filter(s => s.type === 'areapolar' || s.type === 'linepolar').length === 0,\n [chartData],\n );\n\n const renderRadialPoints = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries | ScatterPolarSeries, seriesIndex: number) => {\n const shouldHighlight = legendHighlighted(series.legend);\n return (\n <g>\n {series.data.map((point, pointIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n if (!isPlottable(aScale(point.theta), rScale(point.r as any))) {\n return null;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [x, y] = d3PointRadial(aScale(point.theta), rScale(point.r as any)!);\n const id = `${seriesIndex}-${pointIndex}`;\n const isActive = activePoint === id;\n const minPx = markersOnlyMode ? MIN_MARKER_SIZE_PX_MARKERS_ONLY : MIN_MARKER_SIZE_PX;\n let radius = minPx;\n if (typeof point.markerSize !== 'undefined' && minMarkerSize !== maxMarkerSize) {\n radius =\n minPx +\n ((point.markerSize - minMarkerSize!) / (maxMarkerSize! - minMarkerSize!)) *\n (MAX_MARKER_SIZE_PX - minPx);\n }\n\n const xValue =\n point.radialAxisCalloutData || (formatToLocaleString(point.r, props.culture, props.useUTC) as string);\n const legend = series.legend;\n const yValue = point.angularAxisCalloutData || formatAngle(point.theta, props.angularAxis?.unit);\n const ariaLabel = point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n\n return (\n <circle\n key={pointIndex}\n cx={x}\n cy={y}\n r={radius}\n fill={isActive ? tokens.colorNeutralBackground1 : point.color}\n stroke={isActive ? point.color : 'none'}\n strokeWidth={isActive ? 2 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={shouldHighlight ? 0 : -1}\n onMouseOver={e => showPopover(e, point, id, series.legend)}\n onFocus={e => showPopover(e, point, id, series.legend)}\n role=\"img\"\n aria-label={ariaLabel}\n />\n );\n })}\n </g>\n );\n },\n [\n legendHighlighted,\n rScale,\n aScale,\n activePoint,\n showPopover,\n minMarkerSize,\n maxMarkerSize,\n markersOnlyMode,\n props.angularAxis?.unit,\n props.culture,\n props.useUTC,\n ],\n );\n\n const onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(_selectedLegends);\n } else {\n setSelectedLegends(_selectedLegends.slice(-1));\n }\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(_selectedLegends, event, currentLegend);\n }\n },\n [props.legendProps],\n );\n\n const renderLegends = React.useCallback(() => {\n if (props.hideLegend) {\n return null;\n }\n\n const legends: Legend[] = Object.keys(legendColorMap.current).map(legendTitle => {\n return {\n title: legendTitle,\n color: legendColorMap.current[legendTitle],\n hoverAction: () => {\n setHoveredLegend(legendTitle);\n },\n onMouseOutAction: () => {\n setHoveredLegend('');\n },\n };\n });\n\n return (\n <div ref={legendContainerRef} className={classes.legendContainer}>\n <Legends\n legends={legends}\n centerLegends\n onChange={onLegendSelectionChange}\n legendRef={legendsRef}\n {...props.legendProps}\n />\n </div>\n );\n }, [props.hideLegend, props.legendProps, legendsRef, onLegendSelectionChange, classes.legendContainer]);\n\n const focusAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n\n return (\n <div className={classes.root} ref={chartContainerRef} onMouseLeave={hidePopover} onBlur={hidePopover}>\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg\n className={classes.chart}\n width={svgWidth}\n height={svgHeight}\n role=\"region\"\n aria-label={\n (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`\n }\n >\n <g transform={`translate(${svgWidth / 2}, ${svgHeight / 2})`}>\n {renderPolarGrid()}\n <g>\n {chartData.map((series, seriesIndex) => {\n return (\n <g\n key={seriesIndex}\n role=\"region\"\n aria-label={`${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${\n series.data.length\n } data points.`}\n >\n {series.type === 'areapolar' && renderRadialArea(series)}\n {(series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series)}\n {renderRadialPoints(series, seriesIndex)}\n </g>\n );\n })}\n </g>\n {renderPolarTicks()}\n </g>\n </svg>\n </div>\n {renderLegends()}\n {!props.hideTooltip && (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n positioning={{\n target: popoverTarget,\n }}\n XValue={popoverXValue}\n legend={popoverLegend}\n color={popoverColor}\n YValue={popoverYValue}\n />\n )}\n </div>\n );\n },\n);\n\nPolarChart.displayName = 'PolarChart';\n"],"names":["React","usePolarChartStyles","useImageExport","pointRadial","d3PointRadial","areaRadial","d3AreaRadial","lineRadial","d3LineRadial","curveLinearClosed","d3CurveLinearClosed","tokens","Legends","createRadialScale","getContinuousScaleDomain","getScaleType","EPSILON","createAngularScale","formatAngle","ChartPopover","getColorFromToken","getCurveFactory","getNextColor","isPlottable","sortAxisCategories","extent","d3Extent","useArrowNavigationGroup","formatToLocaleString","useFluent_unstable","useFluent","DEFAULT_LEGEND_HEIGHT","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TICK_SIZE","MIN_MARKER_SIZE_PX","MAX_MARKER_SIZE_PX","MIN_MARKER_SIZE_PX_MARKERS_ONLY","PolarChart","forwardRef","props","forwardedRef","chartContainerRef","legendsRef","componentRef","hideLegend","legendContainerRef","useRef","targetDocument","_window","defaultView","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","legendContainerHeight","setLegendContainerHeight","isPopoverOpen","setPopoverOpen","popoverTarget","setPopoverTarget","popoverXValue","setPopoverXValue","popoverLegend","setPopoverLegend","popoverColor","setPopoverColor","popoverYValue","setPopoverYValue","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","activePoint","setActivePoint","useEffect","current","width","height","getBoundingClientRect","marginTop","getComputedStyle","Math","max","parseFloat","margins","useMemo","left","right","top","bottom","svgWidth","svgHeight","outerRadius","min","innerRadius","abs","hole","legendColorMap","chartData","colorIndex","renderingOrder","data","map","series","seriesColor","color","legend","point","sort","a","b","indexOf","type","mapCategoryToValues","useCallback","isAngularAxis","categoryToValues","forEach","category","theta","r","value","push","getOrderedRCategories","radialAxis","categoryOrder","getOrderedACategories","angularAxis","rValues","flatMap","rScaleType","scaleType","supportsLog","rScaleDomain","rangeStart","rangeEnd","scale","rScale","tickValues","rTickValues","tickLabels","rTickLabels","useUTC","tickCount","tickText","tickFormat","culture","tickStep","tick0","dateLocalizeOptions","aValues","aScaleType","aDomain","aScale","aTickValues","aTickLabels","direction","unit","classes","renderPolarGrid","extRTickValues","rDomain","domain","length","g","rIndex","className","gridLineOuter","gridLineInner","shape","d","aIndex","radialPoint","join","path","key","circle","cx","cy","radialPoint1","radialPoint2","renderPolarTicks","radialAxisAngle","PI","radialAxisStartPoint","radialAxisEndPoint","sign","pointX","pointY","cos","sin","text","x","y","textAnchor","dominantBaseline","aria-hidden","tickLabel","angle","getActiveLegends","legendHighlighted","legendTitle","activeLegends","includes","renderRadialArea","radialArea","curve","lineOptions","defined","shouldHighlight","fill","fillOpacity","pointerEvents","renderRadialLine","radialLine","radius","stroke","strokeOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","minMarkerSize","maxMarkerSize","markerSize","showPopover","event","pointId","currentTarget","angularAxisCalloutData","radialAxisCalloutData","hidePopover","markersOnlyMode","filter","s","renderRadialPoints","seriesIndex","pointIndex","id","isActive","minPx","xValue","yValue","ariaLabel","callOutAccessibilityData","colorNeutralBackground1","opacity","tabIndex","onMouseOver","e","onFocus","role","aria-label","onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","renderLegends","legends","Object","keys","title","hoverAction","onMouseOutAction","div","ref","legendContainer","centerLegends","legendRef","focusAttributes","axis","root","onMouseLeave","onBlur","chartWrapper","svg","chart","chartTitle","transform","hideTooltip","positioning","target","XValue","YValue","displayName"],"mappings":"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"}
|
|
@@ -602,7 +602,7 @@ function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLo
|
|
|
602
602
|
if (hideTickOverlap) {
|
|
603
603
|
const longestLabelWidth = calcMaxLabelWidth(xAxisScale.ticks().map(tickFormat)) + 40;
|
|
604
604
|
const [start, end] = xAxisScale.range();
|
|
605
|
-
tickCount = Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth));
|
|
605
|
+
tickCount = Math.min(Math.max(1, Math.floor(Math.abs(end - start) / longestLabelWidth)), 10);
|
|
606
606
|
}
|
|
607
607
|
const xAxis = (0, _d3axis.axisBottom)(xAxisScale).tickSize(xAxistickSize).tickPadding(tickPadding).ticks(tickCount).tickFormat(tickFormat);
|
|
608
608
|
if ([
|