npm - @fluentui/react-charts - Versions diffs - 9.0.5 → 9.0.7 - Mend

@fluentui/react-charts 9.0.5 → 9.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/lib-commonjs/components/DonutChart/DonutChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DonutChart.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind /\nimport as React from 'react';\nimport { Pie } from './Pie/index';\nimport { DonutChartProps } from './DonutChart.types';\nimport { useDonutChartStyles } from './useDonutChartStyles.styles';\nimport { ChartDataPoint } from '../../DonutChart';\nimport { convertToLocaleString } from '../../utilities/locale-util';\nimport { getColorFromToken, getNextColor } from '../../utilities/index';\nimport { Legend, Legends } from '../../index';\nimport { useId } from '@fluentui/react-utilities';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst MIN_LEGEND_CONTAINER_HEIGHT = 40;\n\n// Create a DonutChart variant which uses these default styles and this styled subcomponent.\n/*\n Donutchart component.\n * {@docCategory DonutChart}\n /\nexport const DonutChart: React.FunctionComponent<DonutChartProps> = React.forwardRef<HTMLDivElement, DonutChartProps>(\n (props, forwardedRef) => {\n const _rootElem = React.useRef<HTMLDivElement \| null>(null);\n const _uniqText: string = useId('_Pie_');\n / eslint-disable @typescript-eslint/no-explicit-any /\n let _calloutAnchorPoint: ChartDataPoint \| null;\n let _emptyChartId: string \| null;\n const legendContainer = React.useRef<HTMLDivElement \| null>(null);\n const prevSize = React.useRef<{ width?: number; height?: number }>({});\n\n const [value, setValue] = React.useState<string \| undefined>('');\n const [legend, setLegend] = React.useState<string \| undefined>('');\n const [_width, setWidth] = React.useState<number \| undefined>(props.width \|\| 200);\n const [_height, setHeight] = React.useState<number \| undefined>(props.height \|\| 200);\n const [activeLegend, setActiveLegend] = React.useState<string>('');\n const [color, setColor] = React.useState<string \| undefined>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n const [focusedArcId, setFocusedArcId] = React.useState<string>('');\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<ChartDataPoint \| undefined>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n React.useEffect(() => {\n _fitParentContainer();\n }, []);\n\n React.useEffect(() => {\n if (prevSize.current.height !== props.height \|\| prevSize.current.width !== props.width) {\n _fitParentContainer();\n }\n prevSize.current.height = props.height;\n prevSize.current.width = props.width;\n }, [props.width, props.height]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: _rootElem.current,\n }),\n [],\n );\n\n function _elevateToMinimums(data: ChartDataPoint[]) {\n let sumOfData = 0;\n const minPercent = 0.01;\n const elevatedData: ChartDataPoint[] = [];\n data.forEach(item => {\n sumOfData += item.data!;\n });\n data.forEach(item => {\n elevatedData.push(\n minPercent sumOfData > item.data! && item.data! > 0\n ? {\n ...item,\n data: minPercent * sumOfData,\n yAxisCalloutData:\n item.yAxisCalloutData === undefined ? item.data!.toLocaleString() : item.yAxisCalloutData,\n }\n : item,\n );\n });\n return elevatedData;\n }\n function _createLegends(chartData: ChartDataPoint[]): JSX.Element {\n const legendDataItems = chartData.map((point: ChartDataPoint, index: number) => {\n const color: string = point.color!;\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: point.legend!,\n color,\n action: () => {\n if (selectedLegend === point.legend) {\n setSelectedLegend('');\n } else {\n setSelectedLegend(point.legend!);\n }\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(point.legend!);\n },\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n };\n return legend;\n });\n const legends = (\n <Legends\n legends={legendDataItems}\n centerLegends\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n />\n );\n return legends;\n }\n\n function _focusCallback(data: ChartDataPoint, id: string, element: SVGPathElement): void {\n setPopoverOpen(selectedLegend === '' \|\| selectedLegend === data.legend);\n setValue(data.data!.toString());\n setLegend(data.legend);\n setColor(data.color!);\n setXCalloutValue(data.xAxisCalloutData!);\n setYCalloutValue(data.yAxisCalloutData!);\n setFocusedArcId(id);\n setDataPointCalloutProps(data);\n }\n\n function _hoverCallback(data: ChartDataPoint, e: React.MouseEvent<SVGPathElement>): void {\n if (_calloutAnchorPoint !== data) {\n _calloutAnchorPoint = data;\n setPopoverOpen(selectedLegend === '' \|\| selectedLegend === data.legend);\n setValue(data.data!.toString());\n setLegend(data.legend);\n setColor(data.color!);\n setXCalloutValue(data.xAxisCalloutData!);\n setYCalloutValue(data.yAxisCalloutData!);\n setDataPointCalloutProps(data);\n updatePosition(e.clientX, e.clientY);\n }\n }\n function _onBlur(): void {\n setFocusedArcId('');\n }\n\n function _hoverLeave(): void {\n //\n }\n\n function _handleChartMouseLeave() {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n function _valueInsideDonut(valueInsideDonut: string \| number \| undefined, data: ChartDataPoint[]) {\n const highlightedLegend = _getHighlightedLegend();\n if (valueInsideDonut !== undefined && (highlightedLegend !== '' \|\| isPopoverOpen)) {\n let legendValue = valueInsideDonut;\n data!.map((point: ChartDataPoint, index: number) => {\n if (point.legend === highlightedLegend \|\| (isPopoverOpen && point.legend === legend)) {\n legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;\n }\n return;\n });\n return legendValue;\n } else {\n return valueInsideDonut;\n }\n }\n\n function _toLocaleString(data: string \| number \| undefined) {\n const localeString = convertToLocaleString(data, props.culture);\n if (!localeString) {\n return data;\n }\n return localeString?.toString();\n }\n\n /\n * This function returns\n * the selected legend if there is one\n * or the hovered legend if none of the legends is selected.\n * Note: This won't work in case of multiple legends selection.\n /\n function _getHighlightedLegend() {\n return selectedLegend \|\| activeLegend;\n }\n\n function _isChartEmpty(): boolean {\n return !(\n props.data &&\n props.data.chartData &&\n props.data.chartData!.filter((d: ChartDataPoint) => d.data! > 0).length > 0\n );\n }\n\n function _addDefaultColors(donutChartDataPoint?: ChartDataPoint[]): ChartDataPoint[] {\n return donutChartDataPoint\n ? donutChartDataPoint.map((item, index) => {\n let defaultColor: string;\n if (typeof item.color === 'undefined') {\n defaultColor = getNextColor(index, 0);\n } else {\n defaultColor = getColorFromToken(item.color);\n }\n return { ...item, defaultColor };\n })\n : [];\n }\n\n function updatePosition(newX: number, newY: number) {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n */\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer.current && getComputedStyle(legendContainer.current);\n legendContainerHeight =\n ((legendContainer.current && legendContainer.current.getBoundingClientRect().height) \|\|\n MIN_LEGEND_CONTAINER_HEIGHT) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| _rootElem.current) {\n const container = props.parentRef ? props.parentRef : _rootElem.current!;\n const currentContainerWidth = container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 200;\n const shouldResize =\n _width !== currentContainerWidth \|\| _height !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setWidth(currentContainerWidth);\n setHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n const { data, hideLegend = false } = props;\n const points = _addDefaultColors(data?.chartData);\n\n const classes = useDonutChartStyles(props);\n\n const legendBars = _createLegends(points);\n const donutMarginHorizontal = props.hideLabels ? 0 : 80;\n const donutMarginVertical = props.hideLabels ? 0 : 40;\n const outerRadius = Math.min(_width! - donutMarginHorizontal, _height! - donutMarginVertical) / 2;\n const chartData = _elevateToMinimums(points.filter((d: ChartDataPoint) => d.data! >= 0));\n const valueInsideDonut = props.innerRadius !== 0 ? _valueInsideDonut(props.valueInsideDonut!, chartData!) : '';\n const focusAttributes = useFocusableGroup();\n return !_isChartEmpty() ? (\n <div\n className={classes.root}\n ref={(rootElem: HTMLDivElement \| null) => (_rootElem.current = rootElem)}\n onMouseLeave={_handleChartMouseLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg className={classes.chart} aria-label={data?.chartTitle} width={_width} height={_height}>\n <Pie\n width={_width!}\n height={_height!}\n outerRadius={outerRadius}\n innerRadius={props.innerRadius!}\n data={chartData!}\n onFocusCallback={_focusCallback}\n hoverOnCallback={_hoverCallback}\n hoverLeaveCallback={_hoverLeave}\n uniqText={_uniqText}\n onBlurCallback={_onBlur}\n activeArc={_getHighlightedLegend()}\n focusedArcId={focusedArcId \|\| ''}\n href={props.href!}\n valueInsideDonut={_toLocaleString(valueInsideDonut)}\n showLabelsInPercent={props.showLabelsInPercent}\n hideLabels={props.hideLabels}\n />\n </svg>\n </div>\n <ChartPopover\n xCalloutValue={xCalloutValue}\n yCalloutValue={yCalloutValue}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={!props.hideTooltip && isPopoverOpen}\n legend={legend!}\n YValue={value!}\n color={color}\n isCalloutForStack={false}\n customCallout={{\n customizedCallout: props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps!)\n : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n }}\n isCartesian={false}\n />\n {!hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer.current = e)} className={classes.legendContainer}>\n {legendBars}\n </div>\n )}\n </div>\n ) : (\n <div id={_emptyChartId!} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n },\n);\n\nDonutChart.displayName = 'DonutChart';\nDonutChart.defaultProps = {\n innerRadius: 0,\n hideLabels: true,\n};\n"],"names":["DonutChart","MIN_LEGEND_CONTAINER_HEIGHT","React","forwardRef","props","forwardedRef","_rootElem","useRef","_uniqText","useId","_calloutAnchorPoint","_emptyChartId","legendContainer","prevSize","value","setValue","useState","legend","setLegend","_width","setWidth","width","_height","setHeight","height","activeLegend","setActiveLegend","color","setColor","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegend","setSelectedLegend","focusedArcId","setFocusedArcId","dataPointCalloutProps","setDataPointCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","useEffect","_fitParentContainer","current","useImperativeHandle","componentRef","chartContainer","_elevateToMinimums","data","sumOfData","minPercent","elevatedData","forEach","item","push","yAxisCalloutData","undefined","toLocaleString","_createLegends","chartData","legendDataItems","map","point","index","title","action","hoverAction","_handleChartMouseLeave","onMouseOutAction","legends","createElement","Legends","centerLegends","overflowText","legendsOverflowText","legendProps","_focusCallback","id","element","toString","xAxisCalloutData","_hoverCallback","e","updatePosition","clientX","clientY","_onBlur","_hoverLeave","_valueInsideDonut","valueInsideDonut","highlightedLegend","_getHighlightedLegend","legendValue","_toLocaleString","localeString","convertToLocaleString","culture","_isChartEmpty","filter","d","length","_addDefaultColors","donutChartDataPoint","defaultColor","getNextColor","getColorFromToken","newX","newY","threshold","distance","Math","sqrt","pow","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","parentRef","container","currentContainerWidth","currentContainerHeight","shouldResize","points","classes","useDonutChartStyles","legendBars","donutMarginHorizontal","hideLabels","donutMarginVertical","outerRadius","min","innerRadius","focusAttributes","useFocusableGroup","div","className","root","ref","rootElem","onMouseLeave","chartWrapper","svg","chart","aria-label","chartTitle","Pie","onFocusCallback","hoverOnCallback","hoverLeaveCallback","uniqText","onBlurCallback","activeArc","href","showLabelsInPercent","ChartPopover","hideTooltip","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerDataPoint","customCalloutProps","calloutPropsPerDataPoint","isCartesian","role","style","opacity","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["DonutChart.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind /\nimport as React from 'react';\nimport { Pie } from './Pie/index';\nimport { DonutChartProps } from './DonutChart.types';\nimport { useDonutChartStyles } from './useDonutChartStyles.styles';\nimport { ChartDataPoint } from '../../DonutChart';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getColorFromToken, getNextColor } from '../../utilities/index';\nimport { Legend, Legends } from '../../index';\nimport { useId } from '@fluentui/react-utilities';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst MIN_LEGEND_CONTAINER_HEIGHT = 40;\n\n// Create a DonutChart variant which uses these default styles and this styled subcomponent.\n/*\n Donutchart component.\n * {@docCategory DonutChart}\n /\nexport const DonutChart: React.FunctionComponent<DonutChartProps> = React.forwardRef<HTMLDivElement, DonutChartProps>(\n (props, forwardedRef) => {\n const _rootElem = React.useRef<HTMLDivElement \| null>(null);\n const _uniqText: string = useId('_Pie_');\n / eslint-disable @typescript-eslint/no-explicit-any /\n let _calloutAnchorPoint: ChartDataPoint \| null;\n let _emptyChartId: string \| null;\n const legendContainer = React.useRef<HTMLDivElement \| null>(null);\n const prevSize = React.useRef<{ width?: number; height?: number }>({});\n\n const [value, setValue] = React.useState<string \| undefined>('');\n const [legend, setLegend] = React.useState<string \| undefined>('');\n const [_width, setWidth] = React.useState<number \| undefined>(props.width \|\| 200);\n const [_height, setHeight] = React.useState<number \| undefined>(props.height \|\| 200);\n const [activeLegend, setActiveLegend] = React.useState<string>('');\n const [color, setColor] = React.useState<string \| undefined>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n const [focusedArcId, setFocusedArcId] = React.useState<string>('');\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<ChartDataPoint \| undefined>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n React.useEffect(() => {\n _fitParentContainer();\n }, []);\n\n React.useEffect(() => {\n if (prevSize.current.height !== props.height \|\| prevSize.current.width !== props.width) {\n _fitParentContainer();\n }\n prevSize.current.height = props.height;\n prevSize.current.width = props.width;\n }, [props.width, props.height]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: _rootElem.current,\n }),\n [],\n );\n\n function _elevateToMinimums(data: ChartDataPoint[]) {\n let sumOfData = 0;\n const minPercent = 0.01;\n const elevatedData: ChartDataPoint[] = [];\n data.forEach(item => {\n sumOfData += item.data!;\n });\n data.forEach(item => {\n elevatedData.push(\n minPercent sumOfData > item.data! && item.data! > 0\n ? {\n ...item,\n data: minPercent * sumOfData,\n yAxisCalloutData:\n item.yAxisCalloutData === undefined ? item.data!.toLocaleString() : item.yAxisCalloutData,\n }\n : item,\n );\n });\n return elevatedData;\n }\n function _createLegends(chartData: ChartDataPoint[]): JSX.Element {\n const legendDataItems = chartData.map((point: ChartDataPoint, index: number) => {\n const color: string = point.color!;\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: point.legend!,\n color,\n action: () => {\n if (selectedLegend === point.legend) {\n setSelectedLegend('');\n } else {\n setSelectedLegend(point.legend!);\n }\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(point.legend!);\n },\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n };\n return legend;\n });\n const legends = (\n <Legends\n legends={legendDataItems}\n centerLegends\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n />\n );\n return legends;\n }\n\n function _focusCallback(data: ChartDataPoint, id: string, element: SVGPathElement): void {\n setPopoverOpen(selectedLegend === '' \|\| selectedLegend === data.legend);\n setValue(data.data!.toString());\n setLegend(data.legend);\n setColor(data.color!);\n setXCalloutValue(data.xAxisCalloutData!);\n setYCalloutValue(data.yAxisCalloutData!);\n setFocusedArcId(id);\n setDataPointCalloutProps(data);\n }\n\n function _hoverCallback(data: ChartDataPoint, e: React.MouseEvent<SVGPathElement>): void {\n if (_calloutAnchorPoint !== data) {\n _calloutAnchorPoint = data;\n setPopoverOpen(selectedLegend === '' \|\| selectedLegend === data.legend);\n setValue(data.data!.toString());\n setLegend(data.legend);\n setColor(data.color!);\n setXCalloutValue(data.xAxisCalloutData!);\n setYCalloutValue(data.yAxisCalloutData!);\n setDataPointCalloutProps(data);\n updatePosition(e.clientX, e.clientY);\n }\n }\n function _onBlur(): void {\n setFocusedArcId('');\n }\n\n function _hoverLeave(): void {\n //\n }\n\n function _handleChartMouseLeave() {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n function _valueInsideDonut(valueInsideDonut: string \| number \| undefined, data: ChartDataPoint[]) {\n const highlightedLegend = _getHighlightedLegend();\n if (valueInsideDonut !== undefined && (highlightedLegend !== '' \|\| isPopoverOpen)) {\n let legendValue = valueInsideDonut;\n data!.map((point: ChartDataPoint, index: number) => {\n if (point.legend === highlightedLegend \|\| (isPopoverOpen && point.legend === legend)) {\n legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;\n }\n return;\n });\n return legendValue;\n } else {\n return valueInsideDonut;\n }\n }\n\n function _toLocaleString(data: string \| number \| undefined) {\n const localeString = formatToLocaleString(data, props.culture);\n if (!localeString) {\n return data;\n }\n return localeString?.toString();\n }\n\n /\n * This function returns\n * the selected legend if there is one\n * or the hovered legend if none of the legends is selected.\n * Note: This won't work in case of multiple legends selection.\n /\n function _getHighlightedLegend() {\n return selectedLegend \|\| activeLegend;\n }\n\n function _isChartEmpty(): boolean {\n return !(\n props.data &&\n props.data.chartData &&\n props.data.chartData!.filter((d: ChartDataPoint) => d.data! > 0).length > 0\n );\n }\n\n function _addDefaultColors(donutChartDataPoint?: ChartDataPoint[]): ChartDataPoint[] {\n return donutChartDataPoint\n ? donutChartDataPoint.map((item, index) => {\n let defaultColor: string;\n if (typeof item.color === 'undefined') {\n defaultColor = getNextColor(index, 0);\n } else {\n defaultColor = getColorFromToken(item.color);\n }\n return { ...item, defaultColor };\n })\n : [];\n }\n\n function updatePosition(newX: number, newY: number) {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n */\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer.current && getComputedStyle(legendContainer.current);\n legendContainerHeight =\n ((legendContainer.current && legendContainer.current.getBoundingClientRect().height) \|\|\n MIN_LEGEND_CONTAINER_HEIGHT) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| _rootElem.current) {\n const container = props.parentRef ? props.parentRef : _rootElem.current!;\n const currentContainerWidth = container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 200;\n const shouldResize =\n _width !== currentContainerWidth \|\| _height !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setWidth(currentContainerWidth);\n setHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n const { data, hideLegend = false } = props;\n const points = _addDefaultColors(data?.chartData);\n\n const classes = useDonutChartStyles(props);\n\n const legendBars = _createLegends(points);\n const donutMarginHorizontal = props.hideLabels ? 0 : 80;\n const donutMarginVertical = props.hideLabels ? 0 : 40;\n const outerRadius = Math.min(_width! - donutMarginHorizontal, _height! - donutMarginVertical) / 2;\n const chartData = _elevateToMinimums(points.filter((d: ChartDataPoint) => d.data! >= 0));\n const valueInsideDonut = props.innerRadius !== 0 ? _valueInsideDonut(props.valueInsideDonut!, chartData!) : '';\n const focusAttributes = useFocusableGroup();\n return !_isChartEmpty() ? (\n <div\n className={classes.root}\n ref={(rootElem: HTMLDivElement \| null) => (_rootElem.current = rootElem)}\n onMouseLeave={_handleChartMouseLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg className={classes.chart} aria-label={data?.chartTitle} width={_width} height={_height}>\n <Pie\n width={_width!}\n height={_height!}\n outerRadius={outerRadius}\n innerRadius={props.innerRadius!}\n data={chartData!}\n onFocusCallback={_focusCallback}\n hoverOnCallback={_hoverCallback}\n hoverLeaveCallback={_hoverLeave}\n uniqText={_uniqText}\n onBlurCallback={_onBlur}\n activeArc={_getHighlightedLegend()}\n focusedArcId={focusedArcId \|\| ''}\n href={props.href!}\n valueInsideDonut={_toLocaleString(valueInsideDonut)}\n showLabelsInPercent={props.showLabelsInPercent}\n hideLabels={props.hideLabels}\n />\n </svg>\n </div>\n <ChartPopover\n xCalloutValue={xCalloutValue}\n yCalloutValue={yCalloutValue}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={!props.hideTooltip && isPopoverOpen}\n legend={legend!}\n YValue={value!}\n color={color}\n isCalloutForStack={false}\n customCallout={{\n customizedCallout: props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps!)\n : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n }}\n isCartesian={false}\n />\n {!hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer.current = e)} className={classes.legendContainer}>\n {legendBars}\n </div>\n )}\n </div>\n ) : (\n <div id={_emptyChartId!} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n },\n);\n\nDonutChart.displayName = 'DonutChart';\nDonutChart.defaultProps = {\n innerRadius: 0,\n hideLabels: true,\n};\n"],"names":["DonutChart","MIN_LEGEND_CONTAINER_HEIGHT","React","forwardRef","props","forwardedRef","_rootElem","useRef","_uniqText","useId","_calloutAnchorPoint","_emptyChartId","legendContainer","prevSize","value","setValue","useState","legend","setLegend","_width","setWidth","width","_height","setHeight","height","activeLegend","setActiveLegend","color","setColor","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegend","setSelectedLegend","focusedArcId","setFocusedArcId","dataPointCalloutProps","setDataPointCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","useEffect","_fitParentContainer","current","useImperativeHandle","componentRef","chartContainer","_elevateToMinimums","data","sumOfData","minPercent","elevatedData","forEach","item","push","yAxisCalloutData","undefined","toLocaleString","_createLegends","chartData","legendDataItems","map","point","index","title","action","hoverAction","_handleChartMouseLeave","onMouseOutAction","legends","createElement","Legends","centerLegends","overflowText","legendsOverflowText","legendProps","_focusCallback","id","element","toString","xAxisCalloutData","_hoverCallback","e","updatePosition","clientX","clientY","_onBlur","_hoverLeave","_valueInsideDonut","valueInsideDonut","highlightedLegend","_getHighlightedLegend","legendValue","_toLocaleString","localeString","formatToLocaleString","culture","_isChartEmpty","filter","d","length","_addDefaultColors","donutChartDataPoint","defaultColor","getNextColor","getColorFromToken","newX","newY","threshold","distance","Math","sqrt","pow","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","parentRef","container","currentContainerWidth","currentContainerHeight","shouldResize","points","classes","useDonutChartStyles","legendBars","donutMarginHorizontal","hideLabels","donutMarginVertical","outerRadius","min","innerRadius","focusAttributes","useFocusableGroup","div","className","root","ref","rootElem","onMouseLeave","chartWrapper","svg","chart","aria-label","chartTitle","Pie","onFocusCallback","hoverOnCallback","hoverLeaveCallback","uniqText","onBlurCallback","activeArc","href","showLabelsInPercent","ChartPopover","hideTooltip","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerDataPoint","customCalloutProps","calloutPropsPerDataPoint","isCartesian","role","style","opacity","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/GaugeChart/GaugeChart.js CHANGED Viewed

@@ -34,7 +34,7 @@ const _useGaugeChartStylesstyles = require("./useGaugeChartStyles.styles");
 const _d3selection = require("d3-selection");
 const _d3shape = require("d3-shape");
 const _index = require("../../utilities/index");
-const _localeutil = require("../../utilities/locale-util");
+const _chartutilities = require("@fluentui/chart-utilities");
 const _SVGTooltipText = require("../../utilities/SVGTooltipText");
 const _index1 = require("../Legends/index");
 const _reacttabster = require("@fluentui/react-tabster");
@@ -413,7 +413,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         }, /*#__PURE__*/ _react.createElement("div", {
             className: classes.calloutContentX,
             ...(0, _index.getAccessibleDataObject)(calloutProps.xAxisCalloutAccessibilityData, 'text', false)
-        }, (0, _localeutil.convertToLocaleString)(calloutProps.hoverXValue, props.culture))), /*#__PURE__*/ _react.createElement("div", {
+        }, (0, _chartutilities.formatToLocaleString)(calloutProps.hoverXValue, props.culture))), /*#__PURE__*/ _react.createElement("div", {
             className: classes.calloutInfoContainer,
             style: yValueHoverSubCountsExists ? {
                 display: 'flex'
@@ -451,7 +451,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         };
         const toDrawShape = xValue.index !== undefined && xValue.index !== -1;
         const { culture } = props;
-        const yValue = (0, _localeutil.convertToLocaleString)(xValue.y, culture);
+        const yValue = (0, _chartutilities.formatToLocaleString)(xValue.y, culture);
         if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {
             return /*#__PURE__*/ _react.createElement("div", {
                 style: yValueHoverSubCountsExists ? marginStyle : {}
@@ -481,7 +481,7 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 className: classes.calloutlegendText
             }, " ", xValue.legend), /*#__PURE__*/ _react.createElement("div", {
                 className: classes.calloutContentY
-            }, (0, _localeutil.convertToLocaleString)(xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data, culture)))));
+            }, (0, _chartutilities.formatToLocaleString)(xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data, culture)))));
         } else {
             const subcounts = xValue.yAxisCalloutData;
             return /*#__PURE__*/ _react.createElement("div", {
@@ -497,9 +497,9 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     className: classes.calloutBlockContainer
                 }, /*#__PURE__*/ _react.createElement("div", {
                     className: classes.calloutlegendText
-                }, " ", (0, _localeutil.convertToLocaleString)(subcountName, culture)), /*#__PURE__*/ _react.createElement("div", {
+                }, " ", (0, _chartutilities.formatToLocaleString)(subcountName, culture)), /*#__PURE__*/ _react.createElement("div", {
                     className: classes.calloutContentY
-                }, (0, _localeutil.convertToLocaleString)(subcounts[subcountName], culture)));
+                }, (0, _chartutilities.formatToLocaleString)(subcounts[subcountName], culture)));
             }));
         }
     }
@@ -551,14 +551,14 @@ const GaugeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         className: classes.limits,
         role: "img",
         "aria-label": `Min value: ${_minValue}`
-    }, (0, _index.formatValueWithSIPrefix)(_minValue)), /*#__PURE__*/ _react.createElement("text", {
+    }, (0, _index.formatScientificLimitWidth)(_minValue)), /*#__PURE__*/ _react.createElement("text", {
         x: (_isRTL ? -1 : 1) * (_outerRadius + LABEL_OFFSET),
         y: 0,
         textAnchor: "start",
         className: classes.limits,
         role: "img",
         "aria-label": `Max value: ${_maxValue}`
-    }, (0, _index.formatValueWithSIPrefix)(_maxValue))), arcs.map((arc, index)=>{
+    }, (0, _index.formatScientificLimitWidth)(_maxValue))), arcs.map((arc, index)=>{
         const segment = _segments[arc.segmentIndex];
         return /*#__PURE__*/ _react.createElement(_react.Fragment, {
             key: index

package/lib-commonjs/components/GaugeChart/GaugeChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["GaugeChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGaugeChartStyles } from './useGaugeChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { arc as d3Arc } from 'd3-shape';\nimport { YValueHover } from '../../index';\nimport {\n Points,\n areArraysEqual,\n formatValueWithSIPrefix,\n getAccessibleDataObject,\n getColorFromToken,\n getNextColor,\n pointTypes,\n useRtl,\n} from '../../utilities/index';\nimport { convertToLocaleString } from '../../utilities/locale-util';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { Legend, LegendShape, Legends, Shape } from '../Legends/index';\nimport { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n { minRadius: 52, arcWidth: 12, fontSize: 20 },\n { minRadius: 70, arcWidth: 16, fontSize: 24 },\n { minRadius: 88, arcWidth: 20, fontSize: 32 },\n { minRadius: 106, arcWidth: 24, fontSize: 32 },\n { minRadius: 124, arcWidth: 28, fontSize: 40 },\n { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n if (needleRotation < 0) {\n needleRotation = 0;\n } else if (needleRotation > 180) {\n needleRotation = 180;\n }\n\n return needleRotation;\n};\n\nexport const getSegmentLabel = (\n segment: ExtendedSegment,\n minValue: number,\n maxValue: number,\n variant?: GaugeChartVariant,\n isAriaLabel: boolean = false,\n) => {\n if (isAriaLabel) {\n return minValue === 0 && variant === 'single-segment'\n ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n : `${segment.legend}, ${segment.start} to ${segment.end}`;\n }\n\n return minValue === 0 && variant === 'single-segment'\n ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n chartValue: number,\n minValue: number,\n maxValue: number,\n chartValueFormat?: GaugeValueFormat \| ((sweepFraction: [number, number]) => string),\n forCallout: boolean = false,\n): string => {\n if (forCallout) {\n // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n // This helps clarify the actual value and avoid repetition.\n return minValue !== 0\n ? chartValue.toString()\n : chartValueFormat === 'fraction'\n ? `${((chartValue / maxValue) * 100).toFixed()}%`\n : `${chartValue}/${maxValue}`;\n }\n\n return typeof chartValueFormat === 'function'\n ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n : minValue !== 0\n ? chartValue.toString()\n : chartValueFormat === 'fraction'\n ? `${chartValue}/${maxValue}`\n : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface YValue extends Omit<YValueHover, 'y'> {\n y?: string \| number;\n}\nexport interface ExtendedSegment extends GaugeChartSegment {\n start: number;\n end: number;\n}\n\nexport const GaugeChart: React.FunctionComponent<GaugeChartProps> = React.forwardRef<HTMLDivElement, GaugeChartProps>(\n (props, forwardedRef) => {\n const _getMargins = () => {\n const { hideMinMax, chartTitle, sublabel } = props;\n return {\n left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n };\n };\n const _margins: { left: number; right: number; top: number; bottom: number } = _getMargins();\n const _legendsHeight: number = !props.hideLegend ? 24 : 0;\n const _rootElem = React.useRef<HTMLDivElement \| null>(null);\n const _isRTL: boolean = useRtl();\n const [width, setWidth] = React.useState<number>(140 + _getMargins().left + _getMargins().right);\n const [height, setHeight] = React.useState<number>(70 + _getMargins().top + _getMargins().bottom + _legendsHeight);\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [focusedElement, setFocusedElement] = React.useState<string \| undefined>('');\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n const prevPropsRef = React.useRef<GaugeChartProps \| null>(null);\n const _width = props.width \|\| width;\n const _height = props.height \|\| height;\n const _outerRadius: number = Math.min(\n (_width - (_margins.left + _margins.right)) / 2,\n _height - (_margins.top + _margins.bottom + _legendsHeight),\n );\n const { arcWidth, chartValueSize } = _getStylesBasedOnBreakpoint();\n const _innerRadius: number = _outerRadius - arcWidth;\n let _minValue!: number;\n let _maxValue!: number;\n let _segments!: ExtendedSegment[];\n let _calloutAnchor: string = '';\n React.useEffect(() => {\n if (prevPropsRef.current) {\n const prevProps = prevPropsRef.current;\n if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n setWidth(props.width!);\n setHeight(props.height!);\n }\n }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: _rootElem.current,\n }),\n [],\n );\n\n const classes = useGaugeChartStyles(props);\n function _getStylesBasedOnBreakpoint() {\n for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n if (_outerRadius >= BREAKPOINTS[index].minRadius) {\n return {\n arcWidth: BREAKPOINTS[index].arcWidth,\n chartValueSize: BREAKPOINTS[index].fontSize,\n };\n }\n }\n return {\n arcWidth: BREAKPOINTS[0].arcWidth,\n chartValueSize: BREAKPOINTS[0].fontSize,\n };\n }\n\n function _processProps() {\n const { minValue = 0, maxValue, segments, roundCorners } = props;\n\n let total = minValue;\n const processedSegments: ExtendedSegment[] = segments.map(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (segment: { size: number; legend: any; color: string; accessibilityData: any }, index: number) => {\n const size = Math.max(segment.size, 0);\n total += size;\n return {\n legend: segment.legend,\n size,\n color:\n typeof segment.color !== 'undefined'\n ? getColorFromToken(segment.color, false)\n : getNextColor(index, 0, false),\n accessibilityData: segment.accessibilityData,\n start: total - size,\n end: total,\n };\n },\n );\n if (typeof maxValue !== 'undefined' && total < maxValue) {\n processedSegments.push({\n legend: 'Unknown',\n size: maxValue - total,\n color: 'neutralLight',\n start: total,\n end: maxValue,\n });\n total = maxValue;\n }\n\n const arcGenerator = d3Arc()\n .cornerRadius(roundCorners ? 3 : 0)\n .padAngle(ARC_PADDING / _outerRadius)\n .padRadius(_outerRadius);\n const rtlSafeSegments = _isRTL ? Array.from(processedSegments).reverse() : processedSegments;\n let prevAngle = -Math.PI / 2;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const arcs = rtlSafeSegments.map((segment, index) => {\n const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n const d = arcGenerator({\n innerRadius: _innerRadius,\n outerRadius: _outerRadius,\n startAngle: prevAngle,\n endAngle,\n })!;\n prevAngle = endAngle;\n return {\n d,\n segmentIndex: _isRTL ? processedSegments.length - 1 - index : index,\n startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n endAngle,\n };\n });\n\n _minValue = minValue;\n _maxValue = total;\n _segments = processedSegments;\n\n return {\n arcs,\n };\n }\n\n function _renderNeedle() {\n const needleRotation = calcNeedleRotation(props.chartValue, _minValue, _maxValue);\n const rtlSafeNeedleRotation = _isRTL ? 180 - needleRotation : needleRotation;\n const strokeWidth = 2;\n const halfStrokeWidth = strokeWidth / 2;\n const needleLength = _outerRadius - _innerRadius + EXTRA_NEEDLE_LENGTH;\n\n return (\n <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n <path\n d={`\n M 0,${-halfStrokeWidth - 3}\n L ${-needleLength},${-halfStrokeWidth - 1}\n A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n L 0,${halfStrokeWidth + 3}\n A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n `}\n strokeWidth={strokeWidth}\n className={classes.needle}\n transform={`translate(${-_innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n data-is-focusable={true}\n onFocus={e => _handleFocus(e, 'Needle')}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, 'Needle')}\n onMouseMove={e => _handleMouseOver(e, 'Needle')}\n role=\"img\"\n aria-label={\n 'Current value: ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)\n }\n />\n </g>\n );\n }\n\n function _renderLegends() {\n if (props.hideLegend) {\n return null;\n }\n\n const legends: Legend[] = _segments.map((segment, index) => {\n const color: string = segment.color \|\| getNextColor(index, 0, false);\n\n return {\n title: segment.legend,\n color,\n hoverAction: () => {\n setHoveredLegend(segment.legend);\n },\n onMouseOutAction: () => {\n setHoveredLegend('');\n },\n };\n });\n\n return (\n <div className={classes.legendsContainer} style={{ width: props.width }}>\n <Legends\n legends={legends}\n centerLegends\n {...props.legendProps}\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onLegendSelectionChange}\n />\n </div>\n );\n }\n\n function _onLegendSelectionChange(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n selectedLegends: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\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\n /*\n This function checks if the given legend is highlighted or not.\n * A legend can be highlighted in 2 ways:\n * 1. selection: if the user clicks on it\n * 2. hovering: if there is no selected legend and the user hovers over it\n /\n function _legendHighlighted(legend: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n function _noLegendHighlighted() {\n return _getHighlightedLegend().length === 0;\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _handleFocus(focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) {\n _showCallout(focusEvent, focusedElement, true);\n }\n\n function _handleBlur() {\n _hideCallout(true);\n }\n\n function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) {\n _showCallout(mouseEvent, hoveredElement, false);\n }\n\n function _handleMouseOut() {\n _hideCallout(false);\n }\n\n function _handleCalloutDismiss() {\n _hideCallout(false);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _showCallout(\n event: React.MouseEvent<SVGElement, MouseEvent> \| React.FocusEvent<SVGElement, Element>,\n legend: string,\n isFocusEvent: boolean,\n ) {\n if (_calloutAnchor === legend) {\n return;\n }\n let clientX = 0;\n let clientY = 0;\n if ('clientX' in event) {\n clientX = event.clientX;\n clientY = event.clientY;\n } else {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const target = event.currentTarget as HTMLElement \| SVGElement;\n if (target && 'getBoundingClientRect' in target) {\n const boundingRect = target.getBoundingClientRect();\n clientX = boundingRect.left + boundingRect.width / 2;\n clientY = boundingRect.top + boundingRect.height / 2;\n }\n }\n _calloutAnchor = legend;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverXValue: string =\n 'Current value is ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat, true);\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverYValues: YValue[] = _segments.map(segment => {\n const yValue: YValue = {\n legend: segment.legend,\n y: getSegmentLabel(segment, _minValue, _maxValue, props.variant),\n color: segment.color,\n };\n return yValue;\n });\n _updatePosition(clientX, clientY);\n setPopoverOpen(\n ['Needle', 'Chart value'].includes(legend) \|\| _noLegendHighlighted() \|\| _legendHighlighted(legend),\n );\n setHoverXValue(hoverXValue);\n setHoverYValues(hoverYValues);\n if (isFocusEvent) {\n setFocusedElement(legend);\n }\n }\n\n function _hideCallout(isBlurEvent?: boolean) {\n _calloutAnchor = '';\n setPopoverOpen(false);\n setHoverXValue('');\n setHoverYValues([]);\n if (isBlurEvent) {\n setFocusedElement('');\n }\n }\n\n function _wrapContent(content: string, id: string, maxWidth: number) {\n const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n textElement.text(content);\n if (!textElement.node()) {\n return false;\n }\n\n let isOverflowing = false;\n let textLength = textElement.node()!.getComputedTextLength();\n while (textLength > maxWidth && content.length > 0) {\n content = content.slice(0, -1);\n textElement.text(content + '...');\n isOverflowing = true;\n textLength = textElement.node()!.getComputedTextLength();\n }\n return isOverflowing;\n }\n\n // TO DO: Write a common functional component for Multi value callout and divide sub count method\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _multiValueCallout(calloutProps: any) {\n const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(calloutProps.YValueHover);\n return (\n <div className={classes.calloutContentRoot}>\n <div\n className={classes.calloutDateTimeContainer}\n style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n >\n <div\n className={classes.calloutContentX}\n {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n >\n {convertToLocaleString(calloutProps!.hoverXValue, props.culture)}\n </div>\n </div>\n <div className={classes.calloutInfoContainer} style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n {calloutProps!.YValueHover &&\n calloutProps!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n const isLast: boolean = index + 1 === yValues.length;\n const { shouldDrawBorderBottom = false } = yValue;\n return (\n <div\n {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n key={`callout-content-${index}`}\n style={\n yValueHoverSubCountsExists\n ? {\n display: 'inline-block',\n ...(shouldDrawBorderBottom && {\n paddingBottom: '10px',\n }),\n }\n : {\n ...(shouldDrawBorderBottom && {\n paddingBottom: '10px',\n }),\n }\n }\n >\n {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n </div>\n );\n })}\n {!!calloutProps.descriptionMessage && (\n <div className={classes.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n )}\n </div>\n </div>\n );\n }\n\n function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]) {\n if (yValueHover) {\n return yValueHover.some(\n (yValue: {\n legend?: string;\n y?: number;\n color?: string;\n yAxisCalloutData?: string \| { [id: string]: number };\n }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n );\n }\n return false;\n }\n\n function _getCalloutContent(\n xValue: YValueHover,\n index: number,\n yValueHoverSubCountsExists: boolean,\n isLast: boolean,\n ): React.ReactNode {\n const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n const { culture } = props;\n const yValue = convertToLocaleString(xValue.y, culture);\n if (!xValue.yAxisCalloutData \|\| typeof xValue.yAxisCalloutData === 'string') {\n return (\n <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n {yValueHoverSubCountsExists && (\n <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n {xValue.legend!} ({yValue})\n </div>\n )}\n <div\n id={`${index}_${xValue.y}`}\n className={classes.calloutBlockContainer}\n style={{ borderInlineStart: `4px solid ${xValue.color}` }}\n >\n {toDrawShape && (\n <Shape\n svgProps={{\n className: classes.shapeStyles,\n }}\n pathProps={{ fill: xValue.color }}\n shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n style={{ display: 'flex' }}\n />\n )}\n <div>\n <div className={classes.calloutlegendText}> {xValue.legend}</div>\n <div className={classes.calloutContentY}>\n {convertToLocaleString(\n xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y \|\| xValue.data,\n culture,\n )}\n </div>\n </div>\n </div>\n </div>\n );\n } else {\n const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n return (\n <div style={marginStyle}>\n <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n {xValue.legend!} ({yValue})\n </div>\n {Object.keys(subcounts).map((subcountName: string) => {\n return (\n <div key={subcountName} className={classes.calloutBlockContainer}>\n <div className={classes.calloutlegendText}> {convertToLocaleString(subcountName, culture)}</div>\n <div className={classes.calloutContentY}>\n {convertToLocaleString(subcounts[subcountName], culture)}\n </div>\n </div>\n );\n })}\n </div>\n );\n }\n }\n\n function _updatePosition(newX: number, newY: number) {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getChartTitle(): string {\n const { chartTitle } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${_segments.length} segments. `;\n }\n const { arcs } = _processProps();\n const focusAttributes = useFocusableGroup();\n return (\n <div className={classes.root} ref={el => (_rootElem.current = el)} {...focusAttributes}>\n <svg\n className={classes.chart}\n style={{ width: props.width, height: props.height! - _legendsHeight }}\n role=\"region\"\n aria-label={_getChartTitle()}\n onMouseLeave={_handleMouseOut}\n >\n <g transform={`translate(${width / 2}, ${height - (_margins.bottom + _legendsHeight)})`}>\n {props.chartTitle && (\n <text\n x={0}\n y={-(_outerRadius + TITLE_OFFSET)}\n textAnchor=\"middle\"\n className={classes.chartTitle}\n aria-hidden={true}\n >\n {props.chartTitle}\n </text>\n )}\n {!props.hideMinMax && (\n <>\n <text\n x={(_isRTL ? 1 : -1) (_outerRadius + LABEL_OFFSET)}\n y={0}\n textAnchor=\"end\"\n className={classes.limits}\n role=\"img\"\n aria-label={`Min value: ${_minValue}`}\n >\n {formatValueWithSIPrefix(_minValue)}\n </text>\n <text\n x={(_isRTL ? -1 : 1) * (_outerRadius + LABEL_OFFSET)}\n y={0}\n textAnchor=\"start\"\n className={classes.limits}\n role=\"img\"\n aria-label={`Max value: ${_maxValue}`}\n >\n {formatValueWithSIPrefix(_maxValue)}\n </text>\n </>\n )}\n {arcs.map((arc, index) => {\n const segment = _segments[arc.segmentIndex];\n return (\n <React.Fragment key={index}>\n <path\n d={arc.d}\n strokeWidth={focusedElement === segment.legend ? ARC_PADDING : 0}\n className={classes.segment}\n fill={segment.color}\n opacity={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted() ? 1 : 0.1}\n {...getAccessibleDataObject(\n {\n ariaLabel: getSegmentLabel(segment, _minValue, _maxValue, props.variant, true),\n ...segment.accessibilityData,\n },\n 'img',\n true,\n )}\n onFocus={e => _handleFocus(e, segment.legend)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, segment.legend)}\n onMouseLeave={e => _handleCalloutDismiss()}\n onMouseMove={e => _handleMouseOver(e, segment.legend)}\n data-is-focusable={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted()}\n tabIndex={segment.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n })}\n {_renderNeedle()}\n <g\n onMouseEnter={e => _handleMouseOver(e, 'Chart value')}\n onMouseMove={e => _handleMouseOver(e, 'Chart value')}\n >\n <SVGTooltipText\n content={getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)}\n textProps={{\n x: 0,\n y: 0,\n textAnchor: 'middle',\n className: classes.chartValue,\n fontSize: chartValueSize,\n 'aria-hidden': 'true',\n }}\n maxWidth={_innerRadius * 2 - 24}\n wrapContent={_wrapContent}\n />\n </g>\n {props.sublabel && (\n <SVGTooltipText\n content={props.sublabel}\n textProps={{\n x: 0,\n y: 4,\n textAnchor: 'middle',\n dominantBaseline: 'hanging',\n className: classes.sublabel,\n }}\n maxWidth={_innerRadius * 2}\n wrapContent={_wrapContent}\n />\n )}\n </g>\n </svg>\n {_renderLegends()}\n {!props.hideTooltip && isPopoverOpen && (\n <ChartPopover\n {...props.calloutProps}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n customCallout={{\n customizedCallout: _multiValueCallout({ hoverXValue: hoverXValue, YValueHover: hoverYValues }),\n }}\n />\n )}\n </div>\n );\n },\n);\nGaugeChart.displayName = 'GaugeChart';\n"],"names":["ARC_PADDING","BREAKPOINTS","GaugeChart","calcNeedleRotation","getChartValueLabel","getSegmentLabel","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","minRadius","arcWidth","fontSize","chartValue","minValue","maxValue","needleRotation","segment","variant","isAriaLabel","legend","size","toFixed","start","end","chartValueFormat","forCallout","toString","React","forwardRef","props","forwardedRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","_rootElem","useRef","_isRTL","useRtl","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","prevPropsRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useGaugeChartStyles","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","getColorFromToken","getNextColor","accessibilityData","push","arcGenerator","d3Arc","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","createElement","g","transform","path","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","style","Legends","centerLegends","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","clientX","clientY","target","currentTarget","boundingRect","getBoundingClientRect","yValue","_updatePosition","isBlurEvent","_wrapContent","content","id","maxWidth","textElement","d3Select","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","marginBottom","calloutContentX","getAccessibleDataObject","xAxisCalloutAccessibilityData","convertToLocaleString","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","Shape","svgProps","shapeStyles","pathProps","fill","shape","Points","Object","keys","pointTypes","calloutlegendText","calloutContentY","data","subcounts","subcountName","newX","newY","threshold","distance","sqrt","pow","_getChartTitle","focusAttributes","useFocusableGroup","root","ref","el","svg","chart","onMouseLeave","textAnchor","aria-hidden","Fragment","limits","formatValueWithSIPrefix","arc","opacity","ariaLabel","tabIndex","SVGTooltipText","textProps","wrapContent","dominantBaseline","hideTooltip","ChartPopover","customCallout","customizedCallout","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["GaugeChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGaugeChartStyles } from './useGaugeChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { arc as d3Arc } from 'd3-shape';\nimport { YValueHover } from '../../index';\nimport {\n Points,\n areArraysEqual,\n formatScientificLimitWidth,\n getAccessibleDataObject,\n getColorFromToken,\n getNextColor,\n pointTypes,\n useRtl,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { Legend, LegendShape, Legends, Shape } from '../Legends/index';\nimport { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n { minRadius: 52, arcWidth: 12, fontSize: 20 },\n { minRadius: 70, arcWidth: 16, fontSize: 24 },\n { minRadius: 88, arcWidth: 20, fontSize: 32 },\n { minRadius: 106, arcWidth: 24, fontSize: 32 },\n { minRadius: 124, arcWidth: 28, fontSize: 40 },\n { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n if (needleRotation < 0) {\n needleRotation = 0;\n } else if (needleRotation > 180) {\n needleRotation = 180;\n }\n\n return needleRotation;\n};\n\nexport const getSegmentLabel = (\n segment: ExtendedSegment,\n minValue: number,\n maxValue: number,\n variant?: GaugeChartVariant,\n isAriaLabel: boolean = false,\n) => {\n if (isAriaLabel) {\n return minValue === 0 && variant === 'single-segment'\n ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n : `${segment.legend}, ${segment.start} to ${segment.end}`;\n }\n\n return minValue === 0 && variant === 'single-segment'\n ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n chartValue: number,\n minValue: number,\n maxValue: number,\n chartValueFormat?: GaugeValueFormat \| ((sweepFraction: [number, number]) => string),\n forCallout: boolean = false,\n): string => {\n if (forCallout) {\n // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n // This helps clarify the actual value and avoid repetition.\n return minValue !== 0\n ? chartValue.toString()\n : chartValueFormat === 'fraction'\n ? `${((chartValue / maxValue) * 100).toFixed()}%`\n : `${chartValue}/${maxValue}`;\n }\n\n return typeof chartValueFormat === 'function'\n ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n : minValue !== 0\n ? chartValue.toString()\n : chartValueFormat === 'fraction'\n ? `${chartValue}/${maxValue}`\n : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface YValue extends Omit<YValueHover, 'y'> {\n y?: string \| number;\n}\nexport interface ExtendedSegment extends GaugeChartSegment {\n start: number;\n end: number;\n}\n\nexport const GaugeChart: React.FunctionComponent<GaugeChartProps> = React.forwardRef<HTMLDivElement, GaugeChartProps>(\n (props, forwardedRef) => {\n const _getMargins = () => {\n const { hideMinMax, chartTitle, sublabel } = props;\n return {\n left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n };\n };\n const _margins: { left: number; right: number; top: number; bottom: number } = _getMargins();\n const _legendsHeight: number = !props.hideLegend ? 24 : 0;\n const _rootElem = React.useRef<HTMLDivElement \| null>(null);\n const _isRTL: boolean = useRtl();\n const [width, setWidth] = React.useState<number>(140 + _getMargins().left + _getMargins().right);\n const [height, setHeight] = React.useState<number>(70 + _getMargins().top + _getMargins().bottom + _legendsHeight);\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [focusedElement, setFocusedElement] = React.useState<string \| undefined>('');\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n const prevPropsRef = React.useRef<GaugeChartProps \| null>(null);\n const _width = props.width \|\| width;\n const _height = props.height \|\| height;\n const _outerRadius: number = Math.min(\n (_width - (_margins.left + _margins.right)) / 2,\n _height - (_margins.top + _margins.bottom + _legendsHeight),\n );\n const { arcWidth, chartValueSize } = _getStylesBasedOnBreakpoint();\n const _innerRadius: number = _outerRadius - arcWidth;\n let _minValue!: number;\n let _maxValue!: number;\n let _segments!: ExtendedSegment[];\n let _calloutAnchor: string = '';\n React.useEffect(() => {\n if (prevPropsRef.current) {\n const prevProps = prevPropsRef.current;\n if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n setWidth(props.width!);\n setHeight(props.height!);\n }\n }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: _rootElem.current,\n }),\n [],\n );\n\n const classes = useGaugeChartStyles(props);\n function _getStylesBasedOnBreakpoint() {\n for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n if (_outerRadius >= BREAKPOINTS[index].minRadius) {\n return {\n arcWidth: BREAKPOINTS[index].arcWidth,\n chartValueSize: BREAKPOINTS[index].fontSize,\n };\n }\n }\n return {\n arcWidth: BREAKPOINTS[0].arcWidth,\n chartValueSize: BREAKPOINTS[0].fontSize,\n };\n }\n\n function _processProps() {\n const { minValue = 0, maxValue, segments, roundCorners } = props;\n\n let total = minValue;\n const processedSegments: ExtendedSegment[] = segments.map(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (segment: { size: number; legend: any; color: string; accessibilityData: any }, index: number) => {\n const size = Math.max(segment.size, 0);\n total += size;\n return {\n legend: segment.legend,\n size,\n color:\n typeof segment.color !== 'undefined'\n ? getColorFromToken(segment.color, false)\n : getNextColor(index, 0, false),\n accessibilityData: segment.accessibilityData,\n start: total - size,\n end: total,\n };\n },\n );\n if (typeof maxValue !== 'undefined' && total < maxValue) {\n processedSegments.push({\n legend: 'Unknown',\n size: maxValue - total,\n color: 'neutralLight',\n start: total,\n end: maxValue,\n });\n total = maxValue;\n }\n\n const arcGenerator = d3Arc()\n .cornerRadius(roundCorners ? 3 : 0)\n .padAngle(ARC_PADDING / _outerRadius)\n .padRadius(_outerRadius);\n const rtlSafeSegments = _isRTL ? Array.from(processedSegments).reverse() : processedSegments;\n let prevAngle = -Math.PI / 2;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const arcs = rtlSafeSegments.map((segment, index) => {\n const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n const d = arcGenerator({\n innerRadius: _innerRadius,\n outerRadius: _outerRadius,\n startAngle: prevAngle,\n endAngle,\n })!;\n prevAngle = endAngle;\n return {\n d,\n segmentIndex: _isRTL ? processedSegments.length - 1 - index : index,\n startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n endAngle,\n };\n });\n\n _minValue = minValue;\n _maxValue = total;\n _segments = processedSegments;\n\n return {\n arcs,\n };\n }\n\n function _renderNeedle() {\n const needleRotation = calcNeedleRotation(props.chartValue, _minValue, _maxValue);\n const rtlSafeNeedleRotation = _isRTL ? 180 - needleRotation : needleRotation;\n const strokeWidth = 2;\n const halfStrokeWidth = strokeWidth / 2;\n const needleLength = _outerRadius - _innerRadius + EXTRA_NEEDLE_LENGTH;\n\n return (\n <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n <path\n d={`\n M 0,${-halfStrokeWidth - 3}\n L ${-needleLength},${-halfStrokeWidth - 1}\n A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n L 0,${halfStrokeWidth + 3}\n A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n `}\n strokeWidth={strokeWidth}\n className={classes.needle}\n transform={`translate(${-_innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n data-is-focusable={true}\n onFocus={e => _handleFocus(e, 'Needle')}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, 'Needle')}\n onMouseMove={e => _handleMouseOver(e, 'Needle')}\n role=\"img\"\n aria-label={\n 'Current value: ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)\n }\n />\n </g>\n );\n }\n\n function _renderLegends() {\n if (props.hideLegend) {\n return null;\n }\n\n const legends: Legend[] = _segments.map((segment, index) => {\n const color: string = segment.color \|\| getNextColor(index, 0, false);\n\n return {\n title: segment.legend,\n color,\n hoverAction: () => {\n setHoveredLegend(segment.legend);\n },\n onMouseOutAction: () => {\n setHoveredLegend('');\n },\n };\n });\n\n return (\n <div className={classes.legendsContainer} style={{ width: props.width }}>\n <Legends\n legends={legends}\n centerLegends\n {...props.legendProps}\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onLegendSelectionChange}\n />\n </div>\n );\n }\n\n function _onLegendSelectionChange(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n selectedLegends: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\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\n /*\n This function checks if the given legend is highlighted or not.\n * A legend can be highlighted in 2 ways:\n * 1. selection: if the user clicks on it\n * 2. hovering: if there is no selected legend and the user hovers over it\n /\n function _legendHighlighted(legend: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n function _noLegendHighlighted() {\n return _getHighlightedLegend().length === 0;\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _handleFocus(focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) {\n _showCallout(focusEvent, focusedElement, true);\n }\n\n function _handleBlur() {\n _hideCallout(true);\n }\n\n function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) {\n _showCallout(mouseEvent, hoveredElement, false);\n }\n\n function _handleMouseOut() {\n _hideCallout(false);\n }\n\n function _handleCalloutDismiss() {\n _hideCallout(false);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _showCallout(\n event: React.MouseEvent<SVGElement, MouseEvent> \| React.FocusEvent<SVGElement, Element>,\n legend: string,\n isFocusEvent: boolean,\n ) {\n if (_calloutAnchor === legend) {\n return;\n }\n let clientX = 0;\n let clientY = 0;\n if ('clientX' in event) {\n clientX = event.clientX;\n clientY = event.clientY;\n } else {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const target = event.currentTarget as HTMLElement \| SVGElement;\n if (target && 'getBoundingClientRect' in target) {\n const boundingRect = target.getBoundingClientRect();\n clientX = boundingRect.left + boundingRect.width / 2;\n clientY = boundingRect.top + boundingRect.height / 2;\n }\n }\n _calloutAnchor = legend;\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverXValue: string =\n 'Current value is ' + getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat, true);\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const hoverYValues: YValue[] = _segments.map(segment => {\n const yValue: YValue = {\n legend: segment.legend,\n y: getSegmentLabel(segment, _minValue, _maxValue, props.variant),\n color: segment.color,\n };\n return yValue;\n });\n _updatePosition(clientX, clientY);\n setPopoverOpen(\n ['Needle', 'Chart value'].includes(legend) \|\| _noLegendHighlighted() \|\| _legendHighlighted(legend),\n );\n setHoverXValue(hoverXValue);\n setHoverYValues(hoverYValues);\n if (isFocusEvent) {\n setFocusedElement(legend);\n }\n }\n\n function _hideCallout(isBlurEvent?: boolean) {\n _calloutAnchor = '';\n setPopoverOpen(false);\n setHoverXValue('');\n setHoverYValues([]);\n if (isBlurEvent) {\n setFocusedElement('');\n }\n }\n\n function _wrapContent(content: string, id: string, maxWidth: number) {\n const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n textElement.text(content);\n if (!textElement.node()) {\n return false;\n }\n\n let isOverflowing = false;\n let textLength = textElement.node()!.getComputedTextLength();\n while (textLength > maxWidth && content.length > 0) {\n content = content.slice(0, -1);\n textElement.text(content + '...');\n isOverflowing = true;\n textLength = textElement.node()!.getComputedTextLength();\n }\n return isOverflowing;\n }\n\n // TO DO: Write a common functional component for Multi value callout and divide sub count method\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _multiValueCallout(calloutProps: any) {\n const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(calloutProps.YValueHover);\n return (\n <div className={classes.calloutContentRoot}>\n <div\n className={classes.calloutDateTimeContainer}\n style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n >\n <div\n className={classes.calloutContentX}\n {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n >\n {formatToLocaleString(calloutProps!.hoverXValue, props.culture)}\n </div>\n </div>\n <div className={classes.calloutInfoContainer} style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n {calloutProps!.YValueHover &&\n calloutProps!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n const isLast: boolean = index + 1 === yValues.length;\n const { shouldDrawBorderBottom = false } = yValue;\n return (\n <div\n {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n key={`callout-content-${index}`}\n style={\n yValueHoverSubCountsExists\n ? {\n display: 'inline-block',\n ...(shouldDrawBorderBottom && {\n paddingBottom: '10px',\n }),\n }\n : {\n ...(shouldDrawBorderBottom && {\n paddingBottom: '10px',\n }),\n }\n }\n >\n {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n </div>\n );\n })}\n {!!calloutProps.descriptionMessage && (\n <div className={classes.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n )}\n </div>\n </div>\n );\n }\n\n function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]) {\n if (yValueHover) {\n return yValueHover.some(\n (yValue: {\n legend?: string;\n y?: number;\n color?: string;\n yAxisCalloutData?: string \| { [id: string]: number };\n }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n );\n }\n return false;\n }\n\n function _getCalloutContent(\n xValue: YValueHover,\n index: number,\n yValueHoverSubCountsExists: boolean,\n isLast: boolean,\n ): React.ReactNode {\n const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n const { culture } = props;\n const yValue = formatToLocaleString(xValue.y, culture);\n if (!xValue.yAxisCalloutData \|\| typeof xValue.yAxisCalloutData === 'string') {\n return (\n <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n {yValueHoverSubCountsExists && (\n <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n {xValue.legend!} ({yValue})\n </div>\n )}\n <div\n id={`${index}_${xValue.y}`}\n className={classes.calloutBlockContainer}\n style={{ borderInlineStart: `4px solid ${xValue.color}` }}\n >\n {toDrawShape && (\n <Shape\n svgProps={{\n className: classes.shapeStyles,\n }}\n pathProps={{ fill: xValue.color }}\n shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n style={{ display: 'flex' }}\n />\n )}\n <div>\n <div className={classes.calloutlegendText}> {xValue.legend}</div>\n <div className={classes.calloutContentY}>\n {formatToLocaleString(\n xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y \|\| xValue.data,\n culture,\n )}\n </div>\n </div>\n </div>\n </div>\n );\n } else {\n const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n return (\n <div style={marginStyle}>\n <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n {xValue.legend!} ({yValue})\n </div>\n {Object.keys(subcounts).map((subcountName: string) => {\n return (\n <div key={subcountName} className={classes.calloutBlockContainer}>\n <div className={classes.calloutlegendText}> {formatToLocaleString(subcountName, culture)}</div>\n <div className={classes.calloutContentY}>\n {formatToLocaleString(subcounts[subcountName], culture)}\n </div>\n </div>\n );\n })}\n </div>\n );\n }\n }\n\n function _updatePosition(newX: number, newY: number) {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getChartTitle(): string {\n const { chartTitle } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${_segments.length} segments. `;\n }\n const { arcs } = _processProps();\n const focusAttributes = useFocusableGroup();\n return (\n <div className={classes.root} ref={el => (_rootElem.current = el)} {...focusAttributes}>\n <svg\n className={classes.chart}\n style={{ width: props.width, height: props.height! - _legendsHeight }}\n role=\"region\"\n aria-label={_getChartTitle()}\n onMouseLeave={_handleMouseOut}\n >\n <g transform={`translate(${width / 2}, ${height - (_margins.bottom + _legendsHeight)})`}>\n {props.chartTitle && (\n <text\n x={0}\n y={-(_outerRadius + TITLE_OFFSET)}\n textAnchor=\"middle\"\n className={classes.chartTitle}\n aria-hidden={true}\n >\n {props.chartTitle}\n </text>\n )}\n {!props.hideMinMax && (\n <>\n <text\n x={(_isRTL ? 1 : -1) (_outerRadius + LABEL_OFFSET)}\n y={0}\n textAnchor=\"end\"\n className={classes.limits}\n role=\"img\"\n aria-label={`Min value: ${_minValue}`}\n >\n {formatScientificLimitWidth(_minValue)}\n </text>\n <text\n x={(_isRTL ? -1 : 1) * (_outerRadius + LABEL_OFFSET)}\n y={0}\n textAnchor=\"start\"\n className={classes.limits}\n role=\"img\"\n aria-label={`Max value: ${_maxValue}`}\n >\n {formatScientificLimitWidth(_maxValue)}\n </text>\n </>\n )}\n {arcs.map((arc, index) => {\n const segment = _segments[arc.segmentIndex];\n return (\n <React.Fragment key={index}>\n <path\n d={arc.d}\n strokeWidth={focusedElement === segment.legend ? ARC_PADDING : 0}\n className={classes.segment}\n fill={segment.color}\n opacity={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted() ? 1 : 0.1}\n {...getAccessibleDataObject(\n {\n ariaLabel: getSegmentLabel(segment, _minValue, _maxValue, props.variant, true),\n ...segment.accessibilityData,\n },\n 'img',\n true,\n )}\n onFocus={e => _handleFocus(e, segment.legend)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, segment.legend)}\n onMouseLeave={e => _handleCalloutDismiss()}\n onMouseMove={e => _handleMouseOver(e, segment.legend)}\n data-is-focusable={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted()}\n tabIndex={segment.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n })}\n {_renderNeedle()}\n <g\n onMouseEnter={e => _handleMouseOver(e, 'Chart value')}\n onMouseMove={e => _handleMouseOver(e, 'Chart value')}\n >\n <SVGTooltipText\n content={getChartValueLabel(props.chartValue, _minValue, _maxValue, props.chartValueFormat)}\n textProps={{\n x: 0,\n y: 0,\n textAnchor: 'middle',\n className: classes.chartValue,\n fontSize: chartValueSize,\n 'aria-hidden': 'true',\n }}\n maxWidth={_innerRadius * 2 - 24}\n wrapContent={_wrapContent}\n />\n </g>\n {props.sublabel && (\n <SVGTooltipText\n content={props.sublabel}\n textProps={{\n x: 0,\n y: 4,\n textAnchor: 'middle',\n dominantBaseline: 'hanging',\n className: classes.sublabel,\n }}\n maxWidth={_innerRadius * 2}\n wrapContent={_wrapContent}\n />\n )}\n </g>\n </svg>\n {_renderLegends()}\n {!props.hideTooltip && isPopoverOpen && (\n <ChartPopover\n {...props.calloutProps}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n customCallout={{\n customizedCallout: _multiValueCallout({ hoverXValue: hoverXValue, YValueHover: hoverYValues }),\n }}\n />\n )}\n </div>\n );\n },\n);\nGaugeChart.displayName = 'GaugeChart';\n"],"names":["ARC_PADDING","BREAKPOINTS","GaugeChart","calcNeedleRotation","getChartValueLabel","getSegmentLabel","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","minRadius","arcWidth","fontSize","chartValue","minValue","maxValue","needleRotation","segment","variant","isAriaLabel","legend","size","toFixed","start","end","chartValueFormat","forCallout","toString","React","forwardRef","props","forwardedRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","_rootElem","useRef","_isRTL","useRtl","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","prevPropsRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useGaugeChartStyles","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","getColorFromToken","getNextColor","accessibilityData","push","arcGenerator","d3Arc","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","createElement","g","transform","path","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","style","Legends","centerLegends","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","clientX","clientY","target","currentTarget","boundingRect","getBoundingClientRect","yValue","_updatePosition","isBlurEvent","_wrapContent","content","id","maxWidth","textElement","d3Select","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","marginBottom","calloutContentX","getAccessibleDataObject","xAxisCalloutAccessibilityData","formatToLocaleString","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","Shape","svgProps","shapeStyles","pathProps","fill","shape","Points","Object","keys","pointTypes","calloutlegendText","calloutContentY","data","subcounts","subcountName","newX","newY","threshold","distance","sqrt","pow","_getChartTitle","focusAttributes","useFocusableGroup","root","ref","el","svg","chart","onMouseLeave","textAnchor","aria-hidden","Fragment","limits","formatScientificLimitWidth","arc","opacity","ariaLabel","tabIndex","SVGTooltipText","textProps","wrapContent","dominantBaseline","hideTooltip","ChartPopover","customCallout","customizedCallout","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js CHANGED Viewed

@@ -235,24 +235,25 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useGaugeChartStyles = (props)=>{
+    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;
     const baseStyles = useStyles();
     return {
-        root: (0, _react.mergeClasses)(gaugeChartClassNames.root, baseStyles.root),
-        chart: (0, _react.mergeClasses)(gaugeChartClassNames.chart, baseStyles.chart),
-        limits: (0, _react.mergeClasses)(gaugeChartClassNames.limits, baseStyles.limits),
-        chartValue: (0, _react.mergeClasses)(gaugeChartClassNames.chartValue, baseStyles.chartValue),
-        sublabel: (0, _react.mergeClasses)(gaugeChartClassNames.sublabel, baseStyles.sublabel),
-        needle: (0, _react.mergeClasses)(gaugeChartClassNames.needle, baseStyles.needle),
-        chartTitle: (0, _react.mergeClasses)(gaugeChartClassNames.chartTitle, baseStyles.chartTitle),
-        segment: (0, _react.mergeClasses)(gaugeChartClassNames.segment, baseStyles.segment),
-        gradientSegment: (0, _react.mergeClasses)(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment),
-        calloutContentRoot: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot),
-        calloutDateTimeContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer),
-        calloutContentX: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX),
-        calloutBlockContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer),
-        shapeStyles: (0, _react.mergeClasses)(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles),
-        calloutlegendText: (0, _react.mergeClasses)(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText),
-        calloutContentY: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY),
-        descriptionMessage: (0, _react.mergeClasses)(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage)
+        root: (0, _react.mergeClasses)(gaugeChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        chart: (0, _react.mergeClasses)(gaugeChartClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),
+        limits: (0, _react.mergeClasses)(gaugeChartClassNames.limits, baseStyles.limits, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.limits),
+        chartValue: (0, _react.mergeClasses)(gaugeChartClassNames.chartValue, baseStyles.chartValue, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartValue),
+        sublabel: (0, _react.mergeClasses)(gaugeChartClassNames.sublabel, baseStyles.sublabel, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.sublabel),
+        needle: (0, _react.mergeClasses)(gaugeChartClassNames.needle, baseStyles.needle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.needle),
+        chartTitle: (0, _react.mergeClasses)(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitle),
+        segment: (0, _react.mergeClasses)(gaugeChartClassNames.segment, baseStyles.segment, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.segment),
+        gradientSegment: (0, _react.mergeClasses)(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.gradientSegment),
+        calloutContentRoot: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.calloutContentRoot),
+        calloutDateTimeContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.calloutDateTimeContainer),
+        calloutContentX: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.calloutContentX),
+        calloutBlockContainer: (0, _react.mergeClasses)(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.calloutBlockContainer),
+        shapeStyles: (0, _react.mergeClasses)(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, (_props_styles13 = props.styles) === null || _props_styles13 === void 0 ? void 0 : _props_styles13.shapeStyles),
+        calloutlegendText: (0, _react.mergeClasses)(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText, (_props_styles14 = props.styles) === null || _props_styles14 === void 0 ? void 0 : _props_styles14.calloutlegendText),
+        calloutContentY: (0, _react.mergeClasses)(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY, (_props_styles15 = props.styles) === null || _props_styles15 === void 0 ? void 0 : _props_styles15.calloutContentY),
+        descriptionMessage: (0, _react.mergeClasses)(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage, (_props_styles16 = props.styles) === null || _props_styles16 === void 0 ? void 0 : _props_styles16.descriptionMessage)
     };
 }; //# sourceMappingURL=useGaugeChartStyles.styles.js.map

package/lib-commonjs/components/GaugeChart/useGaugeChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\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: ''\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 },\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 },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1\n },\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 ...shorthands.padding('11px', '16px', '10px', '16px'),\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});\nexport const useGaugeChartStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment),\n gradientSegment: mergeClasses(gaugeChartClassNames.gradientSegment, baseStyles.gradientSegment),\n calloutContentRoot: mergeClasses(gaugeChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot),\n calloutDateTimeContainer: mergeClasses(gaugeChartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer),\n calloutContentX: mergeClasses(gaugeChartClassNames.calloutContentX, baseStyles.calloutContentX),\n calloutBlockContainer: mergeClasses(gaugeChartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles),\n calloutlegendText: mergeClasses(gaugeChartClassNames.calloutlegendText, baseStyles.calloutlegendText),\n calloutContentY: mergeClasses(gaugeChartClassNames.calloutContentY, baseStyles.calloutContentY),\n descriptionMessage: mergeClasses(gaugeChartClassNames.descriptionMessage, baseStyles.descriptionMessage)\n };\n};\n"],"names":["gaugeChartClassNames","useGaugeChartStyles","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","t21cq0","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["useGaugeChartStyles.styles.js"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\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: ''\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 },\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 },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1\n },\n chartTitle: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1\n },\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 ...shorthands.padding('11px', '16px', '10px', '16px'),\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});\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;\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 };\n};\n"],"names":["gaugeChartClassNames","useGaugeChartStyles","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","Bkfmm31","Bvjb7m6","ojy3ng","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","abs64n","B6of3ja","sj55zd","t21cq0","g2u3we","icvyot","B4j52fo","i8vvqc","d","p","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","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js CHANGED Viewed

@@ -327,7 +327,7 @@ const GroupedVerticalBarChart = /*#__PURE__*/ _react.forwardRef((props = {
                 onBlur: _onBarLeave,
                 onClick: pointData.onClick,
                 "aria-label": getAriaLabel(pointData, singleSet.xAxisPoint),
-                tabIndex: pointData.legend !== '' ? 0 : undefined,
+                tabIndex: _legendHighlighted(pointData.legend) || _noLegendHighlighted() ? 0 : undefined,
                 role: "img"
             })));
             if (pointData.data && !props.hideLabels && _barWidth >= 16 && (_legendHighlighted(pointData.legend) || _noLegendHighlighted())) {
@@ -338,7 +338,7 @@ const GroupedVerticalBarChart = /*#__PURE__*/ _react.forwardRef((props = {
                     textAnchor: "middle",
                     className: classes.barLabel,
                     "aria-hidden": true
-                }, (0, _index.formatValueWithSIPrefix)(pointData.data)));
+                }, (0, _index.formatScientificLimitWidth)(pointData.data)));
             }
         });
         // Used to display tooltip at x axis labels.