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-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend, LegendContainer } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n AccessibilityProps,\n HorizontalBarChartWithAxisDataPoint,\n RefArrayData,\n Margins,\n ChartPopoverProps,\n Chart,\n ImageExportOptions,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n YAxisType,\n XAxisTypes,\n NumericAxis,\n StringAxis,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n domainRangeOfNumericForHorizontalBarChartWithAxis,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n useRtl,\n DataVizPalette,\n getColorFromToken,\n computeLongestBars,\n groupChartDataByYValue,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\nimport { toImage } from '../../utilities/image-export-utils';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n HTMLDivElement,\n HorizontalBarChartWithAxisProps\n>((props = { yAxisCategoryOrder: 'default' }, forwardedRef) => {\n const _refArray: RefArrayData[] = [];\n const _calloutId: string = useId('callout');\n const _isRtl: boolean = useRtl();\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.NumericAxis;\n const _yAxisType: YAxisType =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n : YAxisType.StringAxis;\n const _emptyChartId: string = useId('_HBCWithAxis_empty');\n let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n let _barHeight: number = 0;\n let _colors: string[] = [];\n let _margins: Margins;\n let _bars: JSXElement[];\n let _yAxisLabels: string[];\n let _xMax: number;\n let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _longestBarPositiveTotalValue: number;\n let _longestBarNegativeTotalValue: number;\n let _domainMargin: number = MIN_DOMAIN_MARGIN;\n let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n const cartesianChartRef = React.useRef<Chart>(null);\n const X_ORIGIN: number = 0;\n const _legendsRef = React.useRef<LegendContainer>(null);\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) \|\|\n props.legendProps?.selectedLegend !== undefined,\n );\n const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\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 [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps \| null>(null);\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: 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 function _adjustProps(): void {\n _points = props.data \|\| [];\n _barHeight = props.barHeight \|\| 32;\n const defaultPalette: string[] = [\n getColorFromToken(DataVizPalette.color6),\n getColorFromToken(DataVizPalette.color1),\n getColorFromToken(DataVizPalette.color5),\n getColorFromToken(DataVizPalette.color7),\n ];\n _colors = props.colors! \|\| defaultPalette;\n }\n\n function _getMargins(margins: Margins) {\n _margins = margins;\n }\n\n function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSXElement {\n const { useSingleColor = false } = props;\n let selectedPointIndex = 0;\n props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n if (yDataPoint.y === point.y) {\n selectedPointIndex = index;\n }\n });\n // eslint-disable-next-line @typescript-eslint/no-shadow\n let color: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n }\n return (\n <>\n <ChartPopover\n XValue={point.xAxisCalloutData \|\| point.x.toString()}\n legend={point.legend}\n YValue={point.yAxisCalloutData \|\| point.y}\n color={color}\n culture={props.culture}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n />\n </>\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSXElement \| null {\n return props ? _renderContentForOnlyBars(props) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n xScale: NumericAxis,\n yScale: NumericAxis \| StringAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement \| null,\n yElement?: SVGElement \| null,\n ) {\n const stackedChartData = groupChartDataByYValue(_points);\n const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n const { xBarScale, yBarScale } =\n _yAxisType === YAxisType.NumericAxis\n ? _getScales(containerHeight, containerWidth, true)\n : _getScales(containerHeight, containerWidth, false);\n const xRange = xBarScale.range();\n let allBars: JSXElement[] = [];\n // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n if (xRange[0] < xRange[1]) {\n allBars = stackedChartData\n .map(singleBarData =>\n _yAxisType === YAxisType.NumericAxis\n ? _createNumericBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n )\n : _createStringBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n ),\n )\n .flat();\n }\n\n return (_bars = allBars);\n }\n\n function _createColors(): D3ScaleLinear<string, string> \| ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _xMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _onBarHover(\n point: HorizontalBarChartWithAxisDataPoint,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n color: string,\n mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n ): void {\n mouseEvent.persist();\n // eslint-disable-next-line @typescript-eslint/no-shadow\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n setPopoverOpen(true);\n _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setDataForHoverCard(point.x);\n setSelectedLegendTitle(point.legend!);\n setColor(props.useSingleColor \|\| props.enableGradient ? color : point.color!);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(point.yAxisCalloutData! \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n setPopoverOpen(false);\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _onBarFocus(\n event: React.FocusEvent<SVGRectElement, Element>,\n point: HorizontalBarChartWithAxisDataPoint,\n refArrayIndexNumber: number,\n color: string,\n ): void {\n let cx = 0;\n let cy = 0;\n\n const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n cx = targetRect.left + targetRect.width / 2;\n cy = targetRect.top + targetRect.height / 2;\n _updatePosition(cx, cy);\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (refArrayIndexNumber === index) {\n setPopoverOpen(true);\n setSelectedLegendTitle(point.legend!);\n setDataForHoverCard(point.x);\n setColor(props.useSingleColor ? color : point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n isNumericScale: boolean,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n const xMax = _longestBarPositiveTotalValue;\n const xMin = _longestBarNegativeTotalValue;\n const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n if (isNumericScale) {\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yDomainMax = Math.max(yMax, props.yMaxValue \|\| 0);\n // Default to 0 if yMinValue is not provided.\n const yMinProp = props.yMinValue \|\| 0;\n const yDomainMin = Math.min(yMin, yMinProp);\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n const yBarScale = d3ScaleLinear()\n .domain([yDomainMin, yDomainMax])\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n return { xBarScale, yBarScale };\n } else {\n // please note these padding default values must be consistent in here\n // and CatrtesianChartBase w for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n const yBarScale = d3ScaleBand()\n .domain(_yAxisLabels)\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n .padding(_yAxisPadding);\n\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n return { xBarScale, yBarScale };\n }\n }\n\n function _createNumericBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSXElement[] {\n const { useSingleColor = false } = props;\n const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n sortedBars.sort((a, b) => {\n const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n return bValue - aValue;\n });\n\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n\n const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n prevPoint = point.x;\n\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n key={point.y}\n x={xStart}\n y={yBarScale(point.y) - _barHeight / 2}\n data-is-focusable={shouldHighlight}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n rx={props.roundCorners ? 3 : 0}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n aria-labelledby={`toolTip${_calloutId}`}\n onMouseLeave={_onBarLeave}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n onBlur={_onBarLeave}\n fill={startColor}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _getUniqueYValues() {\n const mapY: Record<string, number \| string> = {};\n props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n mapY[point.y] = point.y;\n });\n const uniqueY = Object.values(mapY);\n return uniqueY;\n }\n\n function _calculateAppropriateBarHeight(data: number[] \| Date[], totalWidth: number, innerPadding: number) {\n const result = getClosestPairDiffAndRange(data);\n if (!result \|\| result[1] === 0) {\n return 16;\n }\n const closestPairDiff = result[0];\n let range = result[1];\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n // to calculate the bar height correctly.\n range = Math.max(range, yMax);\n // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n // for the derivation of the following formula.\n const barWidth = Math.floor(\n (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n );\n return barWidth;\n }\n\n function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n const uniqueY = _getUniqueYValues();\n /** Rate at which the space between the bars changes wrt the bar height /\n _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n const numBars = uniqueY.length + (uniqueY.length - 1) barGapRate;\n // Total height available to render the bars\n const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n if (_yAxisType !== YAxisType.StringAxis) {\n // Calculate bar height dynamically\n _barHeight =\n props.barHeight \|\| _calculateAppropriateBarHeight(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding);\n _barHeight = Math.max(_barHeight, 1);\n _domainMargin += _barHeight / 2;\n } else {\n // Calculate the appropriate bar height\n _barHeight = props.barHeight \|\| totalHeight / numBars;\n /** Total height required to render the bars. Directly proportional to bar height /\n const reqHeight = numBars _barHeight;\n if (totalHeight >= reqHeight) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n }\n }\n\n return {\n ..._margins,\n top: _margins.top! + _domainMargin,\n bottom: _margins.bottom! + _domainMargin,\n };\n }\n\n function _createStringBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSXElement[] {\n const { useSingleColor = false } = props;\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n prevPoint = point.x;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n key={point.x}\n x={xStart}\n y={yBarScale(point.y)}\n rx={props.roundCorners ? 3 : 0}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n aria-labelledby={`toolTip${_calloutId}`}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={shouldHighlight}\n opacity={shouldHighlight ? 1 : 0.1}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n fill={startColor}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _onLegendHover(customMessage: string): void {\n if (!_isLegendSelected()) {\n setIsLegendHovered(true);\n setSelectedLegendTitle(customMessage);\n }\n }\n\n function _onLegendLeave(isLegendFocused?: boolean): void {\n if (!!isLegendFocused \|\| !_isLegendSelected()) {\n setIsLegendHovered(false);\n setSelectedLegendTitle('');\n setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n }\n }\n\n function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSXElement {\n const { useSingleColor } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n\n data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n // eslint-disable-next-line @typescript-eslint/no-shadow\n onMouseOutAction: (isLegendSelected?: boolean) => {\n _onLegendLeave(isLegendSelected);\n },\n };\n actions.push(legend);\n });\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n onChange={_onLegendSelectionChange}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }\n\n function _isLegendSelected(): boolean {\n return isLegendSelected!;\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 _isLegendHighlighted(legend?: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\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 setSelectedLegendTitle(currentLegend?.title!);\n } else {\n setSelectedLegends(selectedLegends.slice(-1));\n setSelectedLegendTitle(currentLegend?.title!);\n }\n setIsLegendSelected(selectedLegends.length > 0);\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(selectedLegends, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n // For HBCWA x and y Values are swapped\n const { yAxisDomainValues: domainValue } = yAxisData;\n _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue \|\| 0);\n }\n }\n function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n const xValue = point.xAxisCalloutData \|\| point.x;\n const yValue = point.yAxisCalloutData \|\| point.y;\n return point.callOutAccessibilityData?.ariaLabel \|\| `${xValue}. ` + `${yValue}.`;\n }\n\n function _getChartTitle(): string {\n const { chartTitle, data } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length \|\| 0} bars. `;\n }\n\n function _getOrderedYAxisLabels() {\n const shouldOrderYAxisLabelsByCategoryOrder =\n _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n if (!shouldOrderYAxisLabelsByCategoryOrder) {\n // Keep the original ordering logic as the default behavior to ensure backward compatibility\n const reversedBars = [..._points].reverse();\n return reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n }\n\n return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);\n }\n\n function _mapCategoryToValues() {\n const categoryToValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!categoryToValues[point.y]) {\n categoryToValues[point.y] = [];\n }\n categoryToValues[point.y].push(point.x);\n });\n return categoryToValues;\n }\n\n function _isChartEmpty(): boolean {\n return !(props.data && props.data.length > 0);\n }\n\n function _updatePosition(newX: number, newY: number): void {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getDomainNRangeValues(\n points: HorizontalBarChartWithAxisDataPoint[],\n margins: Margins,\n width: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ) {\n let domainNRangeValue: IDomainNRange;\n if (xAxisType === XAxisTypes.NumericAxis) {\n domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, X_ORIGIN);\n } else {\n domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n }\n return domainNRangeValue;\n }\n\n if (!_isChartEmpty()) {\n _adjustProps();\n const calloutProps: ChartPopoverProps = {\n color: color,\n legend: selectedLegendTitle,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n customCallout: {\n customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n isCartesian: true,\n isPopoverOpen,\n clickPosition,\n };\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n _yAxisLabels = _getOrderedYAxisLabels();\n _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue \|\| 0);\n const legendBars: JSXElement = _getLegendData(_points);\n return (\n <CartesianChart\n yAxisPadding={_yAxisPadding}\n {...props}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.HorizontalBarChartWithAxis}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n getDomainNRangeValues={_getDomainNRangeValues}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n barwidth={_barHeight}\n getmargins={_getMargins}\n getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line @typescript-eslint/no-shadow\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n </>\n );\n }}\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});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","sortAxisCategories","getClosestPairDiffAndRange","toImage","HorizontalBarChartWithAxis","forwardRef","props","yAxisCategoryOrder","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","useRef","X_ORIGIN","_legendsRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","Fragment","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_getOrderedYAxisLabels","shouldOrderYAxisLabelsByCategoryOrder","reversedBars","reverse","_mapCategoryToValues","categoryToValues","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n AccessibilityProps,\n HorizontalBarChartWithAxisDataPoint,\n RefArrayData,\n Margins,\n ChartPopoverProps,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n YAxisType,\n XAxisTypes,\n NumericAxis,\n StringAxis,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n domainRangeOfNumericForHorizontalBarChartWithAxis,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n useRtl,\n DataVizPalette,\n getColorFromToken,\n computeLongestBars,\n groupChartDataByYValue,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\nimport { useImageExport } from '../../utilities/hooks';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n HTMLDivElement,\n HorizontalBarChartWithAxisProps\n>((props = { yAxisCategoryOrder: 'default' }, forwardedRef) => {\n const _refArray: RefArrayData[] = [];\n const _calloutId: string = useId('callout');\n const _isRtl: boolean = useRtl();\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.NumericAxis;\n const _yAxisType: YAxisType =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n : YAxisType.StringAxis;\n const _emptyChartId: string = useId('_HBCWithAxis_empty');\n let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n let _barHeight: number = 0;\n let _colors: string[] = [];\n let _margins: Margins;\n let _bars: JSXElement[];\n let _yAxisLabels: string[];\n let _xMax: number;\n let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _longestBarPositiveTotalValue: number;\n let _longestBarNegativeTotalValue: number;\n let _domainMargin: number = MIN_DOMAIN_MARGIN;\n let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n const X_ORIGIN: number = 0;\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) \|\|\n props.legendProps?.selectedLegend !== undefined,\n );\n const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\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 [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps \| null>(null);\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 function _adjustProps(): void {\n _points = props.data \|\| [];\n _barHeight = props.barHeight \|\| 32;\n const defaultPalette: string[] = [\n getColorFromToken(DataVizPalette.color6),\n getColorFromToken(DataVizPalette.color1),\n getColorFromToken(DataVizPalette.color5),\n getColorFromToken(DataVizPalette.color7),\n ];\n _colors = props.colors! \|\| defaultPalette;\n }\n\n function _getMargins(margins: Margins) {\n _margins = margins;\n }\n\n function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSXElement {\n const { useSingleColor = false } = props;\n let selectedPointIndex = 0;\n props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n if (yDataPoint.y === point.y) {\n selectedPointIndex = index;\n }\n });\n let color: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n }\n return (\n <>\n <ChartPopover\n XValue={point.xAxisCalloutData \|\| point.x.toString()}\n legend={point.legend}\n YValue={point.yAxisCalloutData \|\| point.y}\n color={color}\n culture={props.culture}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n />\n </>\n );\n }\n\n function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSXElement \| null {\n return props ? _renderContentForOnlyBars(props) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n xScale: NumericAxis,\n yScale: NumericAxis \| StringAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement \| null,\n yElement?: SVGElement \| null,\n ) {\n const stackedChartData = groupChartDataByYValue(_points);\n const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n const { xBarScale, yBarScale } =\n _yAxisType === YAxisType.NumericAxis\n ? _getScales(containerHeight, containerWidth, true)\n : _getScales(containerHeight, containerWidth, false);\n const xRange = xBarScale.range();\n let allBars: JSXElement[] = [];\n // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n if (xRange[0] < xRange[1]) {\n allBars = stackedChartData\n .map(singleBarData =>\n _yAxisType === YAxisType.NumericAxis\n ? _createNumericBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n )\n : _createStringBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n ),\n )\n .flat();\n }\n\n return (_bars = allBars);\n }\n\n function _createColors(): D3ScaleLinear<string, string> \| ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _xMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _onBarHover(\n point: HorizontalBarChartWithAxisDataPoint,\n color: string,\n mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n ): void {\n mouseEvent.persist();\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n setPopoverOpen(true);\n _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setDataForHoverCard(point.x);\n setSelectedLegendTitle(point.legend!);\n setColor(props.useSingleColor \|\| props.enableGradient ? color : point.color!);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(point.yAxisCalloutData! \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n setPopoverOpen(false);\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n function _onBarFocus(\n event: React.FocusEvent<SVGRectElement, Element>,\n point: HorizontalBarChartWithAxisDataPoint,\n refArrayIndexNumber: number,\n color: string,\n ): void {\n let cx = 0;\n let cy = 0;\n\n const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n cx = targetRect.left + targetRect.width / 2;\n cy = targetRect.top + targetRect.height / 2;\n _updatePosition(cx, cy);\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (refArrayIndexNumber === index) {\n setPopoverOpen(true);\n setSelectedLegendTitle(point.legend!);\n setDataForHoverCard(point.x);\n setColor(props.useSingleColor ? color : point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n isNumericScale: boolean,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n const xMax = _longestBarPositiveTotalValue;\n const xMin = _longestBarNegativeTotalValue;\n const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n if (isNumericScale) {\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yDomainMax = Math.max(yMax, props.yMaxValue \|\| 0);\n // Default to 0 if yMinValue is not provided.\n const yMinProp = props.yMinValue \|\| 0;\n const yDomainMin = Math.min(yMin, yMinProp);\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n const yBarScale = d3ScaleLinear()\n .domain([yDomainMin, yDomainMax])\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n return { xBarScale, yBarScale };\n } else {\n // please note these padding default values must be consistent in here\n // and CatrtesianChartBase w for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n const yBarScale = d3ScaleBand()\n .domain(_yAxisLabels)\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n .padding(_yAxisPadding);\n\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n return { xBarScale, yBarScale };\n }\n }\n\n function _createNumericBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSXElement[] {\n const { useSingleColor = false } = props;\n const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n sortedBars.sort((a, b) => {\n const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n return bValue - aValue;\n });\n\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n\n const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n prevPoint = point.x;\n\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n key={point.y}\n x={xStart}\n y={yBarScale(point.y) - _barHeight / 2}\n data-is-focusable={shouldHighlight}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n rx={props.roundCorners ? 3 : 0}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n aria-labelledby={`toolTip${_calloutId}`}\n onMouseLeave={_onBarLeave}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n onBlur={_onBarLeave}\n fill={startColor}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _getUniqueYValues() {\n const mapY: Record<string, number \| string> = {};\n props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n mapY[point.y] = point.y;\n });\n const uniqueY = Object.values(mapY);\n return uniqueY;\n }\n\n function _calculateAppropriateBarHeight(data: number[] \| Date[], totalWidth: number, innerPadding: number) {\n const result = getClosestPairDiffAndRange(data);\n if (!result \|\| result[1] === 0) {\n return 16;\n }\n const closestPairDiff = result[0];\n let range = result[1];\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n // to calculate the bar height correctly.\n range = Math.max(range, yMax);\n // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n // for the derivation of the following formula.\n const barWidth = Math.floor(\n (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n );\n return barWidth;\n }\n\n function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n const uniqueY = _getUniqueYValues();\n /** Rate at which the space between the bars changes wrt the bar height /\n _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n const numBars = uniqueY.length + (uniqueY.length - 1) barGapRate;\n // Total height available to render the bars\n const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n if (_yAxisType !== YAxisType.StringAxis) {\n // Calculate bar height dynamically\n _barHeight =\n props.barHeight \|\| _calculateAppropriateBarHeight(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding);\n _barHeight = Math.max(_barHeight, 1);\n _domainMargin += _barHeight / 2;\n } else {\n // Calculate the appropriate bar height\n _barHeight = props.barHeight \|\| totalHeight / numBars;\n /** Total height required to render the bars. Directly proportional to bar height /\n const reqHeight = numBars _barHeight;\n if (totalHeight >= reqHeight) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n }\n }\n\n return {\n ..._margins,\n top: _margins.top! + _domainMargin,\n bottom: _margins.bottom! + _domainMargin,\n };\n }\n\n function _createStringBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSXElement[] {\n const { useSingleColor = false } = props;\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n prevPoint = point.x;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n key={point.x}\n x={xStart}\n y={yBarScale(point.y)}\n rx={props.roundCorners ? 3 : 0}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n aria-labelledby={`toolTip${_calloutId}`}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={shouldHighlight}\n opacity={shouldHighlight ? 1 : 0.1}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n fill={startColor}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _onLegendHover(customMessage: string): void {\n if (!_isLegendSelected()) {\n setIsLegendHovered(true);\n setSelectedLegendTitle(customMessage);\n }\n }\n\n function _onLegendLeave(isLegendFocused?: boolean): void {\n if (!!isLegendFocused \|\| !_isLegendSelected()) {\n setIsLegendHovered(false);\n setSelectedLegendTitle('');\n setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n }\n }\n\n function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSXElement {\n const { useSingleColor } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n\n data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n // eslint-disable-next-line @typescript-eslint/no-shadow\n onMouseOutAction: (isLegendSelected?: boolean) => {\n _onLegendLeave(isLegendSelected);\n },\n };\n actions.push(legend);\n });\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n onChange={_onLegendSelectionChange}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }\n\n function _isLegendSelected(): boolean {\n return isLegendSelected!;\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 _isLegendHighlighted(legend?: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\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 setSelectedLegendTitle(currentLegend?.title!);\n } else {\n setSelectedLegends(selectedLegends.slice(-1));\n setSelectedLegendTitle(currentLegend?.title!);\n }\n setIsLegendSelected(selectedLegends.length > 0);\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(selectedLegends, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n // For HBCWA x and y Values are swapped\n const { yAxisDomainValues: domainValue } = yAxisData;\n _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue \|\| 0);\n }\n }\n function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n const xValue = point.xAxisCalloutData \|\| point.x;\n const yValue = point.yAxisCalloutData \|\| point.y;\n return point.callOutAccessibilityData?.ariaLabel \|\| `${xValue}. ` + `${yValue}.`;\n }\n\n function _getChartTitle(): string {\n const { chartTitle, data } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length \|\| 0} bars. `;\n }\n\n function _getOrderedYAxisLabels() {\n const shouldOrderYAxisLabelsByCategoryOrder =\n _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n if (!shouldOrderYAxisLabelsByCategoryOrder) {\n // Keep the original ordering logic as the default behavior to ensure backward compatibility\n const reversedBars = [..._points].reverse();\n return reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n }\n\n return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);\n }\n\n function _mapCategoryToValues() {\n const categoryToValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!categoryToValues[point.y]) {\n categoryToValues[point.y] = [];\n }\n categoryToValues[point.y].push(point.x);\n });\n return categoryToValues;\n }\n\n function _isChartEmpty(): boolean {\n return !(props.data && props.data.length > 0);\n }\n\n function _updatePosition(newX: number, newY: number): void {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getDomainNRangeValues(\n points: HorizontalBarChartWithAxisDataPoint[],\n margins: Margins,\n width: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ) {\n let domainNRangeValue: IDomainNRange;\n if (xAxisType === XAxisTypes.NumericAxis) {\n domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, X_ORIGIN);\n } else {\n domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n }\n return domainNRangeValue;\n }\n\n if (!_isChartEmpty()) {\n _adjustProps();\n const calloutProps: ChartPopoverProps = {\n color: color,\n legend: selectedLegendTitle,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n customCallout: {\n customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n isCartesian: true,\n isPopoverOpen,\n clickPosition,\n };\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n _yAxisLabels = _getOrderedYAxisLabels();\n _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue \|\| 0);\n const legendBars: JSXElement = _getLegendData(_points);\n return (\n <CartesianChart\n yAxisPadding={_yAxisPadding}\n {...props}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.HorizontalBarChartWithAxis}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n getDomainNRangeValues={_getDomainNRangeValues}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n barwidth={_barHeight}\n getmargins={_getMargins}\n getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line @typescript-eslint/no-shadow\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n </>\n );\n }}\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});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","sortAxisCategories","getClosestPairDiffAndRange","useImageExport","HorizontalBarChartWithAxis","forwardRef","props","yAxisCategoryOrder","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","X_ORIGIN","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useRef","useEffect","current","prevProps","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","Fragment","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_getOrderedYAxisLabels","shouldOrderYAxisLabelsByCategoryOrder","reversedBars","reverse","_mapCategoryToValues","categoryToValues","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"mappings":"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"}

package/lib-commonjs/components/Legends/Legends.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Legends/Legends.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { CustomPoints, Points } from '../../utilities/utilities';\n\n/*\n @public\n * Legends styles\n * {@docCategory Legends}\n /\nexport interface LegendsStyles {\n /\n Style set for the root of the legend component\n /\n root?: string;\n\n /\n Style set for Legend. This is a wrapping class for text of legend and the rectange box that represents a legend\n /\n legend?: string;\n\n /\n Style set for the rectangle that represents a legend\n /\n rect?: string;\n\n /\n styles set for the shape that represents a legend\n /\n shape?: string;\n\n /\n Style set for the triangle that represents a legend\n /\n triangle?: string;\n\n /\n Style for the legend text\n /\n text?: string;\n\n /\n Style for the legend text\n /\n hoverChange?: string;\n\n /\n Style for the area that is resizable\n /\n resizableArea?: string;\n\n /\n * Style for the container that holds the legend and any optional JSX annotation from client is used\n /\n legendContainer?: string;\n\n /\n Style for the annotation that is used in the legend\n /\n annotation?: string;\n}\n\n/\n @public\n * ILegend interface\n * {@docCategory Legends}\n /\nexport interface Legend {\n /\n Defines the title of the legend\n /\n title: string;\n\n /\n Defines the function that is executed on clicking this legend\n /\n action?: VoidFunction;\n\n /\n Defines the function that is executed upon hovering over the legend\n /\n hoverAction?: VoidFunction;\n\n /\n Defines the function that is executed upon moving the mouse away from the legend\n /\n onMouseOutAction?: (isLegendFocused?: boolean) => void;\n\n /\n The color for the legend\n /\n color: string;\n\n /\n The opacity of the legend color\n /\n opacity?: number;\n\n /\n The shape for the legend\n /\n shape?: LegendShape;\n\n /\n Indicated whether or not to apply stripe pattern\n /\n stripePattern?: boolean;\n\n /\n Indicates if the legend belongs to a line in the Bar Chart\n /\n isLineLegendInBarChart?: boolean;\n\n /\n * native button props for the legend button\n /\n nativeButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n /\n The annotation for the legend, function returning a React node\n /\n legendAnnotation?: () => React.ReactNode;\n}\n\n/\n @public\n * Legend style properties\n * {@docCategory Legends}\n /\nexport interface LegendStyleProps {\n className?: string;\n colorOnSelectedState?: string;\n borderColor?: string;\n opacity?: number;\n overflow?: boolean;\n stripePattern?: boolean;\n isLineLegendInBarChart?: boolean;\n}\n\n/\n @public\n * Legend properties\n * {@docCategory Legends}\n /\nexport interface LegendsProps {\n /\n Prop that takes list of legends\n /\n legends: Legend[];\n\n /\n Additional CSS class(es) to apply to the legneds component.\n /\n className?: string;\n\n /\n Call to provide customized styling that will layer on top of the variant rules.\n /\n styles?: LegendsStyles;\n\n /\n This prop makes the legends component align itself to the center in the container it is sitting in\n /\n centerLegends?: boolean;\n\n /\n Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n /\n enabledWrapLines?: boolean;\n\n /\n style for the overflow component\n /\n overflowStyles?: React.CSSProperties;\n\n /\n text for overflow legends string\n /\n overflowText?: string;\n\n /\n prop that decides if legends are focusable\n * @default true\n /\n allowFocusOnLegends?: boolean;\n\n /\n prop that decide if we can select multiple legends or single legend at a time\n * @default false\n /\n canSelectMultipleLegends?: boolean;\n\n /\n Callback issued when the selected option changes.\n /\n onChange?: (selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => void;\n\n /\n Keys (title) that will be initially used to set selected items. This prop is used for multi-select scenarios when\n * canSelectMultipleLegends is true; for single-select, use defaultSelectedLegend.\n \n Updating this prop does not change the selection after the component has been initialized. For controlled\n * selections, use selectedLegends instead.\n \n @see selectedLegends for setting the selected legends in controlled mode.\n * @see defaultSelectedLegend for setting the initially selected legend when canSelectMultipleLegends is false.\n /\n defaultSelectedLegends?: string[];\n\n /\n Key that will be initially used to set selected item. This prop is used for single-select scenarios when\n * canSelectMultipleLegends is false or unspecified; for multi-select, use defaultSelectedLegends.\n \n Updating this prop does not change the selection after the component has been initialized. For controlled\n * selections, use selectedLegend instead.\n \n @see selectedLegend for setting the selected legend in controlled mode.\n * @see defaultSelectedLegends for setting the initially selected legends when canSelectMultipleLegends is true.\n /\n defaultSelectedLegend?: string;\n\n /\n Keys (title) that will be used to set selected items in multi-select scenarios when canSelectMultipleLegends is\n * true. For single-select, use selectedLegend.\n \n When this prop is provided, the component is controlled and does not automatically update the selection based on\n * user interactions; the parent component must update the value passed to this property by handling the onChange\n * event.\n \n @see defaultSelectedLegends for setting the initially-selected legends in uncontrolled mode.\n * @see selectedLegends for setting the selected legends when `canSelectMultipleLegends` is `true`.\n /\n selectedLegends?: string[];\n\n /\n Key (title) that will be used to set the selected item in single-select scenarios when canSelectMultipleLegends is\n * false or unspecified. For multi-select, use selectedLegends.\n \n When this prop is provided, the component is controlled and does not automatically update the selection based on\n * user interactions; the parent component must update the value passed to this property by handling the onChange\n * event.\n \n @see defaultSelectedLegend for setting the initially-selected legend in uncontrolled mode.\n * @see selectedLegend for setting the selected legend when `canSelectMultipleLegends` is `false`.\n /\n selectedLegend?: string;\n\n /\n The shape for the legend.\n /\n shape?: LegendShape;\n\n /\n Callback to access the public methods and properties of the component.\n /\n legendRef?: React.~~RefObject~~<LegendContainer ~~\| null~~>;\n}\n\n/\n @public\n * The shape for the legend\n * default: show the rect legend\n * triangle: show the triangle legend\n * {@docCategory Legends}\n /\nexport type LegendShape = 'default' \| 'triangle' \| keyof typeof Points \| keyof typeof CustomPoints;\n\n/\n {@docCategory Legends}\n */\nexport interface LegendContainer {\n toSVG: (\n svgWidth: number,\n isRTL?: boolean,\n ) => {\n node: ~~SVGGElement~~ \| null;\n width: number;\n height: number;\n };\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}
1	+ {"version":3,"sources":["../src/components/Legends/Legends.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { CustomPoints, Points } from '../../utilities/utilities';\n\n/*\n @public\n * Legends styles\n * {@docCategory Legends}\n /\nexport interface LegendsStyles {\n /\n Style set for the root of the legend component\n /\n root?: string;\n\n /\n Style set for Legend. This is a wrapping class for text of legend and the rectange box that represents a legend\n /\n legend?: string;\n\n /\n Style set for the rectangle that represents a legend\n /\n rect?: string;\n\n /\n styles set for the shape that represents a legend\n /\n shape?: string;\n\n /\n Style set for the triangle that represents a legend\n /\n triangle?: string;\n\n /\n Style for the legend text\n /\n text?: string;\n\n /\n Style for the legend text\n /\n hoverChange?: string;\n\n /\n Style for the area that is resizable\n /\n resizableArea?: string;\n\n /\n * Style for the container that holds the legend and any optional JSX annotation from client is used\n /\n legendContainer?: string;\n\n /\n Style for the annotation that is used in the legend\n /\n annotation?: string;\n}\n\n/\n @public\n * ILegend interface\n * {@docCategory Legends}\n /\nexport interface Legend {\n /\n Defines the title of the legend\n /\n title: string;\n\n /\n Defines the function that is executed on clicking this legend\n /\n action?: VoidFunction;\n\n /\n Defines the function that is executed upon hovering over the legend\n /\n hoverAction?: VoidFunction;\n\n /\n Defines the function that is executed upon moving the mouse away from the legend\n /\n onMouseOutAction?: (isLegendFocused?: boolean) => void;\n\n /\n The color for the legend\n /\n color: string;\n\n /\n The opacity of the legend color\n /\n opacity?: number;\n\n /\n The shape for the legend\n /\n shape?: LegendShape;\n\n /\n Indicated whether or not to apply stripe pattern\n /\n stripePattern?: boolean;\n\n /\n Indicates if the legend belongs to a line in the Bar Chart\n /\n isLineLegendInBarChart?: boolean;\n\n /\n * native button props for the legend button\n /\n nativeButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n /\n The annotation for the legend, function returning a React node\n /\n legendAnnotation?: () => React.ReactNode;\n}\n\n/\n @public\n * Legend style properties\n * {@docCategory Legends}\n /\nexport interface LegendStyleProps {\n className?: string;\n colorOnSelectedState?: string;\n borderColor?: string;\n opacity?: number;\n overflow?: boolean;\n stripePattern?: boolean;\n isLineLegendInBarChart?: boolean;\n}\n\n/\n @public\n * Legend properties\n * {@docCategory Legends}\n /\nexport interface LegendsProps {\n /\n Prop that takes list of legends\n /\n legends: Legend[];\n\n /\n Additional CSS class(es) to apply to the legneds component.\n /\n className?: string;\n\n /\n Call to provide customized styling that will layer on top of the variant rules.\n /\n styles?: LegendsStyles;\n\n /\n This prop makes the legends component align itself to the center in the container it is sitting in\n /\n centerLegends?: boolean;\n\n /\n Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n /\n enabledWrapLines?: boolean;\n\n /\n style for the overflow component\n /\n overflowStyles?: React.CSSProperties;\n\n /\n text for overflow legends string\n /\n overflowText?: string;\n\n /\n prop that decides if legends are focusable\n * @default true\n /\n allowFocusOnLegends?: boolean;\n\n /\n prop that decide if we can select multiple legends or single legend at a time\n * @default false\n /\n canSelectMultipleLegends?: boolean;\n\n /\n Callback issued when the selected option changes.\n /\n onChange?: (selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => void;\n\n /\n Keys (title) that will be initially used to set selected items. This prop is used for multi-select scenarios when\n * canSelectMultipleLegends is true; for single-select, use defaultSelectedLegend.\n \n Updating this prop does not change the selection after the component has been initialized. For controlled\n * selections, use selectedLegends instead.\n \n @see selectedLegends for setting the selected legends in controlled mode.\n * @see defaultSelectedLegend for setting the initially selected legend when canSelectMultipleLegends is false.\n /\n defaultSelectedLegends?: string[];\n\n /\n Key that will be initially used to set selected item. This prop is used for single-select scenarios when\n * canSelectMultipleLegends is false or unspecified; for multi-select, use defaultSelectedLegends.\n \n Updating this prop does not change the selection after the component has been initialized. For controlled\n * selections, use selectedLegend instead.\n \n @see selectedLegend for setting the selected legend in controlled mode.\n * @see defaultSelectedLegends for setting the initially selected legends when canSelectMultipleLegends is true.\n /\n defaultSelectedLegend?: string;\n\n /\n Keys (title) that will be used to set selected items in multi-select scenarios when canSelectMultipleLegends is\n * true. For single-select, use selectedLegend.\n \n When this prop is provided, the component is controlled and does not automatically update the selection based on\n * user interactions; the parent component must update the value passed to this property by handling the onChange\n * event.\n \n @see defaultSelectedLegends for setting the initially-selected legends in uncontrolled mode.\n * @see selectedLegends for setting the selected legends when `canSelectMultipleLegends` is `true`.\n /\n selectedLegends?: string[];\n\n /\n Key (title) that will be used to set the selected item in single-select scenarios when canSelectMultipleLegends is\n * false or unspecified. For multi-select, use selectedLegends.\n \n When this prop is provided, the component is controlled and does not automatically update the selection based on\n * user interactions; the parent component must update the value passed to this property by handling the onChange\n * event.\n \n @see defaultSelectedLegend for setting the initially-selected legend in uncontrolled mode.\n * @see selectedLegend for setting the selected legend when `canSelectMultipleLegends` is `false`.\n /\n selectedLegend?: string;\n\n /\n The shape for the legend.\n /\n shape?: LegendShape;\n\n /\n Callback to access the public methods and properties of the component.\n /\n legendRef?: React.Ref<LegendContainer>;\n}\n\n/\n @public\n * The shape for the legend\n * default: show the rect legend\n * triangle: show the triangle legend\n * {@docCategory Legends}\n /\nexport type LegendShape = 'default' \| 'triangle' \| keyof typeof Points \| keyof typeof CustomPoints;\n\n/\n {@docCategory Legends}\n */\nexport interface LegendContainer {\n toSVG: (\n svgWidth: number,\n isRTL?: boolean,\n ) => {\n node: SVGSVGElement \| null;\n width: number;\n height: number;\n };\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/Legends/OverflowMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Legends/OverflowMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Menu, MenuTrigger, MenuPopover, MenuList, MenuItem } from '@fluentui/react-menu';\nimport { MenuButton } from '@fluentui/react-button';\nimport { useOverflowMenu } from '@fluentui/react-overflow';\n\nexport const OverflowMenu: React.FC<{\n itemIds: string[];\n title: string;\n items: ~~// eslint-disable-next-line @typescript-eslint/no-deprecated\n~~ JSXElement[];\n}> = ({ itemIds, title, items }) => {\n const { ref, overflowCount, isOverflowing } = useOverflowMenu<HTMLButtonElement>();\n let displayLabel = title;\n displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;\n\n if (!isOverflowing) {\n return null;\n }\n const remainingItemsCount = itemIds.length - overflowCount;\n const menuList = [];\n for (let i = remainingItemsCount; i < itemIds.length; i++) {\n menuList.push(\n <MenuItem tabIndex={-1} key={i}>\n {items[i]}\n </MenuItem>,\n );\n }\n return (\n <Menu>\n <MenuTrigger disableButtonEnhancement>\n <MenuButton ref={ref}>{displayLabel}</MenuButton>\n </MenuTrigger>\n\n <MenuPopover>\n <MenuList>{menuList}</MenuList>\n </MenuPopover>\n </Menu>\n );\n};\n"],"names":["React","Menu","MenuTrigger","MenuPopover","MenuList","MenuItem","MenuButton","useOverflowMenu","OverflowMenu","itemIds","title","items","ref","overflowCount","isOverflowing","displayLabel","remainingItemsCount","length","menuList","i","push","tabIndex","key","disableButtonEnhancement"],"mappings":"AAAA;;;;;+BAQaQ;;;;;;;iEANU,QAAQ;2BAEoC,uBAAuB;6BAC/D,yBAAyB;+BACpB,2BAA2B;AAEpD,~~qBAKF~~,CAAC,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAE;IAC7B,MAAM,EAAEC,GAAG,EAAEC,aAAa,EAAEC,aAAa,EAAE,OAAGP,8BAAAA;IAC9C,IAAIQ,eAAeL;IACnBK,eAAeL,UAAU,KAAK,CAAC,CAAC,EAAEG,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC,EAAEA,cAAc,CAAC,EAAEH,OAAO;IAEtF,IAAI,CAACI,eAAe;QAClB,OAAO;IACT;IACA,MAAME,sBAAsBP,QAAQQ,MAAM,GAAGJ;IAC7C,MAAMK,WAAW,EAAE;IACnB,IAAK,IAAIC,IAAIH,qBAAqBG,IAAIV,QAAQQ,MAAM,EAAEE,IAAK;QACzDD,SAASE,IAAI,CAAA,WAAA,GACX,OAAA,aAAA,CAACf,mBAAAA,EAAAA;YAASgB,UAAU,CAAC;YAAGC,KAAKH;WAC1BR,KAAK,CAACQ,EAAE;IAGf;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAAClB,eAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,sBAAAA,EAAAA;QAAYqB,0BAAAA;qBACX,OAAA,aAAA,CAACjB,uBAAAA,EAAAA;QAAWM,KAAKA;OAAMG,gBAAAA,WAAAA,GAGzB,OAAA,aAAA,CAACZ,sBAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,mBAAAA,EAAAA,MAAUc;AAInB,EAAE"}
1	+ {"version":3,"sources":["../src/components/Legends/OverflowMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Menu, MenuTrigger, MenuPopover, MenuList, MenuItem } from '@fluentui/react-menu';\nimport { MenuButton } from '@fluentui/react-button';\nimport { useOverflowMenu } from '@fluentui/react-overflow';\n\nexport const OverflowMenu: React.FC<{\n itemIds: string[];\n title: string;\n items: JSXElement[];\n}> = ({ itemIds, title, items }) => {\n const { ref, overflowCount, isOverflowing } = useOverflowMenu<HTMLButtonElement>();\n let displayLabel = title;\n displayLabel = title === '' ? `+${overflowCount} items` : `+${overflowCount} ${title}`;\n\n if (!isOverflowing) {\n return null;\n }\n const remainingItemsCount = itemIds.length - overflowCount;\n const menuList = [];\n for (let i = remainingItemsCount; i < itemIds.length; i++) {\n menuList.push(\n <MenuItem tabIndex={-1} key={i}>\n {items[i]}\n </MenuItem>,\n );\n }\n return (\n <Menu>\n <MenuTrigger disableButtonEnhancement>\n <MenuButton ref={ref}>{displayLabel}</MenuButton>\n </MenuTrigger>\n\n <MenuPopover>\n <MenuList>{menuList}</MenuList>\n </MenuPopover>\n </Menu>\n );\n};\n"],"names":["React","Menu","MenuTrigger","MenuPopover","MenuList","MenuItem","MenuButton","useOverflowMenu","OverflowMenu","itemIds","title","items","ref","overflowCount","isOverflowing","displayLabel","remainingItemsCount","length","menuList","i","push","tabIndex","key","disableButtonEnhancement"],"mappings":"AAAA;;;;;+BAQaQ;;;;;;;iEANU,QAAQ;2BAEoC,uBAAuB;6BAC/D,yBAAyB;+BACpB,2BAA2B;AAEpD,qBAIF,CAAC,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAE;IAC7B,MAAM,EAAEC,GAAG,EAAEC,aAAa,EAAEC,aAAa,EAAE,OAAGP,8BAAAA;IAC9C,IAAIQ,eAAeL;IACnBK,eAAeL,UAAU,KAAK,CAAC,CAAC,EAAEG,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC,EAAEA,cAAc,CAAC,EAAEH,OAAO;IAEtF,IAAI,CAACI,eAAe;QAClB,OAAO;IACT;IACA,MAAME,sBAAsBP,QAAQQ,MAAM,GAAGJ;IAC7C,MAAMK,WAAW,EAAE;IACnB,IAAK,IAAIC,IAAIH,qBAAqBG,IAAIV,QAAQQ,MAAM,EAAEE,IAAK;QACzDD,SAASE,IAAI,CAAA,WAAA,GACX,OAAA,aAAA,CAACf,mBAAAA,EAAAA;YAASgB,UAAU,CAAC;YAAGC,KAAKH;WAC1BR,KAAK,CAACQ,EAAE;IAGf;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAAClB,eAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,sBAAAA,EAAAA;QAAYqB,0BAAAA;qBACX,OAAA,aAAA,CAACjB,uBAAAA,EAAAA;QAAWM,KAAKA;OAAMG,gBAAAA,WAAAA,GAGzB,OAAA,aAAA,CAACZ,sBAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,mBAAAA,EAAAA,MAAUc;AAInB,EAAE"}

package/lib-commonjs/components/Legends/useLegendsStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Legends/useLegendsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { LegendsProps, LegendsStyles } from './Legends.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\n// Constants needed to create legends using SVG for image export\nexport const LEGEND_CONTAINER_MARGIN_TOP = 8;\nexport const LEGEND_CONTAINER_MARGIN_START = 12;\nexport const LEGEND_PADDING = 8;\nexport const LEGEND_HEIGHT = 32;\nexport const LEGEND_SHAPE_BORDER = 1;\nconst LEGEND_SHAPE_SIZE_WITHOUT_BORDER = 12;\n// SVG strokes are drawn centered around the path, with half of the stroke width extending inward\n// (overlapping the fill area) and half outward. To ensure the filled area maintains its intended size,\n// expand the shape accordingly.\nexport const LEGEND_SHAPE_SIZE = LEGEND_SHAPE_SIZE_WITHOUT_BORDER + LEGEND_SHAPE_BORDER;\nexport const LEGEND_SHAPE_MARGIN_END = 8;\nexport const INACTIVE_LEGEND_TEXT_OPACITY = 0.67;\n\n/*\n @internal\n */\nexport const legendClassNames: SlotClassNames<LegendsStyles> = {\n root: 'fui-legend__root',\n legend: 'fui-legend__legend',\n rect: 'fui-legend__rect',\n shape: 'fui-legend__shape',\n triangle: 'fui-legend__triangle',\n text: 'fui-legend__text',\n hoverChange: 'fui-legend__hoverChange',\n resizableArea: 'fui-legend__resizableArea',\n legendContainer: 'fui-legend__legendContainer',\n annotation: 'fui-legend__annotation',\n};\n\nconst useStyles = makeStyles({\n root: {\n // FIXME: Removing this style allows the legend container in responsive donut chart to resize\n // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues\n // in responsive charts where legends consist of multiple words.\n whiteSpace: 'nowrap',\n width: '100%',\n alignItems: 'center',\n // TODO: Confirm this style is needed. Shorthands are not used correctly, therefore this style has no effect.\n // ...shorthands.margin('-8px 0 0 -8px'),\n },\n legend: {\n // setting display to flex does not work\n // display: 'flex',\n alignItems: 'center',\n justifyContent: 'left',\n cursor: 'pointer',\n border: 'none',\n padding: `${LEGEND_PADDING}px`,\n textTransform: 'capitalize',\n // The default min-width is 64px. Setting it to 0 allows the legend container in responsive\n // cartesian charts to resize properly within a flexbox or grid layout.\n minWidth: 0,\n [HighContrastSelector]: {\n color: 'WindowText',\n forcedColorAdjust: 'none',\n },\n '&:hover': {\n [HighContrastSelector]: {\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n },\n },\n },\n rect: {\n [HighContrastSelector]: {\n content: 'var(--rect-content-high-contrast)',\n opacity: 'var(--rect-opacity-high-contrast)',\n },\n width: `${LEGEND_SHAPE_SIZE_WITHOUT_BORDER}px`,\n marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,\n border: `${LEGEND_SHAPE_BORDER}px solid`,\n },\n shape: {\n marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,\n },\n // TO DO Add props when these styles are used in the component\n triangle: {\n width: '0',\n height: '0',\n borderLeft: '6px solid transparent',\n borderRight: '6px solid transparent',\n borderTop: '10.4px solid',\n marginRight: tokens.spacingHorizontalS,\n },\n // TO DO Add props when these styles are used in the component\n text: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n // TO DO Add props when these styles are used in the component\n hoverChange: {\n width: '12px',\n height: '12px',\n marginRight: tokens.spacingHorizontalS,\n border: '1px solid',\n },\n resizableArea: {\n position: 'relative',\n textAlign: 'left',\n transform: 'translate(-50%, 0)',\n top: 'auto',\n left: '50%',\n minWidth: '200px',\n maxWidth: '800px',\n '::after': {\n padding: '1px 4px 1px',\n borderTop: '-2px',\n borderLeft: '-2px',\n },\n },\n legendContainer: {\n flex: '0 1 auto',\n margin: '4px',\n },\n annotation: {\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n },\n});\n\nexport const useLegendStyles = (props: LegendsProps): LegendsStyles => {\n const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(legendClassNames.root, baseStyles.root, className, props.styles?.root),\n legend: mergeClasses(legendClassNames.legend, baseStyles.legend, props.styles?.legend),\n rect: mergeClasses(legendClassNames.rect, baseStyles.rect, props.styles?.rect),\n shape: mergeClasses(legendClassNames.shape, baseStyles.shape, props.styles?.shape),\n triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n text: mergeClasses(legendClassNames.text, baseStyles.text, props.styles?.text),\n hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, props.styles?.hoverChange),\n resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, props.styles?.resizableArea),\n legendContainer: mergeClasses(\n legendClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n annotation: mergeClasses(legendClassNames.annotation, baseStyles.annotation, props.styles?.annotation),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","LEGEND_CONTAINER_MARGIN_TOP","LEGEND_CONTAINER_MARGIN_START","LEGEND_PADDING","LEGEND_HEIGHT","LEGEND_SHAPE_BORDER","LEGEND_SHAPE_SIZE_WITHOUT_BORDER","LEGEND_SHAPE_SIZE","LEGEND_SHAPE_MARGIN_END","INACTIVE_LEGEND_TEXT_OPACITY","legendClassNames","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","legendContainer","annotation","useStyles","whiteSpace","width","alignItems","justifyContent","cursor","border","padding","textTransform","minWidth","color","forcedColorAdjust","content","opacity","marginRight","height","borderLeft","borderRight","borderTop","spacingHorizontalS","caption1","colorNeutralForeground1","position","textAlign","transform","top","left","maxWidth","flex","margin","display","gap","useLegendStyles","props","className","baseStyles","styles"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/Legends/useLegendsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { LegendsProps, LegendsStyles } from './Legends.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n\n// Constants needed to create legends using SVG for image export\nexport const LEGEND_CONTAINER_MARGIN_TOP = 8;\nexport const LEGEND_CONTAINER_MARGIN_START = 12;\nexport const LEGEND_PADDING = 8;\nexport const LEGEND_HEIGHT = 32;\nexport const LEGEND_SHAPE_BORDER = 1;\nconst LEGEND_SHAPE_SIZE_WITHOUT_BORDER = 12;\n// SVG strokes are drawn centered around the path, with half of the stroke width extending inward\n// (overlapping the fill area) and half outward. To ensure the filled area maintains its intended size,\n// expand the shape accordingly.\nexport const LEGEND_SHAPE_SIZE = LEGEND_SHAPE_SIZE_WITHOUT_BORDER + LEGEND_SHAPE_BORDER;\nexport const LEGEND_SHAPE_MARGIN_END = 8;\nexport const INACTIVE_LEGEND_TEXT_OPACITY = 0.67;\n\n/*\n @internal\n */\nexport const legendClassNames: SlotClassNames<LegendsStyles> = {\n root: 'fui-legend__root',\n legend: 'fui-legend__legend',\n rect: 'fui-legend__rect',\n shape: 'fui-legend__shape',\n triangle: 'fui-legend__triangle',\n text: 'fui-legend__text',\n hoverChange: 'fui-legend__hoverChange',\n resizableArea: 'fui-legend__resizableArea',\n legendContainer: 'fui-legend__legendContainer',\n annotation: 'fui-legend__annotation',\n};\n\nconst useStyles = makeStyles({\n root: {\n // FIXME: Removing this style allows the legend container in responsive donut chart to resize\n // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues\n // in responsive charts where legends consist of multiple words.\n whiteSpace: 'nowrap',\n width: '100%',\n alignItems: 'center',\n },\n legend: {\n // setting display to flex does not work\n // display: 'flex',\n alignItems: 'center',\n justifyContent: 'left',\n cursor: 'pointer',\n border: 'none',\n padding: `${LEGEND_PADDING}px`,\n textTransform: 'capitalize',\n // The default min-width is 64px. Setting it to 0 allows the legend container in responsive\n // cartesian charts to resize properly within a flexbox or grid layout.\n minWidth: 0,\n [HighContrastSelector]: {\n color: 'WindowText',\n forcedColorAdjust: 'none',\n },\n '&:hover': {\n [HighContrastSelector]: {\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n },\n },\n },\n rect: {\n [HighContrastSelector]: {\n content: 'var(--rect-content-high-contrast)',\n opacity: 'var(--rect-opacity-high-contrast)',\n },\n width: `${LEGEND_SHAPE_SIZE_WITHOUT_BORDER}px`,\n marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,\n border: `${LEGEND_SHAPE_BORDER}px solid`,\n },\n shape: {\n marginRight: `${LEGEND_SHAPE_MARGIN_END}px`,\n },\n // TO DO Add props when these styles are used in the component\n triangle: {\n width: '0',\n height: '0',\n borderLeft: '6px solid transparent',\n borderRight: '6px solid transparent',\n borderTop: '10.4px solid',\n marginRight: tokens.spacingHorizontalS,\n },\n // TO DO Add props when these styles are used in the component\n text: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n // TO DO Add props when these styles are used in the component\n hoverChange: {\n width: '12px',\n height: '12px',\n marginRight: tokens.spacingHorizontalS,\n border: '1px solid',\n },\n resizableArea: {\n position: 'relative',\n textAlign: 'left',\n transform: 'translate(-50%, 0)',\n top: 'auto',\n left: '50%',\n minWidth: '200px',\n maxWidth: '800px',\n '::after': {\n padding: '1px 4px 1px',\n borderTop: '-2px',\n borderLeft: '-2px',\n },\n },\n legendContainer: {\n flex: '0 1 auto',\n margin: '4px',\n },\n annotation: {\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n },\n});\n\nexport const useLegendStyles = (props: LegendsProps): LegendsStyles => {\n const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(legendClassNames.root, baseStyles.root, className, props.styles?.root),\n legend: mergeClasses(legendClassNames.legend, baseStyles.legend, props.styles?.legend),\n rect: mergeClasses(legendClassNames.rect, baseStyles.rect, props.styles?.rect),\n shape: mergeClasses(legendClassNames.shape, baseStyles.shape, props.styles?.shape),\n triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, props.styles?.triangle),\n text: mergeClasses(legendClassNames.text, baseStyles.text, props.styles?.text),\n hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, props.styles?.hoverChange),\n resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, props.styles?.resizableArea),\n legendContainer: mergeClasses(\n legendClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n annotation: mergeClasses(legendClassNames.annotation, baseStyles.annotation, props.styles?.annotation),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","LEGEND_CONTAINER_MARGIN_TOP","LEGEND_CONTAINER_MARGIN_START","LEGEND_PADDING","LEGEND_HEIGHT","LEGEND_SHAPE_BORDER","LEGEND_SHAPE_SIZE_WITHOUT_BORDER","LEGEND_SHAPE_SIZE","LEGEND_SHAPE_MARGIN_END","INACTIVE_LEGEND_TEXT_OPACITY","legendClassNames","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","legendContainer","annotation","useStyles","whiteSpace","width","alignItems","justifyContent","cursor","border","padding","textTransform","minWidth","color","forcedColorAdjust","content","opacity","marginRight","height","borderLeft","borderRight","borderTop","spacingHorizontalS","caption1","colorNeutralForeground1","position","textAlign","transform","top","left","maxWidth","flex","margin","display","gap","useLegendStyles","props","className","baseStyles","styles"],"mappings":"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"}

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

@@ -21,9 +21,9 @@ const _index1 = require("../../utilities/index");
 const _index2 = require("../../index");
 const _EventAnnotation = require("./eventAnnotation/EventAnnotation");
 const _reacttheme = require("@fluentui/react-theme");
-const _imageexportutils = require("../../utilities/image-export-utils");
 const _scatterpolarutils = require("../../utilities/scatterpolar-utils");
 const _chartutilities = require("@fluentui/chart-utilities");
+const _hooks = require("../../utilities/hooks");
 var PointSize = /*#__PURE__*/ function(PointSize) {
     PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
     PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";
@@ -130,9 +130,8 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
     const _colorFillBarId = (0, _reactutilities.useId)('_colorFillBarId');
     const _isRTL = (0, _index1.useRtl)();
     let xAxisCalloutAccessibilityData = {};
-    const cartesianChartRef = _react.useRef(null);
+    const { cartesianChartRef, legendsRef: _legendsRef } = (0, _hooks.useImageExport)(props.componentRef, props.hideLegend);
     let _yScaleSecondary;
-    const _legendsRef = _react.useRef(null);
     props.eventAnnotationProps && props.eventAnnotationProps.labelHeight && (eventLabelHeight = props.eventAnnotationProps.labelHeight);
     const [hoverXValue, setHoverXValue] = _react.useState('');
     const [activeLegend, setActiveLegend] = _react.useState('');
@@ -170,17 +169,6 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
         props.width,
         props.data
     ]);
-    _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 (0, _imageexportutils.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, _isRTL, opts);
-            }
-        };
-    }, []);
     function _getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues) {
         let domainNRangeValue;
         if (xAxisType === _index1.XAxisTypes.NumericAxis) {
@@ -242,7 +230,6 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
         return props.onRenderCalloutPerStack ? props.onRenderCalloutPerStack(stackCalloutProps) : props.onRenderCalloutPerDataPoint ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps) : null;
     }
     function _getNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const { startValue, endValue } = (0, _index1.findNumericMinMaxOfY)(points, yAxisType, useSecondaryYScale, useSecondaryYScale ? props.secondaryYScaleType : props.yScaleType);
         let yPadding = {
             start: 0,
@@ -448,7 +435,6 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
                 secondaryYScaleType: props.secondaryYScaleType
             }) : 0;
             if (_points[i].data.length === 1) {
-                // eslint-disable-next-line @typescript-eslint/no-shadow
                 const { x: x1, y: y1, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[0];
                 const xPoint = _xAxisScale(x1);
                 const yPoint = yScale(y1);
@@ -1002,12 +988,18 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
         const formattedDate = xPointToHighlight instanceof Date ? (0, _chartutilities.formatDateToLocaleString)(xPointToHighlight, props.culture, props.useUTC) : xPointToHighlight;
         const found = (0, _index1.findCalloutPoints)(calloutPointsRef.current, xPointToHighlight);
         const pointToHighlight = lineChartData[linenumber].data[index];
+        // Check if this point is plottable. If not, close the popover and return.
+        const xPoint = _xAxisScale(pointToHighlight.x);
+        const yPoint = yScale(pointToHighlight.y);
+        if (!(0, _index1.isPlottable)(xPoint, yPoint)) {
+            return;
+        }
         const pointToHighlightUpdated = nearestCircleToHighlight === null || nearestCircleToHighlight !== null && pointToHighlight !== null && (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y);
         // if no points need to be called out then don't show vertical line and callout card
         if (found && pointToHighlightUpdated) {
             _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;
-            (0, _d3selection.select)(`#${_staticHighlightCircle}_${linenumber}`).attr('cx', `${_xAxisScale(pointToHighlight.x)}`).attr('cy', `${yScale(pointToHighlight.y)}`).attr('visibility', 'visibility');
-            (0, _d3selection.select)(`#${_verticalLine}`).attr('transform', ()=>`translate(${_xAxisScale(pointToHighlight.x)}, ${yScale(pointToHighlight.y)})`).attr('visibility', 'visibility').attr('y2', `${lineHeight - 5 - yScale(pointToHighlight.y)}`);
+            (0, _d3selection.select)(`#${_staticHighlightCircle}_${linenumber}`).attr('cx', `${xPoint}`).attr('cy', `${yPoint}`).attr('visibility', 'visibility');
+            (0, _d3selection.select)(`#${_verticalLine}`).attr('transform', ()=>`translate(${xPoint}, ${yPoint})`).attr('visibility', 'visibility').attr('y2', `${lineHeight - 5 - yPoint}`);
             const targetElement = document.getElementById(`${_staticHighlightCircle}_${linenumber}`);
             const rect = targetElement.getBoundingClientRect();
             setNearestCircleToHighlight(pointToHighlight);
@@ -1267,7 +1259,6 @@ const LineChart = /*#__PURE__*/ _react.forwardRef(({ isCalloutForStack = true, .
         onChartMouseLeave: _handleChartMouseLeave,
         enableFirstRenderOptimization: props.enablePerfOptimization && _firstRenderOptimization,
         componentRef: cartesianChartRef,
-        /* eslint-disable react/jsx-no-bind */ // eslint-disable-next-line react/no-children-prop
         children: (props)=>{
             _xAxisScale = props.xScale;
             _yScalePrimary = props.yScalePrimary;