npm - @fluentui/react-charts - Versions diffs - 9.3.6 → 9.3.7 - Mend

@fluentui/react-charts 9.3.6 → 9.3.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 (150) hide show

package/lib/components/GanttChart/GanttChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps, ImageExportOptions, Chart } from '../../index';\nimport {\n ChartTypes,\n YAxisType,\n XAxisTypes,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n calculateAppropriateBarWidth,\n getColorFromToken,\n getScalePadding,\n getDateFormatLevel,\n useRtl,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n const _margins = React.useRef<Margins>({});\n const _calloutAnchorPoint = React.useRef<GanttChartDataPoint \| null>(null);\n const _emptyChartId = useId('Gantt_empty');\n const _legendId = useId('gantt_legend');\n const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n const [calloutColor, setCalloutColor] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const cartesianChartRef = React.useRef<Chart>(null);\n const _legendsRef = React.useRef<LegendContainer>(null);\n const _isRTL = useRtl();\n\n React.useEffect(() => {\n if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n _prevProps.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n toImage: (opts?: ImageExportOptions): Promise<string> => {\n return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n },\n }),\n [],\n );\n\n const _points = React.useMemo(() => {\n _legendMap.current = {};\n let colorIndex = 0;\n\n return (\n props.data?.map(point => {\n const legend = `${point.legend}`;\n if (!_legendMap.current[legend]) {\n let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n let endColor = startColor;\n\n if (props.enableGradient) {\n startColor = point.gradient?.[0]!;\n endColor = point.gradient?.[1]!;\n }\n\n _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n colorIndex += 1;\n }\n\n const { startColor, endColor } = _legendMap.current[legend];\n return {\n ...point,\n color: startColor,\n ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n };\n }) ?? []\n );\n }, [props.data, props.enableGradient]);\n\n const _xAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n }\n return XAxisTypes.DateAxis;\n }, [_points]);\n\n const _yAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].y, false) as YAxisType;\n }\n return YAxisType.StringAxis;\n }, [_points]);\n\n const _yAxisPadding = React.useMemo(() => {\n return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n }, [props.yAxisPadding]);\n\n const _dateFormatOptions = React.useMemo(() => {\n if (_xAxisType !== XAxisTypes.DateAxis) {\n return undefined;\n }\n\n let lowestFormatLevel = 100;\n let highestFormatLevel = -1;\n _points.forEach(p => {\n const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n });\n\n return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n }, [useUTC, _points, _xAxisType]);\n\n const _mapYValueToXValues = React.useCallback(() => {\n const yValueToXValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!yValueToXValues[point.y]) {\n yValueToXValues[point.y] = [];\n }\n yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n });\n return yValueToXValues;\n }, [_points]);\n\n const _getOrderedYAxisLabels = React.useCallback(() => {\n const yValueToXValues = _mapYValueToXValues();\n\n if (_yAxisType !== YAxisType.StringAxis) {\n return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n }\n\n if (yAxisCategoryOrder === 'default') {\n return Object.keys(yValueToXValues).reverse();\n }\n return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n const _getDomainNRangeValues = React.useCallback(\n (\n points: GanttChartDataPoint[],\n margins: Margins,\n containerWidth: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ): IDomainNRange => {\n const xValues: (Date \| number)[] = [];\n points.forEach(point => {\n xValues.push(point.x.start, point.x.end);\n });\n\n const xMin = d3Min(xValues) \|\| 0;\n const xMax = d3Max(xValues) \|\| 0;\n\n return {\n dStartValue: isRTL ? xMax : xMin,\n dEndValue: isRTL ? xMin : xMax,\n rStartValue: margins.left!,\n rEndValue: containerWidth - margins.right!,\n };\n },\n [],\n );\n\n const _getMargins = React.useCallback((margins: Margins) => {\n _margins.current = margins;\n }, []);\n\n const _getFormattedXValue = React.useCallback(\n (point: GanttChartDataPoint): string => {\n let formattedStartX: string;\n let formattedEndX: string;\n\n if (_xAxisType === XAxisTypes.DateAxis) {\n formattedStartX = formatDateToLocaleString(\n point.x.start as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n formattedEndX = formatDateToLocaleString(\n point.x.end as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n } else {\n formattedStartX = point.x.start.toString();\n formattedEndX = point.x.end.toString();\n }\n\n return `${formattedStartX} - ${formattedEndX}`;\n },\n [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n );\n\n const _getCustomizedCallout = React.useCallback(() => {\n const defaultRender = (point?: GanttChartDataPoint): JSXElement \| null => {\n return point ? (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n clickPosition={clickPosition}\n XValue={point.yAxisCalloutData \|\| point.y.toString()}\n legend={point.legend}\n YValue={point.xAxisCalloutData \|\| _getFormattedXValue(point)}\n color={point.color}\n culture={props.culture}\n />\n ) : null;\n };\n\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n : null;\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n const _getAriaLabel = React.useCallback(\n (point: GanttChartDataPoint): string => {\n const xValue = point.xAxisCalloutData \|\| _getFormattedXValue(point);\n const yValue = point.yAxisCalloutData \|\| point.y;\n return (\n point.callOutAccessibilityData?.ariaLabel \|\|\n `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n );\n },\n [_getFormattedXValue],\n );\n\n const _getHighlightedLegend = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [hoveredLegend, selectedLegends]);\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 const _legendHighlighted = React.useCallback(\n (legend: string \| undefined) => {\n return _getHighlightedLegend().includes(`${legend}`);\n },\n [_getHighlightedLegend],\n );\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n const _noLegendHighlighted = React.useCallback(() => {\n return _getHighlightedLegend().length === 0;\n }, [_getHighlightedLegend]);\n\n const _showCallout = React.useCallback(\n (target: React.MouseEvent<SVGElement> \| React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n if (!(_noLegendHighlighted() \|\| _legendHighlighted(point.legend)) \|\| _calloutAnchorPoint.current === point) {\n return;\n }\n if ('clientX' in target && 'clientY' in target) {\n updatePosition(target.clientX, target.clientY);\n } else {\n const rect = (target.target as SVGElement).getBoundingClientRect();\n updatePosition(rect.left, rect.top);\n }\n _calloutAnchorPoint.current = point;\n setPopoverOpen(true);\n setCalloutLegend(point.legend!);\n setCalloutColor(point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| _getFormattedXValue(point));\n setCalloutDataPoint(point);\n },\n [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n );\n\n const _onBarFocus = React.useCallback(\n (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n _showCallout(focusEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarHover = React.useCallback(\n (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n _showCallout(mouseEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarLeave = React.useCallback((): void => {\n // do nothing\n }, []);\n\n const _handleChartMouseLeave = React.useCallback((): void => {\n _calloutAnchorPoint.current = null;\n setPopoverOpen(false);\n setCalloutLegend('');\n setCalloutColor('');\n setXCalloutValue('');\n setYCalloutValue('');\n setCalloutDataPoint(undefined);\n }, []);\n\n const _getBarHeight = React.useCallback(\n (adjustedValue: number): number => {\n let barHeight: number;\n if (typeof props.barHeight === 'number') {\n barHeight = props.barHeight;\n } else {\n barHeight = adjustedValue;\n }\n if (typeof maxBarHeight === 'number') {\n barHeight = Math.min(barHeight, maxBarHeight);\n }\n barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n return barHeight;\n },\n [maxBarHeight, props.barHeight],\n );\n\n const _getOrderedDataPoints = React.useCallback(() => {\n const result: GanttChartDataPoint[] = [];\n\n const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n _points.forEach(point => {\n if (!yValueToPoints[point.y]) {\n yValueToPoints[point.y] = [];\n }\n yValueToPoints[point.y].push(point);\n });\n\n for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n const yValue = _yAxisLabels[i];\n if (yValueToPoints[yValue]) {\n result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n }\n }\n\n return result;\n }, [_points, _yAxisLabels]);\n\n const _createBars = React.useCallback(\n ({\n xScale,\n yScalePrimary: yScale,\n }: {\n xScale: DateScale \| NumberScale;\n yScalePrimary: NumberScale \| StringScale;\n }): JSXElement => {\n const getGradientId = (legend: string \| undefined) => {\n const legendId = _legendMap.current[`${legend}`].id;\n return `${legendId}_gradient`;\n };\n\n const gradientDefs: JSXElement[] = [];\n if (props.enableGradient) {\n Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n const { startColor, endColor } = _legendMap.current[legend];\n gradientDefs.push(\n <linearGradient key={index} id={getGradientId(legend)}>\n <stop offset=\"0\" stopColor={startColor} />\n <stop offset=\"100%\" stopColor={endColor} />\n </linearGradient>,\n );\n });\n }\n\n let scaleBandwidth = 0;\n if (_yAxisType === YAxisType.StringAxis) {\n scaleBandwidth = (yScale as StringScale).bandwidth();\n _barHeight.current = _getBarHeight(scaleBandwidth);\n }\n\n const points = _getOrderedDataPoints();\n const bars = points.map((point: GanttChartDataPoint, index: number) => {\n const rectStartX = xScale(point.x.start);\n const rectEndX = xScale(point.x.end);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n const shouldHighlight = _noLegendHighlighted() \|\| _legendHighlighted(point.legend);\n\n return (\n <rect\n key={index}\n x={Math.min(rectStartX, rectEndX)}\n y={rectY}\n width={Math.abs(rectEndX - rectStartX)}\n height={_barHeight.current}\n rx={props.roundCorners ? 3 : 0}\n fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n opacity={shouldHighlight ? 1 : 0.1}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n onMouseLeave={_onBarLeave}\n onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n onBlur={_onBarLeave}\n tabIndex={shouldHighlight ? 0 : -1}\n role=\"img\"\n aria-label={_getAriaLabel(point)}\n />\n );\n });\n return (\n <g>\n {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n {bars}\n </g>\n );\n },\n [\n _getAriaLabel,\n _getBarHeight,\n _getOrderedDataPoints,\n _legendHighlighted,\n _noLegendHighlighted,\n _onBarFocus,\n _onBarHover,\n _onBarLeave,\n _yAxisType,\n props.enableGradient,\n props.roundCorners,\n ],\n );\n\n const _onLegendHover = React.useCallback((legend: string): void => {\n setHoveredLegend(legend);\n }, []);\n\n const _onLegendLeave = React.useCallback((): void => {\n setHoveredLegend('');\n }, []);\n\n const _onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): 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 [props.legendProps],\n );\n\n const _getLegendData = React.useCallback((): JSXElement => {\n const actions: Legend[] = [];\n\n Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n const legend: Legend = {\n title: legendTitle,\n color: _legendMap.current[legendTitle].startColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n\n actions.push(legend);\n });\n\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n onChange={_onLegendSelectionChange}\n {...props.legendProps}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }, [\n _handleChartMouseLeave,\n _onLegendHover,\n _onLegendLeave,\n _onLegendSelectionChange,\n props.enabledLegendsWrapLines,\n props.legendProps,\n props.legendsOverflowText,\n ]);\n\n const _getChartTitle = React.useCallback((): string => {\n return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n }, [_points.length, props.chartTitle]);\n\n const _isChartEmpty = React.useCallback((): boolean => {\n return _points.length === 0;\n }, [_points.length]);\n\n const _getYDomainMargins = React.useCallback(\n (containerHeight: number): Margins => {\n let domainMargin = MIN_DOMAIN_MARGIN;\n\n const ySet = new Set<string \| number>();\n _points.forEach((point: GanttChartDataPoint) => {\n ySet.add(point.y);\n });\n const uniqueY = Array.from(ySet);\n\n /* Total height available to render the bars */\n const totalHeight =\n containerHeight -\n (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n if (_yAxisType !== YAxisType.StringAxis) {\n _barHeight.current = _getBarHeight(\n calculateAppropriateBarWidth(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding),\n );\n domainMargin += _barHeight.current / 2;\n }\n\n return {\n ..._margins.current,\n top: _margins.current.top! + domainMargin,\n bottom: _margins.current.bottom! + domainMargin,\n };\n },\n [_getBarHeight, _points, _yAxisPadding, _yAxisType],\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 if (!_isChartEmpty()) {\n _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n const calloutProps: ChartPopoverProps = {\n isPopoverOpen,\n clickPosition,\n color: calloutColor,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue,\n ...props.calloutProps,\n };\n const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n return (\n <CartesianChart\n {...props}\n yAxisPadding={_yAxisPadding}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.GanttChart}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n componentRef={cartesianChartRef}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={_getLegendData()}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n getDomainNRangeValues={_getDomainNRangeValues}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n customizedCallout={_getCustomizedCallout()}\n getmargins={_getMargins}\n getYDomainMargins={_getYDomainMargins}\n onChartMouseLeave={_handleChartMouseLeave}\n useUTC={useUTC}\n children={_createBars}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","useRtl","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","toImage","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","cartesianChartRef","_legendsRef","_isRTL","useEffect","current","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps } from '../../index';\nimport {\n ChartTypes,\n YAxisType,\n XAxisTypes,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n calculateAppropriateBarWidth,\n getColorFromToken,\n getScalePadding,\n getDateFormatLevel,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n const _margins = React.useRef<Margins>({});\n const _calloutAnchorPoint = React.useRef<GanttChartDataPoint \| null>(null);\n const _emptyChartId = useId('Gantt_empty');\n const _legendId = useId('gantt_legend');\n const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n const [calloutColor, setCalloutColor] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n\n React.useEffect(() => {\n if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n _prevProps.current = props;\n }, [props]);\n\n const _points = React.useMemo(() => {\n _legendMap.current = {};\n let colorIndex = 0;\n\n return (\n props.data?.map(point => {\n const legend = `${point.legend}`;\n if (!_legendMap.current[legend]) {\n let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n let endColor = startColor;\n\n if (props.enableGradient) {\n startColor = point.gradient?.[0]!;\n endColor = point.gradient?.[1]!;\n }\n\n _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n colorIndex += 1;\n }\n\n const { startColor, endColor } = _legendMap.current[legend];\n return {\n ...point,\n color: startColor,\n ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n };\n }) ?? []\n );\n }, [props.data, props.enableGradient]);\n\n const _xAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n }\n return XAxisTypes.DateAxis;\n }, [_points]);\n\n const _yAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].y, false) as YAxisType;\n }\n return YAxisType.StringAxis;\n }, [_points]);\n\n const _yAxisPadding = React.useMemo(() => {\n return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n }, [props.yAxisPadding]);\n\n const _dateFormatOptions = React.useMemo(() => {\n if (_xAxisType !== XAxisTypes.DateAxis) {\n return undefined;\n }\n\n let lowestFormatLevel = 100;\n let highestFormatLevel = -1;\n _points.forEach(p => {\n const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n });\n\n return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n }, [useUTC, _points, _xAxisType]);\n\n const _mapYValueToXValues = React.useCallback(() => {\n const yValueToXValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!yValueToXValues[point.y]) {\n yValueToXValues[point.y] = [];\n }\n yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n });\n return yValueToXValues;\n }, [_points]);\n\n const _getOrderedYAxisLabels = React.useCallback(() => {\n const yValueToXValues = _mapYValueToXValues();\n\n if (_yAxisType !== YAxisType.StringAxis) {\n return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n }\n\n if (yAxisCategoryOrder === 'default') {\n return Object.keys(yValueToXValues).reverse();\n }\n return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n const _getDomainNRangeValues = React.useCallback(\n (\n points: GanttChartDataPoint[],\n margins: Margins,\n containerWidth: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ): IDomainNRange => {\n const xValues: (Date \| number)[] = [];\n points.forEach(point => {\n xValues.push(point.x.start, point.x.end);\n });\n\n const xMin = d3Min(xValues) \|\| 0;\n const xMax = d3Max(xValues) \|\| 0;\n\n return {\n dStartValue: isRTL ? xMax : xMin,\n dEndValue: isRTL ? xMin : xMax,\n rStartValue: margins.left!,\n rEndValue: containerWidth - margins.right!,\n };\n },\n [],\n );\n\n const _getMargins = React.useCallback((margins: Margins) => {\n _margins.current = margins;\n }, []);\n\n const _getFormattedXValue = React.useCallback(\n (point: GanttChartDataPoint): string => {\n let formattedStartX: string;\n let formattedEndX: string;\n\n if (_xAxisType === XAxisTypes.DateAxis) {\n formattedStartX = formatDateToLocaleString(\n point.x.start as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n formattedEndX = formatDateToLocaleString(\n point.x.end as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n } else {\n formattedStartX = point.x.start.toString();\n formattedEndX = point.x.end.toString();\n }\n\n return `${formattedStartX} - ${formattedEndX}`;\n },\n [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n );\n\n const _getCustomizedCallout = React.useCallback(() => {\n const defaultRender = (point?: GanttChartDataPoint): JSXElement \| null => {\n return point ? (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n clickPosition={clickPosition}\n XValue={point.yAxisCalloutData \|\| point.y.toString()}\n legend={point.legend}\n YValue={point.xAxisCalloutData \|\| _getFormattedXValue(point)}\n color={point.color}\n culture={props.culture}\n />\n ) : null;\n };\n\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n : null;\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n const _getAriaLabel = React.useCallback(\n (point: GanttChartDataPoint): string => {\n const xValue = point.xAxisCalloutData \|\| _getFormattedXValue(point);\n const yValue = point.yAxisCalloutData \|\| point.y;\n return (\n point.callOutAccessibilityData?.ariaLabel \|\|\n `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n );\n },\n [_getFormattedXValue],\n );\n\n const _getHighlightedLegend = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [hoveredLegend, selectedLegends]);\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 const _legendHighlighted = React.useCallback(\n (legend: string \| undefined) => {\n return _getHighlightedLegend().includes(`${legend}`);\n },\n [_getHighlightedLegend],\n );\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n const _noLegendHighlighted = React.useCallback(() => {\n return _getHighlightedLegend().length === 0;\n }, [_getHighlightedLegend]);\n\n const _showCallout = React.useCallback(\n (target: React.MouseEvent<SVGElement> \| React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n if (!(_noLegendHighlighted() \|\| _legendHighlighted(point.legend)) \|\| _calloutAnchorPoint.current === point) {\n return;\n }\n if ('clientX' in target && 'clientY' in target) {\n updatePosition(target.clientX, target.clientY);\n } else {\n const rect = (target.target as SVGElement).getBoundingClientRect();\n updatePosition(rect.left, rect.top);\n }\n _calloutAnchorPoint.current = point;\n setPopoverOpen(true);\n setCalloutLegend(point.legend!);\n setCalloutColor(point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| _getFormattedXValue(point));\n setCalloutDataPoint(point);\n },\n [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n );\n\n const _onBarFocus = React.useCallback(\n (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n _showCallout(focusEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarHover = React.useCallback(\n (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n _showCallout(mouseEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarLeave = React.useCallback((): void => {\n // do nothing\n }, []);\n\n const _handleChartMouseLeave = React.useCallback((): void => {\n _calloutAnchorPoint.current = null;\n setPopoverOpen(false);\n setCalloutLegend('');\n setCalloutColor('');\n setXCalloutValue('');\n setYCalloutValue('');\n setCalloutDataPoint(undefined);\n }, []);\n\n const _getBarHeight = React.useCallback(\n (adjustedValue: number): number => {\n let barHeight: number;\n if (typeof props.barHeight === 'number') {\n barHeight = props.barHeight;\n } else {\n barHeight = adjustedValue;\n }\n if (typeof maxBarHeight === 'number') {\n barHeight = Math.min(barHeight, maxBarHeight);\n }\n barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n return barHeight;\n },\n [maxBarHeight, props.barHeight],\n );\n\n const _getOrderedDataPoints = React.useCallback(() => {\n const result: GanttChartDataPoint[] = [];\n\n const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n _points.forEach(point => {\n if (!yValueToPoints[point.y]) {\n yValueToPoints[point.y] = [];\n }\n yValueToPoints[point.y].push(point);\n });\n\n for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n const yValue = _yAxisLabels[i];\n if (yValueToPoints[yValue]) {\n result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n }\n }\n\n return result;\n }, [_points, _yAxisLabels]);\n\n const _createBars = React.useCallback(\n ({\n xScale,\n yScalePrimary: yScale,\n }: {\n xScale: DateScale \| NumberScale;\n yScalePrimary: NumberScale \| StringScale;\n }): JSXElement => {\n const getGradientId = (legend: string \| undefined) => {\n const legendId = _legendMap.current[`${legend}`].id;\n return `${legendId}_gradient`;\n };\n\n const gradientDefs: JSXElement[] = [];\n if (props.enableGradient) {\n Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n const { startColor, endColor } = _legendMap.current[legend];\n gradientDefs.push(\n <linearGradient key={index} id={getGradientId(legend)}>\n <stop offset=\"0\" stopColor={startColor} />\n <stop offset=\"100%\" stopColor={endColor} />\n </linearGradient>,\n );\n });\n }\n\n let scaleBandwidth = 0;\n if (_yAxisType === YAxisType.StringAxis) {\n scaleBandwidth = (yScale as StringScale).bandwidth();\n _barHeight.current = _getBarHeight(scaleBandwidth);\n }\n\n const points = _getOrderedDataPoints();\n const bars = points.map((point: GanttChartDataPoint, index: number) => {\n const rectStartX = xScale(point.x.start);\n const rectEndX = xScale(point.x.end);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n const shouldHighlight = _noLegendHighlighted() \|\| _legendHighlighted(point.legend);\n\n return (\n <rect\n key={index}\n x={Math.min(rectStartX, rectEndX)}\n y={rectY}\n width={Math.abs(rectEndX - rectStartX)}\n height={_barHeight.current}\n rx={props.roundCorners ? 3 : 0}\n fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n opacity={shouldHighlight ? 1 : 0.1}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n onMouseLeave={_onBarLeave}\n onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n onBlur={_onBarLeave}\n tabIndex={shouldHighlight ? 0 : -1}\n role=\"img\"\n aria-label={_getAriaLabel(point)}\n />\n );\n });\n return (\n <g>\n {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n {bars}\n </g>\n );\n },\n [\n _getAriaLabel,\n _getBarHeight,\n _getOrderedDataPoints,\n _legendHighlighted,\n _noLegendHighlighted,\n _onBarFocus,\n _onBarHover,\n _onBarLeave,\n _yAxisType,\n props.enableGradient,\n props.roundCorners,\n ],\n );\n\n const _onLegendHover = React.useCallback((legend: string): void => {\n setHoveredLegend(legend);\n }, []);\n\n const _onLegendLeave = React.useCallback((): void => {\n setHoveredLegend('');\n }, []);\n\n const _onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): 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 [props.legendProps],\n );\n\n const _getLegendData = React.useCallback((): JSXElement => {\n const actions: Legend[] = [];\n\n Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n const legend: Legend = {\n title: legendTitle,\n color: _legendMap.current[legendTitle].startColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n\n actions.push(legend);\n });\n\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n onChange={_onLegendSelectionChange}\n {...props.legendProps}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }, [\n _handleChartMouseLeave,\n _onLegendHover,\n _onLegendLeave,\n _onLegendSelectionChange,\n props.enabledLegendsWrapLines,\n props.legendProps,\n props.legendsOverflowText,\n ]);\n\n const _getChartTitle = React.useCallback((): string => {\n return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n }, [_points.length, props.chartTitle]);\n\n const _isChartEmpty = React.useCallback((): boolean => {\n return _points.length === 0;\n }, [_points.length]);\n\n const _getYDomainMargins = React.useCallback(\n (containerHeight: number): Margins => {\n let domainMargin = MIN_DOMAIN_MARGIN;\n\n const ySet = new Set<string \| number>();\n _points.forEach((point: GanttChartDataPoint) => {\n ySet.add(point.y);\n });\n const uniqueY = Array.from(ySet);\n\n /* Total height available to render the bars */\n const totalHeight =\n containerHeight -\n (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n if (_yAxisType !== YAxisType.StringAxis) {\n _barHeight.current = _getBarHeight(\n calculateAppropriateBarWidth(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding),\n );\n domainMargin += _barHeight.current / 2;\n }\n\n return {\n ..._margins.current,\n top: _margins.current.top! + domainMargin,\n bottom: _margins.current.bottom! + domainMargin,\n };\n },\n [_getBarHeight, _points, _yAxisPadding, _yAxisType],\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 if (!_isChartEmpty()) {\n _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n const calloutProps: ChartPopoverProps = {\n isPopoverOpen,\n clickPosition,\n color: calloutColor,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue,\n ...props.calloutProps,\n };\n const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n return (\n <CartesianChart\n {...props}\n yAxisPadding={_yAxisPadding}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.GanttChart}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n componentRef={cartesianChartRef}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={_getLegendData()}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n getDomainNRangeValues={_getDomainNRangeValues}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n customizedCallout={_getCustomizedCallout()}\n getmargins={_getMargins}\n getYDomainMargins={_getYDomainMargins}\n onChartMouseLeave={_handleChartMouseLeave}\n useUTC={useUTC}\n children={_createBars}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","useImageExport","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","current","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { SVGTooltipText } from '../../utilities/SVGTooltipText';
 import { Legends, Shape } from '../Legends/index';
 import { useFocusableGroup } from '@fluentui/react-tabster';
 import { ChartPopover } from '../CommonComponents/ChartPopover';
-import { toImage } from '../../utilities/image-export-utils';
+import { useImageExport } from '../../utilities/hooks';
 const GAUGE_MARGIN = 16;
 const LABEL_WIDTH = 36;
 const LABEL_HEIGHT = 16;
@@ -77,7 +77,6 @@ export const getChartValueLabel = (chartValue, minValue, maxValue, chartValueFor
 };
 export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     var _props_legendProps;
-    const _legendsRef = React.useRef(null);
     const _getMargins = ()=>{
         const { hideMinMax, chartTitle, sublabel } = props;
         return {
@@ -89,7 +88,7 @@ export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>
     };
     const _margins = _getMargins();
     const _legendsHeight = !props.hideLegend ? 32 : 0;
-    const _rootElem = React.useRef(null);
+    const { chartContainerRef: _rootElem, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);
     const _isRTL = useRtl();
     const [width, setWidth] = React.useState(140 + _getMargins().left + _getMargins().right);
     const [height, setHeight] = React.useState(70 + _getMargins().top + _getMargins().bottom + _legendsHeight);
@@ -129,13 +128,6 @@ export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>
     }, [
         props
     ]);
-    React.useImperativeHandle(props.componentRef, ()=>({
-            chartContainer: _rootElem.current,
-            toImage: (opts)=>{
-                var _legendsRef_current;
-                return toImage(_rootElem.current, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRTL, opts);
-            }
-        }), []);
     const classes = useGaugeChartStyles(props);
     function _getStylesBasedOnBreakpoint() {
         for(let index = BREAKPOINTS.length - 1; index >= 0; index -= 1){

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GaugeChart/GaugeChart.tsx"],"sourcesContent":["'use client';\n\nimport * 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, LegendContainer } from '../Legends/index';\nimport { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ImageExportOptions } from '../../types/index';\nimport { toImage } from '../../utilities/image-export-utils';\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): 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): string => {\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 _legendsRef = React.useRef<LegendContainer>(null);\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 ? 32 : 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 const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n const [refSelected, setRefSelected] = React.useState<HTMLElement \| null>(null);\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\n React.useEffect(() => {\n if (_rootElem.current) {\n setWidth(_rootElem.current.clientWidth);\n setHeight(_rootElem.current.clientHeight);\n }\n }, []);\n\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 }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: _rootElem.current,\n toImage: (opts?: ImageExportOptions): Promise<string> => {\n return toImage(_rootElem.current, _legendsRef.current?.toSVG, _isRTL, opts);\n },\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 const needleId = `gauge-chart-needle`;\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 id={needleId}\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', needleId)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, 'Needle', needleId)}\n onMouseMove={e => _handleMouseOver(e, 'Needle', needleId)}\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}>\n <Legends\n legends={legends}\n centerLegends\n {...props.legendProps}\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onLegendSelectionChange}\n legendRef={_legendsRef}\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, elementId?: string) {\n _showCallout(focusEvent, focusedElement, true, elementId);\n }\n\n function _handleBlur() {\n _hideCallout(true);\n }\n\n function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string, elementId?: string) {\n _showCallout(mouseEvent, hoveredElement, false, elementId);\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 elementId?: string,\n ) {\n if (_calloutAnchor === legend) {\n return;\n }\n const targetElement = document.getElementById(elementId!);\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 setPopoverOpen(\n ['Needle', 'Chart value'].includes(legend) \|\| _noLegendHighlighted() \|\| _legendHighlighted(legend),\n );\n setRefSelected(targetElement);\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) as React.ReactNode}\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) as React.ReactNode;\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 {\n formatToLocaleString(\n xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y \|\| xValue.data,\n culture,\n ) as React.ReactNode\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}>\n {' '}\n {formatToLocaleString(subcountName, culture) as React.ReactNode}\n </div>\n <div className={classes.calloutContentY}>\n {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n </div>\n </div>\n );\n })}\n </div>\n );\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\n className={classes.root}\n ref={el => {\n _rootElem.current = el;\n }}\n >\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg\n className={classes.chart}\n width={_width}\n height={_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 const arcId = `gauge-chart-arc-${index}`;\n return (\n <React.Fragment key={index}>\n <path\n d={arc.d}\n id={arcId}\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, arcId)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, segment.legend, arcId)}\n onMouseLeave={e => _handleCalloutDismiss()}\n onMouseMove={e => _handleMouseOver(e, segment.legend, arcId)}\n tabIndex={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted() ? 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 </div>\n {_renderLegends()}\n {!props.hideTooltip && isPopoverOpen && (\n <ChartPopover\n {...props.calloutProps}\n positioning={{\n target: refSelected,\n }}\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":["React","useGaugeChartStyles","select","d3Select","arc","d3Arc","Points","areArraysEqual","formatScientificLimitWidth","getAccessibleDataObject","getColorFromToken","getNextColor","pointTypes","useRtl","formatToLocaleString","SVGTooltipText","Legends","Shape","useFocusableGroup","ChartPopover","toImage","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","ARC_PADDING","BREAKPOINTS","minRadius","arcWidth","fontSize","calcNeedleRotation","chartValue","minValue","maxValue","needleRotation","getSegmentLabel","segment","variant","isAriaLabel","legend","size","toFixed","start","end","getChartValueLabel","chartValueFormat","forCallout","toString","GaugeChart","forwardRef","props","forwardedRef","_legendsRef","useRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","_rootElem","_isRTL","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","refSelected","setRefSelected","prevPropsRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","clientWidth","clientHeight","prevProps","useImperativeHandle","componentRef","chartContainer","opts","toSVG","classes","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","accessibilityData","push","arcGenerator","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","needleId","g","transform","path","id","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","centerLegends","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","elementId","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","targetElement","document","getElementById","yValue","y","isBlurEvent","_wrapContent","content","maxWidth","textElement","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","style","marginBottom","calloutContentX","xAxisCalloutAccessibilityData","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","svgProps","shapeStyles","pathProps","fill","shape","Object","keys","calloutlegendText","calloutContentY","data","subcounts","subcountName","_getChartTitle","focusAttributes","root","ref","el","chartWrapper","svg","chart","onMouseLeave","x","textAnchor","aria-hidden","limits","arcId","Fragment","opacity","ariaLabel","tabIndex","textProps","wrapContent","dominantBaseline","hideTooltip","positioning","target","customCallout","customizedCallout","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/GaugeChart/GaugeChart.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport { useImageExport } from '../../utilities/hooks';\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): 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): string => {\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 ? 32 : 0;\n const { chartContainerRef: _rootElem, legendsRef: _legendsRef } = useImageExport(\n props.componentRef,\n props.hideLegend,\n false,\n );\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 const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [hoverYValues, setHoverYValues] = React.useState<YValue[]>([]);\n const [refSelected, setRefSelected] = React.useState<HTMLElement \| null>(null);\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\n React.useEffect(() => {\n if (_rootElem.current) {\n setWidth(_rootElem.current.clientWidth);\n setHeight(_rootElem.current.clientHeight);\n }\n }, []);\n\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 }\n prevPropsRef.current = props;\n }, [props]);\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 const needleId = `gauge-chart-needle`;\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 id={needleId}\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', needleId)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, 'Needle', needleId)}\n onMouseMove={e => _handleMouseOver(e, 'Needle', needleId)}\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}>\n <Legends\n legends={legends}\n centerLegends\n {...props.legendProps}\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onLegendSelectionChange}\n legendRef={_legendsRef}\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, elementId?: string) {\n _showCallout(focusEvent, focusedElement, true, elementId);\n }\n\n function _handleBlur() {\n _hideCallout(true);\n }\n\n function _handleMouseOver(mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string, elementId?: string) {\n _showCallout(mouseEvent, hoveredElement, false, elementId);\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 elementId?: string,\n ) {\n if (_calloutAnchor === legend) {\n return;\n }\n const targetElement = document.getElementById(elementId!);\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 setPopoverOpen(\n ['Needle', 'Chart value'].includes(legend) \|\| _noLegendHighlighted() \|\| _legendHighlighted(legend),\n );\n setRefSelected(targetElement);\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) as React.ReactNode}\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) as React.ReactNode;\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 {\n formatToLocaleString(\n xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y \|\| xValue.data,\n culture,\n ) as React.ReactNode\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}>\n {' '}\n {formatToLocaleString(subcountName, culture) as React.ReactNode}\n </div>\n <div className={classes.calloutContentY}>\n {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n </div>\n </div>\n );\n })}\n </div>\n );\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\n className={classes.root}\n ref={el => {\n _rootElem.current = el;\n }}\n >\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg\n className={classes.chart}\n width={_width}\n height={_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 const arcId = `gauge-chart-arc-${index}`;\n return (\n <React.Fragment key={index}>\n <path\n d={arc.d}\n id={arcId}\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, arcId)}\n onBlur={_handleBlur}\n onMouseEnter={e => _handleMouseOver(e, segment.legend, arcId)}\n onMouseLeave={e => _handleCalloutDismiss()}\n onMouseMove={e => _handleMouseOver(e, segment.legend, arcId)}\n tabIndex={_legendHighlighted(segment.legend) \|\| _noLegendHighlighted() ? 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 </div>\n {_renderLegends()}\n {!props.hideTooltip && isPopoverOpen && (\n <ChartPopover\n {...props.calloutProps}\n positioning={{\n target: refSelected,\n }}\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":["React","useGaugeChartStyles","select","d3Select","arc","d3Arc","Points","areArraysEqual","formatScientificLimitWidth","getAccessibleDataObject","getColorFromToken","getNextColor","pointTypes","useRtl","formatToLocaleString","SVGTooltipText","Legends","Shape","useFocusableGroup","ChartPopover","useImageExport","GAUGE_MARGIN","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TITLE_OFFSET","EXTRA_NEEDLE_LENGTH","ARC_PADDING","BREAKPOINTS","minRadius","arcWidth","fontSize","calcNeedleRotation","chartValue","minValue","maxValue","needleRotation","getSegmentLabel","segment","variant","isAriaLabel","legend","size","toFixed","start","end","getChartValueLabel","chartValueFormat","forCallout","toString","GaugeChart","forwardRef","props","forwardedRef","_getMargins","hideMinMax","chartTitle","sublabel","left","right","top","bottom","_margins","_legendsHeight","hideLegend","chartContainerRef","_rootElem","legendsRef","_legendsRef","componentRef","_isRTL","width","setWidth","useState","height","setHeight","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","focusedElement","setFocusedElement","isPopoverOpen","setPopoverOpen","hoverXValue","setHoverXValue","hoverYValues","setHoverYValues","refSelected","setRefSelected","prevPropsRef","useRef","_width","_height","_outerRadius","Math","min","chartValueSize","_getStylesBasedOnBreakpoint","_innerRadius","_minValue","_maxValue","_segments","_calloutAnchor","useEffect","current","clientWidth","clientHeight","prevProps","classes","index","length","_processProps","segments","roundCorners","total","processedSegments","map","max","color","accessibilityData","push","arcGenerator","cornerRadius","padAngle","padRadius","rtlSafeSegments","Array","from","reverse","prevAngle","PI","arcs","endAngle","d","innerRadius","outerRadius","startAngle","segmentIndex","_renderNeedle","rtlSafeNeedleRotation","strokeWidth","halfStrokeWidth","needleLength","needleId","g","transform","path","id","className","needle","data-is-focusable","onFocus","e","_handleFocus","onBlur","_handleBlur","onMouseEnter","_handleMouseOver","onMouseMove","role","aria-label","_renderLegends","legends","title","hoverAction","onMouseOutAction","div","legendsContainer","centerLegends","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_legendHighlighted","_getHighlightedLegend","includes","_noLegendHighlighted","focusEvent","elementId","_showCallout","_hideCallout","mouseEvent","hoveredElement","_handleMouseOut","_handleCalloutDismiss","isFocusEvent","targetElement","document","getElementById","yValue","y","isBlurEvent","_wrapContent","content","maxWidth","textElement","text","node","isOverflowing","textLength","getComputedTextLength","_multiValueCallout","calloutProps","yValueHoverSubCountsExists","_yValueHoverSubCountsExists","YValueHover","calloutContentRoot","calloutDateTimeContainer","style","marginBottom","calloutContentX","xAxisCalloutAccessibilityData","culture","calloutInfoContainer","display","yValues","isLast","shouldDrawBorderBottom","callOutAccessibilityData","key","paddingBottom","_getCalloutContent","descriptionMessage","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","calloutBlockContainer","borderInlineStart","svgProps","shapeStyles","pathProps","fill","shape","Object","keys","calloutlegendText","calloutContentY","data","subcounts","subcountName","_getChartTitle","focusAttributes","root","ref","el","chartWrapper","svg","chart","onMouseLeave","x","textAnchor","aria-hidden","limits","arcId","Fragment","opacity","ariaLabel","tabIndex","textProps","wrapContent","dominantBaseline","hideTooltip","positioning","target","customCallout","customizedCallout","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,UAAUC,QAAQ,QAAQ,eAAe;AAClD,SAASC,OAAOC,KAAK,QAAQ,WAAW;AAExC,SACEC,MAAM,EACNC,cAAc,EACdC,0BAA0B,EAC1BC,uBAAuB,EACvBC,iBAAiB,EACjBC,YAAY,EACZC,UAAU,EACVC,MAAM,QACD,wBAAwB;AAC/B,SAASC,oBAAoB,QAAQ,4BAA4B;AACjE,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAA8BC,OAAO,EAAEC,KAAK,QAAQ,mBAAmB;AAEvE,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,MAAMC,eAAe;AACrB,MAAMC,cAAc;AACpB,MAAMC,eAAe;AACrB,MAAMC,eAAe;AACrB,MAAMC,eAAe;AACrB,MAAMC,sBAAsB;AAC5B,OAAO,MAAMC,cAAc,EAAE;AAC7B,OAAO,MAAMC,cAAc;IACzB;QAAEC,WAAW;QAAIC,UAAU;QAAIC,UAAU;IAAG;IAC5C;QAAEF,WAAW;QAAIC,UAAU;QAAIC,UAAU;IAAG;IAC5C;QAAEF,WAAW;QAAIC,UAAU;QAAIC,UAAU;IAAG;IAC5C;QAAEF,WAAW;QAAKC,UAAU;QAAIC,UAAU;IAAG;IAC7C;QAAEF,WAAW;QAAKC,UAAU;QAAIC,UAAU;IAAG;IAC7C;QAAEF,WAAW;QAAKC,UAAU;QAAIC,UAAU;IAAG;CAC9C,CAAC;AAEF,OAAO,MAAMC,qBAAqB,CAACC,YAAoBC,UAAkBC;IACvE,IAAIC,iBAAiB,AAAEH,CAAAA,aAAaC,QAAO,IAAMC,CAAAA,WAAWD,QAAO,IAAM;IACzE,IAAIE,iBAAiB,GAAG;QACtBA,iBAAiB;IACnB,OAAO,IAAIA,iBAAiB,KAAK;QAC/BA,iBAAiB;IACnB;IAEA,OAAOA;AACT,EAAE;AAEF,OAAO,MAAMC,kBAAkB,CAC7BC,SACAJ,UACAC,UACAI,SACAC,cAAuB,KAAK;IAE5B,IAAIA,aAAa;QACf,OAAON,aAAa,KAAKK,YAAY,mBACjC,GAAGD,QAAQG,MAAM,CAAC,EAAE,EAAEH,QAAQI,IAAI,CAAC,QAAQ,EAAEP,SAAS,IAAI,EAAE,AAAC,CAAA,AAACG,QAAQI,IAAI,GAAGP,WAAY,GAAE,EAAGQ,OAAO,GAAG,CAAC,CAAC,GAC1G,GAAGL,QAAQG,MAAM,CAAC,EAAE,EAAEH,QAAQM,KAAK,CAAC,IAAI,EAAEN,QAAQO,GAAG,EAAE;IAC7D;IAEA,OAAOX,aAAa,KAAKK,YAAY,mBACjC,GAAGD,QAAQI,IAAI,CAAC,EAAE,EAAE,AAAC,CAAA,AAACJ,QAAQI,IAAI,GAAGP,WAAY,GAAE,EAAGQ,OAAO,GAAG,EAAE,CAAC,GACnE,GAAGL,QAAQM,KAAK,CAAC,GAAG,EAAEN,QAAQO,GAAG,EAAE;AACzC,EAAE;AAEF,OAAO,MAAMC,qBAAqB,CAChCb,YACAC,UACAC,UACAY,kBACAC,aAAsB,KAAK;IAE3B,IAAIA,YAAY;QACd,iGAAiG;QACjG,4DAA4D;QAC5D,OAAOd,aAAa,IAChBD,WAAWgB,QAAQ,KACnBF,qBAAqB,aACrB,GAAG,AAAC,CAAA,AAACd,aAAaE,WAAY,GAAE,EAAGQ,OAAO,GAAG,CAAC,CAAC,GAC/C,GAAGV,WAAW,CAAC,EAAEE,UAAU;IACjC;IAEA,OAAO,OAAOY,qBAAqB,aAC/BA,iBAAiB;QAACd,aAAaC;QAAUC,WAAWD;KAAS,IAC7DA,aAAa,IACbD,WAAWgB,QAAQ,KACnBF,qBAAqB,aACrB,GAAGd,WAAW,CAAC,EAAEE,UAAU,GAC3B,GAAG,AAAC,CAAA,AAACF,aAAaE,WAAY,GAAE,EAAGQ,OAAO,GAAG,CAAC,CAAC;AACrD,EAAE;AAUF,OAAO,MAAMO,2BAAuDlD,MAAMmD,UAAU,CAClF,CAACC,OAAOC;QAqBiED;IApBvE,MAAME,cAAc;QAClB,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGL;QAC7C,OAAO;YACLM,MAAM,AAAC,CAAA,CAACH,aAAa/B,eAAeF,cAAc,CAAA,IAAKD;YACvDsC,OAAO,AAAC,CAAA,CAACJ,aAAa/B,eAAeF,cAAc,CAAA,IAAKD;YACxDuC,KAAK,AAACJ,CAAAA,aAAa/B,eAAeF,eAAeG,sBAAsB,CAAA,IAAKL;YAC5EwC,QAAQ,AAACJ,CAAAA,WAAWjC,eAAeD,eAAe,CAAA,IAAKF;QACzD;IACF;IACA,MAAMyC,WAAyER;IAC/E,MAAMS,iBAAyB,CAACX,MAAMY,UAAU,GAAG,KAAK;IACxD,MAAM,EAAEC,mBAAmBC,SAAS,EAAEC,YAAYC,WAAW,EAAE,GAAGhD,eAChEgC,MAAMiB,YAAY,EAClBjB,MAAMY,UAAU,EAChB;IAEF,MAAMM,SAAkBzD;IACxB,MAAM,CAAC0D,OAAOC,SAAS,GAAGxE,MAAMyE,QAAQ,CAAS,MAAMnB,cAAcI,IAAI,GAAGJ,cAAcK,KAAK;IAC/F,MAAM,CAACe,QAAQC,UAAU,GAAG3E,MAAMyE,QAAQ,CAAS,KAAKnB,cAAcM,GAAG,GAAGN,cAAcO,MAAM,GAAGE;IACnG,MAAM,CAACa,eAAeC,iBAAiB,GAAG7E,MAAMyE,QAAQ,CAAS;IACjE,MAAM,CAACK,iBAAiBC,mBAAmB,GAAG/E,MAAMyE,QAAQ,CAAWrB,EAAAA,qBAAAA,MAAM4B,WAAW,cAAjB5B,yCAAAA,mBAAmB0B,eAAe,KAAI,EAAE;IAC/G,MAAM,CAACG,gBAAgBC,kBAAkB,GAAGlF,MAAMyE,QAAQ,CAAqB;IAC/E,MAAM,CAACU,eAAeC,eAAe,GAAGpF,MAAMyE,QAAQ,CAAC;IACvD,MAAM,CAACY,aAAaC,eAAe,GAAGtF,MAAMyE,QAAQ,CAAkB;IACtE,MAAM,CAACc,cAAcC,gBAAgB,GAAGxF,MAAMyE,QAAQ,CAAW,EAAE;IACnE,MAAM,CAACgB,aAAaC,eAAe,GAAG1F,MAAMyE,QAAQ,CAAqB;IACzE,MAAMkB,eAAe3F,MAAM4F,MAAM,CAAyB;IAC1D,MAAMC,SAASzC,MAAMmB,KAAK,IAAIA;IAC9B,MAAMuB,UAAU1C,MAAMsB,MAAM,IAAIA;IAChC,MAAMqB,eAAuBC,KAAKC,GAAG,CACnC,AAACJ,CAAAA,SAAU/B,CAAAA,SAASJ,IAAI,GAAGI,SAASH,KAAK,AAAD,CAAC,IAAK,GAC9CmC,UAAWhC,CAAAA,SAASF,GAAG,GAAGE,SAASD,MAAM,GAAGE,cAAa;IAE3D,MAAM,EAAEjC,QAAQ,EAAEoE,cAAc,EAAE,GAAGC;IACrC,MAAMC,eAAuBL,eAAejE;IAC5C,IAAIuE;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC,iBAAyB;IAE7BxG,MAAMyG,SAAS,CAAC;QACd,IAAIvC,UAAUwC,OAAO,EAAE;YACrBlC,SAASN,UAAUwC,OAAO,CAACC,WAAW;YACtChC,UAAUT,UAAUwC,OAAO,CAACE,YAAY;QAC1C;IACF,GAAG,EAAE;IAEL5G,MAAMyG,SAAS,CAAC;QACd,IAAId,aAAae,OAAO,EAAE;gBAEJG,wBAAwCzD;YAD5D,MAAMyD,YAAYlB,aAAae,OAAO;YACtC,IAAI,CAACnG,gBAAesG,yBAAAA,UAAU7B,WAAW,cAArB6B,6CAAAA,uBAAuB/B,eAAe,GAAE1B,qBAAAA,MAAM4B,WAAW,cAAjB5B,yCAAAA,mBAAmB0B,eAAe,GAAG;oBAC5E1B;gBAAnB2B,mBAAmB3B,EAAAA,sBAAAA,MAAM4B,WAAW,cAAjB5B,0CAAAA,oBAAmB0B,eAAe,KAAI,EAAE;YAC7D;QACF;QACAa,aAAae,OAAO,GAAGtD;IACzB,GAAG;QAACA;KAAM;IAEV,MAAM0D,UAAU7G,oBAAoBmD;IACpC,SAAS+C;QACP,IAAK,IAAIY,QAAQnF,YAAYoF,MAAM,GAAG,GAAGD,SAAS,GAAGA,SAAS,EAAG;YAC/D,IAAIhB,gBAAgBnE,WAAW,CAACmF,MAAM,CAAClF,SAAS,EAAE;gBAChD,OAAO;oBACLC,UAAUF,WAAW,CAACmF,MAAM,CAACjF,QAAQ;oBACrCoE,gBAAgBtE,WAAW,CAACmF,MAAM,CAAChF,QAAQ;gBAC7C;YACF;QACF;QACA,OAAO;YACLD,UAAUF,WAAW,CAAC,EAAE,CAACE,QAAQ;YACjCoE,gBAAgBtE,WAAW,CAAC,EAAE,CAACG,QAAQ;QACzC;IACF;IAEA,SAASkF;QACP,MAAM,EAAE/E,WAAW,CAAC,EAAEC,QAAQ,EAAE+E,QAAQ,EAAEC,YAAY,EAAE,GAAG/D;QAE3D,IAAIgE,QAAQlF;QACZ,MAAMmF,oBAAuCH,SAASI,GAAG,CACvD,8DAA8D;QAC9D,CAAChF,SAA+EyE;YAC9E,MAAMrE,OAAOsD,KAAKuB,GAAG,CAACjF,QAAQI,IAAI,EAAE;YACpC0E,SAAS1E;YACT,OAAO;gBACLD,QAAQH,QAAQG,MAAM;gBACtBC;gBACA8E,OACE,OAAOlF,QAAQkF,KAAK,KAAK,cACrB9G,kBAAkB4B,QAAQkF,KAAK,EAAE,SACjC7G,aAAaoG,OAAO,GAAG;gBAC7BU,mBAAmBnF,QAAQmF,iBAAiB;gBAC5C7E,OAAOwE,QAAQ1E;gBACfG,KAAKuE;YACP;QACF;QAEF,IAAI,OAAOjF,aAAa,eAAeiF,QAAQjF,UAAU;YACvDkF,kBAAkBK,IAAI,CAAC;gBACrBjF,QAAQ;gBACRC,MAAMP,WAAWiF;gBACjBI,OAAO;gBACP5E,OAAOwE;gBACPvE,KAAKV;YACP;YACAiF,QAAQjF;QACV;QAEA,MAAMwF,eAAetH,QAClBuH,YAAY,CAACT,eAAe,IAAI,GAChCU,QAAQ,CAAClG,cAAcoE,cACvB+B,SAAS,CAAC/B;QACb,MAAMgC,kBAAkBzD,SAAS0D,MAAMC,IAAI,CAACZ,mBAAmBa,OAAO,KAAKb;QAC3E,IAAIc,YAAY,CAACnC,KAAKoC,EAAE,GAAG;QAC3B,wDAAwD;QACxD,MAAMC,OAAON,gBAAgBT,GAAG,CAAC,CAAChF,SAASyE;YACzC,MAAMuB,WAAWH,YAAY,AAAC7F,QAAQI,IAAI,GAAI0E,CAAAA,QAAQlF,QAAO,IAAM8D,KAAKoC,EAAE;YAC1E,MAAMG,IAAIZ,aAAa;gBACrBa,aAAapC;gBACbqC,aAAa1C;gBACb2C,YAAYP;gBACZG;YACF;YACAH,YAAYG;YACZ,OAAO;gBACLC;gBACAI,cAAcrE,SAAS+C,kBAAkBL,MAAM,GAAG,IAAID,QAAQA;gBAC9D2B,YAAYP,YAAY,AAAC7F,QAAQI,IAAI,GAAI0E,CAAAA,QAAQlF,QAAO,IAAM8D,KAAKoC,EAAE;gBACrEE;YACF;QACF;QAEAjC,YAAYnE;QACZoE,YAAYc;QACZb,YAAYc;QAEZ,OAAO;YACLgB;QACF;IACF;IAEA,SAASO;QACP,MAAMxG,iBAAiBJ,mBAAmBoB,MAAMnB,UAAU,EAAEoE,WAAWC;QACvE,MAAMuC,wBAAwBvE,SAAS,MAAMlC,iBAAiBA;QAC9D,MAAM0G,cAAc;QACpB,MAAMC,kBAAkBD,cAAc;QACtC,MAAME,eAAejD,eAAeK,eAAe1E;QACnD,MAAMuH,WAAW,CAAC,kBAAkB,CAAC;QACrC,qBACE,oBAACC;YAAEC,WAAW,CAAC,OAAO,EAAEN,sBAAsB,OAAO,CAAC;yBACpD,oBAACO;YACCb,GAAG,CAAC;gBACA,EAAE,CAACQ,kBAAkB,EAAE;cACzB,EAAE,CAACC,aAAa,CAAC,EAAE,CAACD,kBAAkB,EAAE;cACxC,EAAEA,kBAAkB,EAAE,CAAC,EAAEA,kBAAkB,EAAE,OAAO,EAAE,CAACC,aAAa,CAAC,EAAED,kBAAkB,EAAE;gBACzF,EAAEA,kBAAkB,EAAE;cACxB,EAAEA,kBAAkB,EAAE,CAAC,EAAEA,kBAAkB,EAAE,SAAS,EAAE,CAACA,kBAAkB,EAAE;UACjF,CAAC;YACCM,IAAIJ;YACJH,aAAaA;YACbQ,WAAWxC,QAAQyC,MAAM;YACzBJ,WAAW,CAAC,UAAU,EAAE,CAAC/C,eAAe1E,sBAAsB,EAAE,CAAC,CAAC;YAClE8H,qBAAmB;YACnBC,SAASC,CAAAA,IAAKC,aAAaD,GAAG,UAAUT;YACxCW,QAAQC;YACRC,cAAcJ,CAAAA,IAAKK,iBAAiBL,GAAG,UAAUT;YACjDe,aAAaN,CAAAA,IAAKK,iBAAiBL,GAAG,UAAUT;YAChDgB,MAAK;YACLC,cACE,oBAAoBpH,mBAAmBM,MAAMnB,UAAU,EAAEoE,WAAWC,WAAWlD,MAAML,gBAAgB;;IAK/G;IAEA,SAASoH;QACP,IAAI/G,MAAMY,UAAU,EAAE;YACpB,OAAO;QACT;QAEA,MAAMoG,UAAoB7D,UAAUe,GAAG,CAAC,CAAChF,SAASyE;YAChD,MAAMS,QAAgBlF,QAAQkF,KAAK,IAAI7G,aAAaoG,OAAO,GAAG;YAE9D,OAAO;gBACLsD,OAAO/H,QAAQG,MAAM;gBACrB+E;gBACA8C,aAAa;oBACXzF,iBAAiBvC,QAAQG,MAAM;gBACjC;gBACA8H,kBAAkB;oBAChB1F,iBAAiB;gBACnB;YACF;QACF;QAEA,qBACE,oBAAC2F;YAAIlB,WAAWxC,QAAQ2D,gBAAgB;yBACtC,oBAACzJ;YACCoJ,SAASA;YACTM,eAAAA;YACC,GAAGtH,MAAM4B,WAAW;YACrB,6CAA6C;YAC7C2F,UAAUC;YACVC,WAAWzG;;IAInB;IAEA,SAASwG,yBACP,wDAAwD;IACxD9F,eAAyB,EACzBgG,KAA0C,EAC1CC,aAAsB;YAElB3H,oBAKAA;QALJ,KAAIA,qBAAAA,MAAM4B,WAAW,cAAjB5B,yCAAAA,mBAAmB4H,wBAAwB,EAAE;YAC/CjG,mBAAmBD;QACrB,OAAO;YACLC,mBAAmBD,gBAAgBmG,KAAK,CAAC,CAAC;QAC5C;QACA,KAAI7H,sBAAAA,MAAM4B,WAAW,cAAjB5B,0CAAAA,oBAAmBuH,QAAQ,EAAE;YAC/BvH,MAAM4B,WAAW,CAAC2F,QAAQ,CAAC7F,iBAAiBgG,OAAOC;QACrD;IACF;IAEA;;;;;KAKC,GACD,SAASG,mBAAmBzI,MAAc;QACxC,OAAO0I,wBAAwBC,QAAQ,CAAC3I;IAC1C;IAEA;;KAEC,GACD,SAAS4I;QACP,OAAOF,wBAAwBnE,MAAM,KAAK;IAC5C;IAEA,SAASmE;QACP,OAAOrG,gBAAgBkC,MAAM,GAAG,IAAIlC,kBAAkBF,gBAAgB;YAACA;SAAc,GAAG,EAAE;IAC5F;IAEA,wDAAwD;IACxD,SAAS+E,aAAa2B,UAAwC,EAAErG,cAAsB,EAAEsG,SAAkB;QACxGC,aAAaF,YAAYrG,gBAAgB,MAAMsG;IACjD;IAEA,SAAS1B;QACP4B,aAAa;IACf;IAEA,SAAS1B,iBAAiB2B,UAAwC,EAAEC,cAAsB,EAAEJ,SAAkB;QAC5GC,aAAaE,YAAYC,gBAAgB,OAAOJ;IAClD;IAEA,SAASK;QACPH,aAAa;IACf;IAEA,SAASI;QACPJ,aAAa;IACf;IAEA,8DAA8D;IAC9D,SAASD,aACPV,KAAuF,EACvFrI,MAAc,EACdqJ,YAAqB,EACrBP,SAAkB;QAElB,IAAI/E,mBAAmB/D,QAAQ;YAC7B;QACF;QACA,MAAMsJ,gBAAgBC,SAASC,cAAc,CAACV;QAC9C/E,iBAAiB/D;QACjB,wDAAwD;QACxD,MAAM4C,cACJ,sBAAsBvC,mBAAmBM,MAAMnB,UAAU,EAAEoE,WAAWC,WAAWlD,MAAML,gBAAgB,EAAE;QAC3G,wDAAwD;QACxD,MAAMwC,eAAyBgB,UAAUe,GAAG,CAAChF,CAAAA;YAC3C,MAAM4J,SAAiB;gBACrBzJ,QAAQH,QAAQG,MAAM;gBACtB0J,GAAG9J,gBAAgBC,SAAS+D,WAAWC,WAAWlD,MAAMb,OAAO;gBAC/DiF,OAAOlF,QAAQkF,KAAK;YACtB;YACA,OAAO0E;QACT;QACA9G,eACE;YAAC;YAAU;SAAc,CAACgG,QAAQ,CAAC3I,WAAW4I,0BAA0BH,mBAAmBzI;QAE7FiD,eAAeqG;QACfzG,eAAeD;QACfG,gBAAgBD;QAChB,IAAIuG,cAAc;YAChB5G,kBAAkBzC;QACpB;IACF;IAEA,SAASgJ,aAAaW,WAAqB;QACzC5F,iBAAiB;QACjBpB,eAAe;QACfE,eAAe;QACfE,gBAAgB,EAAE;QAClB,IAAI4G,aAAa;YACflH,kBAAkB;QACpB;IACF;IAEA,SAASmH,aAAaC,OAAe,EAAEjD,EAAU,EAAEkD,QAAgB;QACjE,MAAMC,cAAcrM,SAA6B,CAAC,CAAC,EAAEkJ,IAAI;QACzDmD,YAAYC,IAAI,CAACH;QACjB,IAAI,CAACE,YAAYE,IAAI,IAAI;YACvB,OAAO;QACT;QAEA,IAAIC,gBAAgB;QACpB,IAAIC,aAAaJ,YAAYE,IAAI,GAAIG,qBAAqB;QAC1D,MAAOD,aAAaL,YAAYD,QAAQtF,MAAM,GAAG,EAAG;YAClDsF,UAAUA,QAAQrB,KAAK,CAAC,GAAG,CAAC;YAC5BuB,YAAYC,IAAI,CAACH,UAAU;YAC3BK,gBAAgB;YAChBC,aAAaJ,YAAYE,IAAI,GAAIG,qBAAqB;QACxD;QACA,OAAOF;IACT;IAEA,iGAAiG;IACjG,8DAA8D;IAC9D,SAASG,mBAAmBC,YAAiB;QAC3C,MAAMC,6BAAsCC,4BAA4BF,aAAaG,WAAW;QAChG,qBACE,oBAAC1C;YAAIlB,WAAWxC,QAAQqG,kBAAkB;yBACxC,oBAAC3C;YACClB,WAAWxC,QAAQsG,wBAAwB;YAC3CC,OAAOL,6BAA6B;gBAAEM,cAAc;YAAO,IAAI,CAAC;yBAEhE,oBAAC9C;YACClB,WAAWxC,QAAQyG,eAAe;YACjC,GAAG9M,wBAAwBsM,aAAcS,6BAA6B,EAAE,QAAQ,MAAM;WAEtF1M,qBAAqBiM,aAAc1H,WAAW,EAAEjC,MAAMqK,OAAO,mBAGlE,oBAACjD;YAAIlB,WAAWxC,QAAQ4G,oBAAoB;YAAEL,OAAOL,6BAA6B;gBAAEW,SAAS;YAAO,IAAI,CAAC;WACtGZ,aAAcG,WAAW,IACxBH,aAAcG,WAAW,CAAC5F,GAAG,CAAC,CAAC4E,QAAqBnF,OAAe6G;YACjE,MAAMC,SAAkB9G,QAAQ,MAAM6G,QAAQ5G,MAAM;YACpD,MAAM,EAAE8G,yBAAyB,KAAK,EAAE,GAAG5B;YAC3C,qBACE,oBAAC1B;gBACE,GAAG/J,wBAAwByL,OAAO6B,wBAAwB,EAAE,QAAQ,MAAM;gBAC3EC,KAAK,CAAC,gBAAgB,EAAEjH,OAAO;gBAC/BsG,OACEL,6BACI;oBACEW,SAAS;oBACT,GAAIG,0BAA0B;wBAC5BG,eAAe;oBACjB,CAAC;gBACH,IACA;oBACE,GAAIH,0BAA0B;wBAC5BG,eAAe;oBACjB,CAAC;gBACH;eAGLC,mBAAmBhC,QAAQnF,OAAOiG,4BAA4Ba;QAGrE,IACD,CAAC,CAACd,aAAaoB,kBAAkB,kBAChC,oBAAC3D;YAAIlB,WAAWxC,QAAQqH,kBAAkB;WAAGpB,aAAaoB,kBAAkB;IAKtF;IAEA,SAASlB,4BAA4BmB,WAA2B;QAC9D,IAAIA,aAAa;YACf,OAAOA,YAAYC,IAAI,CACrB,CAACnC,SAKKA,OAAOoC,gBAAgB,IAAI,OAAOpC,OAAOoC,gBAAgB,KAAK;QAExE;QACA,OAAO;IACT;IAEA,SAASJ,mBACPK,MAAmB,EACnBxH,KAAa,EACbiG,0BAAmC,EACnCa,MAAe;QAEf,MAAMW,cAAmCX,SAAS,CAAC,IAAI;YAAEY,aAAa;QAAO;QAC7E,MAAMC,cAAcH,OAAOxH,KAAK,KAAK4H,aAAaJ,OAAOxH,KAAK,KAAK,CAAC;QACpE,MAAM,EAAE0G,OAAO,EAAE,GAAGrK;QACpB,MAAM8I,SAASpL,qBAAqByN,OAAOpC,CAAC,EAAEsB;QAC9C,IAAI,CAACc,OAAOD,gBAAgB,IAAI,OAAOC,OAAOD,gBAAgB,KAAK,UAAU;YAC3E,qBACE,oBAAC9D;gBAAI6C,OAAOL,6BAA6BwB,cAAc,CAAC;eACrDxB,4CACC,oBAACxC;gBAAIlB,WAAU;gBAAyB+D,OAAO;oBAAEtL,UAAU;gBAAO;eAC/DwM,OAAO9L,MAAM,EAAE,MAAGyJ,QAAO,oBAG9B,oBAAC1B;gBACCnB,IAAI,GAAGtC,MAAM,CAAC,EAAEwH,OAAOpC,CAAC,EAAE;gBAC1B7C,WAAWxC,QAAQ8H,qBAAqB;gBACxCvB,OAAO;oBAAEwB,mBAAmB,CAAC,UAAU,EAAEN,OAAO/G,KAAK,EAAE;gBAAC;eAEvDkH,6BACC,oBAACzN;gBACC6N,UAAU;oBACRxF,WAAWxC,QAAQiI,WAAW;gBAChC;gBACAC,WAAW;oBAAEC,MAAMV,OAAO/G,KAAK;gBAAC;gBAChC0H,OAAO5O,MAAM,CAACiO,OAAOxH,KAAK,GAAIoI,OAAOC,IAAI,CAACxO,YAAYoG,MAAM,CAAC;gBAC7DqG,OAAO;oBAAEM,SAAS;gBAAO;8BAG7B,oBAACnD,2BACC,oBAACA;gBAAIlB,WAAWxC,QAAQuI,iBAAiB;eAAE,KAAEd,OAAO9L,MAAM,iBAC1D,oBAAC+H;gBAAIlB,WAAWxC,QAAQwI,eAAe;eAEnCxO,qBACEyN,OAAOD,gBAAgB,GAAGC,OAAOD,gBAAgB,GAAGC,OAAOpC,CAAC,IAAIoC,OAAOgB,IAAI,EAC3E9B;QAQhB,OAAO;YACL,MAAM+B,YAAsCjB,OAAOD,gBAAgB;YACnE,qBACE,oBAAC9D;gBAAI6C,OAAOmB;6BACV,oBAAChE;gBAAIlB,WAAU;gBAAyB+D,OAAO;oBAAEtL,UAAU;gBAAO;eAC/DwM,OAAO9L,MAAM,EAAE,MAAGyJ,QAAO,MAE3BiD,OAAOC,IAAI,CAACI,WAAWlI,GAAG,CAAC,CAACmI;gBAC3B,qBACE,oBAACjF;oBAAIwD,KAAKyB;oBAAcnG,WAAWxC,QAAQ8H,qBAAqB;iCAC9D,oBAACpE;oBAAIlB,WAAWxC,QAAQuI,iBAAiB;mBACtC,KACAvO,qBAAqB2O,cAAchC,yBAEtC,oBAACjD;oBAAIlB,WAAWxC,QAAQwI,eAAe;mBACpCxO,qBAAqB0O,SAAS,CAACC,aAAa,EAAEhC;YAIvD;QAGN;IACF;IAEA,SAASiC;QACP,MAAM,EAAElM,UAAU,EAAE,GAAGJ;QACvB,OAAO,AAACI,CAAAA,aAAa,GAAGA,WAAW,EAAE,CAAC,GAAG,EAAC,IAAK,CAAC,iBAAiB,EAAE+C,UAAUS,MAAM,CAAC,WAAW,CAAC;IAClG;IACA,MAAM,EAAEqB,IAAI,EAAE,GAAGpB;IACjB,MAAM0I,kBAAkBzO;IACxB,qBACE,oBAACsJ;QACClB,WAAWxC,QAAQ8I,IAAI;QACvBC,KAAKC,CAAAA;YACH5L,UAAUwC,OAAO,GAAGoJ;QACtB;qBAEA,oBAACtF;QAAIlB,WAAWxC,QAAQiJ,YAAY;QAAG,GAAGJ,eAAe;qBACvD,oBAACK;QACC1G,WAAWxC,QAAQmJ,KAAK;QACxB1L,OAAOsB;QACPnB,QAAQoB,UAAU/B;QAClBkG,MAAK;QACLC,cAAYwF;QACZQ,cAActE;qBAEd,oBAAC1C;QAAEC,WAAW,CAAC,UAAU,EAAEtD,SAAS,EAAE,EAAE,EAAEC,UAAWhC,CAAAA,SAASD,MAAM,GAAGE,cAAa,EAAG,CAAC,CAAC;OACtFX,MAAMI,UAAU,kBACf,oBAACiJ;QACC0D,GAAG;QACHhE,GAAG,CAAEpG,CAAAA,eAAetE,YAAW;QAC/B2O,YAAW;QACX9G,WAAWxC,QAAQtD,UAAU;QAC7B6M,eAAa;OAEZjN,MAAMI,UAAU,GAGpB,CAACJ,MAAMG,UAAU,kBAChB,wDACE,oBAACkJ;QACC0D,GAAG,AAAC7L,CAAAA,SAAS,IAAI,CAAC,CAAA,IAAMyB,CAAAA,eAAevE,YAAW;QAClD2K,GAAG;QACHiE,YAAW;QACX9G,WAAWxC,QAAQwJ,MAAM;QACzBrG,MAAK;QACLC,cAAY,CAAC,WAAW,EAAE7D,WAAW;OAEpC7F,2BAA2B6F,2BAE9B,oBAACoG;QACC0D,GAAG,AAAC7L,CAAAA,SAAS,CAAC,IAAI,CAAA,IAAMyB,CAAAA,eAAevE,YAAW;QAClD2K,GAAG;QACHiE,YAAW;QACX9G,WAAWxC,QAAQwJ,MAAM;QACzBrG,MAAK;QACLC,cAAY,CAAC,WAAW,EAAE5D,WAAW;OAEpC9F,2BAA2B8F,cAIjC+B,KAAKf,GAAG,CAAC,CAAClH,KAAK2G;QACd,MAAMzE,UAAUiE,SAAS,CAACnG,IAAIuI,YAAY,CAAC;QAC3C,MAAM4H,QAAQ,CAAC,gBAAgB,EAAExJ,OAAO;QACxC,qBACE,oBAAC/G,MAAMwQ,QAAQ;YAACxC,KAAKjH;yBACnB,oBAACqC;YACCb,GAAGnI,IAAImI,CAAC;YACRc,IAAIkH;YACJzH,aAAa7D,mBAAmB3C,QAAQG,MAAM,GAAGd,cAAc;YAC/D2H,WAAWxC,QAAQxE,OAAO;YAC1B2M,MAAM3M,QAAQkF,KAAK;YACnBiJ,SAASvF,mBAAmB5I,QAAQG,MAAM,KAAK4I,yBAAyB,IAAI;YAC3E,GAAG5K,wBACF;gBACEiQ,WAAWrO,gBAAgBC,SAAS+D,WAAWC,WAAWlD,MAAMb,OAAO,EAAE;gBACzE,GAAGD,QAAQmF,iBAAiB;YAC9B,GACA,OACA,KACD;YACDgC,SAASC,CAAAA,IAAKC,aAAaD,GAAGpH,QAAQG,MAAM,EAAE8N;YAC9C3G,QAAQC;YACRC,cAAcJ,CAAAA,IAAKK,iBAAiBL,GAAGpH,QAAQG,MAAM,EAAE8N;YACvDL,cAAcxG,CAAAA,IAAKmC;YACnB7B,aAAaN,CAAAA,IAAKK,iBAAiBL,GAAGpH,QAAQG,MAAM,EAAE8N;YACtDI,UAAUzF,mBAAmB5I,QAAQG,MAAM,KAAK4I,yBAAyB,IAAIsD;;IAIrF,IACC/F,+BACD,oBAACM;QACCY,cAAcJ,CAAAA,IAAKK,iBAAiBL,GAAG;QACvCM,aAAaN,CAAAA,IAAKK,iBAAiBL,GAAG;qBAEtC,oBAAC3I;QACCuL,SAASxJ,mBAAmBM,MAAMnB,UAAU,EAAEoE,WAAWC,WAAWlD,MAAML,gBAAgB;QAC1F6N,WAAW;YACTT,GAAG;YACHhE,GAAG;YACHiE,YAAY;YACZ9G,WAAWxC,QAAQ7E,UAAU;YAC7BF,UAAUmE;YACV,eAAe;QACjB;QACAqG,UAAUnG,eAAe,IAAI;QAC7ByK,aAAaxE;SAGhBjJ,MAAMK,QAAQ,kBACb,oBAAC1C;QACCuL,SAASlJ,MAAMK,QAAQ;QACvBmN,WAAW;YACTT,GAAG;YACHhE,GAAG;YACHiE,YAAY;YACZU,kBAAkB;YAClBxH,WAAWxC,QAAQrD,QAAQ;QAC7B;QACA8I,UAAUnG,eAAe;QACzByK,aAAaxE;WAMtBlC,kBACA,CAAC/G,MAAM2N,WAAW,IAAI5L,+BACrB,oBAAChE;QACE,GAAGiC,MAAM2J,YAAY;QACtBiE,aAAa;YACXC,QAAQxL;QACV;QACAN,eAAeA;QACf+L,eAAe;YACbC,mBAAmBrE,mBAAmB;gBAAEzH,aAAaA;gBAAa6H,aAAa3H;YAAa;QAC9F;;AAKV,GACA;AACFrC,WAAWkO,WAAW,GAAG"}

package/lib/components/GaugeChart/GaugeChart.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GaugeChart/GaugeChart.types.ts"],"sourcesContent":["import { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart } from '../../types/index';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\n\n/*\n Gauge Chart segment interface.\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartSegment {\n /\n Legend text for a segment\n /\n legend: string;\n\n /\n Size of the segment\n /\n size: number;\n\n /\n Color of the segment\n /\n color?: string;\n\n /\n Gradient color of the segment\n /\n gradient?: [string, string];\n\n /\n Accessibility data for the segment\n /\n accessibilityData?: AccessibilityProps;\n}\n\n/\n {@docCategory GaugeChart}\n /\nexport type GaugeValueFormat = 'percentage' \| 'fraction';\n\n/\n {@docCategory GaugeChart}\n /\nexport type GaugeChartVariant = 'single-segment' \| 'multiple-segments';\n\n/\n Gauge Chart properties\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartProps {\n /\n Width of the chart\n /\n width?: number;\n\n /\n Height of the chart\n /\n height?: number;\n\n /\n Title of the chart\n /\n chartTitle?: string;\n\n /\n Current value of the gauge\n /\n chartValue: number;\n\n /\n Sections of the gauge\n /\n segments: GaugeChartSegment[];\n\n /\n Minimum value of the gauge\n * @defaultvalue 0\n /\n minValue?: number;\n\n /\n Maximum value of the gauge\n /\n maxValue?: number;\n\n /\n Additional text to display below the chart value\n /\n sublabel?: string;\n\n /\n Hide the min and max values of the gauge\n * @defaultvalue false\n /\n hideMinMax?: boolean;\n\n /\n Format of the chart value\n * @defaultvalue GaugeValueFormat.Percentage\n /\n chartValueFormat?: GaugeValueFormat \| ((sweepFraction: [number, number]) => string);\n\n /\n Decides whether to show/hide legends\n * @defaultvalue false\n /\n hideLegend?: boolean;\n\n /\n * Props for the legends in the chart\n /\n legendProps?: Partial<LegendsProps>;\n\n /\n Do not show tooltips in chart\n * @defaultvalue false\n /\n hideTooltip?: boolean;\n\n /\n Call to provide customized styling that will layer on top of the variant rules\n /\n styles?: GaugeChartStyles;\n\n /\n Defines the culture to localize the numbers and dates\n /\n culture?: string;\n\n /\n Props for the callout in the chart\n /\n calloutProps?: Partial<ChartPopoverProps>;\n\n /\n Specifies the variant of GaugeChart to be rendered\n * @defaultvalue GaugeChartVariant.MultipleSegments\n /\n variant?: GaugeChartVariant;\n\n /\n Prop to enable the gradient in the chart\n * @default false\n /\n enableGradient?: boolean;\n\n /\n Prop to enable the round corners in the chart\n * @default false\n /\n roundCorners?: boolean;\n\n /\n Optional callback to access the Chart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n /\n componentRef?: React.~~RefObject~~<Chart>;\n}\n\n/\n Gauge Chart styles\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartStyles {\n /\n Styles for the root element\n /\n root?: string;\n\n /\n Styles for the chart\n /\n chart?: string;\n\n /\n Styles for the min and max values\n /\n limits?: string;\n\n /\n Styles for the chart value\n /\n chartValue?: string;\n\n /\n Styles for the sublabel\n /\n sublabel?: string;\n\n /\n Styles for the needle\n /\n needle?: string;\n\n /\n Styles for the chart title\n /\n chartTitle?: string;\n\n /\n Styles for the segments\n /\n segment?: string;\n\n /\n Styles for gradient segments\n /\n gradientSegment?: string;\n\n /\n Styles for the legends container\n /\n legendsContainer?: string;\n\n /\n Styles for callout root-content\n /\n calloutContentRoot?: string;\n\n /\n Styles for callout x-content\n /\n calloutContentX?: string;\n\n /\n Styles for callout y-content\n /\n calloutContentY?: string;\n\n /\n Styles for description message\n /\n descriptionMessage?: string;\n\n /\n Styles for callout Date time container\n /\n calloutDateTimeContainer?: string;\n\n /\n Styles for callout info container\n /\n calloutInfoContainer?: string;\n\n /\n Styles for callout block container\n /\n calloutBlockContainer?: string;\n\n /\n Styles for callout legend text\n /\n calloutlegendText?: string;\n\n /\n Styles for the shape object in the callout\n /\n shapeStyles?: string;\n\n /\n Styles for the chart wrapper div\n */\n chartWrapper?: string;\n}\n"],"names":[],"mappings":"AAgKA;;;CAGC,GACD,WAoGC"}
1	+ {"version":3,"sources":["../src/components/GaugeChart/GaugeChart.types.ts"],"sourcesContent":["import { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart } from '../../types/index';\nimport { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\n\n/*\n Gauge Chart segment interface.\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartSegment {\n /\n Legend text for a segment\n /\n legend: string;\n\n /\n Size of the segment\n /\n size: number;\n\n /\n Color of the segment\n /\n color?: string;\n\n /\n Gradient color of the segment\n /\n gradient?: [string, string];\n\n /\n Accessibility data for the segment\n /\n accessibilityData?: AccessibilityProps;\n}\n\n/\n {@docCategory GaugeChart}\n /\nexport type GaugeValueFormat = 'percentage' \| 'fraction';\n\n/\n {@docCategory GaugeChart}\n /\nexport type GaugeChartVariant = 'single-segment' \| 'multiple-segments';\n\n/\n Gauge Chart properties\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartProps {\n /\n Width of the chart\n /\n width?: number;\n\n /\n Height of the chart\n /\n height?: number;\n\n /\n Title of the chart\n /\n chartTitle?: string;\n\n /\n Current value of the gauge\n /\n chartValue: number;\n\n /\n Sections of the gauge\n /\n segments: GaugeChartSegment[];\n\n /\n Minimum value of the gauge\n * @defaultvalue 0\n /\n minValue?: number;\n\n /\n Maximum value of the gauge\n /\n maxValue?: number;\n\n /\n Additional text to display below the chart value\n /\n sublabel?: string;\n\n /\n Hide the min and max values of the gauge\n * @defaultvalue false\n /\n hideMinMax?: boolean;\n\n /\n Format of the chart value\n * @defaultvalue GaugeValueFormat.Percentage\n /\n chartValueFormat?: GaugeValueFormat \| ((sweepFraction: [number, number]) => string);\n\n /\n Decides whether to show/hide legends\n * @defaultvalue false\n /\n hideLegend?: boolean;\n\n /\n * Props for the legends in the chart\n /\n legendProps?: Partial<LegendsProps>;\n\n /\n Do not show tooltips in chart\n * @defaultvalue false\n /\n hideTooltip?: boolean;\n\n /\n Call to provide customized styling that will layer on top of the variant rules\n /\n styles?: GaugeChartStyles;\n\n /\n Defines the culture to localize the numbers and dates\n /\n culture?: string;\n\n /\n Props for the callout in the chart\n /\n calloutProps?: Partial<ChartPopoverProps>;\n\n /\n Specifies the variant of GaugeChart to be rendered\n * @defaultvalue GaugeChartVariant.MultipleSegments\n /\n variant?: GaugeChartVariant;\n\n /\n Prop to enable the gradient in the chart\n * @default false\n /\n enableGradient?: boolean;\n\n /\n Prop to enable the round corners in the chart\n * @default false\n /\n roundCorners?: boolean;\n\n /\n Optional callback to access the Chart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n /\n componentRef?: React.Ref<Chart>;\n}\n\n/\n Gauge Chart styles\n * {@docCategory GaugeChart}\n /\nexport interface GaugeChartStyles {\n /\n Styles for the root element\n /\n root?: string;\n\n /\n Styles for the chart\n /\n chart?: string;\n\n /\n Styles for the min and max values\n /\n limits?: string;\n\n /\n Styles for the chart value\n /\n chartValue?: string;\n\n /\n Styles for the sublabel\n /\n sublabel?: string;\n\n /\n Styles for the needle\n /\n needle?: string;\n\n /\n Styles for the chart title\n /\n chartTitle?: string;\n\n /\n Styles for the segments\n /\n segment?: string;\n\n /\n Styles for gradient segments\n /\n gradientSegment?: string;\n\n /\n Styles for the legends container\n /\n legendsContainer?: string;\n\n /\n Styles for callout root-content\n /\n calloutContentRoot?: string;\n\n /\n Styles for callout x-content\n /\n calloutContentX?: string;\n\n /\n Styles for callout y-content\n /\n calloutContentY?: string;\n\n /\n Styles for description message\n /\n descriptionMessage?: string;\n\n /\n Styles for callout Date time container\n /\n calloutDateTimeContainer?: string;\n\n /\n Styles for callout info container\n /\n calloutInfoContainer?: string;\n\n /\n Styles for callout block container\n /\n calloutBlockContainer?: string;\n\n /\n Styles for callout legend text\n /\n calloutlegendText?: string;\n\n /\n Styles for the shape object in the callout\n /\n shapeStyles?: string;\n\n /\n Styles for the chart wrapper div\n */\n chartWrapper?: string;\n}\n"],"names":[],"mappings":"AAgKA;;;CAGC,GACD,WAoGC"}

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

@@ -7,14 +7,15 @@ import { scaleBand as d3ScaleBand } from 'd3-scale';
 import { useId } from '@fluentui/react-utilities';
 import { ChartTypes, getAccessibleDataObject, tooltipOfAxislabels, XAxisTypes, getTypeOfAxis, formatScientificLimitWidth, getScalePadding, getBarWidth, isScalePaddingDefined, createNumericYAxis, domainRangeOfXStringAxis, createStringYAxis, getNextColor, areArraysEqual, calculateLongestLabelWidth, useRtl, calcRequiredWidth, calcTotalWidth, calcBandwidth, calcTotalBandUnits, sortAxisCategories } from '../../utilities/index';
 import { CartesianChart, Legends, getColorFromToken } from '../../index';
-import { toImage } from '../../utilities/image-export-utils';
 import { tokens } from '@fluentui/react-theme';
+import { useImageExport } from '../../utilities/hooks';
+import { isInvalidValue } from '@fluentui/chart-utilities';
 const MIN_DOMAIN_MARGIN = 8;
 const X1_INNER_PADDING = 0.1;
 const VERTICAL_BAR_GAP = 1;
 const MIN_BAR_HEIGHT = 1;
 export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, forwardedRef)=>{
-    var _props_legendProps, _props_legendProps1;
+    var _props_legendProps, _props_legendProps1, _barData_, _lineData__data_, _lineData_;
     const props = {
         xAxisCategoryOrder: 'default',
         maxBarWidth: 24,
@@ -42,9 +43,8 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
     let _barLegends = [];
     let _lineLegends = [];
     let _legendColorMap = {};
-    const cartesianChartRef = React.useRef(null);
+    const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);
     const Y_ORIGIN = 0;
-    const _legendsRef = React.useRef(null);
     const _rectRef = React.useRef(null);
     const _uniqDotId = useId('gvbc_dot_');
     const [color, setColor] = React.useState('');
@@ -70,17 +70,6 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
     }, [
         (_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegends
     ]);
-    React.useImperativeHandle(props.componentRef, ()=>{
-        var _cartesianChartRef_current;
-        var _cartesianChartRef_current_chartContainer;
-        return {
-            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
-            toImage: (opts)=>{
-                var _cartesianChartRef_current, _legendsRef_current;
-                return toImage((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _useRtl, opts);
-            }
-        };
-    }, []);
     const _adjustProps = ()=>{
         _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);
         // x0_inner_padding = space_between_groups / (space_between_groups + group_width)
@@ -178,7 +167,6 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
             props.legendProps.onChange(selectedLegends, event, currentLegend);
         }
     };
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const _getLegendData = ()=>{
         const actions = [];
         const addLegendButton = (legendTitle, isLineLegendInBarChart)=>{
@@ -323,7 +311,9 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
         return categoryToValues;
     };
     const { barData, lineData } = _prepareChartData();
-    const _xAxisType = getTypeOfAxis(barData[0].name, true);
+    var _barData__name;
+    const firstXValue = (_barData__name = (_barData_ = barData[0]) === null || _barData_ === void 0 ? void 0 : _barData_.name) !== null && _barData__name !== void 0 ? _barData__name : (_lineData_ = lineData[0]) === null || _lineData_ === void 0 ? void 0 : (_lineData__data_ = _lineData_.data[0]) === null || _lineData__data_ === void 0 ? void 0 : _lineData__data_.x;
+    const _xAxisType = isInvalidValue(firstXValue) ? XAxisTypes.StringAxis : getTypeOfAxis(firstXValue, true);
     const { barLegends, lineLegends, xAxisLabels, datasetForBars } = _createDataSetOfGVBC(barData, lineData);
     _barLegends = barLegends;
     _lineLegends = lineLegends;
@@ -425,9 +415,7 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
     singleSet, // eslint-disable-next-line @typescript-eslint/no-explicit-any
     xScale0, // eslint-disable-next-line @typescript-eslint/no-explicit-any
     xScale1, yScalePrimary, yScaleSecondary, containerHeight, xElement)=>{
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
         const singleGroup = [];
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
         const barLabelsForGroup = [];
         // Get the actual legends present at this x-axis point
         const presentLegends = _barLegends.filter((key)=>key in singleSet);