@fluentui/react-charts 9.3.7 → 9.3.8

package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map

@@ -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 } 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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"}
+{"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            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={shouldHighlight ? 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            opacity={shouldHighlight ? 1 : 0.1}\n            onFocus={event => _onBarFocus(event, point, index, startColor)}\n            fill={startColor}\n            tabIndex={shouldHighlight ? 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","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/components/Legends/Legends.js

@@ -85,9 +85,7 @@ export const Legends = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
                 'aria-multiselectable': canSelectMultipleLegends
             },
             className: classes.root,
-            ref: (el)=>{
-                _rootElem.current = el;
-            }
+            ref: _rootElem
         }, /*#__PURE__*/ React.createElement(Overflow, null, /*#__PURE__*/ React.createElement("div", {
             className: classes.resizableArea,
             style: {
@@ -116,7 +114,8 @@ export const Legends = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
                 flexWrap: 'wrap',
                 ...overflowStyles
             },
-            className: classes.root
+            className: classes.root,
+            ref: _rootElem
         }, /*#__PURE__*/ React.createElement("div", {
             className: classes.resizableArea,
             style: {

package/lib/components/Legends/Legends.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Legends/Legends.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { Button } from '@fluentui/react-button';\nimport { Legend, LegendsProps, LegendShape } from './Legends.types';\nimport { Shape } from './shape';\nimport { useLegendStyles } from './useLegendsStyles.styles';\nimport { Overflow, OverflowItem } from '@fluentui/react-overflow';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { OverflowMenu } from './OverflowMenu';\nimport { tokens } from '@fluentui/react-theme';\nimport { cloneLegendsToSVG } from '../../utilities/image-export-utils';\nimport { mergeClasses } from '@griffel/react';\n\n// This is an internal interface used for rendering the legends with unique key\ninterface LegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n  legendAnnotation?: () => React.ReactNode;\n}\n\ninterface LegendMap {\n  [key: string]: boolean;\n}\n\nexport interface LegendState {\n  activeLegend: string;\n  /** Set of legends selected, both for multiple selection and single selection */\n  selectedLegends: LegendMap;\n}\nexport const Legends: React.FunctionComponent<LegendsProps> = React.forwardRef<HTMLDivElement, LegendsProps>(\n  (props, forwardedRef) => {\n    /** Boolean variable to check if one or more legends are selected */\n    let _isLegendSelected = false;\n    let _rootElem = React.useRef<HTMLDivElement | null>(null);\n\n    // set states separately for each instance of the component\n    const [activeLegend, setActiveLegend] = React.useState('');\n    const [selectedLegends, setSelectedLegends] = React.useState<LegendMap>({});\n    const focusAttributes = useFocusableGroup();\n    const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal', memorizeCurrent: true });\n    const classes = useLegendStyles(props);\n    const toSVG = React.useCallback(\n      (svgWidth: number, isRTL: boolean = false) => {\n        return cloneLegendsToSVG(\n          props.legends,\n          svgWidth,\n          {\n            selectedLegends,\n            centerLegends: !!props.centerLegends,\n            textClassName: classes.text!,\n            isRTL,\n          },\n          _rootElem.current,\n        );\n      },\n      [props.legends, props.centerLegends, selectedLegends, classes.text],\n    );\n\n    React.useImperativeHandle(props.legendRef, () => ({\n      toSVG,\n    }));\n\n    React.useEffect(() => {\n      const initialSelectedLegends = props.selectedLegends ?? props.defaultSelectedLegends;\n      const initialSelectedLegend = props.selectedLegend ?? props.defaultSelectedLegend;\n      let selectedLegendsState = {};\n      if (props.canSelectMultipleLegends) {\n        selectedLegendsState =\n          (initialSelectedLegends ?? [])?.reduce(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (combineDict: any, key: any) => ({ [key]: true, ...combineDict }),\n            {},\n          ) || {};\n        setSelectedLegends(selectedLegendsState);\n      } else if (initialSelectedLegend !== undefined) {\n        selectedLegendsState = { [initialSelectedLegend]: true };\n        setSelectedLegends(selectedLegendsState);\n      }\n    }, [\n      props.canSelectMultipleLegends,\n      props.defaultSelectedLegend,\n      props.defaultSelectedLegends,\n      props.selectedLegend,\n      props.selectedLegends,\n    ]);\n\n    _isLegendSelected = Object.keys(selectedLegends).length > 0;\n    const dataToRender = _generateData();\n    const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;\n    const itemIds = dataToRender.map((_item, index) => index.toString());\n    const overflowHoverCardLegends: JSXElement[] = [];\n    dataToRender.map((legend, index) => {\n      const hoverCardElement = _renderButton(legend, index);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const overflowString = props.overflowText ? props.overflowText : 'more';\n    return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();\n\n    function renderLegends(): JSXElement {\n      return (\n        <div\n          {...focusAttributes}\n          {...arrowAttributes}\n          {...(allowFocusOnLegends && {\n            role: 'listbox',\n            'aria-label': 'Legends',\n            'aria-multiselectable': canSelectMultipleLegends,\n          })}\n          className={classes.root}\n          ref={el => {\n            _rootElem.current = el;\n          }}\n        >\n          <Overflow>\n            <div className={classes.resizableArea} style={{ textAlign: props.centerLegends ? 'center' : 'unset' }}>\n              {dataToRender.map((item, id) => (\n                <OverflowItem key={id} id={id.toString()}>\n                  {_renderButton(item)}\n                </OverflowItem>\n              ))}\n              <OverflowMenu itemIds={itemIds} title={`${overflowString}`} items={overflowHoverCardLegends} />\n            </div>\n          </Overflow>\n        </div>\n      );\n    }\n\n    function renderWrappedLegends(): JSXElement {\n      return (\n        <div\n          {...focusAttributes}\n          {...arrowAttributes}\n          {...(allowFocusOnLegends && {\n            role: 'listbox',\n            'aria-label': 'Legends',\n            'aria-multiselectable': canSelectMultipleLegends,\n          })}\n          style={{ justifyContent: props.centerLegends ? 'center' : 'unset', flexWrap: 'wrap', ...overflowStyles }}\n          className={classes.root}\n        >\n          <div className={classes.resizableArea} style={{ display: 'flex', flexWrap: 'wrap', overflow: 'auto' }}>\n            {dataToRender.map(item => (\n              <div\n                className={mergeClasses(classes.legendContainer, item.legendAnnotation && classes.annotation)}\n                key={item.key}\n              >\n                {_renderButton(item)}\n                {item.legendAnnotation && <div>{item.legendAnnotation()}</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n      );\n    }\n\n    function _generateData(): LegendItem[] {\n      const { /*allowFocusOnLegends = true,*/ shape } = props;\n      const dataItems: LegendItem[] = props.legends.map((legend: Legend, index: number) => {\n        return {\n          /* ...(allowFocusOnLegends && {\n            nativeButtonProps: getIntrinsicElementProps(\n              'div',\n              {\n                legend,\n                ...buttonProperties,\n              },\n              ['title'],\n            ),\n            'aria-setsize': props.legends.length,\n            'aria-posinset': index + 1,\n          }), */\n          title: legend.title,\n          action: legend.action!,\n          hoverAction: legend.hoverAction!,\n          onMouseOutAction: legend.onMouseOutAction!,\n          color: legend.color,\n          shape: shape ? shape : legend.shape,\n          stripePattern: legend.stripePattern,\n          isLineLegendInBarChart: legend.isLineLegendInBarChart,\n          opacity: legend.opacity,\n          key: index,\n          legendAnnotation: legend.legendAnnotation,\n        };\n      });\n      return dataItems;\n    }\n\n    /**\n     * Determine whether the component is in \"controlled\" mode for selections, where the selected legend(s) are\n     * determined entirely by props passed in from the parent component.\n     */\n    function _isInControlledMode(): boolean {\n      return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when multi-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend(s) state data.\n     */\n    function _getNewSelectedLegendsForMultiselect(legend: Legend): { [key: string]: boolean } {\n      let legendsSelected = { ...selectedLegends };\n      if (legendsSelected[legend.title]) {\n        // Delete entry for the deselected legend to make\n        // the number of keys equal to the number of selected legends\n        delete legendsSelected[legend.title];\n      } else {\n        legendsSelected[legend.title] = true;\n        // Clear set if all legends are selected\n        if (Object.keys(legendsSelected).length === props.legends.length) {\n          legendsSelected = {};\n        }\n      }\n      return legendsSelected;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when single-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend state data.\n     */\n    function _getNewSelectedLegendsForSingleSelect(legend: Legend): { [key: string]: boolean } {\n      return selectedLegends[legend.title] ? {} : { [legend.title]: true };\n    }\n\n    function _onClick(legend: Legend, event: React.MouseEvent<HTMLButtonElement>): void {\n      const { canSelectMultipleLegends = false } = props;\n      const nextSelectedLegends = canSelectMultipleLegends\n        ? _getNewSelectedLegendsForMultiselect(legend)\n        : _getNewSelectedLegendsForSingleSelect(legend);\n\n      if (!_isInControlledMode()) {\n        setSelectedLegends(nextSelectedLegends);\n      }\n      props.onChange?.(Object.keys(nextSelectedLegends), event, legend);\n      legend.action?.();\n    }\n\n    function _onHoverOverLegend(legend: Legend) {\n      if (legend.hoverAction) {\n        setActiveLegend(legend.title);\n        legend.hoverAction();\n      }\n    }\n\n    function _onLeave(legend: Legend) {\n      if (legend.onMouseOutAction) {\n        setActiveLegend('');\n        legend.onMouseOutAction();\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _renderButton(data: any, index?: number) {\n      const { allowFocusOnLegends = true } = props;\n      const legend: Legend = {\n        title: data.title,\n        color: data.color,\n        shape: data.shape,\n        action: data.action,\n        hoverAction: data.hoverAction,\n        onMouseOutAction: data.onMouseOutAction,\n        stripePattern: data.stripePattern,\n        isLineLegendInBarChart: data.isLineLegendInBarChart,\n        opacity: data.opacity,\n      };\n      const color = _getColor(legend.title, legend.color);\n      const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n        _onClick(legend, event);\n      };\n      const onHoverHandler = () => {\n        _onHoverOverLegend(legend);\n      };\n      const onMouseOut = () => {\n        _onLeave(legend);\n      };\n      const shape = _getShape(legend, color);\n      return (\n        <Button\n          {...(allowFocusOnLegends && {\n            'aria-selected': !!selectedLegends[legend.title],\n            role: 'option',\n            'aria-label': `${legend.title}`,\n            'aria-setsize': data['aria-setsize'],\n            'aria-posinset': data['aria-posinset'],\n          })}\n          {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n          key={index}\n          className={classes.legend}\n          onClick={onClickHandler}\n          onMouseOver={onHoverHandler}\n          onMouseOut={onMouseOut}\n          onFocus={onHoverHandler}\n          onBlur={onMouseOut}\n          appearance={'outline'}\n          size=\"small\"\n          style={{\n            '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',\n            '--rect-backgroundColor': legend.stripePattern ? '' : color,\n            '--rect-borderColor': legend.color ? legend.color : tokens.colorNeutralStroke1,\n            '--rect-content': legend.stripePattern\n              ? // eslint-disable-next-line @fluentui/max-len\n                `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n              : '',\n          }} /* eslint-enable react/jsx-no-bind */\n        >\n          {shape}\n          <div className={classes.text} style={{ opacity: color === tokens.colorNeutralBackground1 ? '0.67' : '' }}>\n            {legend.title}\n          </div>\n        </Button>\n      );\n    }\n\n    function _getShape(legend: Legend, color: string): React.ReactNode | string {\n      const svgParentProps: React.SVGAttributes<SVGElement> = {\n        className: classes.shape,\n      };\n      const svgChildProps: React.SVGAttributes<SVGElement> = {\n        fill: color,\n        strokeWidth: 2,\n        stroke: legend.color,\n      };\n      return (\n        <Shape\n          svgProps={svgParentProps}\n          pathProps={svgChildProps}\n          shape={legend.shape as LegendShape}\n          classNameForNonSvg={classes.rect}\n          style={\n            {\n              height: legend.isLineLegendInBarChart ? '4px' : '12px',\n              backgroundColor: legend.stripePattern ? '' : color,\n              borderColor: legend.color ? legend.color : tokens.colorNeutralStroke1,\n              content: legend.stripePattern\n                ? // eslint-disable-next-line @fluentui/max-len\n                  `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n                : '',\n              '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,\n              '--rect-opacity-high-contrast': color === tokens.colorNeutralBackground1 ? '0.6' : '',\n            } as React.CSSProperties\n          }\n        />\n      );\n    }\n\n    function _getColor(title: string, color: string): string {\n      let legendColor = color;\n      // if one or more legends are selected\n      if (_isLegendSelected) {\n        // if the given legend (title) is one of the selected legends\n        if (selectedLegends[title]) {\n          legendColor = color;\n        }\n        // if the given legend is unselected\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      // if no legend is selected\n      else {\n        // if the given legend is hovered\n        // or none of the legends is hovered\n        if (activeLegend === title || activeLegend === '') {\n          legendColor = color;\n        }\n        // if there is a hovered legend but the given legend is not the one\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      return legendColor;\n    }\n  },\n);\nLegends.displayName = 'Legends';\n"],"names":["React","Button","Shape","useLegendStyles","Overflow","OverflowItem","useFocusableGroup","useArrowNavigationGroup","OverflowMenu","tokens","cloneLegendsToSVG","mergeClasses","Legends","forwardRef","props","forwardedRef","_isLegendSelected","_rootElem","useRef","activeLegend","setActiveLegend","useState","selectedLegends","setSelectedLegends","focusAttributes","arrowAttributes","axis","memorizeCurrent","classes","toSVG","useCallback","svgWidth","isRTL","legends","centerLegends","textClassName","text","current","useImperativeHandle","legendRef","useEffect","initialSelectedLegends","defaultSelectedLegends","initialSelectedLegend","selectedLegend","defaultSelectedLegend","selectedLegendsState","canSelectMultipleLegends","reduce","combineDict","key","undefined","Object","keys","length","dataToRender","_generateData","overflowStyles","allowFocusOnLegends","itemIds","map","_item","index","toString","overflowHoverCardLegends","legend","hoverCardElement","_renderButton","push","overflowString","overflowText","enabledWrapLines","renderWrappedLegends","renderLegends","div","role","className","root","ref","el","resizableArea","style","textAlign","item","id","title","items","justifyContent","flexWrap","display","overflow","legendContainer","legendAnnotation","annotation","shape","dataItems","action","hoverAction","onMouseOutAction","color","stripePattern","isLineLegendInBarChart","opacity","_isInControlledMode","_getNewSelectedLegendsForMultiselect","legendsSelected","_getNewSelectedLegendsForSingleSelect","_onClick","event","nextSelectedLegends","onChange","_onHoverOverLegend","_onLeave","data","_getColor","onClickHandler","onHoverHandler","onMouseOut","_getShape","nativeButtonProps","onClick","onMouseOver","onFocus","onBlur","appearance","size","colorNeutralStroke1","colorNeutralBackground1","svgParentProps","svgChildProps","fill","strokeWidth","stroke","svgProps","pathProps","classNameForNonSvg","rect","height","backgroundColor","borderColor","content","legendColor","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,EAAEC,YAAY,QAAQ,2BAA2B;AAClE,SAASC,iBAAiB,EAAEC,uBAAuB,QAAQ,0BAA0B;AACrF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,iBAAiB,QAAQ,qCAAqC;AACvE,SAASC,YAAY,QAAQ,iBAAiB;AA2B9C,OAAO,MAAMC,wBAAiDZ,MAAMa,UAAU,CAC5E,CAACC,OAAOC;IACN,kEAAkE,GAClE,IAAIC,oBAAoB;IACxB,IAAIC,YAAYjB,MAAMkB,MAAM,CAAwB;IAEpD,2DAA2D;IAC3D,MAAM,CAACC,cAAcC,gBAAgB,GAAGpB,MAAMqB,QAAQ,CAAC;IACvD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGvB,MAAMqB,QAAQ,CAAY,CAAC;IACzE,MAAMG,kBAAkBlB;IACxB,MAAMmB,kBAAkBlB,wBAAwB;QAAEmB,MAAM;QAAcC,iBAAiB;IAAK;IAC5F,MAAMC,UAAUzB,gBAAgBW;IAChC,MAAMe,QAAQ7B,MAAM8B,WAAW,CAC7B,CAACC,UAAkBC,QAAiB,KAAK;QACvC,OAAOtB,kBACLI,MAAMmB,OAAO,EACbF,UACA;YACET;YACAY,eAAe,CAAC,CAACpB,MAAMoB,aAAa;YACpCC,eAAeP,QAAQQ,IAAI;YAC3BJ;QACF,GACAf,UAAUoB,OAAO;IAErB,GACA;QAACvB,MAAMmB,OAAO;QAAEnB,MAAMoB,aAAa;QAAEZ;QAAiBM,QAAQQ,IAAI;KAAC;IAGrEpC,MAAMsC,mBAAmB,CAACxB,MAAMyB,SAAS,EAAE,IAAO,CAAA;YAChDV;QACF,CAAA;IAEA7B,MAAMwC,SAAS,CAAC;YACiB1B;QAA/B,MAAM2B,yBAAyB3B,CAAAA,yBAAAA,MAAMQ,eAAe,cAArBR,oCAAAA,yBAAyBA,MAAM4B,sBAAsB;YACtD5B;QAA9B,MAAM6B,wBAAwB7B,CAAAA,wBAAAA,MAAM8B,cAAc,cAApB9B,mCAAAA,wBAAwBA,MAAM+B,qBAAqB;QACjF,IAAIC,uBAAuB,CAAC;QAC5B,IAAIhC,MAAMiC,wBAAwB,EAAE;gBAE/BN;YADHK,uBACE,EAACL,QAAAA,mCAAAA,oCAAAA,yBAA0B,EAAE,cAA5BA,4BAAD,AAACA,MAA+BO,MAAM,CACpC,8DAA8D;YAC9D,CAACC,aAAkBC,MAAc,CAAA;oBAAE,CAACA,IAAI,EAAE;oBAAM,GAAGD,WAAW;gBAAC,CAAA,GAC/D,CAAC,OACE,CAAC;YACR1B,mBAAmBuB;QACrB,OAAO,IAAIH,0BAA0BQ,WAAW;YAC9CL,uBAAuB;gBAAE,CAACH,sBAAsB,EAAE;YAAK;YACvDpB,mBAAmBuB;QACrB;IACF,GAAG;QACDhC,MAAMiC,wBAAwB;QAC9BjC,MAAM+B,qBAAqB;QAC3B/B,MAAM4B,sBAAsB;QAC5B5B,MAAM8B,cAAc;QACpB9B,MAAMQ,eAAe;KACtB;IAEDN,oBAAoBoC,OAAOC,IAAI,CAAC/B,iBAAiBgC,MAAM,GAAG;IAC1D,MAAMC,eAAeC;IACrB,MAAM,EAAEC,cAAc,EAAEC,sBAAsB,IAAI,EAAEX,2BAA2B,KAAK,EAAE,GAAGjC;IACzF,MAAM6C,UAAUJ,aAAaK,GAAG,CAAC,CAACC,OAAOC,QAAUA,MAAMC,QAAQ;IACjE,MAAMC,2BAAyC,EAAE;IACjDT,aAAaK,GAAG,CAAC,CAACK,QAAQH;QACxB,MAAMI,mBAAmBC,cAAcF,QAAQH;QAC/CE,yBAAyBI,IAAI,CAACF;IAChC;IACA,MAAMG,iBAAiBvD,MAAMwD,YAAY,GAAGxD,MAAMwD,YAAY,GAAG;IACjE,OAAOxD,MAAMyD,gBAAgB,GAAGC,yBAAyBC;IAEzD,SAASA;QACP,qBACE,oBAACC;YACE,GAAGlD,eAAe;YAClB,GAAGC,eAAe;YAClB,GAAIiC,uBAAuB;gBAC1BiB,MAAM;gBACN,cAAc;gBACd,wBAAwB5B;YAC1B,CAAC;YACD6B,WAAWhD,QAAQiD,IAAI;YACvBC,KAAKC,CAAAA;gBACH9D,UAAUoB,OAAO,GAAG0C;YACtB;yBAEA,oBAAC3E,8BACC,oBAACsE;YAAIE,WAAWhD,QAAQoD,aAAa;YAAEC,OAAO;gBAAEC,WAAWpE,MAAMoB,aAAa,GAAG,WAAW;YAAQ;WACjGqB,aAAaK,GAAG,CAAC,CAACuB,MAAMC,mBACvB,oBAAC/E;gBAAa6C,KAAKkC;gBAAIA,IAAIA,GAAGrB,QAAQ;eACnCI,cAAcgB,uBAGnB,oBAAC3E;YAAamD,SAASA;YAAS0B,OAAO,GAAGhB,gBAAgB;YAAEiB,OAAOtB;;IAK7E;IAEA,SAASQ;QACP,qBACE,oBAACE;YACE,GAAGlD,eAAe;YAClB,GAAGC,eAAe;YAClB,GAAIiC,uBAAuB;gBAC1BiB,MAAM;gBACN,cAAc;gBACd,wBAAwB5B;YAC1B,CAAC;YACDkC,OAAO;gBAAEM,gBAAgBzE,MAAMoB,aAAa,GAAG,WAAW;gBAASsD,UAAU;gBAAQ,GAAG/B,cAAc;YAAC;YACvGmB,WAAWhD,QAAQiD,IAAI;yBAEvB,oBAACH;YAAIE,WAAWhD,QAAQoD,aAAa;YAAEC,OAAO;gBAAEQ,SAAS;gBAAQD,UAAU;gBAAQE,UAAU;YAAO;WACjGnC,aAAaK,GAAG,CAACuB,CAAAA,qBAChB,oBAACT;gBACCE,WAAWjE,aAAaiB,QAAQ+D,eAAe,EAAER,KAAKS,gBAAgB,IAAIhE,QAAQiE,UAAU;gBAC5F3C,KAAKiC,KAAKjC,GAAG;eAEZiB,cAAcgB,OACdA,KAAKS,gBAAgB,kBAAI,oBAAClB,aAAKS,KAAKS,gBAAgB;IAMjE;IAEA,SAASpC;QACP,MAAM,EAAkCsC,KAAK,EAAE,GAAGhF;QAClD,MAAMiF,YAA0BjF,MAAMmB,OAAO,CAAC2B,GAAG,CAAC,CAACK,QAAgBH;YACjE,OAAO;gBACL;;;;;;;;;;;cAWI,GACJuB,OAAOpB,OAAOoB,KAAK;gBACnBW,QAAQ/B,OAAO+B,MAAM;gBACrBC,aAAahC,OAAOgC,WAAW;gBAC/BC,kBAAkBjC,OAAOiC,gBAAgB;gBACzCC,OAAOlC,OAAOkC,KAAK;gBACnBL,OAAOA,QAAQA,QAAQ7B,OAAO6B,KAAK;gBACnCM,eAAenC,OAAOmC,aAAa;gBACnCC,wBAAwBpC,OAAOoC,sBAAsB;gBACrDC,SAASrC,OAAOqC,OAAO;gBACvBpD,KAAKY;gBACL8B,kBAAkB3B,OAAO2B,gBAAgB;YAC3C;QACF;QACA,OAAOG;IACT;IAEA;;;KAGC,GACD,SAASQ;QACP,OAAOzF,MAAMiC,wBAAwB,GAAGjC,MAAMQ,eAAe,KAAK6B,YAAYrC,MAAM8B,cAAc,KAAKO;IACzG;IAEA;;;;KAIC,GACD,SAASqD,qCAAqCvC,MAAc;QAC1D,IAAIwC,kBAAkB;YAAE,GAAGnF,eAAe;QAAC;QAC3C,IAAImF,eAAe,CAACxC,OAAOoB,KAAK,CAAC,EAAE;YACjC,iDAAiD;YACjD,6DAA6D;YAC7D,OAAOoB,eAAe,CAACxC,OAAOoB,KAAK,CAAC;QACtC,OAAO;YACLoB,eAAe,CAACxC,OAAOoB,KAAK,CAAC,GAAG;YAChC,wCAAwC;YACxC,IAAIjC,OAAOC,IAAI,CAACoD,iBAAiBnD,MAAM,KAAKxC,MAAMmB,OAAO,CAACqB,MAAM,EAAE;gBAChEmD,kBAAkB,CAAC;YACrB;QACF;QACA,OAAOA;IACT;IAEA;;;;KAIC,GACD,SAASC,sCAAsCzC,MAAc;QAC3D,OAAO3C,eAAe,CAAC2C,OAAOoB,KAAK,CAAC,GAAG,CAAC,IAAI;YAAE,CAACpB,OAAOoB,KAAK,CAAC,EAAE;QAAK;IACrE;IAEA,SAASsB,SAAS1C,MAAc,EAAE2C,KAA0C;YAS1E9F,iBACAmD;QATA,MAAM,EAAElB,2BAA2B,KAAK,EAAE,GAAGjC;QAC7C,MAAM+F,sBAAsB9D,2BACxByD,qCAAqCvC,UACrCyC,sCAAsCzC;QAE1C,IAAI,CAACsC,uBAAuB;YAC1BhF,mBAAmBsF;QACrB;SACA/F,kBAAAA,MAAMgG,QAAQ,cAAdhG,sCAAAA,qBAAAA,OAAiBsC,OAAOC,IAAI,CAACwD,sBAAsBD,OAAO3C;SAC1DA,iBAAAA,OAAO+B,MAAM,cAAb/B,qCAAAA,oBAAAA;IACF;IAEA,SAAS8C,mBAAmB9C,MAAc;QACxC,IAAIA,OAAOgC,WAAW,EAAE;YACtB7E,gBAAgB6C,OAAOoB,KAAK;YAC5BpB,OAAOgC,WAAW;QACpB;IACF;IAEA,SAASe,SAAS/C,MAAc;QAC9B,IAAIA,OAAOiC,gBAAgB,EAAE;YAC3B9E,gBAAgB;YAChB6C,OAAOiC,gBAAgB;QACzB;IACF;IAEA,8DAA8D;IAC9D,SAAS/B,cAAc8C,IAAS,EAAEnD,KAAc;QAC9C,MAAM,EAAEJ,sBAAsB,IAAI,EAAE,GAAG5C;QACvC,MAAMmD,SAAiB;YACrBoB,OAAO4B,KAAK5B,KAAK;YACjBc,OAAOc,KAAKd,KAAK;YACjBL,OAAOmB,KAAKnB,KAAK;YACjBE,QAAQiB,KAAKjB,MAAM;YACnBC,aAAagB,KAAKhB,WAAW;YAC7BC,kBAAkBe,KAAKf,gBAAgB;YACvCE,eAAea,KAAKb,aAAa;YACjCC,wBAAwBY,KAAKZ,sBAAsB;YACnDC,SAASW,KAAKX,OAAO;QACvB;QACA,MAAMH,QAAQe,UAAUjD,OAAOoB,KAAK,EAAEpB,OAAOkC,KAAK;QAClD,MAAMgB,iBAAiB,CAACP;YACtBD,SAAS1C,QAAQ2C;QACnB;QACA,MAAMQ,iBAAiB;YACrBL,mBAAmB9C;QACrB;QACA,MAAMoD,aAAa;YACjBL,SAAS/C;QACX;QACA,MAAM6B,QAAQwB,UAAUrD,QAAQkC;QAChC,qBACE,oBAAClG;YACE,GAAIyD,uBAAuB;gBAC1B,iBAAiB,CAAC,CAACpC,eAAe,CAAC2C,OAAOoB,KAAK,CAAC;gBAChDV,MAAM;gBACN,cAAc,GAAGV,OAAOoB,KAAK,EAAE;gBAC/B,gBAAgB4B,IAAI,CAAC,eAAe;gBACpC,iBAAiBA,IAAI,CAAC,gBAAgB;YACxC,CAAC;YACA,GAAIA,KAAKM,iBAAiB,IAAI;gBAAE,GAAGN,KAAKM,iBAAiB;YAAC,CAAC;YAC5DrE,KAAKY;YACLc,WAAWhD,QAAQqC,MAAM;YACzBuD,SAASL;YACTM,aAAaL;YACbC,YAAYA;YACZK,SAASN;YACTO,QAAQN;YACRO,YAAY;YACZC,MAAK;YACL5C,OAAO;gBACL,iBAAiBhB,OAAOoC,sBAAsB,GAAG,QAAQ;gBACzD,0BAA0BpC,OAAOmC,aAAa,GAAG,KAAKD;gBACtD,sBAAsBlC,OAAOkC,KAAK,GAAGlC,OAAOkC,KAAK,GAAG1F,OAAOqH,mBAAmB;gBAC9E,kBAAkB7D,OAAOmC,aAAa,GAElC,CAAC,gEAAgE,EAAED,MAAM,MAAM,EAAEA,MAAM,KAAK,CAAC,GAC7F;YACN;WAECL,qBACD,oBAACpB;YAAIE,WAAWhD,QAAQQ,IAAI;YAAE6C,OAAO;gBAAEqB,SAASH,UAAU1F,OAAOsH,uBAAuB,GAAG,SAAS;YAAG;WACpG9D,OAAOoB,KAAK;IAIrB;IAEA,SAASiC,UAAUrD,MAAc,EAAEkC,KAAa;QAC9C,MAAM6B,iBAAkD;YACtDpD,WAAWhD,QAAQkE,KAAK;QAC1B;QACA,MAAMmC,gBAAiD;YACrDC,MAAM/B;YACNgC,aAAa;YACbC,QAAQnE,OAAOkC,KAAK;QACtB;QACA,qBACE,oBAACjG;YACCmI,UAAUL;YACVM,WAAWL;YACXnC,OAAO7B,OAAO6B,KAAK;YACnByC,oBAAoB3G,QAAQ4G,IAAI;YAChCvD,OACE;gBACEwD,QAAQxE,OAAOoC,sBAAsB,GAAG,QAAQ;gBAChDqC,iBAAiBzE,OAAOmC,aAAa,GAAG,KAAKD;gBAC7CwC,aAAa1E,OAAOkC,KAAK,GAAGlC,OAAOkC,KAAK,GAAG1F,OAAOqH,mBAAmB;gBACrEc,SAAS3E,OAAOmC,aAAa,GAEzB,CAAC,gEAAgE,EAAED,MAAM,MAAM,EAAEA,MAAM,KAAK,CAAC,GAC7F;gBACJ,gCAAgC,CAAC,0BAA0B,EAAEA,MAAM,EAAE,EAAEA,MAAM,CAAC,CAAC;gBAC/E,gCAAgCA,UAAU1F,OAAOsH,uBAAuB,GAAG,QAAQ;YACrF;;IAIR;IAEA,SAASb,UAAU7B,KAAa,EAAEc,KAAa;QAC7C,IAAI0C,cAAc1C;QAClB,sCAAsC;QACtC,IAAInF,mBAAmB;YACrB,6DAA6D;YAC7D,IAAIM,eAAe,CAAC+D,MAAM,EAAE;gBAC1BwD,cAAc1C;YAChB,OAEK;gBACH0C,cAAcpI,OAAOsH,uBAAuB;YAC9C;QACF,OAEK;YACH,iCAAiC;YACjC,oCAAoC;YACpC,IAAI5G,iBAAiBkE,SAASlE,iBAAiB,IAAI;gBACjD0H,cAAc1C;YAChB,OAEK;gBACH0C,cAAcpI,OAAOsH,uBAAuB;YAC9C;QACF;QACA,OAAOc;IACT;AACF,GACA;AACFjI,QAAQkI,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Legends/Legends.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { Button } from '@fluentui/react-button';\nimport { Legend, LegendsProps, LegendShape } from './Legends.types';\nimport { Shape } from './shape';\nimport { useLegendStyles } from './useLegendsStyles.styles';\nimport { Overflow, OverflowItem } from '@fluentui/react-overflow';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { OverflowMenu } from './OverflowMenu';\nimport { tokens } from '@fluentui/react-theme';\nimport { cloneLegendsToSVG } from '../../utilities/image-export-utils';\nimport { mergeClasses } from '@griffel/react';\n\n// This is an internal interface used for rendering the legends with unique key\ninterface LegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n  legendAnnotation?: () => React.ReactNode;\n}\n\ninterface LegendMap {\n  [key: string]: boolean;\n}\n\nexport interface LegendState {\n  activeLegend: string;\n  /** Set of legends selected, both for multiple selection and single selection */\n  selectedLegends: LegendMap;\n}\nexport const Legends: React.FunctionComponent<LegendsProps> = React.forwardRef<HTMLDivElement, LegendsProps>(\n  (props, forwardedRef) => {\n    /** Boolean variable to check if one or more legends are selected */\n    let _isLegendSelected = false;\n    let _rootElem = React.useRef<HTMLDivElement | null>(null);\n\n    // set states separately for each instance of the component\n    const [activeLegend, setActiveLegend] = React.useState('');\n    const [selectedLegends, setSelectedLegends] = React.useState<LegendMap>({});\n    const focusAttributes = useFocusableGroup();\n    const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal', memorizeCurrent: true });\n    const classes = useLegendStyles(props);\n    const toSVG = React.useCallback(\n      (svgWidth: number, isRTL: boolean = false) => {\n        return cloneLegendsToSVG(\n          props.legends,\n          svgWidth,\n          {\n            selectedLegends,\n            centerLegends: !!props.centerLegends,\n            textClassName: classes.text!,\n            isRTL,\n          },\n          _rootElem.current,\n        );\n      },\n      [props.legends, props.centerLegends, selectedLegends, classes.text],\n    );\n\n    React.useImperativeHandle(props.legendRef, () => ({\n      toSVG,\n    }));\n\n    React.useEffect(() => {\n      const initialSelectedLegends = props.selectedLegends ?? props.defaultSelectedLegends;\n      const initialSelectedLegend = props.selectedLegend ?? props.defaultSelectedLegend;\n      let selectedLegendsState = {};\n      if (props.canSelectMultipleLegends) {\n        selectedLegendsState =\n          (initialSelectedLegends ?? [])?.reduce(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (combineDict: any, key: any) => ({ [key]: true, ...combineDict }),\n            {},\n          ) || {};\n        setSelectedLegends(selectedLegendsState);\n      } else if (initialSelectedLegend !== undefined) {\n        selectedLegendsState = { [initialSelectedLegend]: true };\n        setSelectedLegends(selectedLegendsState);\n      }\n    }, [\n      props.canSelectMultipleLegends,\n      props.defaultSelectedLegend,\n      props.defaultSelectedLegends,\n      props.selectedLegend,\n      props.selectedLegends,\n    ]);\n\n    _isLegendSelected = Object.keys(selectedLegends).length > 0;\n    const dataToRender = _generateData();\n    const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;\n    const itemIds = dataToRender.map((_item, index) => index.toString());\n    const overflowHoverCardLegends: JSXElement[] = [];\n    dataToRender.map((legend, index) => {\n      const hoverCardElement = _renderButton(legend, index);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const overflowString = props.overflowText ? props.overflowText : 'more';\n    return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();\n\n    function renderLegends(): JSXElement {\n      return (\n        <div\n          {...focusAttributes}\n          {...arrowAttributes}\n          {...(allowFocusOnLegends && {\n            role: 'listbox',\n            'aria-label': 'Legends',\n            'aria-multiselectable': canSelectMultipleLegends,\n          })}\n          className={classes.root}\n          ref={_rootElem}\n        >\n          <Overflow>\n            <div className={classes.resizableArea} style={{ textAlign: props.centerLegends ? 'center' : 'unset' }}>\n              {dataToRender.map((item, id) => (\n                <OverflowItem key={id} id={id.toString()}>\n                  {_renderButton(item)}\n                </OverflowItem>\n              ))}\n              <OverflowMenu itemIds={itemIds} title={`${overflowString}`} items={overflowHoverCardLegends} />\n            </div>\n          </Overflow>\n        </div>\n      );\n    }\n\n    function renderWrappedLegends(): JSXElement {\n      return (\n        <div\n          {...focusAttributes}\n          {...arrowAttributes}\n          {...(allowFocusOnLegends && {\n            role: 'listbox',\n            'aria-label': 'Legends',\n            'aria-multiselectable': canSelectMultipleLegends,\n          })}\n          style={{ justifyContent: props.centerLegends ? 'center' : 'unset', flexWrap: 'wrap', ...overflowStyles }}\n          className={classes.root}\n          ref={_rootElem}\n        >\n          <div className={classes.resizableArea} style={{ display: 'flex', flexWrap: 'wrap', overflow: 'auto' }}>\n            {dataToRender.map(item => (\n              <div\n                className={mergeClasses(classes.legendContainer, item.legendAnnotation && classes.annotation)}\n                key={item.key}\n              >\n                {_renderButton(item)}\n                {item.legendAnnotation && <div>{item.legendAnnotation()}</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n      );\n    }\n\n    function _generateData(): LegendItem[] {\n      const { /*allowFocusOnLegends = true,*/ shape } = props;\n      const dataItems: LegendItem[] = props.legends.map((legend: Legend, index: number) => {\n        return {\n          /* ...(allowFocusOnLegends && {\n            nativeButtonProps: getIntrinsicElementProps(\n              'div',\n              {\n                legend,\n                ...buttonProperties,\n              },\n              ['title'],\n            ),\n            'aria-setsize': props.legends.length,\n            'aria-posinset': index + 1,\n          }), */\n          title: legend.title,\n          action: legend.action!,\n          hoverAction: legend.hoverAction!,\n          onMouseOutAction: legend.onMouseOutAction!,\n          color: legend.color,\n          shape: shape ? shape : legend.shape,\n          stripePattern: legend.stripePattern,\n          isLineLegendInBarChart: legend.isLineLegendInBarChart,\n          opacity: legend.opacity,\n          key: index,\n          legendAnnotation: legend.legendAnnotation,\n        };\n      });\n      return dataItems;\n    }\n\n    /**\n     * Determine whether the component is in \"controlled\" mode for selections, where the selected legend(s) are\n     * determined entirely by props passed in from the parent component.\n     */\n    function _isInControlledMode(): boolean {\n      return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when multi-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend(s) state data.\n     */\n    function _getNewSelectedLegendsForMultiselect(legend: Legend): { [key: string]: boolean } {\n      let legendsSelected = { ...selectedLegends };\n      if (legendsSelected[legend.title]) {\n        // Delete entry for the deselected legend to make\n        // the number of keys equal to the number of selected legends\n        delete legendsSelected[legend.title];\n      } else {\n        legendsSelected[legend.title] = true;\n        // Clear set if all legends are selected\n        if (Object.keys(legendsSelected).length === props.legends.length) {\n          legendsSelected = {};\n        }\n      }\n      return legendsSelected;\n    }\n\n    /**\n     * Get the new selected legends based on the legend that was clicked when single-select is enabled.\n     * @param legend The legend that was clicked\n     * @returns An object with the new selected legend state data.\n     */\n    function _getNewSelectedLegendsForSingleSelect(legend: Legend): { [key: string]: boolean } {\n      return selectedLegends[legend.title] ? {} : { [legend.title]: true };\n    }\n\n    function _onClick(legend: Legend, event: React.MouseEvent<HTMLButtonElement>): void {\n      const { canSelectMultipleLegends = false } = props;\n      const nextSelectedLegends = canSelectMultipleLegends\n        ? _getNewSelectedLegendsForMultiselect(legend)\n        : _getNewSelectedLegendsForSingleSelect(legend);\n\n      if (!_isInControlledMode()) {\n        setSelectedLegends(nextSelectedLegends);\n      }\n      props.onChange?.(Object.keys(nextSelectedLegends), event, legend);\n      legend.action?.();\n    }\n\n    function _onHoverOverLegend(legend: Legend) {\n      if (legend.hoverAction) {\n        setActiveLegend(legend.title);\n        legend.hoverAction();\n      }\n    }\n\n    function _onLeave(legend: Legend) {\n      if (legend.onMouseOutAction) {\n        setActiveLegend('');\n        legend.onMouseOutAction();\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _renderButton(data: any, index?: number) {\n      const { allowFocusOnLegends = true } = props;\n      const legend: Legend = {\n        title: data.title,\n        color: data.color,\n        shape: data.shape,\n        action: data.action,\n        hoverAction: data.hoverAction,\n        onMouseOutAction: data.onMouseOutAction,\n        stripePattern: data.stripePattern,\n        isLineLegendInBarChart: data.isLineLegendInBarChart,\n        opacity: data.opacity,\n      };\n      const color = _getColor(legend.title, legend.color);\n      const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n        _onClick(legend, event);\n      };\n      const onHoverHandler = () => {\n        _onHoverOverLegend(legend);\n      };\n      const onMouseOut = () => {\n        _onLeave(legend);\n      };\n      const shape = _getShape(legend, color);\n      return (\n        <Button\n          {...(allowFocusOnLegends && {\n            'aria-selected': !!selectedLegends[legend.title],\n            role: 'option',\n            'aria-label': `${legend.title}`,\n            'aria-setsize': data['aria-setsize'],\n            'aria-posinset': data['aria-posinset'],\n          })}\n          {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n          key={index}\n          className={classes.legend}\n          onClick={onClickHandler}\n          onMouseOver={onHoverHandler}\n          onMouseOut={onMouseOut}\n          onFocus={onHoverHandler}\n          onBlur={onMouseOut}\n          appearance={'outline'}\n          size=\"small\"\n          style={{\n            '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',\n            '--rect-backgroundColor': legend.stripePattern ? '' : color,\n            '--rect-borderColor': legend.color ? legend.color : tokens.colorNeutralStroke1,\n            '--rect-content': legend.stripePattern\n              ? // eslint-disable-next-line @fluentui/max-len\n                `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n              : '',\n          }} /* eslint-enable react/jsx-no-bind */\n        >\n          {shape}\n          <div className={classes.text} style={{ opacity: color === tokens.colorNeutralBackground1 ? '0.67' : '' }}>\n            {legend.title}\n          </div>\n        </Button>\n      );\n    }\n\n    function _getShape(legend: Legend, color: string): React.ReactNode | string {\n      const svgParentProps: React.SVGAttributes<SVGElement> = {\n        className: classes.shape,\n      };\n      const svgChildProps: React.SVGAttributes<SVGElement> = {\n        fill: color,\n        strokeWidth: 2,\n        stroke: legend.color,\n      };\n      return (\n        <Shape\n          svgProps={svgParentProps}\n          pathProps={svgChildProps}\n          shape={legend.shape as LegendShape}\n          classNameForNonSvg={classes.rect}\n          style={\n            {\n              height: legend.isLineLegendInBarChart ? '4px' : '12px',\n              backgroundColor: legend.stripePattern ? '' : color,\n              borderColor: legend.color ? legend.color : tokens.colorNeutralStroke1,\n              content: legend.stripePattern\n                ? // eslint-disable-next-line @fluentui/max-len\n                  `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n                : '',\n              '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,\n              '--rect-opacity-high-contrast': color === tokens.colorNeutralBackground1 ? '0.6' : '',\n            } as React.CSSProperties\n          }\n        />\n      );\n    }\n\n    function _getColor(title: string, color: string): string {\n      let legendColor = color;\n      // if one or more legends are selected\n      if (_isLegendSelected) {\n        // if the given legend (title) is one of the selected legends\n        if (selectedLegends[title]) {\n          legendColor = color;\n        }\n        // if the given legend is unselected\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      // if no legend is selected\n      else {\n        // if the given legend is hovered\n        // or none of the legends is hovered\n        if (activeLegend === title || activeLegend === '') {\n          legendColor = color;\n        }\n        // if there is a hovered legend but the given legend is not the one\n        else {\n          legendColor = tokens.colorNeutralBackground1;\n        }\n      }\n      return legendColor;\n    }\n  },\n);\nLegends.displayName = 'Legends';\n"],"names":["React","Button","Shape","useLegendStyles","Overflow","OverflowItem","useFocusableGroup","useArrowNavigationGroup","OverflowMenu","tokens","cloneLegendsToSVG","mergeClasses","Legends","forwardRef","props","forwardedRef","_isLegendSelected","_rootElem","useRef","activeLegend","setActiveLegend","useState","selectedLegends","setSelectedLegends","focusAttributes","arrowAttributes","axis","memorizeCurrent","classes","toSVG","useCallback","svgWidth","isRTL","legends","centerLegends","textClassName","text","current","useImperativeHandle","legendRef","useEffect","initialSelectedLegends","defaultSelectedLegends","initialSelectedLegend","selectedLegend","defaultSelectedLegend","selectedLegendsState","canSelectMultipleLegends","reduce","combineDict","key","undefined","Object","keys","length","dataToRender","_generateData","overflowStyles","allowFocusOnLegends","itemIds","map","_item","index","toString","overflowHoverCardLegends","legend","hoverCardElement","_renderButton","push","overflowString","overflowText","enabledWrapLines","renderWrappedLegends","renderLegends","div","role","className","root","ref","resizableArea","style","textAlign","item","id","title","items","justifyContent","flexWrap","display","overflow","legendContainer","legendAnnotation","annotation","shape","dataItems","action","hoverAction","onMouseOutAction","color","stripePattern","isLineLegendInBarChart","opacity","_isInControlledMode","_getNewSelectedLegendsForMultiselect","legendsSelected","_getNewSelectedLegendsForSingleSelect","_onClick","event","nextSelectedLegends","onChange","_onHoverOverLegend","_onLeave","data","_getColor","onClickHandler","onHoverHandler","onMouseOut","_getShape","nativeButtonProps","onClick","onMouseOver","onFocus","onBlur","appearance","size","colorNeutralStroke1","colorNeutralBackground1","svgParentProps","svgChildProps","fill","strokeWidth","stroke","svgProps","pathProps","classNameForNonSvg","rect","height","backgroundColor","borderColor","content","legendColor","displayName"],"mappings":"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"}