@fluentui/react-charts 0.0.0-nightly-20250623-0406.1 → 0.0.0-nightly-20250625-0407.1

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

@@ -1 +1 @@
-{"version":3,"sources":["HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { select as d3Select } from 'd3-selection';\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 { useHorizontalBarChartWithAxisStyles } from './useHorizontalBarChartWithAxisStyles.styles';\nimport {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n  Chart,\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  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n} from '../../utilities/index';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _tooltipId: string = useId('HBCWATooltipID_');\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: JSX.Element[];\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 tooltipElement: any;\n  const cartesianChartRef = React.useRef<Chart>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n    (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) ||\n      props.legendProps?.selectedLegend !== undefined,\n  );\n  const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n  const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\n  );\n\n  const classes = useHorizontalBarChartWithAxisStyles(props);\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): JSX.Element {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element | 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    return (_bars =\n      _yAxisType === YAxisType.NumericAxis\n        ? _createNumericBars(containerHeight, containerWidth, xElement!, yElement!)\n        : _createStringBars(containerHeight, containerWidth, xElement!, yElement!));\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _onBarFocus(point: HorizontalBarChartWithAxisDataPoint, refArrayIndexNumber: number, color: string): void {\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    if (isNumericScale) {\n      const xMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x as number)!;\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(_isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, yMax])\n        .range([containerHeight - _margins.bottom!, _margins.top!]);\n      return { xBarScale, yBarScale };\n    } else {\n      const xMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x as number)!;\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! - _barHeight / 2, _margins.top! + _barHeight / 2])\n        .padding(props.yAxisPadding || 0);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(_isRtl ? [xMax, 0] : [0, xMax])\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  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth, true);\n    const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [..._points];\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    const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\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      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            key={point.y}\n            x={_isRtl ? xBarScale(point.x) : _margins.left!}\n            y={yBarScale(point.y) - _barHeight / 2}\n            data-is-focusable={shouldHighlight}\n            width={\n              _isRtl\n                ? containerWidth - _margins.right! - Math.max(xBarScale(point.x), 0)\n                : Math.max(xBarScale(point.x), 0) - _margins.left!\n            }\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={() => _onBarFocus(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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _tooltipOfYAxislabels(ytooltipProps: any) {\n    const { tooltipCls, yAxis, id } = ytooltipProps;\n    if (yAxis === null) {\n      return null;\n    }\n    const div = d3Select('body').append('div').attr('id', id).attr('class', tooltipCls).style('opacity', 0);\n    const aa = yAxis!.selectAll('#BaseSpan')._groups[0];\n    const baseSpanLength = aa && Object.keys(aa)!.length;\n    const originalDataArray: string[] = [];\n    for (let i = 0; i < baseSpanLength; i++) {\n      const originalData = aa[i].dataset && (Object.values(aa[i].dataset)[0] as string);\n      originalDataArray.push(originalData);\n    }\n    const tickObject = yAxis!.selectAll('.tick')._groups[0];\n    const tickObjectLength = tickObject && Object.keys(tickObject)!.length;\n    for (let i = 0; i < tickObjectLength; i++) {\n      const d1 = tickObject[i];\n      d3Select(d1)\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        .on('mouseover', (event: any, d) => {\n          if (!tooltipElement) {\n            div.style('opacity', 0.9);\n            div\n              .text(originalDataArray[i])\n              .style('left', event.pageX + 'px')\n              .style('top', event.pageY - 28 + 'px');\n          }\n        })\n        .on('mouseout', d => {\n          div.style('opacity', 0);\n        });\n    }\n  }\n\n  function _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth, false);\n    const { useSingleColor = false } = props;\n    const bars = _points.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\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      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={_isRtl ? xBarScale(point.x) : _margins.left!}\n            y={yBarScale(point.y)}\n            rx={props.roundCorners ? 3 : 0}\n            width={\n              _isRtl\n                ? containerWidth - _margins.right! - Math.max(xBarScale(point.x), 0)\n                : Math.max(xBarScale(point.x), 0) - _margins.left!\n            }\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={() => _onBarFocus(point, index, startColor)}\n            fill={startColor}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\n      try {\n        // eslint-disable-next-line @nx/workspace-no-restricted-globals\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      const yAxisElement = d3Select(yElement).call(yBarScale);\n      if (!tooltipElement) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        yAxis: yAxisElement,\n      };\n      yAxisElement && _tooltipOfYAxislabels(ytooltipProps);\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[]): JSX.Element {\n    const { useSingleColor } = props;\n    const actions: Legend[] = [];\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      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: point.legend!,\n        color,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(point.legend!);\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      />\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 _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  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    const reversedBars = [..._points].reverse();\n    _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSX.Element = _getLegendData(_points);\n    return (\n      <CartesianChart\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={_xAxisType}\n        yAxisType={_yAxisType}\n        stringDatasetForYAxisDomain={_yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        barwidth={_barHeight}\n        getmargins={_getMargins}\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","select","d3Select","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","useHorizontalBarChartWithAxisStyles","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","HorizontalBarChartWithAxis","forwardRef","props","forwardedRef","_refArray","_calloutId","_isRtl","_tooltipId","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","tooltipElement","cartesianChartRef","useRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","classes","_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","_createNumericBars","_createStringBars","increment","_p","color16","domainValues","i","push","colorScale","domain","range","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","refArrayIndexNumber","obj","_getScales","isNumericScale","xMax","yMax","xBarScale","nice","left","right","yBarScale","bottom","top","padding","yAxisPadding","sortedBars","sort","a","b","aValue","parseFloat","bValue","bars","map","shouldHighlight","Math","Fragment","key","startColor","rect","data-is-focusable","width","height","ref","e","rx","roundCorners","onClick","onMouseOver","event","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_tooltipOfYAxislabels","ytooltipProps","tooltipCls","yAxis","id","div","append","attr","style","aa","selectAll","_groups","baseSpanLength","Object","keys","originalDataArray","originalData","dataset","values","tickObject","tickObjectLength","d1","on","d","text","pageX","pageY","transform","bandwidth","showYAxisLablesTooltip","document","getElementById","remove","yAxisElement","call","tooltip","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","_index","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickValues","tickFormat","reversedBars","reverse","legendBars","points","chartType","xAxisType","yAxisType","stringDatasetForYAxisDomain","barwidth","getmargins","getGraphData","getAxisData","onChartMouseLeave","children","g","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { select as d3Select } from 'd3-selection';\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 { useHorizontalBarChartWithAxisStyles } from './useHorizontalBarChartWithAxisStyles.styles';\nimport {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n  Chart,\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  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n  computeLongestBars,\n  IDomainNRange,\n  domainRangeOfNumericForHorizontalBarChartWithAxis,\n  groupChartDataByYValue,\n} from '../../utilities/index';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _tooltipId: string = useId('HBCWATooltipID_');\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: JSX.Element[];\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 tooltipElement: any;\n  let _longestBarPositiveTotalValue: number;\n  let _longestBarNegativeTotalValue: number;\n  const cartesianChartRef = React.useRef<Chart>(null);\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  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\n  );\n\n  const classes = useHorizontalBarChartWithAxisStyles(props);\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): JSX.Element {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element | 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 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    return (_bars = allBars);\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _onBarFocus(point: HorizontalBarChartWithAxisDataPoint, refArrayIndexNumber: number, color: string): void {\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    const xMax = _longestBarPositiveTotalValue;\n    const xMin = _longestBarNegativeTotalValue;\n    const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n    if (isNumericScale) {\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(xDomain)\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, yMax])\n        .range([containerHeight - _margins.bottom!, _margins.top!]);\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! - _barHeight / 2, _margins.top! + _barHeight / 2])\n        .padding(props.yAxisPadding || 0);\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  ): JSX.Element[] {\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={() => _onBarFocus(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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _tooltipOfYAxislabels(ytooltipProps: any) {\n    const { tooltipCls, yAxis, id } = ytooltipProps;\n    if (yAxis === null) {\n      return null;\n    }\n    const div = d3Select('body').append('div').attr('id', id).attr('class', tooltipCls).style('opacity', 0);\n    const aa = yAxis!.selectAll('#BaseSpan')._groups[0];\n    const baseSpanLength = aa && Object.keys(aa)!.length;\n    const originalDataArray: string[] = [];\n    for (let i = 0; i < baseSpanLength; i++) {\n      const originalData = aa[i].dataset && (Object.values(aa[i].dataset)[0] as string);\n      originalDataArray.push(originalData);\n    }\n    const tickObject = yAxis!.selectAll('.tick')._groups[0];\n    const tickObjectLength = tickObject && Object.keys(tickObject)!.length;\n    for (let i = 0; i < tickObjectLength; i++) {\n      const d1 = tickObject[i];\n      d3Select(d1)\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        .on('mouseover', (event: any, d) => {\n          if (!tooltipElement) {\n            div.style('opacity', 0.9);\n            div\n              .text(originalDataArray[i])\n              .style('left', event.pageX + 'px')\n              .style('top', event.pageY - 28 + 'px');\n          }\n        })\n        .on('mouseout', d => {\n          div.style('opacity', 0);\n        });\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  ): JSX.Element[] {\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={() => _onBarFocus(point, index, startColor)}\n            fill={startColor}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\n      try {\n        // eslint-disable-next-line @nx/workspace-no-restricted-globals\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      const yAxisElement = d3Select(yElement).call(yBarScale);\n      if (!tooltipElement) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        yAxis: yAxisElement,\n      };\n      yAxisElement && _tooltipOfYAxislabels(ytooltipProps);\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[]): JSX.Element {\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      />\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 _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    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(\n        points,\n        margins,\n        width,\n        isRTL,\n        shiftX,\n        X_ORIGIN,\n      );\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    const reversedBars = [..._points].reverse();\n    _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSX.Element = _getLegendData(_points);\n    return (\n      <CartesianChart\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        barwidth={_barHeight}\n        getmargins={_getMargins}\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","select","d3Select","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","useHorizontalBarChartWithAxisStyles","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","domainRangeOfNumericForHorizontalBarChartWithAxis","groupChartDataByYValue","HorizontalBarChartWithAxis","forwardRef","props","forwardedRef","_refArray","_calloutId","_isRtl","_tooltipId","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","tooltipElement","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","cartesianChartRef","useRef","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","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","classes","_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","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","range","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","refArrayIndexNumber","obj","isNumericScale","xMax","xMin","xDomain","Math","min","yMax","nice","left","right","bottom","top","padding","yAxisPadding","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","width","height","ref","e","rx","roundCorners","onClick","onMouseOver","event","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_tooltipOfYAxislabels","ytooltipProps","tooltipCls","yAxis","id","div","append","attr","style","aa","selectAll","_groups","baseSpanLength","Object","keys","originalDataArray","originalData","dataset","values","tickObject","tickObjectLength","d1","on","d","text","pageX","pageY","transform","bandwidth","showYAxisLablesTooltip","document","getElementById","remove","yAxisElement","call","tooltip","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","reversedBars","reverse","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","barwidth","getmargins","getGraphData","getAxisData","onChartMouseLeave","children","g","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/utilities/utilities.js

@@ -917,6 +917,41 @@ export function tooltipOfXAxislabels(xAxistooltipProps) {
         rEndValue
     };
 }
+/**
+ * Groups HorizontalBarChart With Axis data based on YValue
+ * Used for stacked case
+ * @param {IHorizontalBarChartWithAxisDataPoint[]} chartData
+ * @returns {IHorizontalBarChartWithAxisDataPoint[][]}
+ */ export function groupChartDataByYValue(chartData) {
+    const map = {};
+    chartData.forEach((dataPoint)=>{
+        const key = dataPoint.y;
+        if (!map[key]) {
+            map[key] = [];
+        }
+        map[key].push(dataPoint);
+    });
+    return Object.values(map);
+}
+/**
+ * Calculates maximum domain values for Numeric x axis for both positive and negative values
+ * works for Horizontal Bar Chart With axis
+ * @param {HorizontalBarChartWithAxisDataPoint[][]} stackedChartData
+ * @returns {number}
+ */ export function computeLongestBars(stackedChartData, X_ORIGIN) {
+    let longestPositiveBar = 0;
+    let longestNegativeBar = 0;
+    stackedChartData.forEach((group)=>{
+        const positiveBarTotal = group.reduce((acc, point)=>acc + (point.x > 0 ? point.x : 0), X_ORIGIN);
+        const negativeBarTotal = group.reduce((acc, point)=>acc + (point.x < 0 ? point.x : 0), X_ORIGIN);
+        longestPositiveBar = Math.max(longestPositiveBar, positiveBarTotal);
+        longestNegativeBar = Math.min(longestNegativeBar, negativeBarTotal);
+    });
+    return {
+        longestPositiveBar,
+        longestNegativeBar
+    };
+}
 /**
  * Calculates Domain and range values for Numeric X axis.
  * This method calculates Horizontal Chart with Axis
@@ -926,17 +961,19 @@ export function tooltipOfXAxislabels(xAxistooltipProps) {
  * @param {number} width
  * @param {boolean} isRTL
  * @returns {IDomainNRange}
- */ export function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX) {
-    const xMax = d3Max(points, (point)=>point.x);
+ */ export function domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, containerWidth, isRTL, shiftX, X_ORIGIN) {
+    const longestBars = computeLongestBars(groupChartDataByYValue(points), X_ORIGIN);
+    const xMax = longestBars.longestPositiveBar;
+    const xMin = longestBars.longestNegativeBar;
     const rMin = isRTL ? margins.left : margins.left + shiftX;
     const rMax = isRTL ? containerWidth - margins.right - shiftX : containerWidth - margins.right;
     return isRTL ? {
         dStartValue: xMax,
-        dEndValue: 0,
+        dEndValue: Math.min(xMin, X_ORIGIN),
         rStartValue: rMin,
         rEndValue: rMax
     } : {
-        dStartValue: 0,
+        dStartValue: Math.min(xMin, X_ORIGIN),
         dEndValue: xMax,
         rStartValue: rMin,
         rEndValue: rMax
@@ -1144,7 +1181,7 @@ export function tooltipOfXAxislabels(xAxistooltipProps) {
  * @param {number} [barWidth]
  * @returns {IDomainNRange}
  */ export function getDomainNRangeValues(// eslint-disable-next-line @typescript-eslint/no-explicit-any
-points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX) {
+points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX, X_ORIGIN) {
     let domainNRangeValue;
     if (xAxisType === 0) {
         switch(chartType){
@@ -1159,7 +1196,7 @@ points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shift
                 domainNRangeValue = domainRageOfVerticalNumeric(points, margins, width, isRTL, barWidth);
                 break;
             case 6:
-                domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, shiftX);
+                domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, shiftX, X_ORIGIN);
                 break;
             case 7:
                 domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);