@fluentui/react-charts 9.3.6 → 9.3.8

package/lib/components/HeatMapChart/HeatMapChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HeatMapChart/HeatMapChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { HeatMapChartProps } from './HeatMapChart.types';\nimport {\n  AccessibilityProps,\n  Chart,\n  HeatMapChartData,\n  HeatMapChartDataPoint,\n  Margins,\n  ImageExportOptions,\n} from '../../types/index';\nimport {\n  ChartTypes,\n  getAccessibleDataObject,\n  getColorContrast,\n  getTypeOfAxis,\n  resolveCSSVariables,\n  XAxisTypes,\n  YAxisType,\n  createNumericYAxis,\n  IMargins,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  useRtl,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { CartesianChart, ChartPopoverProps, ChildProps } from '../CommonComponents/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useHeatMapChartStyles } from './useHeatMapChartStyles.styles';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { format as d3Format } from 'd3-format';\nimport { timeFormat as d3TimeFormat } from 'd3-time-format';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype DataSet = {\n  dataSet: RectanglesGraphData;\n  yAxisPoints: string[];\n  xAxisPoints: string[];\n};\ntype FlattenData = HeatMapChartDataPoint & {\n  legend: string;\n};\ntype RectanglesGraphData = { [key: string]: FlattenData[] };\n\nexport const HeatMapChart: React.FunctionComponent<HeatMapChartProps> = React.forwardRef<\n  HTMLDivElement,\n  HeatMapChartProps\n>(\n  (\n    props = {\n      xAxisCategoryOrder: 'default',\n      yAxisCategoryOrder: 'default',\n      data: [],\n      domainValuesForColorScale: [],\n      rangeValuesForColorScale: [],\n    },\n    forwardedRef,\n  ) => {\n    const classes = useHeatMapChartStyles(props);\n    const _stringXAxisDataPoints = React.useRef<string[]>([]);\n    const _stringYAxisDataPoints = React.useRef<string[]>([]);\n    const _dataSet = React.useRef<RectanglesGraphData>({});\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _colorScale = React.useRef<any>(undefined);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _xAxisScale = React.useRef<any>(undefined);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _yAxisScale = React.useRef<any>(undefined);\n    const _xAxisType = React.useRef<XAxisTypes | undefined>(undefined);\n    const _yAxisType = React.useRef<YAxisType | undefined>(undefined);\n    const _calloutAnchorPoint = React.useRef<FlattenData | null>(null);\n    const _emptyChartId = useId('_HeatMap_empty');\n    const _margins = React.useRef<Margins>({});\n    const cartesianChartRef = React.useRef<Chart>(null);\n    const _legendsRef = React.useRef<LegendContainer>(null);\n    const _isRtl = useRtl();\n\n    const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n    const [activeLegend, setActiveLegend] = React.useState<string>('');\n    const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n    const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n    const [calloutTextColor, setCalloutTextColor] = React.useState<string>('');\n    const [calloutYValue, setCalloutYValue] = React.useState<string>('');\n    const [ratio, setRatio] = React.useState<[number, number]>();\n    const [descriptionMessage, setDescriptionMessage] = React.useState<string>('');\n    const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n        toImage: (opts?: ImageExportOptions): Promise<string> => {\n          return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRtl, opts);\n        },\n      }),\n      [],\n    );\n\n    function _getMinMaxOfYAxis() {\n      return { startValue: 0, endValue: 0 };\n    }\n\n    function _getDomainNRangeValues(\n      points: HeatMapChartDataPoint[],\n      margins: IMargins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis || xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      } else {\n        domainNRangeValue = domainRangeOfXStringAxis(_margins.current, width, isRTL);\n      }\n      return domainNRangeValue;\n    }\n\n    const _getXandY = (): { x: string | Date | number; y: string | Date | number } => {\n      let x: string | Date | number = '';\n      let y: string | Date | number = '';\n      props.data.forEach((item: HeatMapChartData) => {\n        if (item.data && item.data.length > 0) {\n          x = item.data[0].x;\n          y = item.data[0].y;\n          return { x, y };\n        }\n      });\n      return { x, y };\n    };\n\n    const _getMargins = (margins: Margins) => {\n      _margins.current = margins;\n    };\n\n    const _getOpacity = (legendTitle: string): string => {\n      const opacity = _legendHighlighted(legendTitle) || _noLegendHighlighted() ? '1' : '0.1';\n      return opacity;\n    };\n\n    const _onRectFocus = (id: string, data: FlattenData, focusEvent: React.FocusEvent<SVGGElement>): void => {\n      const boundingRect = focusEvent.currentTarget.getBoundingClientRect();\n      const clientX = boundingRect.left + boundingRect.width / 2;\n      const clientY = boundingRect.top + boundingRect.height / 2;\n      updatePosition(clientX, clientY);\n      /** Show the callout if highlighted rectangle is focused and Hide it if unhighlighted rectangle is focused */\n      setPopoverOpen(selectedLegend === '' || selectedLegend === data.legend);\n      setCalloutYValue(`${data.rectText}`);\n      setCalloutTextColor(Number.isNaN(data.value) ? tokens.colorNeutralForeground1 : _colorScale.current(data.value));\n      setCalloutLegend(data.legend);\n      setRatio(data.ratio);\n      setDescriptionMessage(data.descriptionMessage || '');\n      setCallOutAccessibilityData(data.callOutAccessibilityData);\n    };\n\n    const _onRectMouseOver = (id: string, data: FlattenData, mouseEvent: React.MouseEvent<SVGGElement>): void => {\n      mouseEvent.persist();\n      if (_calloutAnchorPoint.current !== data) {\n        _calloutAnchorPoint.current = data;\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        /** Show the callout if highlighted rectangle is hovered and Hide it if unhighlighted rectangle is hovered */\n        setPopoverOpen(selectedLegend === '' || selectedLegend === data.legend);\n        setCalloutYValue(`${data.rectText}`);\n        setCalloutTextColor(\n          Number.isNaN(data.value) ? tokens.colorNeutralForeground1 : _colorScale.current(data.value),\n        );\n        setCalloutLegend(data.legend);\n        setRatio(data.ratio);\n        setDescriptionMessage(data.descriptionMessage || '');\n        setCallOutAccessibilityData(data.callOutAccessibilityData);\n      }\n    };\n\n    const _onRectBlurOrMouseOut = (): void => {\n      /**/\n    };\n\n    const _handleChartMouseLeave = (): void => {\n      _calloutAnchorPoint.current = null;\n      setPopoverOpen(false);\n    };\n\n    const _getInvertedTextColor = (color: string): string => {\n      return color === tokens.colorNeutralForeground1 ? tokens.colorNeutralBackground1 : tokens.colorNeutralForeground1;\n    };\n\n    /**\n     * This is the function which is responsible for\n     * drawing the rectangle in the graph and also\n     * attaching dom events to that rectangles\n     */\n    const _createRectangles = (): React.ReactNode => {\n      const rectangles: JSXElement[] = [];\n      const yAxisDataPoints = _stringYAxisDataPoints.current.slice().reverse();\n      /**\n       * yAxisDataPoint is noting but the DataPoint\n       * which will be rendered on the y-axis\n       */\n      yAxisDataPoints.forEach((yAxisDataPoint: string) => {\n        let index = 0;\n        _stringXAxisDataPoints.current.forEach((xAxisDataPoint: string) => {\n          let rectElement: JSXElement;\n          const id = `x${xAxisDataPoint}y${yAxisDataPoint}`;\n          if (\n            _dataSet.current[yAxisDataPoint][index]?.x === xAxisDataPoint &&\n            typeof _dataSet.current[yAxisDataPoint][index]?.value === 'number'\n          ) {\n            /**\n             * dataPointObject is an object where it contains information on single\n             * data point such as x, y , value, rectText property of the rectangle\n             */\n            const dataPointObject = _dataSet.current[yAxisDataPoint][index];\n            let styleRules = '';\n            let foregroundColor = tokens.colorNeutralForeground1;\n            if (cartesianChartRef.current?.chartContainer) {\n              styleRules = resolveCSSVariables(cartesianChartRef.current.chartContainer, foregroundColor);\n            }\n            const contrastRatio = getColorContrast(styleRules, _colorScale.current(dataPointObject.value));\n            if (contrastRatio < 3) {\n              foregroundColor = _getInvertedTextColor(foregroundColor);\n            }\n            rectElement = (\n              <g\n                key={id}\n                role=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_legendHighlighted(dataPointObject.legend) || _noLegendHighlighted() ? 0 : -1}\n                fillOpacity={_getOpacity(dataPointObject.legend)}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill={_colorScale.current(dataPointObject.value)}\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                  onClick={dataPointObject.onClick}\n                />\n                <text\n                  dominantBaseline={'middle'}\n                  textAnchor={'middle'}\n                  className={classes.text}\n                  transform={`translate(${_xAxisScale.current.bandwidth() / 2}, ${\n                    _yAxisScale.current.bandwidth() / 2\n                  })`}\n                  fill={foregroundColor}\n                >\n                  {formatToLocaleString(dataPointObject.rectText, props.culture, props.useUTC) as React.ReactNode}\n                </text>\n              </g>\n            );\n            index++;\n          } else {\n            const dataPointObject: FlattenData = {\n              x: xAxisDataPoint,\n              y: yAxisDataPoint,\n              value: NaN,\n              rectText: 'No data available',\n              legend: '',\n            };\n            rectElement = (\n              <g\n                key={id}\n                role=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_noLegendHighlighted() ? 0 : -1}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill=\"transparent\"\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                />\n              </g>\n            );\n          }\n          rectangles.push(rectElement);\n        });\n      });\n      return rectangles;\n    };\n    /**\n     * when the legend is hovered we need to highlight\n     * all the rectangles which fall under that category\n     * and un-highlight the rest of them\n     * @param legendTitle\n     */\n    const _onLegendHover = (legendTitle: string): void => {\n      setActiveLegend(legendTitle);\n    };\n\n    /**\n     * when the mouse is out from the legend , we need\n     * to show the graph in initial mode.\n     */\n    const _onLegendLeave = (): void => {\n      setActiveLegend('');\n    };\n    /**\n     * @param legendTitle\n     * when the legend is clicked we need to highlight\n     * all the rectangles which fall under that category\n     * and un highlight the rest of them\n     */\n    const _onLegendClick = (legendTitle: string): void => {\n      /**\n       * check if the legend is already selceted,\n       * if yes, un-select the legend, else\n       * set the selected legend state to legendTitle\n       */\n      if (selectedLegend === legendTitle) {\n        setSelectedLegend('');\n      } else {\n        setSelectedLegend(legendTitle);\n      }\n    };\n    const _createLegendBars = (): JSXElement => {\n      const { data, legendProps } = props;\n      const legends: Legend[] = [];\n      data.forEach((item: HeatMapChartData) => {\n        const legend: Legend = {\n          title: item.legend,\n          color: _colorScale.current(item.value),\n          action: () => {\n            _onLegendClick(item.legend);\n          },\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(item.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n        legends.push(legend);\n      });\n      return <Legends {...legendProps} legends={legends} legendRef={_legendsRef} />;\n    };\n\n    const _getColorScale = () => {\n      const { domainValuesForColorScale, rangeValuesForColorScale } = props;\n      return d3ScaleLinear()\n        .domain(domainValuesForColorScale)\n        .range(rangeValuesForColorScale as unknown as number[]);\n    };\n\n    const _getXIndex = (value: string | Date | number): string => {\n      if (_xAxisType.current === XAxisTypes.DateAxis) {\n        return `${(value as Date).getTime()}`;\n      } else if (_xAxisType.current === XAxisTypes.StringAxis) {\n        return value as string;\n      } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n        return `${value}`;\n      } else {\n        return '';\n      }\n    };\n    const _getYIndex = (value: string | Date | number): string => {\n      if (_yAxisType.current === YAxisType.DateAxis) {\n        return `${(value as Date).getTime()}`;\n      } else if (_yAxisType.current === YAxisType.StringAxis) {\n        return value as string;\n      } else if (_yAxisType.current === YAxisType.NumericAxis) {\n        return `${value}`;\n      } else {\n        return '';\n      }\n    };\n\n    const { xAxisStringFormatter } = props;\n    const _getFormattedLabelForXAxisDataPoint = React.useCallback(\n      (point: string): string => {\n        return xAxisStringFormatter ? xAxisStringFormatter(point) : point;\n      },\n      [xAxisStringFormatter],\n    );\n\n    const { yAxisStringFormatter } = props;\n    const _getFormattedLabelForYAxisDataPoint = React.useCallback(\n      (point: string): string => {\n        return yAxisStringFormatter ? yAxisStringFormatter(point) : point;\n      },\n      [yAxisStringFormatter],\n    );\n\n    /**\n     * This function will return the final sorted and formatted x-axis points\n     * which will be rendered on the x-axis\n     * @param points\n     * @returns x-axis points\n     */\n    const _getXAxisDataPoints = React.useCallback(\n      (points: { [key: string]: '1' }): string[] => {\n        let xAxisPoints: string[] = [];\n        const unFormattedXAxisDataPoints = _getOrderedXAxisLabels(points);\n        xAxisPoints = unFormattedXAxisDataPoints.map((xPoint: string) => {\n          if (_xAxisType.current === XAxisTypes.DateAxis) {\n            return _getStringFormattedDate(xPoint, props.xAxisDateFormatString);\n          } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n            return _getStringFormattedNumber(xPoint, props.xAxisNumberFormatString);\n          } else {\n            return _getFormattedLabelForXAxisDataPoint(xPoint);\n          }\n        });\n\n        return xAxisPoints;\n      },\n      [\n        _getFormattedLabelForXAxisDataPoint,\n        props.sortOrder,\n        props.xAxisDateFormatString,\n        props.xAxisNumberFormatString,\n      ],\n    );\n\n    /**\n     * This function will return the final sorted and formatted y-axis points\n     * which will be rendered on the y-axis\n     * @param points\n     * @returns yaxis points\n     */\n    const _getYAxisDataPoints = React.useCallback(\n      (points: { [key: string]: '1' }): string[] => {\n        let yAxisPoints: string[] = [];\n        const unFormattedYAxisDataPoints = _getOrderedYAxisLabels(points);\n        yAxisPoints = unFormattedYAxisDataPoints.map((yPoint: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis) {\n            return _getStringFormattedDate(yPoint, props.yAxisDateFormatString);\n          } else if (_yAxisType.current === YAxisType.NumericAxis) {\n            return _getStringFormattedNumber(yPoint, props.yAxisNumberFormatString);\n          } else {\n            return _getFormattedLabelForYAxisDataPoint(yPoint);\n          }\n        });\n\n        return yAxisPoints;\n      },\n      [\n        _getFormattedLabelForYAxisDataPoint,\n        props.sortOrder,\n        props.yAxisDateFormatString,\n        props.yAxisNumberFormatString,\n      ],\n    );\n\n    /**\n     * This will create a new data set based on the prop\n     * @data\n     * We will be using This data set to contsruct our rectangles\n     * in the chart, we use this data set becuase, when we loop in this\n     * data and build the heat map, it will support accessibility as\n     * specified in the figma\n     */\n\n    const _createNewDataSet = React.useCallback(\n      (\n        data: HeatMapChartData[],\n        xAxisDateFormatString: string | undefined,\n        xAxisNumberFormatString: string | undefined,\n        yAxisDateFormatString: string | undefined,\n        yAxisNumberFormatString: string | undefined,\n      ): DataSet => {\n        /**\n         * please do not destructure any of the props here,\n         * instead send them as parameter to this functions so that\n         * this functions get called whenever the prop changes\n         */\n        const flattenData: FlattenData[] = [];\n        /**\n         * below for each loop will store all the datapoints in the one array.\n         * basically it will flatten the nestesd array (data prop) into single array\n         * of object. where each object contains x, y, rectText , value and legend propety of single\n         * data point.\n         */\n        data.forEach((item: HeatMapChartData) => {\n          item.data.forEach((point: HeatMapChartDataPoint) => {\n            flattenData.push({ ...point, legend: item.legend });\n          });\n        });\n        const yPoints: RectanglesGraphData = {};\n        const uniqueYPoints: { [key: string]: '1' } = {};\n        const uniqueXPoints: { [key: string]: '1' } = {};\n        flattenData.forEach((item: FlattenData) => {\n          const posX = _getXIndex(item.x);\n          const posY = _getYIndex(item.y);\n\n          uniqueXPoints[posX] = '1';\n          uniqueYPoints[posY] = '1';\n          /** we will check if the property(posY) is already there in object, if  Yes,\n           *  then we will append the item in the Array related to the pos, if not\n           *  then we will simply append the item in the new Array and\n           *  assign that array to the  property (posY) in the Object\n           *  and finally we will get the array of Objects associated to each\n           *  property (which is nothing but y data point) and object in the\n           *  array are noting but x data points associated to the property y\n           */\n          if (yPoints[posY]) {\n            yPoints[posY] = [...yPoints[posY], item];\n          } else {\n            yPoints[posY] = [item];\n          }\n        });\n        /**\n         * we will now sort(ascending) the array's of y data point based on the x value\n         * sorting is important to achive the accessibility order of the\n         * rectangles and then format the x and y datapoints respectively\n         */\n        Object.keys(yPoints).forEach((item: string) => {\n          yPoints[item] = _getOrderedXPoints(yPoints[item]);\n\n          yPoints[item].forEach((datapoint: HeatMapChartDataPoint) => {\n            if (_xAxisType.current === XAxisTypes.DateAxis) {\n              datapoint.x = _getStringFormattedDate(datapoint.x as string, xAxisDateFormatString);\n            }\n            if (_xAxisType.current === XAxisTypes.NumericAxis) {\n              datapoint.x = _getStringFormattedNumber(datapoint.x as string, xAxisNumberFormatString);\n            }\n            if (_xAxisType.current === XAxisTypes.StringAxis) {\n              datapoint.x = _getFormattedLabelForXAxisDataPoint(datapoint.x as string);\n            }\n            if (_yAxisType.current === YAxisType.DateAxis) {\n              datapoint.y = _getStringFormattedDate(datapoint.y as string, yAxisDateFormatString);\n            }\n            if (_yAxisType.current === YAxisType.NumericAxis) {\n              datapoint.y = _getStringFormattedNumber(datapoint.y as string, yAxisNumberFormatString);\n            }\n            if (_yAxisType.current === YAxisType.StringAxis) {\n              datapoint.y = _getFormattedLabelForYAxisDataPoint(datapoint.y as string);\n            }\n          });\n        });\n        /**\n         * if  y-axis data points are of type date or number or if we have string formatter,\n         * then we need to change data points  to their respective string\n         * format, becuase in the private variable _stringYAxisDatapoints, points will be stored in\n         * string format. and in here `yPoint` are not so we need to change, so that\n         * function `_createRectangles` should work perfetcly while looping, and  if we don't change\n         * then `_createRectangles` will fail while looping, causing the error\n         * Cannot read property 'forEach' of undefined\n         */\n\n        Object.keys(yPoints).forEach((yPoint: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis) {\n            yPoints[_getStringFormattedDate(yPoint, yAxisDateFormatString)] = yPoints[yPoint];\n          } else if (_yAxisType.current === YAxisType.NumericAxis) {\n            yPoints[`${_getStringFormattedNumber(yPoint, yAxisNumberFormatString)}`] = yPoints[yPoint];\n          } else {\n            yPoints[_getFormattedLabelForYAxisDataPoint(yPoint)] = yPoints[yPoint];\n          }\n        });\n        /**\n         * assigning new data set\n         */\n        const dataSet = yPoints;\n        /**\n         * These are the Y axis data points which will get rendered in the\n         * Y axis in graph\n         */\n        const yAxisPoints = _getYAxisDataPoints(uniqueYPoints);\n        /**\n         * These are the x axis data points which will get rendered in the\n         * x axis in the graph\n         */\n\n        const xAxisPoints = _getXAxisDataPoints(uniqueXPoints);\n        return {\n          dataSet,\n          yAxisPoints,\n          xAxisPoints,\n        };\n      },\n      [\n        _getFormattedLabelForXAxisDataPoint,\n        _getFormattedLabelForYAxisDataPoint,\n        _getXAxisDataPoints,\n        _getYAxisDataPoints,\n        props.sortOrder,\n      ],\n    );\n\n    const _getStringFormattedDate = (point: string, formatString?: string): string => {\n      const date = new Date();\n      date.setTime(+point);\n      return d3TimeFormat(formatString || '%b/%d')(date);\n    };\n\n    const _getStringFormattedNumber = (point: string, formatString?: string): string => {\n      return d3Format(formatString || '.2~s')(+point);\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 selectedLegend === legendTitle || (selectedLegend === '' && activeLegend === legendTitle);\n    };\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    const _noLegendHighlighted = () => {\n      return selectedLegend === '' && activeLegend === '';\n    };\n\n    const _getAriaLabel = (point: FlattenData): string => {\n      const xValue = point.x;\n      const yValue = point.y;\n      const legend = point.legend;\n      const zValue = point.ratio ? `${point.ratio[0]}/${point.ratio[1]}` : point.rectText || point.value;\n      const description = point.descriptionMessage;\n      return (\n        point.callOutAccessibilityData?.ariaLabel ||\n        `${xValue}, ${yValue}. ${legend}, ${zValue}.` + (description ? ` ${description}.` : '')\n      );\n    };\n\n    const _isChartEmpty = (): boolean => {\n      return !(props.data && props.data.length > 0);\n    };\n\n    const _getChartTitle = (): string => {\n      const { chartTitle } = props;\n      const numDataPoints = props.data.reduce((acc, curr) => acc + curr.data.length, 0);\n      return (chartTitle ? `${chartTitle}. ` : '') + `Heat map chart with ${numDataPoints} data points. `;\n    };\n\n    const _getOrderedXAxisLabels = (points: { [key: string]: '1' }) => {\n      if (!_shouldOrderXAxisLabelsByCategoryOrder()) {\n        // Keep the original ordering logic as the default behavior to ensure backward compatibility\n        return Object.keys(points).sort((a: string, b: string) => {\n          if (_xAxisType.current === XAxisTypes.DateAxis || _xAxisType.current === XAxisTypes.NumericAxis) {\n            return +a - +b;\n          } else {\n            return props.sortOrder === 'none' ? 0 : a.toLowerCase() > b.toLowerCase() ? 1 : -1;\n          }\n        });\n      }\n\n      return sortAxisCategories(_mapCategoryToValues(), props.xAxisCategoryOrder);\n    };\n\n    const _getOrderedYAxisLabels = (points: { [key: string]: '1' }) => {\n      if (!_shouldOrderYAxisLabelsByCategoryOrder()) {\n        // Keep the original ordering logic as the default behavior to ensure backward compatibility\n        return Object.keys(points).sort((a: string, b: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis || _yAxisType.current === YAxisType.NumericAxis) {\n            return +a - +b;\n          } else {\n            return props.sortOrder === 'none' ? 0 : a.toLowerCase() > b.toLowerCase() ? 1 : -1;\n          }\n        });\n      }\n\n      return sortAxisCategories(_mapCategoryToValues(true), props.yAxisCategoryOrder);\n    };\n\n    const _getOrderedXPoints = (xPoints: FlattenData[]) => {\n      if (!_shouldOrderXAxisLabelsByCategoryOrder()) {\n        return xPoints.sort((a: HeatMapChartDataPoint, b: HeatMapChartDataPoint) => {\n          if (_xAxisType.current === XAxisTypes.StringAxis) {\n            return props.sortOrder === 'none'\n              ? 0\n              : (a.x as string).toLowerCase() > (b.x as string).toLowerCase()\n              ? 1\n              : -1;\n          } else if (_xAxisType.current === XAxisTypes.DateAxis) {\n            return (a.x as Date).getTime() - (b.x as Date).getTime();\n          } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n            return +(a.x as string) > +(b.x as string) ? 1 : -1;\n          } else {\n            return a.x > b.x ? 1 : -1;\n          }\n        });\n      }\n\n      const result: FlattenData[] = [];\n\n      const xValueToPoints: Record<string, FlattenData[]> = {};\n      xPoints.forEach(point => {\n        const xValue = point.x as string;\n        if (!xValueToPoints[xValue]) {\n          xValueToPoints[xValue] = [];\n        }\n        xValueToPoints[xValue].push(point);\n      });\n\n      const xAxisLabels = _getOrderedXAxisLabels({});\n      xAxisLabels.forEach(xValue => {\n        if (xValueToPoints[xValue]) {\n          result.push(...xValueToPoints[xValue]);\n        }\n      });\n\n      return result;\n    };\n\n    const _shouldOrderXAxisLabelsByCategoryOrder = () => {\n      return _xAxisType.current === XAxisTypes.StringAxis && props.xAxisCategoryOrder !== 'default';\n    };\n\n    const _shouldOrderYAxisLabelsByCategoryOrder = () => {\n      return _yAxisType.current === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n    };\n\n    const _mapCategoryToValues = (isYAxis = false) => {\n      const categoryToValues: Record<string, number[]> = {};\n      props.data.forEach(item => {\n        item.data.forEach(point => {\n          const category = (isYAxis ? point.y : point.x) as string;\n          if (!categoryToValues[category]) {\n            categoryToValues[category] = [];\n          }\n          categoryToValues[category].push(point.value);\n        });\n      });\n      return categoryToValues;\n    };\n\n    const 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      }\n    };\n\n    const { x, y } = _getXandY();\n    _xAxisType.current = getTypeOfAxis(x, true) as XAxisTypes;\n    _yAxisType.current = getTypeOfAxis(y, false) as YAxisType;\n    const { data, xAxisDateFormatString, xAxisNumberFormatString, yAxisDateFormatString, yAxisNumberFormatString } =\n      props;\n    _colorScale.current = _getColorScale();\n    const { dataSet, xAxisPoints, yAxisPoints } = React.useMemo(\n      () =>\n        _createNewDataSet(\n          data,\n          xAxisDateFormatString,\n          xAxisNumberFormatString,\n          yAxisDateFormatString,\n          yAxisNumberFormatString,\n        ),\n      [\n        _createNewDataSet,\n        data,\n        xAxisDateFormatString,\n        xAxisNumberFormatString,\n        yAxisDateFormatString,\n        yAxisNumberFormatString,\n      ],\n    );\n    _dataSet.current = dataSet;\n    _stringYAxisDataPoints.current = yAxisPoints;\n    _stringXAxisDataPoints.current = xAxisPoints;\n    const calloutProps: ChartPopoverProps = {\n      ...props.calloutProps,\n      isPopoverOpen,\n      YValue: calloutYValue,\n      legend: calloutLegend,\n      color: calloutTextColor,\n      ratio,\n      descriptionMessage,\n      clickPosition,\n      ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n      styles: {\n        calloutContentRoot: classes.calloutContentRoot!,\n      },\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n    return !_isChartEmpty() ? (\n      <CartesianChart\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={data}\n        chartType={ChartTypes.HeatMapChart}\n        xAxisType={XAxisTypes.StringAxis}\n        yAxisType={YAxisType.StringAxis}\n        calloutProps={calloutProps}\n        createYAxis={createNumericYAxis}\n        datasetForXAxisDomain={_stringXAxisDataPoints.current}\n        stringDatasetForYAxisDomain={_stringYAxisDataPoints.current}\n        createStringYAxis={createStringYAxis}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        getMinMaxOfYAxis={_getMinMaxOfYAxis}\n        getmargins={_getMargins}\n        xAxisTickCount={_stringXAxisDataPoints.current.length}\n        xAxistickSize={0}\n        xAxisPadding={0.02}\n        yAxisPadding={0.02}\n        legendBars={_createLegendBars()}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        tickParams={tickParams}\n        /* eslint-disable react/jsx-no-bind */\n        children={(p: ChildProps) => {\n          _xAxisScale.current = p.xScale;\n          _yAxisScale.current = p.yScalePrimary;\n          return _createRectangles();\n        }}\n      />\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\n"],"names":["React","ChartTypes","getAccessibleDataObject","getColorContrast","getTypeOfAxis","resolveCSSVariables","XAxisTypes","YAxisType","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","useRtl","sortAxisCategories","formatToLocaleString","CartesianChart","useId","tokens","useHeatMapChartStyles","Legends","scaleLinear","d3ScaleLinear","format","d3Format","timeFormat","d3TimeFormat","toImage","HeatMapChart","forwardRef","props","xAxisCategoryOrder","yAxisCategoryOrder","data","domainValuesForColorScale","rangeValuesForColorScale","forwardedRef","classes","_stringXAxisDataPoints","useRef","_stringYAxisDataPoints","_dataSet","_colorScale","undefined","_xAxisScale","_yAxisScale","_xAxisType","_yAxisType","_calloutAnchorPoint","_emptyChartId","_margins","cartesianChartRef","_legendsRef","_isRtl","selectedLegend","setSelectedLegend","useState","activeLegend","setActiveLegend","isPopoverOpen","setPopoverOpen","calloutLegend","setCalloutLegend","calloutTextColor","setCalloutTextColor","calloutYValue","setCalloutYValue","ratio","setRatio","descriptionMessage","setDescriptionMessage","callOutAccessibilityData","setCallOutAccessibilityData","clickPosition","setClickPosition","x","y","useImperativeHandle","componentRef","chartContainer","current","opts","toSVG","_getMinMaxOfYAxis","startValue","endValue","_getDomainNRangeValues","points","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","_getXandY","forEach","item","length","_getMargins","_getOpacity","legendTitle","opacity","_legendHighlighted","_noLegendHighlighted","_onRectFocus","id","focusEvent","boundingRect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","height","updatePosition","legend","rectText","Number","isNaN","value","colorNeutralForeground1","_onRectMouseOver","mouseEvent","persist","_onRectBlurOrMouseOut","_handleChartMouseLeave","_getInvertedTextColor","color","colorNeutralBackground1","_createRectangles","rectangles","yAxisDataPoints","slice","reverse","yAxisDataPoint","index","xAxisDataPoint","rectElement","dataPointObject","styleRules","foregroundColor","contrastRatio","g","key","role","aria-label","_getAriaLabel","tabIndex","fillOpacity","transform","onFocus","e","onBlur","onMouseOver","onMouseOut","rect","fill","bandwidth","onClick","text","dominantBaseline","textAnchor","className","culture","useUTC","NaN","push","_onLegendHover","_onLegendLeave","_onLegendClick","_createLegendBars","legendProps","legends","title","action","hoverAction","onMouseOutAction","legendRef","_getColorScale","domain","range","_getXIndex","getTime","StringAxis","_getYIndex","xAxisStringFormatter","_getFormattedLabelForXAxisDataPoint","useCallback","point","yAxisStringFormatter","_getFormattedLabelForYAxisDataPoint","_getXAxisDataPoints","xAxisPoints","unFormattedXAxisDataPoints","_getOrderedXAxisLabels","map","xPoint","_getStringFormattedDate","xAxisDateFormatString","_getStringFormattedNumber","xAxisNumberFormatString","sortOrder","_getYAxisDataPoints","yAxisPoints","unFormattedYAxisDataPoints","_getOrderedYAxisLabels","yPoint","yAxisDateFormatString","yAxisNumberFormatString","_createNewDataSet","flattenData","yPoints","uniqueYPoints","uniqueXPoints","posX","posY","Object","keys","_getOrderedXPoints","datapoint","dataSet","formatString","date","Date","setTime","xValue","yValue","zValue","description","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","numDataPoints","reduce","acc","curr","_shouldOrderXAxisLabelsByCategoryOrder","sort","a","b","toLowerCase","_mapCategoryToValues","_shouldOrderYAxisLabelsByCategoryOrder","xPoints","result","xValueToPoints","xAxisLabels","isYAxis","categoryToValues","category","newX","newY","threshold","distance","Math","sqrt","pow","useMemo","calloutProps","YValue","styles","calloutContentRoot","tickParams","tickFormat","yAxisType","createYAxis","datasetForXAxisDomain","stringDatasetForYAxisDomain","getDomainNRangeValues","getMinMaxOfYAxis","getmargins","xAxisTickCount","xAxistickSize","xAxisPadding","yAxisPadding","legendBars","onChartMouseLeave","children","p","xScale","yScalePrimary","div","style"],"mappings":"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"}
+{"version":3,"sources":["../src/components/HeatMapChart/HeatMapChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { HeatMapChartProps } from './HeatMapChart.types';\nimport { AccessibilityProps, HeatMapChartData, HeatMapChartDataPoint, Margins } from '../../types/index';\nimport {\n  ChartTypes,\n  getAccessibleDataObject,\n  getColorContrast,\n  getTypeOfAxis,\n  resolveCSSVariables,\n  XAxisTypes,\n  YAxisType,\n  createNumericYAxis,\n  IMargins,\n  IDomainNRange,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { CartesianChart, ChartPopoverProps, ChildProps } from '../CommonComponents/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useHeatMapChartStyles } from './useHeatMapChartStyles.styles';\nimport { Legend, Legends } from '../Legends/index';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { format as d3Format } from 'd3-format';\nimport { timeFormat as d3TimeFormat } from 'd3-time-format';\nimport { useImageExport } from '../../utilities/hooks';\n\ntype DataSet = {\n  dataSet: RectanglesGraphData;\n  yAxisPoints: string[];\n  xAxisPoints: string[];\n};\ntype FlattenData = HeatMapChartDataPoint & {\n  legend: string;\n};\ntype RectanglesGraphData = { [key: string]: FlattenData[] };\n\nexport const HeatMapChart: React.FunctionComponent<HeatMapChartProps> = React.forwardRef<\n  HTMLDivElement,\n  HeatMapChartProps\n>(\n  (\n    props = {\n      xAxisCategoryOrder: 'default',\n      yAxisCategoryOrder: 'default',\n      data: [],\n      domainValuesForColorScale: [],\n      rangeValuesForColorScale: [],\n    },\n    forwardedRef,\n  ) => {\n    const classes = useHeatMapChartStyles(props);\n    const _stringXAxisDataPoints = React.useRef<string[]>([]);\n    const _stringYAxisDataPoints = React.useRef<string[]>([]);\n    const _dataSet = React.useRef<RectanglesGraphData>({});\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _colorScale = React.useRef<any>(undefined);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _xAxisScale = React.useRef<any>(undefined);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _yAxisScale = React.useRef<any>(undefined);\n    const _xAxisType = React.useRef<XAxisTypes | undefined>(undefined);\n    const _yAxisType = React.useRef<YAxisType | undefined>(undefined);\n    const _calloutAnchorPoint = React.useRef<FlattenData | null>(null);\n    const _emptyChartId = useId('_HeatMap_empty');\n    const _margins = React.useRef<Margins>({});\n    const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n\n    const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n    const [activeLegend, setActiveLegend] = React.useState<string>('');\n    const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n    const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n    const [calloutTextColor, setCalloutTextColor] = React.useState<string>('');\n    const [calloutYValue, setCalloutYValue] = React.useState<string>('');\n    const [ratio, setRatio] = React.useState<[number, number]>();\n    const [descriptionMessage, setDescriptionMessage] = React.useState<string>('');\n    const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n\n    function _getMinMaxOfYAxis() {\n      return { startValue: 0, endValue: 0 };\n    }\n\n    function _getDomainNRangeValues(\n      points: HeatMapChartDataPoint[],\n      margins: IMargins,\n      width: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n    ) {\n      let domainNRangeValue: IDomainNRange;\n      if (xAxisType === XAxisTypes.NumericAxis || xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      } else {\n        domainNRangeValue = domainRangeOfXStringAxis(_margins.current, width, isRTL);\n      }\n      return domainNRangeValue;\n    }\n\n    const _getXandY = (): { x: string | Date | number; y: string | Date | number } => {\n      let x: string | Date | number = '';\n      let y: string | Date | number = '';\n      props.data.forEach((item: HeatMapChartData) => {\n        if (item.data && item.data.length > 0) {\n          x = item.data[0].x;\n          y = item.data[0].y;\n          return { x, y };\n        }\n      });\n      return { x, y };\n    };\n\n    const _getMargins = (margins: Margins) => {\n      _margins.current = margins;\n    };\n\n    const _getOpacity = (legendTitle: string): string => {\n      const opacity = _legendHighlighted(legendTitle) || _noLegendHighlighted() ? '1' : '0.1';\n      return opacity;\n    };\n\n    const _onRectFocus = (id: string, data: FlattenData, focusEvent: React.FocusEvent<SVGGElement>): void => {\n      const boundingRect = focusEvent.currentTarget.getBoundingClientRect();\n      const clientX = boundingRect.left + boundingRect.width / 2;\n      const clientY = boundingRect.top + boundingRect.height / 2;\n      updatePosition(clientX, clientY);\n      /** Show the callout if highlighted rectangle is focused and Hide it if unhighlighted rectangle is focused */\n      setPopoverOpen(selectedLegend === '' || selectedLegend === data.legend);\n      setCalloutYValue(`${data.rectText}`);\n      setCalloutTextColor(Number.isNaN(data.value) ? tokens.colorNeutralForeground1 : _colorScale.current(data.value));\n      setCalloutLegend(data.legend);\n      setRatio(data.ratio);\n      setDescriptionMessage(data.descriptionMessage || '');\n      setCallOutAccessibilityData(data.callOutAccessibilityData);\n    };\n\n    const _onRectMouseOver = (id: string, data: FlattenData, mouseEvent: React.MouseEvent<SVGGElement>): void => {\n      mouseEvent.persist();\n      if (_calloutAnchorPoint.current !== data) {\n        _calloutAnchorPoint.current = data;\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        /** Show the callout if highlighted rectangle is hovered and Hide it if unhighlighted rectangle is hovered */\n        setPopoverOpen(selectedLegend === '' || selectedLegend === data.legend);\n        setCalloutYValue(`${data.rectText}`);\n        setCalloutTextColor(\n          Number.isNaN(data.value) ? tokens.colorNeutralForeground1 : _colorScale.current(data.value),\n        );\n        setCalloutLegend(data.legend);\n        setRatio(data.ratio);\n        setDescriptionMessage(data.descriptionMessage || '');\n        setCallOutAccessibilityData(data.callOutAccessibilityData);\n      }\n    };\n\n    const _onRectBlurOrMouseOut = (): void => {\n      /**/\n    };\n\n    const _handleChartMouseLeave = (): void => {\n      _calloutAnchorPoint.current = null;\n      setPopoverOpen(false);\n    };\n\n    const _getInvertedTextColor = (color: string): string => {\n      return color === tokens.colorNeutralForeground1 ? tokens.colorNeutralBackground1 : tokens.colorNeutralForeground1;\n    };\n\n    /**\n     * This is the function which is responsible for\n     * drawing the rectangle in the graph and also\n     * attaching dom events to that rectangles\n     */\n    const _createRectangles = (): React.ReactNode => {\n      const rectangles: JSXElement[] = [];\n      const yAxisDataPoints = _stringYAxisDataPoints.current.slice().reverse();\n      /**\n       * yAxisDataPoint is noting but the DataPoint\n       * which will be rendered on the y-axis\n       */\n      yAxisDataPoints.forEach((yAxisDataPoint: string) => {\n        let index = 0;\n        _stringXAxisDataPoints.current.forEach((xAxisDataPoint: string) => {\n          let rectElement: JSXElement;\n          const id = `x${xAxisDataPoint}y${yAxisDataPoint}`;\n          if (\n            _dataSet.current[yAxisDataPoint][index]?.x === xAxisDataPoint &&\n            typeof _dataSet.current[yAxisDataPoint][index]?.value === 'number'\n          ) {\n            /**\n             * dataPointObject is an object where it contains information on single\n             * data point such as x, y , value, rectText property of the rectangle\n             */\n            const dataPointObject = _dataSet.current[yAxisDataPoint][index];\n            let styleRules = '';\n            let foregroundColor = tokens.colorNeutralForeground1;\n            if (cartesianChartRef.current?.chartContainer) {\n              styleRules = resolveCSSVariables(cartesianChartRef.current.chartContainer, foregroundColor);\n            }\n            const contrastRatio = getColorContrast(styleRules, _colorScale.current(dataPointObject.value));\n            if (contrastRatio < 3) {\n              foregroundColor = _getInvertedTextColor(foregroundColor);\n            }\n            rectElement = (\n              <g\n                key={id}\n                role=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_legendHighlighted(dataPointObject.legend) || _noLegendHighlighted() ? 0 : -1}\n                fillOpacity={_getOpacity(dataPointObject.legend)}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill={_colorScale.current(dataPointObject.value)}\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                  onClick={dataPointObject.onClick}\n                />\n                <text\n                  dominantBaseline={'middle'}\n                  textAnchor={'middle'}\n                  className={classes.text}\n                  transform={`translate(${_xAxisScale.current.bandwidth() / 2}, ${\n                    _yAxisScale.current.bandwidth() / 2\n                  })`}\n                  fill={foregroundColor}\n                >\n                  {formatToLocaleString(dataPointObject.rectText, props.culture, props.useUTC) as React.ReactNode}\n                </text>\n              </g>\n            );\n            index++;\n          } else {\n            const dataPointObject: FlattenData = {\n              x: xAxisDataPoint,\n              y: yAxisDataPoint,\n              value: NaN,\n              rectText: 'No data available',\n              legend: '',\n            };\n            rectElement = (\n              <g\n                key={id}\n                role=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_noLegendHighlighted() ? 0 : -1}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill=\"transparent\"\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                />\n              </g>\n            );\n          }\n          rectangles.push(rectElement);\n        });\n      });\n      return rectangles;\n    };\n    /**\n     * when the legend is hovered we need to highlight\n     * all the rectangles which fall under that category\n     * and un-highlight the rest of them\n     * @param legendTitle\n     */\n    const _onLegendHover = (legendTitle: string): void => {\n      setActiveLegend(legendTitle);\n    };\n\n    /**\n     * when the mouse is out from the legend , we need\n     * to show the graph in initial mode.\n     */\n    const _onLegendLeave = (): void => {\n      setActiveLegend('');\n    };\n    /**\n     * @param legendTitle\n     * when the legend is clicked we need to highlight\n     * all the rectangles which fall under that category\n     * and un highlight the rest of them\n     */\n    const _onLegendClick = (legendTitle: string): void => {\n      /**\n       * check if the legend is already selceted,\n       * if yes, un-select the legend, else\n       * set the selected legend state to legendTitle\n       */\n      if (selectedLegend === legendTitle) {\n        setSelectedLegend('');\n      } else {\n        setSelectedLegend(legendTitle);\n      }\n    };\n    const _createLegendBars = (): JSXElement => {\n      const { data, legendProps } = props;\n      const legends: Legend[] = [];\n      data.forEach((item: HeatMapChartData) => {\n        const legend: Legend = {\n          title: item.legend,\n          color: _colorScale.current(item.value),\n          action: () => {\n            _onLegendClick(item.legend);\n          },\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(item.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n        legends.push(legend);\n      });\n      return <Legends {...legendProps} legends={legends} legendRef={_legendsRef} />;\n    };\n\n    const _getColorScale = () => {\n      const { domainValuesForColorScale, rangeValuesForColorScale } = props;\n      return d3ScaleLinear()\n        .domain(domainValuesForColorScale)\n        .range(rangeValuesForColorScale as unknown as number[]);\n    };\n\n    const _getXIndex = (value: string | Date | number): string => {\n      if (_xAxisType.current === XAxisTypes.DateAxis) {\n        return `${(value as Date).getTime()}`;\n      } else if (_xAxisType.current === XAxisTypes.StringAxis) {\n        return value as string;\n      } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n        return `${value}`;\n      } else {\n        return '';\n      }\n    };\n    const _getYIndex = (value: string | Date | number): string => {\n      if (_yAxisType.current === YAxisType.DateAxis) {\n        return `${(value as Date).getTime()}`;\n      } else if (_yAxisType.current === YAxisType.StringAxis) {\n        return value as string;\n      } else if (_yAxisType.current === YAxisType.NumericAxis) {\n        return `${value}`;\n      } else {\n        return '';\n      }\n    };\n\n    const { xAxisStringFormatter } = props;\n    const _getFormattedLabelForXAxisDataPoint = React.useCallback(\n      (point: string): string => {\n        return xAxisStringFormatter ? xAxisStringFormatter(point) : point;\n      },\n      [xAxisStringFormatter],\n    );\n\n    const { yAxisStringFormatter } = props;\n    const _getFormattedLabelForYAxisDataPoint = React.useCallback(\n      (point: string): string => {\n        return yAxisStringFormatter ? yAxisStringFormatter(point) : point;\n      },\n      [yAxisStringFormatter],\n    );\n\n    /**\n     * This function will return the final sorted and formatted x-axis points\n     * which will be rendered on the x-axis\n     * @param points\n     * @returns x-axis points\n     */\n    const _getXAxisDataPoints = React.useCallback(\n      (points: { [key: string]: '1' }): string[] => {\n        let xAxisPoints: string[] = [];\n        const unFormattedXAxisDataPoints = _getOrderedXAxisLabels(points);\n        xAxisPoints = unFormattedXAxisDataPoints.map((xPoint: string) => {\n          if (_xAxisType.current === XAxisTypes.DateAxis) {\n            return _getStringFormattedDate(xPoint, props.xAxisDateFormatString);\n          } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n            return _getStringFormattedNumber(xPoint, props.xAxisNumberFormatString);\n          } else {\n            return _getFormattedLabelForXAxisDataPoint(xPoint);\n          }\n        });\n\n        return xAxisPoints;\n      },\n      [\n        _getFormattedLabelForXAxisDataPoint,\n        props.sortOrder,\n        props.xAxisDateFormatString,\n        props.xAxisNumberFormatString,\n      ],\n    );\n\n    /**\n     * This function will return the final sorted and formatted y-axis points\n     * which will be rendered on the y-axis\n     * @param points\n     * @returns yaxis points\n     */\n    const _getYAxisDataPoints = React.useCallback(\n      (points: { [key: string]: '1' }): string[] => {\n        let yAxisPoints: string[] = [];\n        const unFormattedYAxisDataPoints = _getOrderedYAxisLabels(points);\n        yAxisPoints = unFormattedYAxisDataPoints.map((yPoint: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis) {\n            return _getStringFormattedDate(yPoint, props.yAxisDateFormatString);\n          } else if (_yAxisType.current === YAxisType.NumericAxis) {\n            return _getStringFormattedNumber(yPoint, props.yAxisNumberFormatString);\n          } else {\n            return _getFormattedLabelForYAxisDataPoint(yPoint);\n          }\n        });\n\n        return yAxisPoints;\n      },\n      [\n        _getFormattedLabelForYAxisDataPoint,\n        props.sortOrder,\n        props.yAxisDateFormatString,\n        props.yAxisNumberFormatString,\n      ],\n    );\n\n    /**\n     * This will create a new data set based on the prop\n     * @data\n     * We will be using This data set to contsruct our rectangles\n     * in the chart, we use this data set becuase, when we loop in this\n     * data and build the heat map, it will support accessibility as\n     * specified in the figma\n     */\n\n    const _createNewDataSet = React.useCallback(\n      (\n        data: HeatMapChartData[],\n        xAxisDateFormatString: string | undefined,\n        xAxisNumberFormatString: string | undefined,\n        yAxisDateFormatString: string | undefined,\n        yAxisNumberFormatString: string | undefined,\n      ): DataSet => {\n        /**\n         * please do not destructure any of the props here,\n         * instead send them as parameter to this functions so that\n         * this functions get called whenever the prop changes\n         */\n        const flattenData: FlattenData[] = [];\n        /**\n         * below for each loop will store all the datapoints in the one array.\n         * basically it will flatten the nestesd array (data prop) into single array\n         * of object. where each object contains x, y, rectText , value and legend propety of single\n         * data point.\n         */\n        data.forEach((item: HeatMapChartData) => {\n          item.data.forEach((point: HeatMapChartDataPoint) => {\n            flattenData.push({ ...point, legend: item.legend });\n          });\n        });\n        const yPoints: RectanglesGraphData = {};\n        const uniqueYPoints: { [key: string]: '1' } = {};\n        const uniqueXPoints: { [key: string]: '1' } = {};\n        flattenData.forEach((item: FlattenData) => {\n          const posX = _getXIndex(item.x);\n          const posY = _getYIndex(item.y);\n\n          uniqueXPoints[posX] = '1';\n          uniqueYPoints[posY] = '1';\n          /** we will check if the property(posY) is already there in object, if  Yes,\n           *  then we will append the item in the Array related to the pos, if not\n           *  then we will simply append the item in the new Array and\n           *  assign that array to the  property (posY) in the Object\n           *  and finally we will get the array of Objects associated to each\n           *  property (which is nothing but y data point) and object in the\n           *  array are noting but x data points associated to the property y\n           */\n          if (yPoints[posY]) {\n            yPoints[posY] = [...yPoints[posY], item];\n          } else {\n            yPoints[posY] = [item];\n          }\n        });\n        /**\n         * we will now sort(ascending) the array's of y data point based on the x value\n         * sorting is important to achive the accessibility order of the\n         * rectangles and then format the x and y datapoints respectively\n         */\n        Object.keys(yPoints).forEach((item: string) => {\n          yPoints[item] = _getOrderedXPoints(yPoints[item]);\n\n          yPoints[item].forEach((datapoint: HeatMapChartDataPoint) => {\n            if (_xAxisType.current === XAxisTypes.DateAxis) {\n              datapoint.x = _getStringFormattedDate(datapoint.x as string, xAxisDateFormatString);\n            }\n            if (_xAxisType.current === XAxisTypes.NumericAxis) {\n              datapoint.x = _getStringFormattedNumber(datapoint.x as string, xAxisNumberFormatString);\n            }\n            if (_xAxisType.current === XAxisTypes.StringAxis) {\n              datapoint.x = _getFormattedLabelForXAxisDataPoint(datapoint.x as string);\n            }\n            if (_yAxisType.current === YAxisType.DateAxis) {\n              datapoint.y = _getStringFormattedDate(datapoint.y as string, yAxisDateFormatString);\n            }\n            if (_yAxisType.current === YAxisType.NumericAxis) {\n              datapoint.y = _getStringFormattedNumber(datapoint.y as string, yAxisNumberFormatString);\n            }\n            if (_yAxisType.current === YAxisType.StringAxis) {\n              datapoint.y = _getFormattedLabelForYAxisDataPoint(datapoint.y as string);\n            }\n          });\n        });\n        /**\n         * if  y-axis data points are of type date or number or if we have string formatter,\n         * then we need to change data points  to their respective string\n         * format, becuase in the private variable _stringYAxisDatapoints, points will be stored in\n         * string format. and in here `yPoint` are not so we need to change, so that\n         * function `_createRectangles` should work perfetcly while looping, and  if we don't change\n         * then `_createRectangles` will fail while looping, causing the error\n         * Cannot read property 'forEach' of undefined\n         */\n\n        Object.keys(yPoints).forEach((yPoint: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis) {\n            yPoints[_getStringFormattedDate(yPoint, yAxisDateFormatString)] = yPoints[yPoint];\n          } else if (_yAxisType.current === YAxisType.NumericAxis) {\n            yPoints[`${_getStringFormattedNumber(yPoint, yAxisNumberFormatString)}`] = yPoints[yPoint];\n          } else {\n            yPoints[_getFormattedLabelForYAxisDataPoint(yPoint)] = yPoints[yPoint];\n          }\n        });\n        /**\n         * assigning new data set\n         */\n        const dataSet = yPoints;\n        /**\n         * These are the Y axis data points which will get rendered in the\n         * Y axis in graph\n         */\n        const yAxisPoints = _getYAxisDataPoints(uniqueYPoints);\n        /**\n         * These are the x axis data points which will get rendered in the\n         * x axis in the graph\n         */\n\n        const xAxisPoints = _getXAxisDataPoints(uniqueXPoints);\n        return {\n          dataSet,\n          yAxisPoints,\n          xAxisPoints,\n        };\n      },\n      [\n        _getFormattedLabelForXAxisDataPoint,\n        _getFormattedLabelForYAxisDataPoint,\n        _getXAxisDataPoints,\n        _getYAxisDataPoints,\n        props.sortOrder,\n      ],\n    );\n\n    const _getStringFormattedDate = (point: string, formatString?: string): string => {\n      const date = new Date();\n      date.setTime(+point);\n      return d3TimeFormat(formatString || '%b/%d')(date);\n    };\n\n    const _getStringFormattedNumber = (point: string, formatString?: string): string => {\n      return d3Format(formatString || '.2~s')(+point);\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 selectedLegend === legendTitle || (selectedLegend === '' && activeLegend === legendTitle);\n    };\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    const _noLegendHighlighted = () => {\n      return selectedLegend === '' && activeLegend === '';\n    };\n\n    const _getAriaLabel = (point: FlattenData): string => {\n      const xValue = point.x;\n      const yValue = point.y;\n      const legend = point.legend;\n      const zValue = point.ratio ? `${point.ratio[0]}/${point.ratio[1]}` : point.rectText || point.value;\n      const description = point.descriptionMessage;\n      return (\n        point.callOutAccessibilityData?.ariaLabel ||\n        `${xValue}, ${yValue}. ${legend}, ${zValue}.` + (description ? ` ${description}.` : '')\n      );\n    };\n\n    const _isChartEmpty = (): boolean => {\n      return !(props.data && props.data.length > 0);\n    };\n\n    const _getChartTitle = (): string => {\n      const { chartTitle } = props;\n      const numDataPoints = props.data.reduce((acc, curr) => acc + curr.data.length, 0);\n      return (chartTitle ? `${chartTitle}. ` : '') + `Heat map chart with ${numDataPoints} data points. `;\n    };\n\n    const _getOrderedXAxisLabels = (points: { [key: string]: '1' }) => {\n      if (!_shouldOrderXAxisLabelsByCategoryOrder()) {\n        // Keep the original ordering logic as the default behavior to ensure backward compatibility\n        return Object.keys(points).sort((a: string, b: string) => {\n          if (_xAxisType.current === XAxisTypes.DateAxis || _xAxisType.current === XAxisTypes.NumericAxis) {\n            return +a - +b;\n          } else {\n            return props.sortOrder === 'none' ? 0 : a.toLowerCase() > b.toLowerCase() ? 1 : -1;\n          }\n        });\n      }\n\n      return sortAxisCategories(_mapCategoryToValues(), props.xAxisCategoryOrder);\n    };\n\n    const _getOrderedYAxisLabels = (points: { [key: string]: '1' }) => {\n      if (!_shouldOrderYAxisLabelsByCategoryOrder()) {\n        // Keep the original ordering logic as the default behavior to ensure backward compatibility\n        return Object.keys(points).sort((a: string, b: string) => {\n          if (_yAxisType.current === YAxisType.DateAxis || _yAxisType.current === YAxisType.NumericAxis) {\n            return +a - +b;\n          } else {\n            return props.sortOrder === 'none' ? 0 : a.toLowerCase() > b.toLowerCase() ? 1 : -1;\n          }\n        });\n      }\n\n      return sortAxisCategories(_mapCategoryToValues(true), props.yAxisCategoryOrder);\n    };\n\n    const _getOrderedXPoints = (xPoints: FlattenData[]) => {\n      if (!_shouldOrderXAxisLabelsByCategoryOrder()) {\n        return xPoints.sort((a: HeatMapChartDataPoint, b: HeatMapChartDataPoint) => {\n          if (_xAxisType.current === XAxisTypes.StringAxis) {\n            return props.sortOrder === 'none'\n              ? 0\n              : (a.x as string).toLowerCase() > (b.x as string).toLowerCase()\n              ? 1\n              : -1;\n          } else if (_xAxisType.current === XAxisTypes.DateAxis) {\n            return (a.x as Date).getTime() - (b.x as Date).getTime();\n          } else if (_xAxisType.current === XAxisTypes.NumericAxis) {\n            return +(a.x as string) > +(b.x as string) ? 1 : -1;\n          } else {\n            return a.x > b.x ? 1 : -1;\n          }\n        });\n      }\n\n      const result: FlattenData[] = [];\n\n      const xValueToPoints: Record<string, FlattenData[]> = {};\n      xPoints.forEach(point => {\n        const xValue = point.x as string;\n        if (!xValueToPoints[xValue]) {\n          xValueToPoints[xValue] = [];\n        }\n        xValueToPoints[xValue].push(point);\n      });\n\n      const xAxisLabels = _getOrderedXAxisLabels({});\n      xAxisLabels.forEach(xValue => {\n        if (xValueToPoints[xValue]) {\n          result.push(...xValueToPoints[xValue]);\n        }\n      });\n\n      return result;\n    };\n\n    const _shouldOrderXAxisLabelsByCategoryOrder = () => {\n      return _xAxisType.current === XAxisTypes.StringAxis && props.xAxisCategoryOrder !== 'default';\n    };\n\n    const _shouldOrderYAxisLabelsByCategoryOrder = () => {\n      return _yAxisType.current === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n    };\n\n    const _mapCategoryToValues = (isYAxis = false) => {\n      const categoryToValues: Record<string, number[]> = {};\n      props.data.forEach(item => {\n        item.data.forEach(point => {\n          const category = (isYAxis ? point.y : point.x) as string;\n          if (!categoryToValues[category]) {\n            categoryToValues[category] = [];\n          }\n          categoryToValues[category].push(point.value);\n        });\n      });\n      return categoryToValues;\n    };\n\n    const 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      }\n    };\n\n    const { x, y } = _getXandY();\n    _xAxisType.current = getTypeOfAxis(x, true) as XAxisTypes;\n    _yAxisType.current = getTypeOfAxis(y, false) as YAxisType;\n    const { data, xAxisDateFormatString, xAxisNumberFormatString, yAxisDateFormatString, yAxisNumberFormatString } =\n      props;\n    _colorScale.current = _getColorScale();\n    const { dataSet, xAxisPoints, yAxisPoints } = React.useMemo(\n      () =>\n        _createNewDataSet(\n          data,\n          xAxisDateFormatString,\n          xAxisNumberFormatString,\n          yAxisDateFormatString,\n          yAxisNumberFormatString,\n        ),\n      [\n        _createNewDataSet,\n        data,\n        xAxisDateFormatString,\n        xAxisNumberFormatString,\n        yAxisDateFormatString,\n        yAxisNumberFormatString,\n      ],\n    );\n    _dataSet.current = dataSet;\n    _stringYAxisDataPoints.current = yAxisPoints;\n    _stringXAxisDataPoints.current = xAxisPoints;\n    const calloutProps: ChartPopoverProps = {\n      ...props.calloutProps,\n      isPopoverOpen,\n      YValue: calloutYValue,\n      legend: calloutLegend,\n      color: calloutTextColor,\n      ratio,\n      descriptionMessage,\n      clickPosition,\n      ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),\n      styles: {\n        calloutContentRoot: classes.calloutContentRoot!,\n      },\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n    return !_isChartEmpty() ? (\n      <CartesianChart\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={data}\n        chartType={ChartTypes.HeatMapChart}\n        xAxisType={XAxisTypes.StringAxis}\n        yAxisType={YAxisType.StringAxis}\n        calloutProps={calloutProps}\n        createYAxis={createNumericYAxis}\n        datasetForXAxisDomain={_stringXAxisDataPoints.current}\n        stringDatasetForYAxisDomain={_stringYAxisDataPoints.current}\n        createStringYAxis={createStringYAxis}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        getMinMaxOfYAxis={_getMinMaxOfYAxis}\n        getmargins={_getMargins}\n        xAxisTickCount={_stringXAxisDataPoints.current.length}\n        xAxistickSize={0}\n        xAxisPadding={0.02}\n        yAxisPadding={0.02}\n        legendBars={_createLegendBars()}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        tickParams={tickParams}\n        /* eslint-disable react/jsx-no-bind */\n        children={(p: ChildProps) => {\n          _xAxisScale.current = p.xScale;\n          _yAxisScale.current = p.yScalePrimary;\n          return _createRectangles();\n        }}\n      />\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\n"],"names":["React","ChartTypes","getAccessibleDataObject","getColorContrast","getTypeOfAxis","resolveCSSVariables","XAxisTypes","YAxisType","createNumericYAxis","domainRangeOfXStringAxis","createStringYAxis","sortAxisCategories","formatToLocaleString","CartesianChart","useId","tokens","useHeatMapChartStyles","Legends","scaleLinear","d3ScaleLinear","format","d3Format","timeFormat","d3TimeFormat","useImageExport","HeatMapChart","forwardRef","props","xAxisCategoryOrder","yAxisCategoryOrder","data","domainValuesForColorScale","rangeValuesForColorScale","forwardedRef","classes","_stringXAxisDataPoints","useRef","_stringYAxisDataPoints","_dataSet","_colorScale","undefined","_xAxisScale","_yAxisScale","_xAxisType","_yAxisType","_calloutAnchorPoint","_emptyChartId","_margins","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","selectedLegend","setSelectedLegend","useState","activeLegend","setActiveLegend","isPopoverOpen","setPopoverOpen","calloutLegend","setCalloutLegend","calloutTextColor","setCalloutTextColor","calloutYValue","setCalloutYValue","ratio","setRatio","descriptionMessage","setDescriptionMessage","callOutAccessibilityData","setCallOutAccessibilityData","clickPosition","setClickPosition","x","y","_getMinMaxOfYAxis","startValue","endValue","_getDomainNRangeValues","points","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","current","_getXandY","forEach","item","length","_getMargins","_getOpacity","legendTitle","opacity","_legendHighlighted","_noLegendHighlighted","_onRectFocus","id","focusEvent","boundingRect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","height","updatePosition","legend","rectText","Number","isNaN","value","colorNeutralForeground1","_onRectMouseOver","mouseEvent","persist","_onRectBlurOrMouseOut","_handleChartMouseLeave","_getInvertedTextColor","color","colorNeutralBackground1","_createRectangles","rectangles","yAxisDataPoints","slice","reverse","yAxisDataPoint","index","xAxisDataPoint","rectElement","dataPointObject","styleRules","foregroundColor","chartContainer","contrastRatio","g","key","role","aria-label","_getAriaLabel","tabIndex","fillOpacity","transform","onFocus","e","onBlur","onMouseOver","onMouseOut","rect","fill","bandwidth","onClick","text","dominantBaseline","textAnchor","className","culture","useUTC","NaN","push","_onLegendHover","_onLegendLeave","_onLegendClick","_createLegendBars","legendProps","legends","title","action","hoverAction","onMouseOutAction","legendRef","_getColorScale","domain","range","_getXIndex","getTime","StringAxis","_getYIndex","xAxisStringFormatter","_getFormattedLabelForXAxisDataPoint","useCallback","point","yAxisStringFormatter","_getFormattedLabelForYAxisDataPoint","_getXAxisDataPoints","xAxisPoints","unFormattedXAxisDataPoints","_getOrderedXAxisLabels","map","xPoint","_getStringFormattedDate","xAxisDateFormatString","_getStringFormattedNumber","xAxisNumberFormatString","sortOrder","_getYAxisDataPoints","yAxisPoints","unFormattedYAxisDataPoints","_getOrderedYAxisLabels","yPoint","yAxisDateFormatString","yAxisNumberFormatString","_createNewDataSet","flattenData","yPoints","uniqueYPoints","uniqueXPoints","posX","posY","Object","keys","_getOrderedXPoints","datapoint","dataSet","formatString","date","Date","setTime","xValue","yValue","zValue","description","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","numDataPoints","reduce","acc","curr","_shouldOrderXAxisLabelsByCategoryOrder","sort","a","b","toLowerCase","_mapCategoryToValues","_shouldOrderYAxisLabelsByCategoryOrder","xPoints","result","xValueToPoints","xAxisLabels","isYAxis","categoryToValues","category","newX","newY","threshold","distance","Math","sqrt","pow","useMemo","calloutProps","YValue","styles","calloutContentRoot","tickParams","tickFormat","yAxisType","createYAxis","datasetForXAxisDomain","stringDatasetForYAxisDomain","getDomainNRangeValues","getMinMaxOfYAxis","getmargins","xAxisTickCount","xAxistickSize","xAxisPadding","yAxisPadding","legendBars","onChartMouseLeave","children","p","xScale","yScalePrimary","div","style"],"mappings":"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"}

package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js

@@ -8,7 +8,7 @@ import { CartesianChart } from '../CommonComponents/CartesianChart';
 import { ChartPopover } from '../CommonComponents/ChartPopover';
 import { ChartTypes, getAccessibleDataObject, YAxisType, XAxisTypes, getTypeOfAxis, getNextColor, findHBCWANumericMinMaxOfY, createYAxisForHorizontalBarChartWithAxis, domainRangeOfNumericForHorizontalBarChartWithAxis, createStringYAxisForHorizontalBarChartWithAxis, areArraysEqual, useRtl, DataVizPalette, getColorFromToken, computeLongestBars, groupChartDataByYValue, MIN_DOMAIN_MARGIN, sortAxisCategories } from '../../utilities/index';
 import { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';
-import { toImage } from '../../utilities/image-export-utils';
+import { useImageExport } from '../../utilities/hooks';
 export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props = {
     yAxisCategoryOrder: 'default'
 }, forwardedRef)=>{
@@ -33,9 +33,8 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
     let _domainMargin = MIN_DOMAIN_MARGIN;
     var _props_yAxisPadding;
     let _yAxisPadding = (_props_yAxisPadding = props.yAxisPadding) !== null && _props_yAxisPadding !== void 0 ? _props_yAxisPadding : 0.5;
-    const cartesianChartRef = React.useRef(null);
+    const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);
     const X_ORIGIN = 0;
-    const _legendsRef = React.useRef(null);
     const [color, setColor] = React.useState('');
     const [dataForHoverCard, setDataForHoverCard] = React.useState(0);
     const [isLegendSelected, setIsLegendSelected] = React.useState(((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends) && props.legendProps.selectedLegends.length > 0 || ((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegend) !== undefined);
@@ -66,17 +65,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
     }, [
         props
     ]);
-    React.useImperativeHandle(props.componentRef, ()=>{
-        var _cartesianChartRef_current;
-        var _cartesianChartRef_current_chartContainer;
-        return {
-            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
-            toImage: (opts)=>{
-                var _cartesianChartRef_current, _legendsRef_current;
-                return toImage((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRtl, opts);
-            }
-        };
-    }, []);
     function _adjustProps() {
         _points = props.data || [];
         _barHeight = props.barHeight || 32;
@@ -99,7 +87,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
                 selectedPointIndex = index;
             }
         });
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         let color;
         if (useSingleColor) {
             //if useSingle color , then check if user has given a palette or not
@@ -118,7 +105,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
             isPopoverOpen: isPopoverOpen
         }));
     }
-    // eslint-disable-next-line @typescript-eslint/no-shadow
     function _renderCallout(props) {
         return props ? _renderContentForOnlyBars(props) : null;
     }
@@ -161,10 +147,8 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
             refElement: element
         });
     }
-    function _onBarHover(point, // eslint-disable-next-line @typescript-eslint/no-shadow
-    color, mouseEvent) {
+    function _onBarHover(point, color, mouseEvent) {
         mouseEvent.persist();
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {
             _calloutAnchorPoint = point;
             setPopoverOpen(true);
@@ -186,7 +170,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
         _calloutAnchorPoint = null;
         setPopoverOpen(false);
     }
-    // eslint-disable-next-line @typescript-eslint/no-shadow
     function _onBarFocus(event, point, refArrayIndexNumber, color) {
         let cx = 0;
         let cy = 0;
@@ -195,7 +178,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
         cy = targetRect.top + targetRect.height / 2;
         _updatePosition(cx, cy);
         if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {
-            // eslint-disable-next-line @typescript-eslint/no-shadow
             _refArray.forEach((obj, index)=>{
                 if (refArrayIndexNumber === index) {
                     setPopoverOpen(true);
@@ -321,7 +303,6 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
                 key: point.y,
                 x: xStart,
                 y: yBarScale(point.y) - _barHeight / 2,
-                "data-is-focusable": shouldHighlight,
                 width: currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR),
                 height: _barHeight,
                 ref: (e)=>{
@@ -338,7 +319,7 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
                 onBlur: _onBarLeave,
                 fill: startColor,
                 opacity: shouldHighlight ? 1 : 0.1,
-                tabIndex: point.legend !== '' ? 0 : undefined
+                tabIndex: shouldHighlight ? 0 : undefined
             }));
         });
         return bars;
@@ -466,11 +447,10 @@ export const HorizontalBarChartWithAxis = /*#__PURE__*/ React.forwardRef((props
                 onMouseOver: (event)=>_onBarHover(point, startColor, event),
                 onMouseLeave: _onBarLeave,
                 onBlur: _onBarLeave,
-                "data-is-focusable": shouldHighlight,
                 opacity: shouldHighlight ? 1 : 0.1,
                 onFocus: (event)=>_onBarFocus(event, point, index, startColor),
                 fill: startColor,
-                tabIndex: point.legend !== '' ? 0 : undefined
+                tabIndex: shouldHighlight ? 0 : undefined
             }));
         });
         return bars;