npm - @fluentui/react-charts - Versions diffs - 9.3.17 → 9.3.18 - Mend

@fluentui/react-charts 9.3.17 → 9.3.18

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 (259) hide show

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 ChartTitle,\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 { useArrowNavigationGroup } 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\n .filter(segment => _noLegendHighlighted() \|\| _legendHighlighted(segment.legend))\n .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 arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n return (\n <div\n className={classes.root}\n ref={el => {\n _rootElem.current = el;\n }}\n >\n <div className={classes.chartWrapper} {...arrowAttributes}>\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 <ChartTitle\n title={props.chartTitle}\n x={0}\n y={-(_outerRadius + TITLE_OFFSET)}\n className={classes.chartTitle}\n titleStyles={props.titleStyles}\n tooltipClassName={classes.svgTooltip}\n />\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","ChartTitle","formatToLocaleString","SVGTooltipText","Legends","Shape","useArrowNavigationGroup","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","filter","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","arrowAttributes","circular","axis","root","ref","el","chartWrapper","svg","chart","onMouseLeave","x","titleStyles","tooltipClassName","svgTooltip","textAnchor","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 type { YValueHover } from '../../index';\nimport {\n Points,\n areArraysEqual,\n formatScientificLimitWidth,\n getAccessibleDataObject,\n getColorFromToken,\n getNextColor,\n pointTypes,\n useRtl,\n ChartTitle,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport type { Legend, LegendShape } from '../Legends/index';\nimport { Legends, Shape } from '../Legends/index';\nimport type { GaugeChartVariant, GaugeValueFormat, GaugeChartProps, GaugeChartSegment } from './GaugeChart.types';\nimport { useArrowNavigationGroup } 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\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 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 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\n .filter(segment => _noLegendHighlighted() \|\| _legendHighlighted(segment.legend))\n .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 arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n return (\n <div\n className={classes.root}\n ref={el => {\n _rootElem.current = el;\n }}\n >\n <div className={classes.chartWrapper} {...arrowAttributes}>\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 <ChartTitle\n title={props.chartTitle}\n x={0}\n y={-(_outerRadius + TITLE_OFFSET)}\n className={classes.chartTitle}\n titleStyles={props.titleStyles}\n tooltipClassName={classes.svgTooltip}\n />\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, 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","ChartTitle","formatToLocaleString","SVGTooltipText","Legends","Shape","useArrowNavigationGroup","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","filter","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","arrowAttributes","circular","axis","root","ref","el","chartWrapper","svg","chart","onMouseLeave","x","titleStyles","tooltipClassName","svgTooltip","textAnchor","limits","arcId","Fragment","opacity","ariaLabel","tabIndex","textProps","wrapContent","dominantBaseline","hideTooltip","positioning","target","customCallout","customizedCallout","displayName"],"mappings":"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"}

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';\nimport type { TitleStyles } from '../../utilities/Common.styles';\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 Title styles configuration for the chart title\n /\n titleStyles?: TitleStyles;\n\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 Style for SVG tooltip text\n /\n svgTooltip?: 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":"AAsKA;;;CAGC,GACD,WAyGC"}
1	+ {"version":3,"sources":["../src/components/GaugeChart/GaugeChart.types.ts"],"sourcesContent":["import type { LegendsProps } from '../Legends/index';\nimport type { AccessibilityProps, Chart } from '../../types/index';\nimport type { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport type { TitleStyles } from '../../utilities/Common.styles';\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 Title styles configuration for the chart title\n /\n titleStyles?: TitleStyles;\n\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 Style for SVG tooltip text\n /\n svgTooltip?: 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":"AAsKA;;;CAGC,GACD,WAyGC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n chartTitle: getChartTitleStyles() as GriffelStyle,\n segment: {\n outline: 'none',\n stroke: tokens.colorStrokeFocus2,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorStrokeFocus2","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","colorNeutralStroke1","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/GaugeChart/useGaugeChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { GaugeChartProps, GaugeChartStyles } from './GaugeChart.types';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\nexport const gaugeChartClassNames: SlotClassNames<GaugeChartStyles> = {\n root: 'fui-gc__root',\n chart: 'fui-gc__chart',\n limits: 'fui-gc__limits',\n chartValue: 'fui-gc__chartValue',\n sublabel: 'fui-gc__sublabel',\n needle: 'fui-gc__needle',\n chartTitle: 'fui-gc__chartTitle',\n segment: 'fui-gc__segment',\n gradientSegment: 'fui-gc__gradientSegment',\n calloutContentRoot: 'fui-gc__calloutContentRoot',\n calloutDateTimeContainer: 'fui-gc__calloutDateTimeContainer',\n calloutContentX: 'fui-gc__calloutContentX',\n calloutBlockContainer: 'fui-gc__calloutBlockContainer',\n shapeStyles: 'fui-gc__shapeStyles',\n calloutlegendText: 'fui-gc__calloutlegendText',\n calloutContentY: 'fui-gc__calloutContentY',\n descriptionMessage: 'fui-gc__descriptionMessage',\n calloutInfoContainer: '',\n legendsContainer: 'fui-gc__legendsContainer',\n chartWrapper: 'fui-gc__chartWrapper',\n svgTooltip: 'fui-gc__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n chart: {\n display: 'block',\n },\n limits: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n chartValue: {\n fontWeight: tokens.fontWeightSemibold,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n sublabel: {\n ...typographyStyles.caption1Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n needle: {\n fill: tokens.colorNeutralForeground1,\n stroke: tokens.colorNeutralBackground1,\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n chartTitle: getChartTitleStyles() as GriffelStyle,\n segment: {\n outline: 'none',\n stroke: tokens.colorStrokeFocus2,\n },\n gradientSegment: {\n width: '100%',\n height: '100%',\n },\n calloutContentRoot: {\n display: 'grid',\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n backgroundBlendMode: 'normal, luminosity',\n },\n calloutDateTimeContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n calloutContentX: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n opacity: '0.85',\n },\n calloutBlockContainer: {\n ...typographyStyles.body1Strong,\n marginTop: '13px',\n color: tokens.colorNeutralForeground1,\n paddingLeft: '8px',\n display: 'block',\n forcedColorAdjust: 'none',\n },\n shapeStyles: {\n marginRight: '8px',\n },\n calloutlegendText: {\n ...typographyStyles.caption1,\n lineHeight: '16px',\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\n },\n calloutContentY: {\n ...typographyStyles.body1Strong,\n lineHeight: '22px',\n forcedColorAdjust: 'auto',\n },\n descriptionMessage: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n marginTop: '10px',\n paddingTop: '10px',\n borderTop: `1px solid ${tokens.colorNeutralStroke1}`,\n },\n legendsContainer: {\n width: '100%',\n },\n});\nexport const useGaugeChartStyles = (props: GaugeChartProps): GaugeChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(gaugeChartClassNames.root, baseStyles.root, props.styles?.root),\n chart: mergeClasses(gaugeChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n limits: mergeClasses(gaugeChartClassNames.limits, baseStyles.limits, props.styles?.limits),\n chartValue: mergeClasses(gaugeChartClassNames.chartValue, baseStyles.chartValue, props.styles?.chartValue),\n sublabel: mergeClasses(gaugeChartClassNames.sublabel, baseStyles.sublabel, props.styles?.sublabel),\n needle: mergeClasses(gaugeChartClassNames.needle, baseStyles.needle, props.styles?.needle),\n chartTitle: mergeClasses(gaugeChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n svgTooltip: mergeClasses(gaugeChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n segment: mergeClasses(gaugeChartClassNames.segment, baseStyles.segment, props.styles?.segment),\n gradientSegment: mergeClasses(\n gaugeChartClassNames.gradientSegment,\n baseStyles.gradientSegment,\n props.styles?.gradientSegment,\n ),\n calloutContentRoot: mergeClasses(\n gaugeChartClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n gaugeChartClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer,\n props.styles?.calloutDateTimeContainer,\n ),\n calloutContentX: mergeClasses(\n gaugeChartClassNames.calloutContentX,\n baseStyles.calloutContentX,\n props.styles?.calloutContentX,\n ),\n calloutBlockContainer: mergeClasses(\n gaugeChartClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer,\n props.styles?.calloutBlockContainer,\n ),\n shapeStyles: mergeClasses(gaugeChartClassNames.shapeStyles, baseStyles.shapeStyles, props.styles?.shapeStyles),\n calloutlegendText: mergeClasses(\n gaugeChartClassNames.calloutlegendText,\n baseStyles.calloutlegendText,\n props.styles?.calloutlegendText,\n ),\n calloutContentY: mergeClasses(\n gaugeChartClassNames.calloutContentY,\n baseStyles.calloutContentY,\n props.styles?.calloutContentY,\n ),\n descriptionMessage: mergeClasses(\n gaugeChartClassNames.descriptionMessage,\n baseStyles.descriptionMessage,\n props.styles?.descriptionMessage,\n ),\n chartWrapper: mergeClasses(gaugeChartClassNames.chartWrapper, props.styles?.chartWrapper),\n legendsContainer: mergeClasses(\n gaugeChartClassNames.legendsContainer,\n baseStyles.legendsContainer,\n props.styles?.legendsContainer,\n ),\n };\n};\n"],"names":["tokens","typographyStyles","makeStyles","mergeClasses","getChartTitleStyles","HighContrastSelector","gaugeChartClassNames","root","chart","limits","chartValue","sublabel","needle","chartTitle","segment","gradientSegment","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","calloutInfoContainer","legendsContainer","chartWrapper","svgTooltip","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","caption1Strong","fill","colorNeutralForeground1","forcedColorAdjust","fontWeight","fontWeightSemibold","stroke","colorNeutralBackground1","outline","colorStrokeFocus2","overflow","backgroundColor","backgroundBlendMode","justifyContent","caption1","lineHeight","opacity","body1Strong","marginTop","color","paddingLeft","marginRight","colorNeutralForeground2","paddingTop","borderTop","colorNeutralStroke1","useGaugeChartStyles","props","baseStyles","styles"],"mappings":"AAAA;AAEA,SAASA,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAGjE,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,OAAO,MAAMC,uBAAyD;IACpEC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,iBAAiB;IACjBC,uBAAuB;IACvBC,aAAa;IACbC,mBAAmB;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,sBAAsB;IACtBC,kBAAkB;IAClBC,cAAc;IACdC,YAAY;AACd,EAAE;AAEF,MAAMC,YAAY1B,WAAW;IAC3BK,MAAM;QACJ,GAAGN,iBAAiB4B,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACA3B,OAAO;QACLsB,SAAS;IACX;IACArB,QAAQ;QACN,GAAGR,iBAAiBmC,cAAc;QAClCC,MAAMrC,OAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA7B,YAAY;QACV8B,YAAYxC,OAAOyC,kBAAkB;QACrCJ,MAAMrC,OAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA5B,UAAU;QACR,GAAGV,iBAAiBmC,cAAc;QAClCC,MAAMrC,OAAOsC,uBAAuB;QACpCC,mBAAmB;IACrB;IACA3B,QAAQ;QACNyB,MAAMrC,OAAOsC,uBAAuB;QACpCI,QAAQ1C,OAAO2C,uBAAuB;IACxC;IACAhB,YAAY;QACVU,MAAMrC,OAAO2C,uBAAuB;QACpC,CAACtC,qBAAqB,EAAE;YACtBgC,MAAM;QACR;IACF;IACAxB,YAAYT;IACZU,SAAS;QACP8B,SAAS;QACTF,QAAQ1C,OAAO6C,iBAAiB;IAClC;IACA9B,iBAAiB;QACfkB,OAAO;QACPC,QAAQ;IACV;IACAlB,oBAAoB;QAClBc,SAAS;QACTgB,UAAU;QACVC,iBAAiB/C,OAAO2C,uBAAuB;QAC/CK,qBAAqB;IACvB;IACA/B,0BAA0B;QACxBa,SAAS;QACTC,eAAe;QACfkB,gBAAgB;IAClB;IACA/B,iBAAiB;QACf,GAAGjB,iBAAiBiD,QAAQ;QAC5BC,YAAY;QACZC,SAAS;IACX;IACAjC,uBAAuB;QACrB,GAAGlB,iBAAiBoD,WAAW;QAC/BC,WAAW;QACXC,OAAOvD,OAAOsC,uBAAuB;QACrCkB,aAAa;QACb1B,SAAS;QACTS,mBAAmB;IACrB;IACAnB,aAAa;QACXqC,aAAa;IACf;IACApC,mBAAmB;QACjB,GAAGpB,iBAAiBiD,QAAQ;QAC5BC,YAAY;QACZI,OAAOvD,OAAO0D,uBAAuB;QACrCnB,mBAAmB;IACrB;IACAjB,iBAAiB;QACf,GAAGrB,iBAAiBoD,WAAW;QAC/BF,YAAY;QACZZ,mBAAmB;IACrB;IACAhB,oBAAoB;QAClB,GAAGtB,iBAAiBiD,QAAQ;QAC5BK,OAAOvD,OAAOsC,uBAAuB;QACrCgB,WAAW;QACXK,YAAY;QACZC,WAAW,CAAC,UAAU,EAAE5D,OAAO6D,mBAAmB,EAAE;IACtD;IACApC,kBAAkB;QAChBQ,OAAO;IACT;AACF;AACA,OAAO,MAAM6B,sBAAsB,CAACC;QAI+BA,eACGA,gBACGA,gBACYA,gBACNA,gBACNA,gBACYA,gBACAA,gBACTA,gBAItEA,gBAKAA,iBAKAA,iBAKAA,iBAKAA,iBAEkFA,iBAIlFA,iBAKAA,iBAKAA,iBAE4DA,iBAI5DA;IAzDJ,MAAMC,aAAapC;IAEnB,OAAO;QACLrB,MAAMJ,aAAaG,qBAAqBC,IAAI,EAAEyD,WAAWzD,IAAI,GAAEwD,gBAAAA,MAAME,MAAM,cAAZF,oCAAAA,cAAcxD,IAAI;QACjFC,OAAOL,aAAaG,qBAAqBE,KAAK,EAAEwD,WAAWxD,KAAK,GAAEuD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcvD,KAAK;QACrFC,QAAQN,aAAaG,qBAAqBG,MAAM,EAAEuD,WAAWvD,MAAM,GAAEsD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAActD,MAAM;QACzFC,YAAYP,aAAaG,qBAAqBI,UAAU,EAAEsD,WAAWtD,UAAU,GAAEqD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcrD,UAAU;QACzGC,UAAUR,aAAaG,qBAAqBK,QAAQ,EAAEqD,WAAWrD,QAAQ,GAAEoD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcpD,QAAQ;QACjGC,QAAQT,aAAaG,qBAAqBM,MAAM,EAAEoD,WAAWpD,MAAM,GAAEmD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcnD,MAAM;QACzFC,YAAYV,aAAaG,qBAAqBO,UAAU,EAAEmD,WAAWnD,UAAU,GAAEkD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAclD,UAAU;QACzGc,YAAYxB,aAAaG,qBAAqBqB,UAAU,EAAEqC,WAAWrC,UAAU,GAAEoC,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcpC,UAAU;QACzGb,SAASX,aAAaG,qBAAqBQ,OAAO,EAAEkD,WAAWlD,OAAO,GAAEiD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAcjD,OAAO;QAC7FC,iBAAiBZ,aACfG,qBAAqBS,eAAe,EACpCiD,WAAWjD,eAAe,GAC1BgD,iBAAAA,MAAME,MAAM,cAAZF,qCAAAA,eAAchD,eAAe;QAE/BC,oBAAoBb,aAClBG,qBAAqBU,kBAAkB,EACvCgD,WAAWhD,kBAAkB,GAC7B+C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc/C,kBAAkB;QAElCC,0BAA0Bd,aACxBG,qBAAqBW,wBAAwB,EAC7C+C,WAAW/C,wBAAwB,GACnC8C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc9C,wBAAwB;QAExCC,iBAAiBf,aACfG,qBAAqBY,eAAe,EACpC8C,WAAW9C,eAAe,GAC1B6C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc7C,eAAe;QAE/BC,uBAAuBhB,aACrBG,qBAAqBa,qBAAqB,EAC1C6C,WAAW7C,qBAAqB,GAChC4C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc5C,qBAAqB;QAErCC,aAAajB,aAAaG,qBAAqBc,WAAW,EAAE4C,WAAW5C,WAAW,GAAE2C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc3C,WAAW;QAC7GC,mBAAmBlB,aACjBG,qBAAqBe,iBAAiB,EACtC2C,WAAW3C,iBAAiB,GAC5B0C,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAc1C,iBAAiB;QAEjCC,iBAAiBnB,aACfG,qBAAqBgB,eAAe,EACpC0C,WAAW1C,eAAe,GAC1ByC,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAczC,eAAe;QAE/BC,oBAAoBpB,aAClBG,qBAAqBiB,kBAAkB,EACvCyC,WAAWzC,kBAAkB,GAC7BwC,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAcxC,kBAAkB;QAElCG,cAAcvB,aAAaG,qBAAqBoB,YAAY,GAAEqC,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAAcrC,YAAY;QACxFD,kBAAkBtB,aAChBG,qBAAqBmB,gBAAgB,EACrCuC,WAAWvC,gBAAgB,GAC3BsC,kBAAAA,MAAME,MAAM,cAAZF,sCAAAA,gBAActC,gBAAgB;IAElC;AACF,EAAE"}

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

@@ -245,8 +245,8 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
                     ...point,
                     series: (_point_series_map = (_point_series = point.series) === null || _point_series === void 0 ? void 0 : _point_series.map((seriesPoint)=>{
                         // TODO: Add support for gradient colors
-                        let startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);
-                        let endColor = startColor;
+                        const startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);
+                        const endColor = startColor;
                         if (!_legendColorMap[seriesPoint.legend]) {
                             _legendColorMap[seriesPoint.legend] = [
                                 startColor,
@@ -352,7 +352,6 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((_props, f
     }
     // The maxOfYVal prop is only required for the primary y-axis, so yMax should be calculated
     // using only the data points associated with the primary y-axis.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;
     _yMax = Math.max(yMax, props.yMaxValue || 0);
     const calloutProps = {