@fluentui/react-charts 0.0.0-nightly-20250909-0406.1 → 0.0.0-nightly-20250911-0406.1

package/lib/components/FunnelChart/FunnelChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps, ImageExportOptions } from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>((props, forwardedRef) => {\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const chartContainerRef = React.useRef<HTMLDivElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(chartContainerRef.current, _legendsRef.current?.toSVG, isRTL, opts);\n      },\n    }),\n    [],\n  );\n\n  function _handleHover(data: FunnelChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>) {\n    mouseEvent?.persist();\n    updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n    setCalloutData(data);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(data: FunnelChartDataPoint, focusEvent: React.FocusEvent<SVGPathElement>) {\n    focusEvent?.persist();\n    let x = 0;\n    let y = 0;\n    const targetRect = (focusEvent.target as SVGPathElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n\n    updatePosition(x, y);\n    setCalloutData(data);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ) {\n    mouseEvent?.persist();\n    updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n  ) {\n    focusEvent?.persist();\n    let x = 0;\n    let y = 0;\n    const targetRect = (focusEvent.target as SVGPathElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n\n    updatePosition(x, y);\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n  ) {\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) => _handleStackedHover(data.stage, data.subValue, event)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) => _handleStackedHover(data.stage, data.subValue, event)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleStackedFocus(data.stage, data.subValue, event),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver: opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event) : undefined,\n        onMouseMove: opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const eventHandlers = _getEventHandlerProps(data, opacity);\n    const textColor = getContrastTextColor(fill);\n\n    return (\n      <g key={key}>\n        <path d={pathD} fill={fill} opacity={opacity} {...eventHandlers} tabIndex={tabIndex} />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(\n    containerHeight: number,\n    containerWidth: number,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(\n    containerHeight: number,\n    containerWidth: number,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const funnelMarginTop = 40;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const focusAttributes = useFocusableGroup();\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} {...focusAttributes}>\n      <svg width={width} height={height} className={classes.chart} role={'img'} aria-label={props.chartTitle}>\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nFunnelChart.defaultProps = {\n  orientation: 'vertical',\n};\n"],"names":["React","useId","useRtl","Legends","useFocusableGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","toImage","FunnelChart","forwardRef","props","forwardedRef","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","chartContainerRef","useRef","isStacked","isStackedFunnelData","data","_legendsRef","useEffect","legendProps","useImperativeHandle","componentRef","opts","current","toSVG","_handleHover","mouseEvent","persist","updatePosition","clientX","clientY","_handleFocus","focusEvent","targetRect","target","getBoundingClientRect","left","width","top","height","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getEventHandlerProps","opacity","culture","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","toString","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","d","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","orientation","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","hideLegend","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","classes","calloutProps","hoverXValue","YValue","funnelMarginTop","funnelOffsetX","focusAttributes","ref","className","root","svg","chart","role","aria-label","chartTitle","XValue","yCalloutValue","isCartesian","id","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl } from '../../utilities/index';\nimport { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport { ChartPopoverProps, ImageExportOptions } from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>((props, forwardedRef) => {\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const chartContainerRef = React.useRef<HTMLDivElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(chartContainerRef.current, _legendsRef.current?.toSVG, isRTL, opts);\n      },\n    }),\n    [],\n  );\n\n  function _handleHover(data: FunnelChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>) {\n    mouseEvent?.persist();\n    updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n    setCalloutData(data);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(data: FunnelChartDataPoint, focusEvent: React.FocusEvent<SVGPathElement>) {\n    focusEvent?.persist();\n    let x = 0;\n    let y = 0;\n    const targetRect = (focusEvent.target as SVGPathElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n\n    updatePosition(x, y);\n    setCalloutData(data);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ) {\n    mouseEvent?.persist();\n    updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n  ) {\n    focusEvent?.persist();\n    let x = 0;\n    let y = 0;\n    const targetRect = (focusEvent.target as SVGPathElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n\n    updatePosition(x, y);\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n  ) {\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) => _handleStackedHover(data.stage, data.subValue, event)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) => _handleStackedHover(data.stage, data.subValue, event)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleStackedFocus(data.stage, data.subValue, event),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver: opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event) : undefined,\n        onMouseMove: opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const eventHandlers = _getEventHandlerProps(data, opacity);\n    const textColor = getContrastTextColor(fill);\n\n    return (\n      <g key={key}>\n        <path d={pathD} fill={fill} opacity={opacity} {...eventHandlers} tabIndex={tabIndex} />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(\n    containerHeight: number,\n    containerWidth: number,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(\n    containerHeight: number,\n    containerWidth: number,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const funnelMarginTop = 40;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const focusAttributes = useFocusableGroup();\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} {...focusAttributes}>\n      <svg width={width} height={height} className={classes.chart} role={'img'} aria-label={props.chartTitle}>\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nFunnelChart.defaultProps = {\n  orientation: 'vertical',\n};\n"],"names":["React","useId","useRtl","Legends","useFocusableGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","toImage","FunnelChart","forwardRef","props","forwardedRef","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","chartContainerRef","useRef","isStacked","isStackedFunnelData","data","_legendsRef","useEffect","legendProps","useImperativeHandle","componentRef","opts","current","toSVG","_handleHover","mouseEvent","persist","updatePosition","clientX","clientY","_handleFocus","focusEvent","targetRect","target","getBoundingClientRect","left","width","top","height","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getEventHandlerProps","opacity","culture","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","toString","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","d","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","orientation","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","hideLegend","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","classes","calloutProps","hoverXValue","YValue","funnelMarginTop","funnelOffsetX","focusAttributes","ref","className","root","svg","chart","role","aria-label","chartTitle","XValue","yCalloutValue","isCartesian","id","displayName","defaultProps"],"mappings":"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"}

package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js

@@ -258,7 +258,6 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((props = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;
     _yMax = Math.max(yMax, props.yMaxValue || 0);
-    var _props_culture;
     const calloutProps = {
         clickPosition,
         isPopoverOpen,
@@ -268,7 +267,7 @@ export const GroupedVerticalBarChart = /*#__PURE__*/ React.forwardRef((props = {
         YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,
         YValueHover,
         hoverXValue,
-        culture: (_props_culture = props.culture) !== null && _props_culture !== void 0 ? _props_culture : 'en-us',
+        culture: props.culture,
         isCartesian: true,
         ...props.calloutProps,
         ...getAccessibleDataObject(callOutAccessibilityData, 'text', false)

package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGroupedVerticalBarChartStyles_unstable } from './useGroupedVerticalBarChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\n\nimport { useId, JSXElement } from '@fluentui/react-utilities';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  tooltipOfAxislabels,\n  XAxisTypes,\n  getTypeOfAxis,\n  formatScientificLimitWidth,\n  getScalePadding,\n  getBarWidth,\n  isScalePaddingDefined,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  getNextColor,\n  areArraysEqual,\n  calculateLongestLabelWidth,\n  useRtl,\n  YAxisType,\n  calcRequiredWidth,\n  calcTotalWidth,\n  calcBandwidth,\n  calcTotalBandUnits,\n  sortAxisCategories,\n} from '../../utilities/index';\n\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  Margins,\n  Legend,\n  GroupedVerticalBarChartProps,\n  GroupedVerticalBarChartData,\n  GVBarChartSeriesPoint,\n  Legends,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n} from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype StringAxis = D3Axis<string>;\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\nconst MIN_DOMAIN_MARGIN = 8;\nconst X1_INNER_PADDING = 0.1;\nconst VERTICAL_BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 1;\n\n// This interface used for - While forming datapoints from given prop \"data\" in code\ninterface GVDataPoint {\n  [key: string]: number | string;\n}\n\n// While forming datapoints from given prop \"data\" in code. These datapoints are used for to draw graph easily.\ninterface GVSingleDataPoint {\n  [key: string]: GVDataPoint;\n}\n\nexport const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  GroupedVerticalBarChartProps\n>((props = { maxBarWidth: 24, xAxisCategoryOrder: 'default' }, forwardedRef) => {\n  const _tooltipId: string = useId('GVBCTooltipId_');\n  const _emptyChartId: string = useId('_GVBC_empty');\n  const _useRtl: boolean = useRtl();\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _xAxisLabels: string[] = [];\n  let _datasetForBars: any[] = [];\n  let _margins: Margins = { top: 0, right: 0, bottom: 0, left: 0 };\n  let _groupedVerticalBarGraph: JSXElement[] = [];\n  let _yMax: number = 0;\n  let _calloutAnchorPoint: GVBarChartSeriesPoint | null = null;\n  let _barWidth: number = 0;\n  let _groupWidth: number = 0;\n  let _xAxisInnerPadding: number = 0;\n  let _xAxisOuterPadding: number = 0;\n  let _legends: string[] = [];\n  let _legendColorMap: Record<string, [string, string]> = {};\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const Y_ORIGIN: number = 0;\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n  const [hoverXValue, setHoverXValue] = React.useState<string>('');\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps | undefined>(\n    undefined,\n  );\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const classes = useGroupedVerticalBarChartStyles_unstable(props);\n\n  React.useEffect(() => {\n    if (!areArraysEqual(props.legendProps?.selectedLegends, selectedLegends)) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _useRtl, opts);\n      },\n    }),\n    [],\n  );\n\n  const _adjustProps = () => {\n    _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n    // x0_inner_padding = space_between_groups / (space_between_groups + group_width)\n    // space_between_groups = 2 * bar_width\n    // group_width = _legends.length * bar_width + (_legends.length - 1) * space_between_bars\n    _xAxisInnerPadding = getScalePadding(\n      props.xAxisInnerPadding,\n      undefined,\n      2 / (2 + calcTotalBandUnits(_legends.length, X1_INNER_PADDING)),\n    );\n    _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding);\n  };\n\n  const _createDataset = (points: GroupedVerticalBarChartData[]) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const datasetForBars: any = [];\n\n    points.forEach((point: GroupedVerticalBarChartData, index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const singleDatasetPointForBars: any = {};\n      const legendToBarPoint: Record<string, GVBarChartSeriesPoint> = {};\n\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        if (!singleDatasetPointForBars[seriesPoint.legend]) {\n          singleDatasetPointForBars[seriesPoint.legend] = [{ ...seriesPoint }];\n          legendToBarPoint[seriesPoint.legend] = { ...seriesPoint };\n        } else {\n          singleDatasetPointForBars[seriesPoint.legend].push({ ...seriesPoint });\n          legendToBarPoint[seriesPoint.legend].data += seriesPoint.data;\n        }\n      });\n\n      singleDatasetPointForBars.xAxisPoint = point.name;\n      singleDatasetPointForBars.indexNum = index;\n      singleDatasetPointForBars.groupSeries = Object.values(legendToBarPoint);\n      singleDatasetPointForBars.stackCallOutAccessibilityData = point.stackCallOutAccessibilityData;\n      datasetForBars.push(singleDatasetPointForBars);\n    });\n    return datasetForBars;\n  };\n\n  const _createDataSetOfGVBC = (points: GroupedVerticalBarChartData[]) => {\n    const legends = new Set<string>();\n    const xAxisLabels: string[] = _getOrderedXAxisLabels(points);\n    points.forEach((point: GroupedVerticalBarChartData) => {\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        legends.add(seriesPoint.legend);\n      });\n    });\n    const datasetForBars = _createDataset(points);\n    return {\n      legends: Array.from(legends),\n      xAxisLabels,\n      datasetForBars,\n    };\n  };\n\n  const onLegendSelectionChange = (\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void => {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n    }\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const _getLegendData = (points: GroupedVerticalBarChartData[]): JSXElement => {\n    const actions: Legend[] = [];\n\n    _legends.forEach((legendTitle: string) => {\n      const legend: Legend = {\n        title: legendTitle,\n        color: _legendColorMap[legendTitle][0],\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        onMouseOutAction: () => {\n          _onLegendLeave();\n        },\n      };\n\n      actions.push(legend);\n    });\n    return (\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  };\n\n  const _addDefaultColors = (data?: GroupedVerticalBarChartData[]): GroupedVerticalBarChartData[] => {\n    _legendColorMap = {};\n    let colorIndex = 0;\n\n    return (\n      data?.map(point => {\n        return {\n          ...point,\n          series:\n            point.series?.map(seriesPoint => {\n              // TODO: Add support for gradient colors\n              let startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);\n              let endColor = startColor;\n              if (!_legendColorMap[seriesPoint.legend]) {\n                _legendColorMap[seriesPoint.legend] = [startColor, endColor];\n              }\n              colorIndex += 1;\n\n              return {\n                ...seriesPoint,\n                color: seriesPoint.color ?? _legendColorMap[seriesPoint.legend][0],\n              };\n            }) ?? [],\n        };\n      }) ?? []\n    );\n  };\n\n  const _getOrderedXAxisLabels = (points: GroupedVerticalBarChartData[]) => {\n    if (_xAxisType !== XAxisTypes.StringAxis) {\n      return [];\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(points), props.xAxisCategoryOrder);\n  };\n\n  const _mapCategoryToValues = (points: GroupedVerticalBarChartData[]) => {\n    const categoryToValues: Record<string, number[]> = {};\n    points.forEach(point => {\n      if (!categoryToValues[point.name]) {\n        categoryToValues[point.name] = [];\n      }\n      point.series.forEach(seriesPoint => {\n        categoryToValues[point.name].push(seriesPoint.data);\n      });\n    });\n    return categoryToValues;\n  };\n\n  const points = _addDefaultColors(props.data);\n  const _xAxisType: XAxisTypes = getTypeOfAxis(points![0].name, true) as XAxisTypes;\n  const { legends, xAxisLabels, datasetForBars } = _createDataSetOfGVBC(points!);\n  _legends = legends;\n  _xAxisLabels = xAxisLabels;\n  _datasetForBars = datasetForBars;\n  const legendBars: JSXElement = _getLegendData(points);\n  _adjustProps();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Add commentMore actions\n  function _getMinMaxOfYAxis(datasetForBars: any, yAxisType?: YAxisType, useSecondaryYScale?: boolean) {\n    const values: number[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    datasetForBars.forEach((data: any) => {\n      data.groupSeries.forEach((point: GVBarChartSeriesPoint) => {\n        if (!useSecondaryYScale === !point.useSecondaryYScale) {\n          values.push(point.data);\n        }\n      });\n    });\n\n    return { startValue: d3Min(values)!, endValue: d3Max(values)! };\n  }\n\n  function _getDomainNRangeValues(\n    points: GroupedVerticalBarChartData[],\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 || xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\n  }\n\n  // The maxOfYVal prop is only required for the primary y-axis, so yMax should be calculated\n  // using only the data points associated with the primary y-axis.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;\n  _yMax = Math.max(yMax, props.yMaxValue || 0);\n\n  const calloutProps: ChartPopoverProps = {\n    clickPosition,\n    isPopoverOpen,\n    color,\n    legend: calloutLegend,\n    XValue: xCalloutValue,\n    YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n    YValueHover,\n    hoverXValue,\n    culture: props.culture ?? 'en-us',\n    isCartesian: true,\n    ...props.calloutProps,\n    ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n  };\n  const tickParams = {\n    tickValues: props.tickValues!,\n    tickFormat: props.tickFormat!,\n  };\n\n  const _getGraphData = (\n    xScale: StringAxis | NumericAxis,\n    yScalePrimary: ScaleLinear<number, number>,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yAxisElement?: SVGElement | null,\n    yScaleSecondary?: ScaleLinear<number, number>,\n  ) => {\n    const xScale0 = _createX0Scale(containerWidth);\n\n    // Setting the bar width here is safe because there are no dependencies earlier in the code\n    // that rely on the width of bars in vertical bar charts with string x-axis.\n    _barWidth = getBarWidth(\n      props.barWidth,\n      props.maxBarWidth,\n      calcBandwidth(xScale0.bandwidth(), _legends.length, X1_INNER_PADDING),\n    );\n    _groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n\n    const xScale1 = _createX1Scale();\n    const allGroupsBars: JSXElement[] = [];\n    _datasetForBars.forEach((singleSet: GVSingleDataPoint) => {\n      allGroupsBars.push(\n        _buildGraph(singleSet, xScale0, xScale1, yScalePrimary, yScaleSecondary, containerHeight, xElement!),\n      );\n    });\n    _groupedVerticalBarGraph = allGroupsBars;\n  };\n\n  const _getMargins = (margins: Margins) => {\n    _margins = margins;\n  };\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  const onBarHover = (\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void => {\n    mouseEvent.persist();\n    if (_calloutAnchorPoint !== pointData) {\n      _calloutAnchorPoint = pointData;\n      updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n      setCalloutLegend(pointData.legend);\n      setDataForHoverCard(pointData.data);\n      setColor(pointData.color);\n      setXCalloutValue(pointData.xAxisCalloutData!);\n      setYCalloutValue(pointData.yAxisCalloutData!);\n      setCallOutAccessibilityData(\n        props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n      );\n      setYValueHover(groupData.groupSeries);\n      setHoverXValue(pointData.xAxisCalloutData!);\n    }\n  };\n\n  const _onBarLeave = (): void => {\n    /**/\n  };\n\n  const _handleChartMouseLeave = (): void => {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  };\n\n  const onBarFocus = (\n    event: React.FocusEvent<SVGRectElement, Element>,\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n  ): void => {\n    let x = 0;\n    let y = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n    updatePosition(x, y);\n    setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n    setCalloutLegend(pointData.legend);\n    setDataForHoverCard(pointData.data);\n    setColor(pointData.color);\n    setXCalloutValue(pointData.xAxisCalloutData!);\n    setYCalloutValue(pointData.yAxisCalloutData!);\n    setCallOutAccessibilityData(\n      props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n    );\n    setYValueHover(groupData.groupSeries);\n    setHoverXValue(pointData.xAxisCalloutData!);\n  };\n\n  const _buildGraph = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    singleSet: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale0: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale1: any,\n    yScalePrimary: ScaleLinear<number, number>,\n    yScaleSecondary: ScaleLinear<number, number> | undefined,\n    containerHeight: number,\n    xElement: SVGElement,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ): JSXElement => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const singleGroup: JSXElement[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const barLabelsForGroup: JSXElement[] = [];\n\n    // Get the actual legends present at this x-axis point\n    const presentLegends = Object.keys(singleSet).filter(key => key in _legendColorMap);\n    const effectiveGroupWidth = calcRequiredWidth(_barWidth, presentLegends.length, X1_INNER_PADDING);\n\n    // For stacked bars, center the single bar group in the available space\n    // Instead of using the global legend position, use the local position within present legends\n    const localScale = d3ScaleBand()\n      .domain(presentLegends)\n      .range(_useRtl ? [effectiveGroupWidth, 0] : [0, effectiveGroupWidth])\n      .paddingInner(X1_INNER_PADDING);\n    _legends.forEach((legendTitle: string, legendIndex: number) => {\n      const barPoints = singleSet[legendTitle];\n      if (barPoints) {\n        const yBarScale = barPoints[0].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        const xPoint = (localScale(legendTitle) ?? 0) + (localScale.bandwidth() - _barWidth) / 2;\n        const isLegendActive = _legendHighlighted(legendTitle) || _noLegendHighlighted();\n        const barOpacity = isLegendActive ? '' : '0.1';\n\n        let barTotalValue = 0;\n        const yBaseline = yBarScale(Y_ORIGIN);\n        let yPositiveStart = yBaseline;\n        let yNegativeStart = yBaseline;\n        let yPoint = Y_ORIGIN;\n\n        barPoints.forEach((pointData: GVBarChartSeriesPoint, pointIndex: number) => {\n          if (!pointData.data) {\n            // Not rendering data with 0.\n            return;\n          }\n          const barGap = (VERTICAL_BAR_GAP / 2) * (pointIndex > 0 ? 2 : 0);\n          const height = Math.max(yBarScale(Y_ORIGIN) - yBarScale(Math.abs(pointData.data)), MIN_BAR_HEIGHT);\n          const pointColor = pointData.color; // Use the color of the current point\n\n          if (pointData.data >= Y_ORIGIN) {\n            yPositiveStart -= height + barGap;\n            yPoint = yPositiveStart;\n          } else {\n            yPoint = yNegativeStart + barGap;\n            yNegativeStart = yPoint + height;\n          }\n\n          singleGroup.push(\n            <rect\n              key={`${singleSet.indexNum}-${legendIndex}-${pointIndex}`}\n              className={classes.opacityChangeOnHover}\n              height={height}\n              width={_barWidth}\n              x={xPoint}\n              y={yPoint}\n              opacity={barOpacity}\n              fill={pointColor}\n              rx={props.roundCorners ? 3 : 0}\n              onMouseOver={event => onBarHover(pointData, singleSet, event)}\n              onMouseMove={event => onBarHover(pointData, singleSet, event)}\n              onMouseOut={_onBarLeave}\n              onFocus={event => onBarFocus(event, pointData, singleSet)}\n              onBlur={_onBarLeave}\n              onClick={pointData.onClick}\n              aria-label={getAriaLabel(pointData, singleSet.xAxisPoint)}\n              tabIndex={_legendHighlighted(pointData.legend) || _noLegendHighlighted() ? 0 : undefined}\n              role=\"img\"\n            />,\n          );\n\n          barTotalValue += pointData.data;\n        });\n        if (barTotalValue !== null && !props.hideLabels && Math.ceil(_barWidth) >= 16 && isLegendActive) {\n          barLabelsForGroup.push(\n            <text\n              key={`${singleSet.indexNum}-${legendIndex}`}\n              x={xPoint + _barWidth / 2}\n              y={barTotalValue >= Y_ORIGIN ? yPositiveStart - 6 : yNegativeStart + 12}\n              textAnchor=\"middle\"\n              className={classes.barLabel}\n              aria-hidden={true}\n              style={{ direction: 'ltr', unicodeBidi: 'isolate' }}\n            >\n              {typeof props.yAxisTickFormat === 'function'\n                ? props.yAxisTickFormat(barTotalValue)\n                : formatScientificLimitWidth(barTotalValue)}\n            </text>,\n          );\n        }\n      }\n    });\n    // Used to display tooltip at x axis labels.\n    if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(xScale0);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return (\n      <g\n        key={singleSet.indexNum}\n        transform={`translate(${xScale0(singleSet.xAxisPoint) + (xScale0.bandwidth() - effectiveGroupWidth) / 2}, 0)`}\n      >\n        {singleGroup}\n        {barLabelsForGroup}\n      </g>\n    );\n  };\n\n  // For grouped vertical bar chart, First need to define total scale (from start to end)\n  // From that need to define scale for single group of bars - done by createX1Scale\n  const _createX0Scale = (containerWidth: number) => {\n    const x0Axis = d3ScaleBand()\n      .domain(xAxisLabels)\n      .range(\n        _useRtl\n          ? [containerWidth! - _margins.right! - _domainMargin, _margins.left! + _domainMargin]\n          : [_margins.left! + _domainMargin, containerWidth! - _margins.right! - _domainMargin],\n      )\n      .paddingInner(_xAxisInnerPadding)\n      .paddingOuter(_xAxisOuterPadding);\n    return x0Axis;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _createX1Scale = (): any => {\n    return (\n      d3ScaleBand()\n        .domain(_legends)\n        // When there is only one group, xScale0 adds padding around it,\n        // causing the bandwidth to become smaller than the actual group width.\n        // So to render bars in the group correctly, use groupWidth instead of the generated scale bandwidth.\n        .range(_useRtl ? [_groupWidth, 0] : [0, _groupWidth])\n        .paddingInner(X1_INNER_PADDING)\n    );\n  };\n\n  const _onLegendHover = (legendTitle: string): void => {\n    setActiveLegend(legendTitle);\n  };\n\n  const _onLegendLeave = (): void => {\n    setActiveLegend('');\n  };\n\n  const _getAxisData = React.useCallback(\n    (yAxisData: IAxisData) => {\n      if (yAxisData && yAxisData.yAxisDomainValues.length) {\n        const { yAxisDomainValues: domainValue } = yAxisData;\n        _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n      }\n    },\n    [props.yMaxValue],\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  const _legendHighlighted = (legendTitle: string) => {\n    return _getHighlightedLegend().includes(legendTitle!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  const _noLegendHighlighted = () => {\n    return _getHighlightedLegend().length === 0;\n  };\n\n  const _getHighlightedLegend = () => {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  };\n\n  const getAriaLabel = (point: GVBarChartSeriesPoint, xAxisPoint: string): string => {\n    const xValue = point.xAxisCalloutData || xAxisPoint;\n    const legend = point.legend;\n    const yValue = point.yAxisCalloutData || point.data;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  };\n\n  const _getDomainMargins = (containerWidth: number): Margins => {\n    /** Total width available to render the bars */\n    const totalWidth = calcTotalWidth(containerWidth, _margins, MIN_DOMAIN_MARGIN);\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      if (isScalePaddingDefined(props.xAxisOuterPadding)) {\n        // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n        // to adjust the space before the first group and after the last group.\n        _domainMargin = 0;\n      } else if (props.barWidth !== 'auto') {\n        // Update the bar width so that when CartesianChart rerenders,\n        // the following calculations don't use the previous bar width.\n        _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n        const groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n        /** Total width required to render the groups. Directly proportional to group width */\n        const reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n\n        if (totalWidth >= reqWidth) {\n          // Center align the chart by setting equal left and right margins for domain\n          _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n        }\n      } else if (props.mode === 'plotly' && xAxisLabels.length > 1) {\n        // Calculate the remaining width after rendering groups at their maximum allowable width\n        const groupBandwidth = calcBandwidth(totalWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const barBandwidth = calcBandwidth(groupBandwidth, _legends.length, X1_INNER_PADDING);\n        const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, barBandwidth);\n        const groupWidth = calcRequiredWidth(barWidth, _legends.length, X1_INNER_PADDING);\n        let reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const margin1 = (totalWidth - reqWidth) / 2;\n\n        let margin2 = Number.POSITIVE_INFINITY;\n        if (!props.hideTickOverlap) {\n          // Calculate the remaining width after accounting for the space required to render x-axis labels\n          const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n          reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n          margin2 = (totalWidth - reqWidth) / 2;\n        }\n\n        _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n      }\n    }\n\n    return {\n      ..._margins,\n      left: _margins.left! + _domainMargin,\n      right: _margins.right! + _domainMargin,\n    };\n  };\n\n  const _isChartEmpty = (): boolean => {\n    return !(\n      props.data &&\n      props.data.length > 0 &&\n      props.data.filter((item: GroupedVerticalBarChartData) => item.series.length).length > 0\n    );\n  };\n\n  const _getChartTitle = (): string => {\n    return (\n      (props.chartTitle ? `${props.chartTitle}. ` : '') +\n      `Vertical bar chart with ${_xAxisLabels.length} groups of ${_legends.length} bars each. `\n    );\n  };\n\n  return !_isChartEmpty() ? (\n    <CartesianChart\n      {...props}\n      chartTitle={_getChartTitle()}\n      points={_datasetForBars}\n      chartType={ChartTypes.GroupedVerticalBarChart}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      getMinMaxOfYAxis={_getMinMaxOfYAxis}\n      createStringYAxis={createStringYAxis}\n      calloutProps={calloutProps}\n      legendBars={legendBars}\n      xAxisType={_xAxisType}\n      createYAxis={createNumericYAxis}\n      datasetForXAxisDomain={_xAxisLabels}\n      tickParams={tickParams}\n      tickPadding={props.tickPadding || 5}\n      maxOfYVal={_yMax}\n      getmargins={_getMargins}\n      getGraphData={_getGraphData}\n      getAxisData={_getAxisData}\n      onChartMouseLeave={_handleChartMouseLeave}\n      getDomainMargins={_getDomainMargins}\n      {...(_xAxisType === XAxisTypes.StringAxis && {\n        xAxisInnerPadding: _xAxisInnerPadding,\n        xAxisOuterPadding: _xAxisOuterPadding,\n      })}\n      barwidth={_barWidth}\n      componentRef={cartesianChartRef}\n      /* eslint-disable react/jsx-no-bind */\n      children={() => {\n        return <g>{_groupedVerticalBarGraph}</g>;\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nGroupedVerticalBarChart.displayName = 'GroupedVerticalBarChart';\n"],"names":["React","useGroupedVerticalBarChartStyles_unstable","select","d3Select","max","d3Max","min","d3Min","scaleBand","d3ScaleBand","useId","ChartTypes","getAccessibleDataObject","tooltipOfAxislabels","XAxisTypes","getTypeOfAxis","formatScientificLimitWidth","getScalePadding","getBarWidth","isScalePaddingDefined","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","getNextColor","areArraysEqual","calculateLongestLabelWidth","useRtl","calcRequiredWidth","calcTotalWidth","calcBandwidth","calcTotalBandUnits","sortAxisCategories","CartesianChart","Legends","toImage","MIN_DOMAIN_MARGIN","X1_INNER_PADDING","VERTICAL_BAR_GAP","MIN_BAR_HEIGHT","GroupedVerticalBarChart","forwardRef","props","maxBarWidth","xAxisCategoryOrder","forwardedRef","_tooltipId","_emptyChartId","_useRtl","_domainMargin","_xAxisLabels","_datasetForBars","_margins","top","right","bottom","left","_groupedVerticalBarGraph","_yMax","_calloutAnchorPoint","_barWidth","_groupWidth","_xAxisInnerPadding","_xAxisOuterPadding","_legends","_legendColorMap","cartesianChartRef","useRef","Y_ORIGIN","_legendsRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","selectedLegends","setSelectedLegends","legendProps","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","YValueHover","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","activeLegend","setActiveLegend","callOutAccessibilityData","setCallOutAccessibilityData","undefined","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","classes","useEffect","useImperativeHandle","componentRef","chartContainer","current","opts","toSVG","_adjustProps","barWidth","xAxisInnerPadding","length","xAxisOuterPadding","_createDataset","points","datasetForBars","forEach","point","index","singleDatasetPointForBars","legendToBarPoint","series","seriesPoint","legend","push","data","xAxisPoint","name","indexNum","groupSeries","Object","values","stackCallOutAccessibilityData","_createDataSetOfGVBC","legends","Set","xAxisLabels","_getOrderedXAxisLabels","add","Array","from","onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","_handleChartMouseLeave","_onLegendHover","onMouseOutAction","_onLegendLeave","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_addDefaultColors","colorIndex","map","startColor","endColor","_xAxisType","StringAxis","_mapCategoryToValues","categoryToValues","legendBars","_getMinMaxOfYAxis","yAxisType","useSecondaryYScale","startValue","endValue","_getDomainNRangeValues","margins","width","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","yMax","Math","yMaxValue","calloutProps","XValue","YValue","culture","isCartesian","tickParams","tickFormat","_getGraphData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","xScale0","_createX0Scale","bandwidth","xScale1","_createX1Scale","allGroupsBars","singleSet","_buildGraph","_getMargins","updatePosition","newX","newY","threshold","distance","sqrt","pow","onBarHover","pointData","groupData","mouseEvent","persist","clientX","clientY","_noLegendHighlighted","_legendHighlighted","xAxisCalloutData","yAxisCalloutData","isCalloutForStack","_onBarLeave","onBarFocus","targetRect","target","getBoundingClientRect","height","singleGroup","barLabelsForGroup","presentLegends","keys","filter","key","effectiveGroupWidth","localScale","domain","range","paddingInner","legendIndex","barPoints","yBarScale","xPoint","isLegendActive","barOpacity","barTotalValue","yBaseline","yPositiveStart","yNegativeStart","yPoint","pointIndex","barGap","abs","pointColor","rect","className","opacityChangeOnHover","opacity","fill","rx","roundCorners","onMouseOver","onMouseMove","onMouseOut","onFocus","onBlur","onClick","aria-label","getAriaLabel","tabIndex","role","hideLabels","ceil","text","textAnchor","barLabel","aria-hidden","style","direction","unicodeBidi","yAxisTickFormat","wrapXAxisLables","showXAxisLablesTooltip","xAxisElement","call","document","getElementById","remove","e","tooltipProps","tooltipCls","tooltip","id","axis","g","transform","x0Axis","paddingOuter","_getAxisData","useCallback","yAxisData","yAxisDomainValues","domainValue","_getHighlightedLegend","includes","xValue","yValue","ariaLabel","_getDomainMargins","totalWidth","groupWidth","reqWidth","mode","groupBandwidth","barBandwidth","margin1","margin2","Number","POSITIVE_INFINITY","hideTickOverlap","step","_isChartEmpty","item","_getChartTitle","chartTitle","getDomainNRangeValues","getMinMaxOfYAxis","createYAxis","datasetForXAxisDomain","tickPadding","maxOfYVal","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","barwidth","children","div","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useGroupedVerticalBarChartStyles_unstable } from './useGroupedVerticalBarChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\n\nimport { useId, JSXElement } from '@fluentui/react-utilities';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  tooltipOfAxislabels,\n  XAxisTypes,\n  getTypeOfAxis,\n  formatScientificLimitWidth,\n  getScalePadding,\n  getBarWidth,\n  isScalePaddingDefined,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  getNextColor,\n  areArraysEqual,\n  calculateLongestLabelWidth,\n  useRtl,\n  YAxisType,\n  calcRequiredWidth,\n  calcTotalWidth,\n  calcBandwidth,\n  calcTotalBandUnits,\n  sortAxisCategories,\n} from '../../utilities/index';\n\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  Margins,\n  Legend,\n  GroupedVerticalBarChartProps,\n  GroupedVerticalBarChartData,\n  GVBarChartSeriesPoint,\n  Legends,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n} from '../../index';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype StringAxis = D3Axis<string>;\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\nconst MIN_DOMAIN_MARGIN = 8;\nconst X1_INNER_PADDING = 0.1;\nconst VERTICAL_BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 1;\n\n// This interface used for - While forming datapoints from given prop \"data\" in code\ninterface GVDataPoint {\n  [key: string]: number | string;\n}\n\n// While forming datapoints from given prop \"data\" in code. These datapoints are used for to draw graph easily.\ninterface GVSingleDataPoint {\n  [key: string]: GVDataPoint;\n}\n\nexport const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  GroupedVerticalBarChartProps\n>((props = { maxBarWidth: 24, xAxisCategoryOrder: 'default' }, forwardedRef) => {\n  const _tooltipId: string = useId('GVBCTooltipId_');\n  const _emptyChartId: string = useId('_GVBC_empty');\n  const _useRtl: boolean = useRtl();\n  let _domainMargin: number = MIN_DOMAIN_MARGIN;\n  let _xAxisLabels: string[] = [];\n  let _datasetForBars: any[] = [];\n  let _margins: Margins = { top: 0, right: 0, bottom: 0, left: 0 };\n  let _groupedVerticalBarGraph: JSXElement[] = [];\n  let _yMax: number = 0;\n  let _calloutAnchorPoint: GVBarChartSeriesPoint | null = null;\n  let _barWidth: number = 0;\n  let _groupWidth: number = 0;\n  let _xAxisInnerPadding: number = 0;\n  let _xAxisOuterPadding: number = 0;\n  let _legends: string[] = [];\n  let _legendColorMap: Record<string, [string, string]> = {};\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const Y_ORIGIN: number = 0;\n  const _legendsRef = React.useRef<LegendContainer>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n  const [hoverXValue, setHoverXValue] = React.useState<string>('');\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps | undefined>(\n    undefined,\n  );\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const classes = useGroupedVerticalBarChartStyles_unstable(props);\n\n  React.useEffect(() => {\n    if (!areArraysEqual(props.legendProps?.selectedLegends, selectedLegends)) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _useRtl, opts);\n      },\n    }),\n    [],\n  );\n\n  const _adjustProps = () => {\n    _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n    // x0_inner_padding = space_between_groups / (space_between_groups + group_width)\n    // space_between_groups = 2 * bar_width\n    // group_width = _legends.length * bar_width + (_legends.length - 1) * space_between_bars\n    _xAxisInnerPadding = getScalePadding(\n      props.xAxisInnerPadding,\n      undefined,\n      2 / (2 + calcTotalBandUnits(_legends.length, X1_INNER_PADDING)),\n    );\n    _xAxisOuterPadding = getScalePadding(props.xAxisOuterPadding);\n  };\n\n  const _createDataset = (points: GroupedVerticalBarChartData[]) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const datasetForBars: any = [];\n\n    points.forEach((point: GroupedVerticalBarChartData, index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const singleDatasetPointForBars: any = {};\n      const legendToBarPoint: Record<string, GVBarChartSeriesPoint> = {};\n\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        if (!singleDatasetPointForBars[seriesPoint.legend]) {\n          singleDatasetPointForBars[seriesPoint.legend] = [{ ...seriesPoint }];\n          legendToBarPoint[seriesPoint.legend] = { ...seriesPoint };\n        } else {\n          singleDatasetPointForBars[seriesPoint.legend].push({ ...seriesPoint });\n          legendToBarPoint[seriesPoint.legend].data += seriesPoint.data;\n        }\n      });\n\n      singleDatasetPointForBars.xAxisPoint = point.name;\n      singleDatasetPointForBars.indexNum = index;\n      singleDatasetPointForBars.groupSeries = Object.values(legendToBarPoint);\n      singleDatasetPointForBars.stackCallOutAccessibilityData = point.stackCallOutAccessibilityData;\n      datasetForBars.push(singleDatasetPointForBars);\n    });\n    return datasetForBars;\n  };\n\n  const _createDataSetOfGVBC = (points: GroupedVerticalBarChartData[]) => {\n    const legends = new Set<string>();\n    const xAxisLabels: string[] = _getOrderedXAxisLabels(points);\n    points.forEach((point: GroupedVerticalBarChartData) => {\n      point.series.forEach((seriesPoint: GVBarChartSeriesPoint) => {\n        legends.add(seriesPoint.legend);\n      });\n    });\n    const datasetForBars = _createDataset(points);\n    return {\n      legends: Array.from(legends),\n      xAxisLabels,\n      datasetForBars,\n    };\n  };\n\n  const onLegendSelectionChange = (\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void => {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n    }\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const _getLegendData = (points: GroupedVerticalBarChartData[]): JSXElement => {\n    const actions: Legend[] = [];\n\n    _legends.forEach((legendTitle: string) => {\n      const legend: Legend = {\n        title: legendTitle,\n        color: _legendColorMap[legendTitle][0],\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        onMouseOutAction: () => {\n          _onLegendLeave();\n        },\n      };\n\n      actions.push(legend);\n    });\n    return (\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  };\n\n  const _addDefaultColors = (data?: GroupedVerticalBarChartData[]): GroupedVerticalBarChartData[] => {\n    _legendColorMap = {};\n    let colorIndex = 0;\n\n    return (\n      data?.map(point => {\n        return {\n          ...point,\n          series:\n            point.series?.map(seriesPoint => {\n              // TODO: Add support for gradient colors\n              let startColor = seriesPoint.color ? seriesPoint.color : getNextColor(colorIndex, 0);\n              let endColor = startColor;\n              if (!_legendColorMap[seriesPoint.legend]) {\n                _legendColorMap[seriesPoint.legend] = [startColor, endColor];\n              }\n              colorIndex += 1;\n\n              return {\n                ...seriesPoint,\n                color: seriesPoint.color ?? _legendColorMap[seriesPoint.legend][0],\n              };\n            }) ?? [],\n        };\n      }) ?? []\n    );\n  };\n\n  const _getOrderedXAxisLabels = (points: GroupedVerticalBarChartData[]) => {\n    if (_xAxisType !== XAxisTypes.StringAxis) {\n      return [];\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(points), props.xAxisCategoryOrder);\n  };\n\n  const _mapCategoryToValues = (points: GroupedVerticalBarChartData[]) => {\n    const categoryToValues: Record<string, number[]> = {};\n    points.forEach(point => {\n      if (!categoryToValues[point.name]) {\n        categoryToValues[point.name] = [];\n      }\n      point.series.forEach(seriesPoint => {\n        categoryToValues[point.name].push(seriesPoint.data);\n      });\n    });\n    return categoryToValues;\n  };\n\n  const points = _addDefaultColors(props.data);\n  const _xAxisType: XAxisTypes = getTypeOfAxis(points![0].name, true) as XAxisTypes;\n  const { legends, xAxisLabels, datasetForBars } = _createDataSetOfGVBC(points!);\n  _legends = legends;\n  _xAxisLabels = xAxisLabels;\n  _datasetForBars = datasetForBars;\n  const legendBars: JSXElement = _getLegendData(points);\n  _adjustProps();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Add commentMore actions\n  function _getMinMaxOfYAxis(datasetForBars: any, yAxisType?: YAxisType, useSecondaryYScale?: boolean) {\n    const values: number[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    datasetForBars.forEach((data: any) => {\n      data.groupSeries.forEach((point: GVBarChartSeriesPoint) => {\n        if (!useSecondaryYScale === !point.useSecondaryYScale) {\n          values.push(point.data);\n        }\n      });\n    });\n\n    return { startValue: d3Min(values)!, endValue: d3Max(values)! };\n  }\n\n  function _getDomainNRangeValues(\n    points: GroupedVerticalBarChartData[],\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 || xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\n  }\n\n  // The maxOfYVal prop is only required for the primary y-axis, so yMax should be calculated\n  // using only the data points associated with the primary y-axis.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const yMax = _getMinMaxOfYAxis(_datasetForBars).endValue;\n  _yMax = Math.max(yMax, props.yMaxValue || 0);\n\n  const calloutProps: ChartPopoverProps = {\n    clickPosition,\n    isPopoverOpen,\n    color,\n    legend: calloutLegend,\n    XValue: xCalloutValue,\n    YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n    YValueHover,\n    hoverXValue,\n    culture: props.culture,\n    isCartesian: true,\n    ...props.calloutProps,\n    ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n  };\n  const tickParams = {\n    tickValues: props.tickValues!,\n    tickFormat: props.tickFormat!,\n  };\n\n  const _getGraphData = (\n    xScale: StringAxis | NumericAxis,\n    yScalePrimary: ScaleLinear<number, number>,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yAxisElement?: SVGElement | null,\n    yScaleSecondary?: ScaleLinear<number, number>,\n  ) => {\n    const xScale0 = _createX0Scale(containerWidth);\n\n    // Setting the bar width here is safe because there are no dependencies earlier in the code\n    // that rely on the width of bars in vertical bar charts with string x-axis.\n    _barWidth = getBarWidth(\n      props.barWidth,\n      props.maxBarWidth,\n      calcBandwidth(xScale0.bandwidth(), _legends.length, X1_INNER_PADDING),\n    );\n    _groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n\n    const xScale1 = _createX1Scale();\n    const allGroupsBars: JSXElement[] = [];\n    _datasetForBars.forEach((singleSet: GVSingleDataPoint) => {\n      allGroupsBars.push(\n        _buildGraph(singleSet, xScale0, xScale1, yScalePrimary, yScaleSecondary, containerHeight, xElement!),\n      );\n    });\n    _groupedVerticalBarGraph = allGroupsBars;\n  };\n\n  const _getMargins = (margins: Margins) => {\n    _margins = margins;\n  };\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  const onBarHover = (\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void => {\n    mouseEvent.persist();\n    if (_calloutAnchorPoint !== pointData) {\n      _calloutAnchorPoint = pointData;\n      updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n      setCalloutLegend(pointData.legend);\n      setDataForHoverCard(pointData.data);\n      setColor(pointData.color);\n      setXCalloutValue(pointData.xAxisCalloutData!);\n      setYCalloutValue(pointData.yAxisCalloutData!);\n      setCallOutAccessibilityData(\n        props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n      );\n      setYValueHover(groupData.groupSeries);\n      setHoverXValue(pointData.xAxisCalloutData!);\n    }\n  };\n\n  const _onBarLeave = (): void => {\n    /**/\n  };\n\n  const _handleChartMouseLeave = (): void => {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  };\n\n  const onBarFocus = (\n    event: React.FocusEvent<SVGRectElement, Element>,\n    pointData: GVBarChartSeriesPoint,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupData: any,\n  ): void => {\n    let x = 0;\n    let y = 0;\n\n    const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n    x = targetRect.left + targetRect.width / 2;\n    y = targetRect.top + targetRect.height / 2;\n    updatePosition(x, y);\n    setPopoverOpen(_noLegendHighlighted() || _legendHighlighted(pointData.legend));\n    setCalloutLegend(pointData.legend);\n    setDataForHoverCard(pointData.data);\n    setColor(pointData.color);\n    setXCalloutValue(pointData.xAxisCalloutData!);\n    setYCalloutValue(pointData.yAxisCalloutData!);\n    setCallOutAccessibilityData(\n      props.isCalloutForStack ? groupData.stackCallOutAccessibilityData : pointData.callOutAccessibilityData,\n    );\n    setYValueHover(groupData.groupSeries);\n    setHoverXValue(pointData.xAxisCalloutData!);\n  };\n\n  const _buildGraph = (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    singleSet: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale0: any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    xScale1: any,\n    yScalePrimary: ScaleLinear<number, number>,\n    yScaleSecondary: ScaleLinear<number, number> | undefined,\n    containerHeight: number,\n    xElement: SVGElement,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ): JSXElement => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const singleGroup: JSXElement[] = [];\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const barLabelsForGroup: JSXElement[] = [];\n\n    // Get the actual legends present at this x-axis point\n    const presentLegends = Object.keys(singleSet).filter(key => key in _legendColorMap);\n    const effectiveGroupWidth = calcRequiredWidth(_barWidth, presentLegends.length, X1_INNER_PADDING);\n\n    // For stacked bars, center the single bar group in the available space\n    // Instead of using the global legend position, use the local position within present legends\n    const localScale = d3ScaleBand()\n      .domain(presentLegends)\n      .range(_useRtl ? [effectiveGroupWidth, 0] : [0, effectiveGroupWidth])\n      .paddingInner(X1_INNER_PADDING);\n    _legends.forEach((legendTitle: string, legendIndex: number) => {\n      const barPoints = singleSet[legendTitle];\n      if (barPoints) {\n        const yBarScale = barPoints[0].useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n\n        const xPoint = (localScale(legendTitle) ?? 0) + (localScale.bandwidth() - _barWidth) / 2;\n        const isLegendActive = _legendHighlighted(legendTitle) || _noLegendHighlighted();\n        const barOpacity = isLegendActive ? '' : '0.1';\n\n        let barTotalValue = 0;\n        const yBaseline = yBarScale(Y_ORIGIN);\n        let yPositiveStart = yBaseline;\n        let yNegativeStart = yBaseline;\n        let yPoint = Y_ORIGIN;\n\n        barPoints.forEach((pointData: GVBarChartSeriesPoint, pointIndex: number) => {\n          if (!pointData.data) {\n            // Not rendering data with 0.\n            return;\n          }\n          const barGap = (VERTICAL_BAR_GAP / 2) * (pointIndex > 0 ? 2 : 0);\n          const height = Math.max(yBarScale(Y_ORIGIN) - yBarScale(Math.abs(pointData.data)), MIN_BAR_HEIGHT);\n          const pointColor = pointData.color; // Use the color of the current point\n\n          if (pointData.data >= Y_ORIGIN) {\n            yPositiveStart -= height + barGap;\n            yPoint = yPositiveStart;\n          } else {\n            yPoint = yNegativeStart + barGap;\n            yNegativeStart = yPoint + height;\n          }\n\n          singleGroup.push(\n            <rect\n              key={`${singleSet.indexNum}-${legendIndex}-${pointIndex}`}\n              className={classes.opacityChangeOnHover}\n              height={height}\n              width={_barWidth}\n              x={xPoint}\n              y={yPoint}\n              opacity={barOpacity}\n              fill={pointColor}\n              rx={props.roundCorners ? 3 : 0}\n              onMouseOver={event => onBarHover(pointData, singleSet, event)}\n              onMouseMove={event => onBarHover(pointData, singleSet, event)}\n              onMouseOut={_onBarLeave}\n              onFocus={event => onBarFocus(event, pointData, singleSet)}\n              onBlur={_onBarLeave}\n              onClick={pointData.onClick}\n              aria-label={getAriaLabel(pointData, singleSet.xAxisPoint)}\n              tabIndex={_legendHighlighted(pointData.legend) || _noLegendHighlighted() ? 0 : undefined}\n              role=\"img\"\n            />,\n          );\n\n          barTotalValue += pointData.data;\n        });\n        if (barTotalValue !== null && !props.hideLabels && Math.ceil(_barWidth) >= 16 && isLegendActive) {\n          barLabelsForGroup.push(\n            <text\n              key={`${singleSet.indexNum}-${legendIndex}`}\n              x={xPoint + _barWidth / 2}\n              y={barTotalValue >= Y_ORIGIN ? yPositiveStart - 6 : yNegativeStart + 12}\n              textAnchor=\"middle\"\n              className={classes.barLabel}\n              aria-hidden={true}\n              style={{ direction: 'ltr', unicodeBidi: 'isolate' }}\n            >\n              {typeof props.yAxisTickFormat === 'function'\n                ? props.yAxisTickFormat(barTotalValue)\n                : formatScientificLimitWidth(barTotalValue)}\n            </text>,\n          );\n        }\n      }\n    });\n    // Used to display tooltip at x axis labels.\n    if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n      const xAxisElement = d3Select(xElement).call(xScale0);\n      try {\n        document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return (\n      <g\n        key={singleSet.indexNum}\n        transform={`translate(${xScale0(singleSet.xAxisPoint) + (xScale0.bandwidth() - effectiveGroupWidth) / 2}, 0)`}\n      >\n        {singleGroup}\n        {barLabelsForGroup}\n      </g>\n    );\n  };\n\n  // For grouped vertical bar chart, First need to define total scale (from start to end)\n  // From that need to define scale for single group of bars - done by createX1Scale\n  const _createX0Scale = (containerWidth: number) => {\n    const x0Axis = d3ScaleBand()\n      .domain(xAxisLabels)\n      .range(\n        _useRtl\n          ? [containerWidth! - _margins.right! - _domainMargin, _margins.left! + _domainMargin]\n          : [_margins.left! + _domainMargin, containerWidth! - _margins.right! - _domainMargin],\n      )\n      .paddingInner(_xAxisInnerPadding)\n      .paddingOuter(_xAxisOuterPadding);\n    return x0Axis;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _createX1Scale = (): any => {\n    return (\n      d3ScaleBand()\n        .domain(_legends)\n        // When there is only one group, xScale0 adds padding around it,\n        // causing the bandwidth to become smaller than the actual group width.\n        // So to render bars in the group correctly, use groupWidth instead of the generated scale bandwidth.\n        .range(_useRtl ? [_groupWidth, 0] : [0, _groupWidth])\n        .paddingInner(X1_INNER_PADDING)\n    );\n  };\n\n  const _onLegendHover = (legendTitle: string): void => {\n    setActiveLegend(legendTitle);\n  };\n\n  const _onLegendLeave = (): void => {\n    setActiveLegend('');\n  };\n\n  const _getAxisData = React.useCallback(\n    (yAxisData: IAxisData) => {\n      if (yAxisData && yAxisData.yAxisDomainValues.length) {\n        const { yAxisDomainValues: domainValue } = yAxisData;\n        _yMax = Math.max(domainValue[domainValue.length - 1], props.yMaxValue || 0);\n      }\n    },\n    [props.yMaxValue],\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  const _legendHighlighted = (legendTitle: string) => {\n    return _getHighlightedLegend().includes(legendTitle!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  const _noLegendHighlighted = () => {\n    return _getHighlightedLegend().length === 0;\n  };\n\n  const _getHighlightedLegend = () => {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  };\n\n  const getAriaLabel = (point: GVBarChartSeriesPoint, xAxisPoint: string): string => {\n    const xValue = point.xAxisCalloutData || xAxisPoint;\n    const legend = point.legend;\n    const yValue = point.yAxisCalloutData || point.data;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  };\n\n  const _getDomainMargins = (containerWidth: number): Margins => {\n    /** Total width available to render the bars */\n    const totalWidth = calcTotalWidth(containerWidth, _margins, MIN_DOMAIN_MARGIN);\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      if (isScalePaddingDefined(props.xAxisOuterPadding)) {\n        // Setting the domain margin for string x-axis to 0 because the xAxisOuterPadding prop is now available\n        // to adjust the space before the first group and after the last group.\n        _domainMargin = 0;\n      } else if (props.barWidth !== 'auto') {\n        // Update the bar width so that when CartesianChart rerenders,\n        // the following calculations don't use the previous bar width.\n        _barWidth = getBarWidth(props.barWidth, props.maxBarWidth);\n        const groupWidth = calcRequiredWidth(_barWidth, _legends.length, X1_INNER_PADDING);\n        /** Total width required to render the groups. Directly proportional to group width */\n        const reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n\n        if (totalWidth >= reqWidth) {\n          // Center align the chart by setting equal left and right margins for domain\n          _domainMargin = MIN_DOMAIN_MARGIN + (totalWidth - reqWidth) / 2;\n        }\n      } else if (props.mode === 'plotly' && xAxisLabels.length > 1) {\n        // Calculate the remaining width after rendering groups at their maximum allowable width\n        const groupBandwidth = calcBandwidth(totalWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const barBandwidth = calcBandwidth(groupBandwidth, _legends.length, X1_INNER_PADDING);\n        const barWidth = getBarWidth(props.barWidth, props.maxBarWidth, barBandwidth);\n        const groupWidth = calcRequiredWidth(barWidth, _legends.length, X1_INNER_PADDING);\n        let reqWidth = calcRequiredWidth(groupWidth, _xAxisLabels.length, _xAxisInnerPadding);\n        const margin1 = (totalWidth - reqWidth) / 2;\n\n        let margin2 = Number.POSITIVE_INFINITY;\n        if (!props.hideTickOverlap) {\n          // Calculate the remaining width after accounting for the space required to render x-axis labels\n          const step = calculateLongestLabelWidth(_xAxisLabels) + 20;\n          reqWidth = (_xAxisLabels.length - _xAxisInnerPadding) * step;\n          margin2 = (totalWidth - reqWidth) / 2;\n        }\n\n        _domainMargin = MIN_DOMAIN_MARGIN + Math.max(0, Math.min(margin1, margin2));\n      }\n    }\n\n    return {\n      ..._margins,\n      left: _margins.left! + _domainMargin,\n      right: _margins.right! + _domainMargin,\n    };\n  };\n\n  const _isChartEmpty = (): boolean => {\n    return !(\n      props.data &&\n      props.data.length > 0 &&\n      props.data.filter((item: GroupedVerticalBarChartData) => item.series.length).length > 0\n    );\n  };\n\n  const _getChartTitle = (): string => {\n    return (\n      (props.chartTitle ? `${props.chartTitle}. ` : '') +\n      `Vertical bar chart with ${_xAxisLabels.length} groups of ${_legends.length} bars each. `\n    );\n  };\n\n  return !_isChartEmpty() ? (\n    <CartesianChart\n      {...props}\n      chartTitle={_getChartTitle()}\n      points={_datasetForBars}\n      chartType={ChartTypes.GroupedVerticalBarChart}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      getMinMaxOfYAxis={_getMinMaxOfYAxis}\n      createStringYAxis={createStringYAxis}\n      calloutProps={calloutProps}\n      legendBars={legendBars}\n      xAxisType={_xAxisType}\n      createYAxis={createNumericYAxis}\n      datasetForXAxisDomain={_xAxisLabels}\n      tickParams={tickParams}\n      tickPadding={props.tickPadding || 5}\n      maxOfYVal={_yMax}\n      getmargins={_getMargins}\n      getGraphData={_getGraphData}\n      getAxisData={_getAxisData}\n      onChartMouseLeave={_handleChartMouseLeave}\n      getDomainMargins={_getDomainMargins}\n      {...(_xAxisType === XAxisTypes.StringAxis && {\n        xAxisInnerPadding: _xAxisInnerPadding,\n        xAxisOuterPadding: _xAxisOuterPadding,\n      })}\n      barwidth={_barWidth}\n      componentRef={cartesianChartRef}\n      /* eslint-disable react/jsx-no-bind */\n      children={() => {\n        return <g>{_groupedVerticalBarGraph}</g>;\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nGroupedVerticalBarChart.displayName = 'GroupedVerticalBarChart';\n"],"names":["React","useGroupedVerticalBarChartStyles_unstable","select","d3Select","max","d3Max","min","d3Min","scaleBand","d3ScaleBand","useId","ChartTypes","getAccessibleDataObject","tooltipOfAxislabels","XAxisTypes","getTypeOfAxis","formatScientificLimitWidth","getScalePadding","getBarWidth","isScalePaddingDefined","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","getNextColor","areArraysEqual","calculateLongestLabelWidth","useRtl","calcRequiredWidth","calcTotalWidth","calcBandwidth","calcTotalBandUnits","sortAxisCategories","CartesianChart","Legends","toImage","MIN_DOMAIN_MARGIN","X1_INNER_PADDING","VERTICAL_BAR_GAP","MIN_BAR_HEIGHT","GroupedVerticalBarChart","forwardRef","props","maxBarWidth","xAxisCategoryOrder","forwardedRef","_tooltipId","_emptyChartId","_useRtl","_domainMargin","_xAxisLabels","_datasetForBars","_margins","top","right","bottom","left","_groupedVerticalBarGraph","_yMax","_calloutAnchorPoint","_barWidth","_groupWidth","_xAxisInnerPadding","_xAxisOuterPadding","_legends","_legendColorMap","cartesianChartRef","useRef","Y_ORIGIN","_legendsRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","selectedLegends","setSelectedLegends","legendProps","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","YValueHover","setYValueHover","hoverXValue","setHoverXValue","calloutLegend","setCalloutLegend","activeLegend","setActiveLegend","callOutAccessibilityData","setCallOutAccessibilityData","undefined","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","classes","useEffect","useImperativeHandle","componentRef","chartContainer","current","opts","toSVG","_adjustProps","barWidth","xAxisInnerPadding","length","xAxisOuterPadding","_createDataset","points","datasetForBars","forEach","point","index","singleDatasetPointForBars","legendToBarPoint","series","seriesPoint","legend","push","data","xAxisPoint","name","indexNum","groupSeries","Object","values","stackCallOutAccessibilityData","_createDataSetOfGVBC","legends","Set","xAxisLabels","_getOrderedXAxisLabels","add","Array","from","onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","_handleChartMouseLeave","_onLegendHover","onMouseOutAction","_onLegendLeave","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_addDefaultColors","colorIndex","map","startColor","endColor","_xAxisType","StringAxis","_mapCategoryToValues","categoryToValues","legendBars","_getMinMaxOfYAxis","yAxisType","useSecondaryYScale","startValue","endValue","_getDomainNRangeValues","margins","width","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","yMax","Math","yMaxValue","calloutProps","XValue","YValue","culture","isCartesian","tickParams","tickFormat","_getGraphData","xScale","yScalePrimary","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","xScale0","_createX0Scale","bandwidth","xScale1","_createX1Scale","allGroupsBars","singleSet","_buildGraph","_getMargins","updatePosition","newX","newY","threshold","distance","sqrt","pow","onBarHover","pointData","groupData","mouseEvent","persist","clientX","clientY","_noLegendHighlighted","_legendHighlighted","xAxisCalloutData","yAxisCalloutData","isCalloutForStack","_onBarLeave","onBarFocus","targetRect","target","getBoundingClientRect","height","singleGroup","barLabelsForGroup","presentLegends","keys","filter","key","effectiveGroupWidth","localScale","domain","range","paddingInner","legendIndex","barPoints","yBarScale","xPoint","isLegendActive","barOpacity","barTotalValue","yBaseline","yPositiveStart","yNegativeStart","yPoint","pointIndex","barGap","abs","pointColor","rect","className","opacityChangeOnHover","opacity","fill","rx","roundCorners","onMouseOver","onMouseMove","onMouseOut","onFocus","onBlur","onClick","aria-label","getAriaLabel","tabIndex","role","hideLabels","ceil","text","textAnchor","barLabel","aria-hidden","style","direction","unicodeBidi","yAxisTickFormat","wrapXAxisLables","showXAxisLablesTooltip","xAxisElement","call","document","getElementById","remove","e","tooltipProps","tooltipCls","tooltip","id","axis","g","transform","x0Axis","paddingOuter","_getAxisData","useCallback","yAxisData","yAxisDomainValues","domainValue","_getHighlightedLegend","includes","xValue","yValue","ariaLabel","_getDomainMargins","totalWidth","groupWidth","reqWidth","mode","groupBandwidth","barBandwidth","margin1","margin2","Number","POSITIVE_INFINITY","hideTickOverlap","step","_isChartEmpty","item","_getChartTitle","chartTitle","getDomainNRangeValues","getMinMaxOfYAxis","createYAxis","datasetForXAxisDomain","tickPadding","maxOfYVal","getmargins","getGraphData","getAxisData","onChartMouseLeave","getDomainMargins","barwidth","children","div","displayName"],"mappings":"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"}

package/lib/components/HorizontalBarChart/HorizontalBarChart.js

@@ -320,7 +320,6 @@ import { Legends } from '../../index';
     const focusAttributes = useFocusableGroup();
     const legendButtons = _createLegends(data);
     let datapoint = 0;
-    var _props_culture;
     return !_isChartEmpty() ? /*#__PURE__*/ React.createElement("div", {
         className: classes.root,
         onMouseLeave: _handleChartMouseLeave
@@ -381,7 +380,7 @@ import { Legends } from '../../index';
     }), /*#__PURE__*/ React.createElement(ChartPopover, {
         xCalloutValue: xCalloutValue,
         yCalloutValue: yCalloutValue,
-        culture: (_props_culture = props.culture) !== null && _props_culture !== void 0 ? _props_culture : 'en-us',
+        culture: props.culture,
         clickPosition: clickPosition,
         isPopoverOpen: isPopoverOpen,
         legend: legend,