@fluentui/react-charts 9.3.23 → 9.3.24

package/lib-commonjs/components/HeatMapChart/{HeatMapChart.js.map → HeatMapChart.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HeatMapChart/HeatMapChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { HeatMapChartProps } from './HeatMapChart.types';\nimport type { AccessibilityProps, HeatMapChartData, HeatMapChartDataPoint, Margins } from '../../types/index';\nimport type { IMargins, IDomainNRange } from '../../utilities/index';\nimport {\n  ChartTypes,\n  getAccessibleDataObject,\n  getColorContrast,\n  getTypeOfAxis,\n  resolveCSSVariables,\n  XAxisTypes,\n  YAxisType,\n  createNumericYAxis,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport type { ChartPopoverProps, ChildProps } from '../CommonComponents/index';\nimport { CartesianChart } 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 type { Legend } from '../Legends/index';\nimport { 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';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\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    const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\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=\"option\"\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                  aria-hidden={true}\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=\"option\"\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 (\n        <g\n          role=\"listbox\"\n          aria-label={`${rectangles.length} ${rectangles.length === 1 ? 'cell' : 'cells'}`}\n          {...arrowNavigationAttributes}\n        >\n          {rectangles}\n        </g>\n      );\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","useArrowNavigationGroup","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","arrowNavigationAttributes","axis","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","aria-hidden","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 type { HeatMapChartProps } from './HeatMapChart.types';\nimport type { AccessibilityProps, HeatMapChartData, HeatMapChartDataPoint, Margins } from '../../types/index';\nimport type { IMargins, IDomainNRange } from '../../utilities/index';\nimport {\n  ChartTypes,\n  getAccessibleDataObject,\n  getColorContrast,\n  getTypeOfAxis,\n  resolveCSSVariables,\n  XAxisTypes,\n  YAxisType,\n  createNumericYAxis,\n  domainRangeOfXStringAxis,\n  createStringYAxis,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport type { ChartPopoverProps, ChildProps } from '../CommonComponents/index';\nimport { CartesianChart } 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 type { Legend } from '../Legends/index';\nimport { 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';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\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    const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\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=\"option\"\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                  aria-hidden={true}\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=\"option\"\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 (\n        <g\n          role=\"listbox\"\n          aria-label={`${rectangles.length} ${rectangles.length === 1 ? 'cell' : 'cells'}`}\n          {...arrowNavigationAttributes}\n        >\n          {rectangles}\n        </g>\n      );\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","useArrowNavigationGroup","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","arrowNavigationAttributes","axis","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","aria-hidden","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-commonjs/components/HeatMapChart/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./HeatMapChart.cjs"), exports);
+_export_star._(require("./HeatMapChart.types.cjs"), exports);
+_export_star._(require("../../types/index.cjs"), exports);

package/lib-commonjs/components/HeatMapChart/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HeatMapChart/index.ts"],"sourcesContent":["export * from './HeatMapChart';\nexport * from './HeatMapChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,iBAAiB;uBACjB,uBAAuB;uBACvB,oBAAoB"}
+{"version":3,"sources":["../src/components/HeatMapChart/index.ts"],"sourcesContent":["export * from './HeatMapChart';\nexport * from './HeatMapChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,oBAAiB;uBACjB,0BAAuB;uBACvB,uBAAoB"}

package/lib-commonjs/components/HeatMapChart/useHeatMapChartStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useHeatMapChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { typographyStyles } from \"@fluentui/react-theme\";\nexport const heatmapChartClassNames = {\n    root: 'fui-hmc__root',\n    text: 'fui-hmc__text',\n    calloutContentRoot: 'fui-hmc__calloutContentRoot',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    tooltip: '',\n    axisTitle: '',\n    chartTitle: '',\n    opacityChangeOnHover: '',\n    shapeStyles: '',\n    chartWrapper: '',\n    svgTooltip: '',\n    chart: '',\n    axisAnnotation: '',\n    plotContainer: '',\n    annotationLayer: ''\n};\nconst useStyles = makeStyles({\n    root: {},\n    text: {\n        ...typographyStyles.body1Strong,\n        pointerEvents: 'none'\n    },\n    calloutContentRoot: {\n        maxWidth: '238px'\n    }\n});\nexport const useHeatMapChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(heatmapChartClassNames.root, baseStyles.root /*, props.styles?.root*/ ),\n        text: mergeClasses(heatmapChartClassNames.text, baseStyles.text /*, props.styles?.text*/ ),\n        calloutContentRoot: mergeClasses(heatmapChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*, props.styles?.calloutContentRoot*/ )\n    };\n};\n"],"names":["__styles","mergeClasses","typographyStyles","heatmapChartClassNames","root","text","calloutContentRoot","xAxis","yAxis","legendContainer","hover","descriptionMessage","tooltip","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkecrkj","B2u0y6b","d","useHeatMapChartStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,sBAAsB;;;yBA+BD;;;;uBAjCO,gBAAgB;AAElD,+BAA+B;IAClCC,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE,eAAe;IACrBC,kBAAkB,EAAE,6BAA6B;IACjDC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,kBAAkB,EAAE,EAAE;IACtBC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,oBAAoB,EAAE,EAAE;IACxBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGvB,eAAA,EAAA;IAAAI,IAAA,EAAA,CAAA;IAAAC,IAAA,EAAA;QAAAmB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAtB,kBAAA,EAAA;QAAAuB,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CASjB,CAAC;AACK,MAAMC,yBAAyBC,KAAK,IAAG;IAC1C,MAAMC,UAAU,GAAGV,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHnB,IAAI,MAAEH,mBAAY,EAACE,sBAAsB,CAACC,IAAI,EAAE6B,UAAU,CAAC7B,IAAI,CAAC,sBAAA,EAAyB,CAAC;QAC1FC,IAAI,MAAEJ,mBAAY,EAACE,sBAAsB,CAACE,IAAI,EAAE4B,UAAU,CAAC5B,IAAI,CAAC,sBAAA,EAAyB,CAAC;QAC1FC,kBAAkB,MAAEL,mBAAY,EAACE,sBAAsB,CAACG,kBAAkB,EAAE2B,UAAU,CAAC3B,kBAAkB,CAAC,oCAAA,EAAuC;IACrJ,CAAC;AACL,CAAC"}

package/lib-commonjs/components/HorizontalBarChart/{HorizontalBarChart.js → HorizontalBarChart.cjs}

@@ -11,16 +11,16 @@ Object.defineProperty(exports, "HorizontalBarChart", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useHorizontalBarChartStylesstyles = require("./useHorizontalBarChartStyles.styles");
-const _index = require("./index");
+const _useHorizontalBarChartStylesstyles = require("./useHorizontalBarChartStyles.styles.cjs");
+const _index = require("./index.cjs");
 const _chartutilities = require("@fluentui/chart-utilities");
-const _index1 = require("../../utilities/index");
+const _index1 = require("../../utilities/index.cjs");
 const _reactutilities = require("@fluentui/react-utilities");
 const _reacttheme = require("@fluentui/react-theme");
 const _reacttabster = require("@fluentui/react-tabster");
-const _ChartPopover = require("../CommonComponents/ChartPopover");
-const _FocusableTooltipText = require("../../utilities/FocusableTooltipText");
-const _index2 = require("../../index");
+const _ChartPopover = require("../CommonComponents/ChartPopover.cjs");
+const _FocusableTooltipText = require("../../utilities/FocusableTooltipText.cjs");
+const _index2 = require("../../index.cjs");
 const HorizontalBarChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const legendContainer = _react.useRef(null);
     const _uniqLineText = (0, _reactutilities.useId)('_HorizontalLine_');

package/lib-commonjs/components/HorizontalBarChart/{HorizontalBarChart.js.map → HorizontalBarChart.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HorizontalBarChart/HorizontalBarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useHorizontalBarChartStyles } from './useHorizontalBarChartStyles.styles';\nimport type { ChartProps, HorizontalBarChartProps, ChartDataPoint, RefArrayData } from './index';\nimport { HorizontalBarChartVariant } from './index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { formatScientificLimitWidth, getAccessibleDataObject, useRtl } from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { FocusableTooltipText } from '../../utilities/FocusableTooltipText';\nimport type { Legend } from '../../index';\nimport { Legends } from '../../index';\n\n/**\n * HorizontalBarChart is the context wrapper and container for all HorizontalBarChart content/controls,\n * It has no direct style or slot opinions.\n *\n * HorizontalBarChart also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const HorizontalBarChart: React.FunctionComponent<HorizontalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartProps\n>((props, forwardedRef) => {\n  const legendContainer = React.useRef<HTMLDivElement | null>(null);\n  const _uniqLineText: string = useId('_HorizontalLine_');\n  const _refArray: RefArrayData[] = [];\n  const _isRTL: boolean = useRtl();\n  const barChartSvgRef: React.RefObject<SVGSVGElement | null> = React.createRef<SVGSVGElement>();\n  const _emptyChartId: string = useId('_HBC_empty');\n  let _barHeight: number;\n  let _calloutAnchorPoint: ChartDataPoint | null;\n  let isSingleBar: boolean = true;\n  const _showToolTipOnSegment: boolean = !props.hideTooltip;\n\n  const [hoverValue, setHoverValue] = React.useState<string | number | Date | null>('');\n  const [lineColor, setLineColor] = React.useState<string>('');\n  const [legend, setLegend] = React.useState<string | null>('');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string | undefined>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string | undefined>('');\n  const [barCalloutProps, setBarCalloutProps] = React.useState<ChartDataPoint>();\n  const [barSpacingInPercent, setBarSpacingInPercent] = React.useState<number>(0);\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n\n  function _refCallback(element: SVGGElement, legendTitle: string | undefined): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _hoverOn(\n    event: React.FocusEvent<SVGRectElement> | React.MouseEvent<SVGRectElement>,\n    hoverVal: string | number | Date,\n    point: ChartDataPoint,\n  ): void {\n    if (\n      (!isPopoverOpen || legend !== point.legend!) &&\n      _calloutAnchorPoint !== point &&\n      (_legendHighlighted(point.legend) || _noLegendHighlighted())\n    ) {\n      _calloutAnchorPoint = point;\n      let x = 0;\n      let y = 0;\n\n      if ('clientX' in event && event.clientX && event.clientY) {\n        // Mouse event\n        x = event.clientX;\n        y = event.clientY;\n      } else {\n        // Focus event\n        const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n        x = targetRect.left + targetRect.width / 2;\n        y = targetRect.top + targetRect.height / 2;\n      }\n\n      updatePosition(x, y);\n      setHoverValue(hoverVal);\n      setLineColor(point.color!);\n      setLegend(point.legend!);\n      setXCalloutValue(point.xAxisCalloutData!);\n      setYCalloutValue(point.yAxisCalloutData!);\n      setBarCalloutProps(point);\n      // ToDo - Confirm setting multiple state variables like this is performant.\n    }\n  }\n\n  function _hoverOff(): void {\n    /*ToDo. To fix*/\n  }\n\n  const _handleChartMouseLeave = () => {\n    _calloutAnchorPoint = null;\n    if (isPopoverOpen) {\n      setPopoverOpen(false);\n      setHoverValue('');\n      setLineColor('');\n      setLegend('');\n    }\n  };\n\n  const _adjustProps = (): void => {\n    _barHeight = props.barHeight || 12;\n  };\n\n  const _getChartDataText = (data: ChartProps) => {\n    /* return props.barChartCustomData ? (\n        <div role=\"text\">{props.barChartCustomData(data)}</div>\n      ) : ( */\n    return _getDefaultTextData(data);\n    //)\n  };\n\n  function _createLegends(chartProps: ChartProps[]): JSXElement {\n    const legendItems: Legend[] = chartProps.flatMap(\n      point =>\n        point.chartData?.map((dataPoint): Legend => {\n          const legend = dataPoint.legend ?? '';\n          const color = dataPoint.color ?? '';\n\n          return {\n            title: legend,\n            color,\n            action: () => setSelectedLegend(selectedLegend === legend ? '' : legend),\n            hoverAction: () => {\n              _handleChartMouseLeave();\n              setActiveLegend(legend);\n            },\n            onMouseOutAction: () => setActiveLegend(''),\n          };\n        }) ?? [],\n    );\n\n    return (\n      <Legends legends={legendItems} centerLegends overflowText={props.legendsOverflowText} {...props.legendProps} />\n    );\n  }\n\n  function _getDefaultTextData(data: ChartProps): JSXElement {\n    const chartDataMode = props.chartDataMode || 'default';\n\n    if (chartDataMode === 'hidden') {\n      return <></>; // No text data for hidden mode\n    }\n\n    const { culture } = props;\n    const accessibilityData = getAccessibleDataObject(data.chartDataAccessibilityData!, 'text', false);\n    if (!isSingleBar) {\n      const total = data.chartData!.reduce(\n        (acc: number, point: ChartDataPoint) =>\n          acc + (point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0),\n        0,\n      );\n      return (\n        <div className={classes.chartTitleRight} {...accessibilityData}>\n          {formatToLocaleString(total, culture) as React.ReactNode}\n        </div>\n      );\n    }\n\n    const chartData: ChartDataPoint = data!.chartData![0];\n    const x = chartData.horizontalBarChartdata!.x;\n    const y = chartData.horizontalBarChartdata!.total!;\n\n    switch (chartDataMode) {\n      case 'default':\n        return (\n          <div className={classes.chartTitleRight} {...accessibilityData}>\n            {formatToLocaleString(x, culture) as React.ReactNode}\n          </div>\n        );\n      case 'fraction':\n        return (\n          <div {...accessibilityData}>\n            <span className={classes.chartTitleRight}>{formatToLocaleString(x, culture) as React.ReactNode}</span>\n            <span className={classes.chartDataTextDenominator}>{' / ' + formatToLocaleString(y, culture)}</span>\n          </div>\n        );\n      case 'percentage':\n        const dataRatioPercentage = `${formatToLocaleString(Math.round((x / y) * 100), culture)}%`;\n        return (\n          <div className={classes.chartTitleRight} {...accessibilityData}>\n            {dataRatioPercentage}\n          </div>\n        );\n    }\n  }\n\n  function _createBenchmark(data: ChartProps): JSXElement {\n    if (data.chartData![0].horizontalBarChartdata!.total === undefined) {\n      return <></>;\n    }\n    const totalData = data.chartData![0].horizontalBarChartdata!.total!;\n    const benchmarkData = data.chartData![0].data;\n    const benchmarkRatio = Math.round(((benchmarkData ? benchmarkData : 0) / totalData) * 100);\n\n    const benchmarkStyles = {\n      left: 'calc(' + benchmarkRatio + '% - 4px)',\n    };\n\n    return (\n      <div className={classes.benchmarkContainer}>\n        <div className={classes.triangle} style={benchmarkStyles} />\n      </div>\n    );\n  }\n\n  /**\n   * This functions returns an array of <rect> elements, which form the bars\n   * For each bar an x value, and a width needs to be specified\n   * The computations are done based on percentages\n   * Extra margin is also provided, in the x value to provide some spacing in between the bars\n   */\n\n  function _createBars(data: ChartProps): JSXElement[] {\n    const noOfBars =\n      data.chartData?.reduce((count: number, point: ChartDataPoint) => (count += (point.data || 0) > 0 ? 1 : 0), 0) ||\n      1;\n    const totalMarginPercent = barSpacingInPercent * (noOfBars - 1);\n    const defaultColors: string[] = [\n      tokens.colorPaletteBlueForeground2,\n      tokens.colorPaletteCornflowerForeground2,\n      tokens.colorPaletteDarkGreenForeground2,\n      tokens.colorPaletteNavyForeground2,\n      tokens.colorPaletteDarkOrangeForeground2,\n    ];\n    // calculating starting point of each bar and it's range\n    const startingPoint: number[] = [];\n    const total = data.chartData!.reduce(\n      (acc: number, point: ChartDataPoint) =>\n        acc + (point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0),\n      0,\n    );\n    let prevPosition = 0;\n    let value = 0;\n\n    let sumOfPercent = 0;\n    data.chartData!.map((point: ChartDataPoint, index: number) => {\n      const pointData = point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0;\n      value = (pointData / total) * 100;\n      if (value < 0) {\n        value = 0;\n      } else if (value < 1 && value !== 0) {\n        value = 1;\n      }\n      sumOfPercent += value;\n\n      return sumOfPercent;\n    });\n\n    /**\n     * The %age of the space occupied by the margin needs to subtracted\n     * while computing the scaling ratio, since the margins are not being\n     * scaled down, only the data is being scaled down from a higher percentage to lower percentage\n     * Eg: 95% of the space is taken by the bars, 5% by the margins\n     * Now if the sumOfPercent is 120% -> This needs to be scaled down to 95%, not 100%\n     * since that's only space available to the bars\n     */\n    const scalingRatio = sumOfPercent !== 0 ? (sumOfPercent - totalMarginPercent) / 100 : 1;\n\n    const bars = data.chartData!.map((point: ChartDataPoint, index: number) => {\n      const color: string = point.color ? point.color : defaultColors[Math.floor(Math.random() * 4 + 1)];\n      const pointData = point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0;\n      if (index > 0) {\n        prevPosition += value;\n      }\n      value = (pointData / total) * 100;\n      if (value < 0) {\n        value = 0;\n      } else if (value < 1 && value !== 0) {\n        value = 1 / scalingRatio;\n      } else {\n        value = value / scalingRatio;\n      }\n      startingPoint.push(prevPosition);\n\n      const xValue = point.horizontalBarChartdata!.x;\n      const isLegendSelected: boolean = _legendHighlighted(point.legend) || _noLegendHighlighted();\n\n      // Render bar label instead of placeholder bar for absolute-scale variant\n      if (point.placeHolder && props.variant === HorizontalBarChartVariant.AbsoluteScale) {\n        if (props.hideLabels) {\n          return <text key={index} />;\n        }\n\n        const barValue = data.chartData![0].horizontalBarChartdata!.x;\n\n        return (\n          <text\n            key={index}\n            x={`${_isRTL ? 100 - startingPoint[index] : startingPoint[index]}%`}\n            y={_barHeight / 2}\n            dominantBaseline=\"central\"\n            transform={`translate(${_isRTL ? -4 : 4})`}\n            className={classes.barLabel}\n            aria-hidden={true}\n          >\n            {formatScientificLimitWidth(barValue)}\n          </text>\n        );\n      }\n\n      return (\n        <rect\n          key={index}\n          x={`${\n            _isRTL\n              ? 100 - startingPoint[index] - value - index * barSpacingInPercent\n              : startingPoint[index] + index * barSpacingInPercent\n          }%`}\n          y={0}\n          width={value + '%'}\n          height={_barHeight}\n          fill={color}\n          onMouseOver={\n            _showToolTipOnSegment && point.legend !== '' ? event => _hoverOn(event, xValue, point) : undefined\n          }\n          onFocus={_showToolTipOnSegment && point.legend !== '' ? event => _hoverOn(event, xValue, point) : undefined}\n          role={!point.placeHolder ? 'option' : ''}\n          aria-label={!point.placeHolder ? _getAriaLabel(point) : undefined}\n          onBlur={_hoverOff}\n          onMouseLeave={_hoverOff}\n          className={classes.barWrapper}\n          opacity={isLegendSelected ? 1 : 0.1}\n          tabIndex={!point.placeHolder && (_legendHighlighted(point.legend!) || _noLegendHighlighted()) ? 0 : undefined}\n        />\n      );\n    });\n    return bars;\n  }\n\n  const _getAriaLabel = (point: ChartDataPoint): string => {\n    const legend = point.xAxisCalloutData || point.legend;\n    const yValue =\n      point.yAxisCalloutData ||\n      (point.horizontalBarChartdata\n        ? `${point.horizontalBarChartdata.x}/${point.horizontalBarChartdata.total ?? ''}`\n        : 0);\n    return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n  };\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  React.useEffect(() => {\n    const svgWidth = barChartSvgRef?.current?.getBoundingClientRect().width || 0;\n    const MARGIN_WIDTH_IN_PX = 3;\n    if (svgWidth) {\n      const currentBarSpacing = (MARGIN_WIDTH_IN_PX / svgWidth) * 100;\n      setBarSpacingInPercent(currentBarSpacing);\n    }\n  }, [barChartSvgRef]);\n\n  function _legendHighlighted(barLegend?: string) {\n    if (barLegend === undefined) {\n      return false;\n    }\n    return selectedLegend === barLegend || (selectedLegend === '' && activeLegend === barLegend);\n  }\n\n  /**\n   * This function checks if none of the legends is selected or hovered.*/\n\n  function _noLegendHighlighted() {\n    return selectedLegend === '' && activeLegend === '';\n  }\n\n  const { data } = props;\n  _adjustProps();\n  const classes = useHorizontalBarChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const legendButtons = _createLegends(data!);\n\n  let datapoint: number | undefined = 0;\n  return !_isChartEmpty() ? (\n    <div className={classes.root} onMouseLeave={_handleChartMouseLeave}>\n      {data!.map((points: ChartProps, index: number) => {\n        if (points.chartData && points.chartData![0] && points.chartData![0].horizontalBarChartdata!.x) {\n          datapoint = points.chartData![0].horizontalBarChartdata!.x;\n        } else {\n          datapoint = 0;\n        }\n        isSingleBar = props.showLegendForSinglePointBar\n          ? false\n          : points.chartData!.length === 1 || (points.chartData!.length > 1 && points.chartData![1].legend === '');\n        if (isSingleBar) {\n          points.chartData![1] = {\n            placeHolder: true,\n            legend: '',\n            horizontalBarChartdata: {\n              x: points.chartData![0].horizontalBarChartdata!.total! - datapoint!,\n              total: points.chartData![0].horizontalBarChartdata!.total!,\n            },\n            color: tokens.colorBackgroundOverlay,\n          };\n        }\n\n        // Hide right side text of chart title for absolute-scale variant\n        const chartDataText =\n          props.variant === HorizontalBarChartVariant.AbsoluteScale ? null : _getChartDataText(points!);\n        const bars = _createBars(points!);\n        const keyVal = _uniqLineText + '_' + index;\n        const barGroupAriaLabel = `bar ${index + 1} of ${data!.length}.`;\n        // ToDo - Showtriangle property is per data series. How to account for it in the new stylesheet\n        /*         const classes = useHorizontalBarChartStyles(props.styles!, {\n          width: props.width,\n          showTriangle: !!points!.chartData![0].data,\n          variant: props.variant,\n        }); */\n\n        return (\n          <div key={index}>\n            <div className={classes.items} {...focusAttributes}>\n              <div className={classes.chartTitle}>\n                {points!.chartTitle && (\n                  <FocusableTooltipText\n                    className={classes.chartTitleLeft}\n                    content={points!.chartTitle}\n                    accessibilityData={points!.chartTitleAccessibilityData}\n                  />\n                )}\n                {chartDataText}\n              </div>\n              {points!.chartData![0].data && _createBenchmark(points!)}\n              <svg ref={barChartSvgRef} className={classes.chart} aria-label={points!.chartTitle}>\n                <g\n                  role=\"listbox\"\n                  id={keyVal}\n                  aria-label={barGroupAriaLabel}\n                  ref={(e: SVGGElement) => {\n                    _refCallback(e, points!.chartData![0].legend);\n                  }}\n                  // NOTE: points.chartData![0] contains current data value\n                  onClick={() => {\n                    const p = points!.chartData![0];\n                    if (p && p.onClick) {\n                      p.onClick();\n                    }\n                  }}\n                >\n                  {bars}\n                </g>\n              </svg>\n            </div>\n          </div>\n        );\n      })}\n      <ChartPopover\n        xCalloutValue={xCalloutValue}\n        yCalloutValue={yCalloutValue}\n        culture={props.culture}\n        clickPosition={clickPosition}\n        isPopoverOpen={isPopoverOpen}\n        legend={legend!}\n        YValue={hoverValue!}\n        color={lineColor}\n        isCalloutForStack={false}\n        customCallout={{\n          customizedCallout: props.onRenderCalloutPerHorizontalBar\n            ? props.onRenderCalloutPerHorizontalBar(barCalloutProps!)\n            : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(barCalloutProps!)\n            : undefined,\n        }}\n        isCartesian={false}\n      />\n      {!isSingleBar && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer.current = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {legendButtons}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n  //TODO validate and fix focus border for issue for popover\n});\nHorizontalBarChart.displayName = 'HorizontalBarChart';\n"],"names":["React","useHorizontalBarChartStyles","HorizontalBarChartVariant","formatToLocaleString","formatScientificLimitWidth","getAccessibleDataObject","useRtl","useId","tokens","useFocusableGroup","ChartPopover","FocusableTooltipText","Legends","HorizontalBarChart","forwardRef","props","forwardedRef","legendContainer","useRef","_uniqLineText","_refArray","_isRTL","barChartSvgRef","createRef","_emptyChartId","_barHeight","_calloutAnchorPoint","isSingleBar","_showToolTipOnSegment","hideTooltip","hoverValue","setHoverValue","useState","lineColor","setLineColor","legend","setLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","barCalloutProps","setBarCalloutProps","barSpacingInPercent","setBarSpacingInPercent","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","x","y","selectedLegend","setSelectedLegend","activeLegend","setActiveLegend","_refCallback","element","legendTitle","push","index","refElement","_hoverOn","event","hoverVal","point","_legendHighlighted","_noLegendHighlighted","clientX","clientY","targetRect","target","getBoundingClientRect","left","width","top","height","updatePosition","color","xAxisCalloutData","yAxisCalloutData","_hoverOff","_handleChartMouseLeave","_adjustProps","barHeight","_getChartDataText","data","_getDefaultTextData","_createLegends","chartProps","legendItems","flatMap","chartData","map","dataPoint","title","action","hoverAction","onMouseOutAction","legends","centerLegends","overflowText","legendsOverflowText","legendProps","chartDataMode","culture","accessibilityData","chartDataAccessibilityData","total","reduce","acc","horizontalBarChartdata","div","className","classes","chartTitleRight","span","chartDataTextDenominator","dataRatioPercentage","Math","round","_createBenchmark","undefined","totalData","benchmarkData","benchmarkRatio","benchmarkStyles","benchmarkContainer","triangle","style","_createBars","noOfBars","count","totalMarginPercent","defaultColors","colorPaletteBlueForeground2","colorPaletteCornflowerForeground2","colorPaletteDarkGreenForeground2","colorPaletteNavyForeground2","colorPaletteDarkOrangeForeground2","startingPoint","prevPosition","value","sumOfPercent","pointData","scalingRatio","bars","floor","random","xValue","isLegendSelected","placeHolder","variant","AbsoluteScale","hideLabels","text","key","barValue","dominantBaseline","transform","barLabel","aria-hidden","rect","fill","onMouseOver","onFocus","role","aria-label","_getAriaLabel","onBlur","onMouseLeave","barWrapper","opacity","tabIndex","yValue","callOutAccessibilityData","ariaLabel","_isChartEmpty","length","newX","newY","threshold","distance","sqrt","pow","useEffect","svgWidth","current","MARGIN_WIDTH_IN_PX","currentBarSpacing","barLegend","focusAttributes","legendButtons","datapoint","root","points","showLegendForSinglePointBar","colorBackgroundOverlay","chartDataText","keyVal","barGroupAriaLabel","items","chartTitle","chartTitleLeft","content","chartTitleAccessibilityData","svg","ref","chart","g","id","e","onClick","p","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerHorizontalBar","customCalloutProps","calloutPropsPerDataPoint","isCartesian","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/HorizontalBarChart/HorizontalBarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useHorizontalBarChartStyles } from './useHorizontalBarChartStyles.styles';\nimport type { ChartProps, HorizontalBarChartProps, ChartDataPoint, RefArrayData } from './index';\nimport { HorizontalBarChartVariant } from './index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { formatScientificLimitWidth, getAccessibleDataObject, useRtl } from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { FocusableTooltipText } from '../../utilities/FocusableTooltipText';\nimport type { Legend } from '../../index';\nimport { Legends } from '../../index';\n\n/**\n * HorizontalBarChart is the context wrapper and container for all HorizontalBarChart content/controls,\n * It has no direct style or slot opinions.\n *\n * HorizontalBarChart also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const HorizontalBarChart: React.FunctionComponent<HorizontalBarChartProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartProps\n>((props, forwardedRef) => {\n  const legendContainer = React.useRef<HTMLDivElement | null>(null);\n  const _uniqLineText: string = useId('_HorizontalLine_');\n  const _refArray: RefArrayData[] = [];\n  const _isRTL: boolean = useRtl();\n  const barChartSvgRef: React.RefObject<SVGSVGElement | null> = React.createRef<SVGSVGElement>();\n  const _emptyChartId: string = useId('_HBC_empty');\n  let _barHeight: number;\n  let _calloutAnchorPoint: ChartDataPoint | null;\n  let isSingleBar: boolean = true;\n  const _showToolTipOnSegment: boolean = !props.hideTooltip;\n\n  const [hoverValue, setHoverValue] = React.useState<string | number | Date | null>('');\n  const [lineColor, setLineColor] = React.useState<string>('');\n  const [legend, setLegend] = React.useState<string | null>('');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string | undefined>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string | undefined>('');\n  const [barCalloutProps, setBarCalloutProps] = React.useState<ChartDataPoint>();\n  const [barSpacingInPercent, setBarSpacingInPercent] = React.useState<number>(0);\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n\n  function _refCallback(element: SVGGElement, legendTitle: string | undefined): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _hoverOn(\n    event: React.FocusEvent<SVGRectElement> | React.MouseEvent<SVGRectElement>,\n    hoverVal: string | number | Date,\n    point: ChartDataPoint,\n  ): void {\n    if (\n      (!isPopoverOpen || legend !== point.legend!) &&\n      _calloutAnchorPoint !== point &&\n      (_legendHighlighted(point.legend) || _noLegendHighlighted())\n    ) {\n      _calloutAnchorPoint = point;\n      let x = 0;\n      let y = 0;\n\n      if ('clientX' in event && event.clientX && event.clientY) {\n        // Mouse event\n        x = event.clientX;\n        y = event.clientY;\n      } else {\n        // Focus event\n        const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n        x = targetRect.left + targetRect.width / 2;\n        y = targetRect.top + targetRect.height / 2;\n      }\n\n      updatePosition(x, y);\n      setHoverValue(hoverVal);\n      setLineColor(point.color!);\n      setLegend(point.legend!);\n      setXCalloutValue(point.xAxisCalloutData!);\n      setYCalloutValue(point.yAxisCalloutData!);\n      setBarCalloutProps(point);\n      // ToDo - Confirm setting multiple state variables like this is performant.\n    }\n  }\n\n  function _hoverOff(): void {\n    /*ToDo. To fix*/\n  }\n\n  const _handleChartMouseLeave = () => {\n    _calloutAnchorPoint = null;\n    if (isPopoverOpen) {\n      setPopoverOpen(false);\n      setHoverValue('');\n      setLineColor('');\n      setLegend('');\n    }\n  };\n\n  const _adjustProps = (): void => {\n    _barHeight = props.barHeight || 12;\n  };\n\n  const _getChartDataText = (data: ChartProps) => {\n    /* return props.barChartCustomData ? (\n        <div role=\"text\">{props.barChartCustomData(data)}</div>\n      ) : ( */\n    return _getDefaultTextData(data);\n    //)\n  };\n\n  function _createLegends(chartProps: ChartProps[]): JSXElement {\n    const legendItems: Legend[] = chartProps.flatMap(\n      point =>\n        point.chartData?.map((dataPoint): Legend => {\n          const legend = dataPoint.legend ?? '';\n          const color = dataPoint.color ?? '';\n\n          return {\n            title: legend,\n            color,\n            action: () => setSelectedLegend(selectedLegend === legend ? '' : legend),\n            hoverAction: () => {\n              _handleChartMouseLeave();\n              setActiveLegend(legend);\n            },\n            onMouseOutAction: () => setActiveLegend(''),\n          };\n        }) ?? [],\n    );\n\n    return (\n      <Legends legends={legendItems} centerLegends overflowText={props.legendsOverflowText} {...props.legendProps} />\n    );\n  }\n\n  function _getDefaultTextData(data: ChartProps): JSXElement {\n    const chartDataMode = props.chartDataMode || 'default';\n\n    if (chartDataMode === 'hidden') {\n      return <></>; // No text data for hidden mode\n    }\n\n    const { culture } = props;\n    const accessibilityData = getAccessibleDataObject(data.chartDataAccessibilityData!, 'text', false);\n    if (!isSingleBar) {\n      const total = data.chartData!.reduce(\n        (acc: number, point: ChartDataPoint) =>\n          acc + (point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0),\n        0,\n      );\n      return (\n        <div className={classes.chartTitleRight} {...accessibilityData}>\n          {formatToLocaleString(total, culture) as React.ReactNode}\n        </div>\n      );\n    }\n\n    const chartData: ChartDataPoint = data!.chartData![0];\n    const x = chartData.horizontalBarChartdata!.x;\n    const y = chartData.horizontalBarChartdata!.total!;\n\n    switch (chartDataMode) {\n      case 'default':\n        return (\n          <div className={classes.chartTitleRight} {...accessibilityData}>\n            {formatToLocaleString(x, culture) as React.ReactNode}\n          </div>\n        );\n      case 'fraction':\n        return (\n          <div {...accessibilityData}>\n            <span className={classes.chartTitleRight}>{formatToLocaleString(x, culture) as React.ReactNode}</span>\n            <span className={classes.chartDataTextDenominator}>{' / ' + formatToLocaleString(y, culture)}</span>\n          </div>\n        );\n      case 'percentage':\n        const dataRatioPercentage = `${formatToLocaleString(Math.round((x / y) * 100), culture)}%`;\n        return (\n          <div className={classes.chartTitleRight} {...accessibilityData}>\n            {dataRatioPercentage}\n          </div>\n        );\n    }\n  }\n\n  function _createBenchmark(data: ChartProps): JSXElement {\n    if (data.chartData![0].horizontalBarChartdata!.total === undefined) {\n      return <></>;\n    }\n    const totalData = data.chartData![0].horizontalBarChartdata!.total!;\n    const benchmarkData = data.chartData![0].data;\n    const benchmarkRatio = Math.round(((benchmarkData ? benchmarkData : 0) / totalData) * 100);\n\n    const benchmarkStyles = {\n      left: 'calc(' + benchmarkRatio + '% - 4px)',\n    };\n\n    return (\n      <div className={classes.benchmarkContainer}>\n        <div className={classes.triangle} style={benchmarkStyles} />\n      </div>\n    );\n  }\n\n  /**\n   * This functions returns an array of <rect> elements, which form the bars\n   * For each bar an x value, and a width needs to be specified\n   * The computations are done based on percentages\n   * Extra margin is also provided, in the x value to provide some spacing in between the bars\n   */\n\n  function _createBars(data: ChartProps): JSXElement[] {\n    const noOfBars =\n      data.chartData?.reduce((count: number, point: ChartDataPoint) => (count += (point.data || 0) > 0 ? 1 : 0), 0) ||\n      1;\n    const totalMarginPercent = barSpacingInPercent * (noOfBars - 1);\n    const defaultColors: string[] = [\n      tokens.colorPaletteBlueForeground2,\n      tokens.colorPaletteCornflowerForeground2,\n      tokens.colorPaletteDarkGreenForeground2,\n      tokens.colorPaletteNavyForeground2,\n      tokens.colorPaletteDarkOrangeForeground2,\n    ];\n    // calculating starting point of each bar and it's range\n    const startingPoint: number[] = [];\n    const total = data.chartData!.reduce(\n      (acc: number, point: ChartDataPoint) =>\n        acc + (point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0),\n      0,\n    );\n    let prevPosition = 0;\n    let value = 0;\n\n    let sumOfPercent = 0;\n    data.chartData!.map((point: ChartDataPoint, index: number) => {\n      const pointData = point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0;\n      value = (pointData / total) * 100;\n      if (value < 0) {\n        value = 0;\n      } else if (value < 1 && value !== 0) {\n        value = 1;\n      }\n      sumOfPercent += value;\n\n      return sumOfPercent;\n    });\n\n    /**\n     * The %age of the space occupied by the margin needs to subtracted\n     * while computing the scaling ratio, since the margins are not being\n     * scaled down, only the data is being scaled down from a higher percentage to lower percentage\n     * Eg: 95% of the space is taken by the bars, 5% by the margins\n     * Now if the sumOfPercent is 120% -> This needs to be scaled down to 95%, not 100%\n     * since that's only space available to the bars\n     */\n    const scalingRatio = sumOfPercent !== 0 ? (sumOfPercent - totalMarginPercent) / 100 : 1;\n\n    const bars = data.chartData!.map((point: ChartDataPoint, index: number) => {\n      const color: string = point.color ? point.color : defaultColors[Math.floor(Math.random() * 4 + 1)];\n      const pointData = point.horizontalBarChartdata!.x ? point.horizontalBarChartdata!.x : 0;\n      if (index > 0) {\n        prevPosition += value;\n      }\n      value = (pointData / total) * 100;\n      if (value < 0) {\n        value = 0;\n      } else if (value < 1 && value !== 0) {\n        value = 1 / scalingRatio;\n      } else {\n        value = value / scalingRatio;\n      }\n      startingPoint.push(prevPosition);\n\n      const xValue = point.horizontalBarChartdata!.x;\n      const isLegendSelected: boolean = _legendHighlighted(point.legend) || _noLegendHighlighted();\n\n      // Render bar label instead of placeholder bar for absolute-scale variant\n      if (point.placeHolder && props.variant === HorizontalBarChartVariant.AbsoluteScale) {\n        if (props.hideLabels) {\n          return <text key={index} />;\n        }\n\n        const barValue = data.chartData![0].horizontalBarChartdata!.x;\n\n        return (\n          <text\n            key={index}\n            x={`${_isRTL ? 100 - startingPoint[index] : startingPoint[index]}%`}\n            y={_barHeight / 2}\n            dominantBaseline=\"central\"\n            transform={`translate(${_isRTL ? -4 : 4})`}\n            className={classes.barLabel}\n            aria-hidden={true}\n          >\n            {formatScientificLimitWidth(barValue)}\n          </text>\n        );\n      }\n\n      return (\n        <rect\n          key={index}\n          x={`${\n            _isRTL\n              ? 100 - startingPoint[index] - value - index * barSpacingInPercent\n              : startingPoint[index] + index * barSpacingInPercent\n          }%`}\n          y={0}\n          width={value + '%'}\n          height={_barHeight}\n          fill={color}\n          onMouseOver={\n            _showToolTipOnSegment && point.legend !== '' ? event => _hoverOn(event, xValue, point) : undefined\n          }\n          onFocus={_showToolTipOnSegment && point.legend !== '' ? event => _hoverOn(event, xValue, point) : undefined}\n          role={!point.placeHolder ? 'option' : ''}\n          aria-label={!point.placeHolder ? _getAriaLabel(point) : undefined}\n          onBlur={_hoverOff}\n          onMouseLeave={_hoverOff}\n          className={classes.barWrapper}\n          opacity={isLegendSelected ? 1 : 0.1}\n          tabIndex={!point.placeHolder && (_legendHighlighted(point.legend!) || _noLegendHighlighted()) ? 0 : undefined}\n        />\n      );\n    });\n    return bars;\n  }\n\n  const _getAriaLabel = (point: ChartDataPoint): string => {\n    const legend = point.xAxisCalloutData || point.legend;\n    const yValue =\n      point.yAxisCalloutData ||\n      (point.horizontalBarChartdata\n        ? `${point.horizontalBarChartdata.x}/${point.horizontalBarChartdata.total ?? ''}`\n        : 0);\n    return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n  };\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  React.useEffect(() => {\n    const svgWidth = barChartSvgRef?.current?.getBoundingClientRect().width || 0;\n    const MARGIN_WIDTH_IN_PX = 3;\n    if (svgWidth) {\n      const currentBarSpacing = (MARGIN_WIDTH_IN_PX / svgWidth) * 100;\n      setBarSpacingInPercent(currentBarSpacing);\n    }\n  }, [barChartSvgRef]);\n\n  function _legendHighlighted(barLegend?: string) {\n    if (barLegend === undefined) {\n      return false;\n    }\n    return selectedLegend === barLegend || (selectedLegend === '' && activeLegend === barLegend);\n  }\n\n  /**\n   * This function checks if none of the legends is selected or hovered.*/\n\n  function _noLegendHighlighted() {\n    return selectedLegend === '' && activeLegend === '';\n  }\n\n  const { data } = props;\n  _adjustProps();\n  const classes = useHorizontalBarChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const legendButtons = _createLegends(data!);\n\n  let datapoint: number | undefined = 0;\n  return !_isChartEmpty() ? (\n    <div className={classes.root} onMouseLeave={_handleChartMouseLeave}>\n      {data!.map((points: ChartProps, index: number) => {\n        if (points.chartData && points.chartData![0] && points.chartData![0].horizontalBarChartdata!.x) {\n          datapoint = points.chartData![0].horizontalBarChartdata!.x;\n        } else {\n          datapoint = 0;\n        }\n        isSingleBar = props.showLegendForSinglePointBar\n          ? false\n          : points.chartData!.length === 1 || (points.chartData!.length > 1 && points.chartData![1].legend === '');\n        if (isSingleBar) {\n          points.chartData![1] = {\n            placeHolder: true,\n            legend: '',\n            horizontalBarChartdata: {\n              x: points.chartData![0].horizontalBarChartdata!.total! - datapoint!,\n              total: points.chartData![0].horizontalBarChartdata!.total!,\n            },\n            color: tokens.colorBackgroundOverlay,\n          };\n        }\n\n        // Hide right side text of chart title for absolute-scale variant\n        const chartDataText =\n          props.variant === HorizontalBarChartVariant.AbsoluteScale ? null : _getChartDataText(points!);\n        const bars = _createBars(points!);\n        const keyVal = _uniqLineText + '_' + index;\n        const barGroupAriaLabel = `bar ${index + 1} of ${data!.length}.`;\n        // ToDo - Showtriangle property is per data series. How to account for it in the new stylesheet\n        /*         const classes = useHorizontalBarChartStyles(props.styles!, {\n          width: props.width,\n          showTriangle: !!points!.chartData![0].data,\n          variant: props.variant,\n        }); */\n\n        return (\n          <div key={index}>\n            <div className={classes.items} {...focusAttributes}>\n              <div className={classes.chartTitle}>\n                {points!.chartTitle && (\n                  <FocusableTooltipText\n                    className={classes.chartTitleLeft}\n                    content={points!.chartTitle}\n                    accessibilityData={points!.chartTitleAccessibilityData}\n                  />\n                )}\n                {chartDataText}\n              </div>\n              {points!.chartData![0].data && _createBenchmark(points!)}\n              <svg ref={barChartSvgRef} className={classes.chart} aria-label={points!.chartTitle}>\n                <g\n                  role=\"listbox\"\n                  id={keyVal}\n                  aria-label={barGroupAriaLabel}\n                  ref={(e: SVGGElement) => {\n                    _refCallback(e, points!.chartData![0].legend);\n                  }}\n                  // NOTE: points.chartData![0] contains current data value\n                  onClick={() => {\n                    const p = points!.chartData![0];\n                    if (p && p.onClick) {\n                      p.onClick();\n                    }\n                  }}\n                >\n                  {bars}\n                </g>\n              </svg>\n            </div>\n          </div>\n        );\n      })}\n      <ChartPopover\n        xCalloutValue={xCalloutValue}\n        yCalloutValue={yCalloutValue}\n        culture={props.culture}\n        clickPosition={clickPosition}\n        isPopoverOpen={isPopoverOpen}\n        legend={legend!}\n        YValue={hoverValue!}\n        color={lineColor}\n        isCalloutForStack={false}\n        customCallout={{\n          customizedCallout: props.onRenderCalloutPerHorizontalBar\n            ? props.onRenderCalloutPerHorizontalBar(barCalloutProps!)\n            : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(barCalloutProps!)\n            : undefined,\n        }}\n        isCartesian={false}\n      />\n      {!isSingleBar && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer.current = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {legendButtons}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n  //TODO validate and fix focus border for issue for popover\n});\nHorizontalBarChart.displayName = 'HorizontalBarChart';\n"],"names":["React","useHorizontalBarChartStyles","HorizontalBarChartVariant","formatToLocaleString","formatScientificLimitWidth","getAccessibleDataObject","useRtl","useId","tokens","useFocusableGroup","ChartPopover","FocusableTooltipText","Legends","HorizontalBarChart","forwardRef","props","forwardedRef","legendContainer","useRef","_uniqLineText","_refArray","_isRTL","barChartSvgRef","createRef","_emptyChartId","_barHeight","_calloutAnchorPoint","isSingleBar","_showToolTipOnSegment","hideTooltip","hoverValue","setHoverValue","useState","lineColor","setLineColor","legend","setLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","barCalloutProps","setBarCalloutProps","barSpacingInPercent","setBarSpacingInPercent","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","x","y","selectedLegend","setSelectedLegend","activeLegend","setActiveLegend","_refCallback","element","legendTitle","push","index","refElement","_hoverOn","event","hoverVal","point","_legendHighlighted","_noLegendHighlighted","clientX","clientY","targetRect","target","getBoundingClientRect","left","width","top","height","updatePosition","color","xAxisCalloutData","yAxisCalloutData","_hoverOff","_handleChartMouseLeave","_adjustProps","barHeight","_getChartDataText","data","_getDefaultTextData","_createLegends","chartProps","legendItems","flatMap","chartData","map","dataPoint","title","action","hoverAction","onMouseOutAction","legends","centerLegends","overflowText","legendsOverflowText","legendProps","chartDataMode","culture","accessibilityData","chartDataAccessibilityData","total","reduce","acc","horizontalBarChartdata","div","className","classes","chartTitleRight","span","chartDataTextDenominator","dataRatioPercentage","Math","round","_createBenchmark","undefined","totalData","benchmarkData","benchmarkRatio","benchmarkStyles","benchmarkContainer","triangle","style","_createBars","noOfBars","count","totalMarginPercent","defaultColors","colorPaletteBlueForeground2","colorPaletteCornflowerForeground2","colorPaletteDarkGreenForeground2","colorPaletteNavyForeground2","colorPaletteDarkOrangeForeground2","startingPoint","prevPosition","value","sumOfPercent","pointData","scalingRatio","bars","floor","random","xValue","isLegendSelected","placeHolder","variant","AbsoluteScale","hideLabels","text","key","barValue","dominantBaseline","transform","barLabel","aria-hidden","rect","fill","onMouseOver","onFocus","role","aria-label","_getAriaLabel","onBlur","onMouseLeave","barWrapper","opacity","tabIndex","yValue","callOutAccessibilityData","ariaLabel","_isChartEmpty","length","newX","newY","threshold","distance","sqrt","pow","useEffect","svgWidth","current","MARGIN_WIDTH_IN_PX","currentBarSpacing","barLegend","focusAttributes","legendButtons","datapoint","root","points","showLegendForSinglePointBar","colorBackgroundOverlay","chartDataText","keyVal","barGroupAriaLabel","items","chartTitle","chartTitleLeft","content","chartTitleAccessibilityData","svg","ref","chart","g","id","e","onClick","p","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerHorizontalBar","customCalloutProps","calloutPropsPerDataPoint","isCartesian","displayName"],"mappings":"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"}

package/lib-commonjs/components/HorizontalBarChart/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./HorizontalBarChart.cjs"), exports);
+_export_star._(require("./HorizontalBarChart.types.cjs"), exports);
+_export_star._(require("../../types/index.cjs"), exports);

package/lib-commonjs/components/HorizontalBarChart/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HorizontalBarChart/index.ts"],"sourcesContent":["export * from './HorizontalBarChart';\nexport * from './HorizontalBarChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,uBAAuB;uBACvB,6BAA6B;uBAC7B,oBAAoB"}
+{"version":3,"sources":["../src/components/HorizontalBarChart/index.ts"],"sourcesContent":["export * from './HorizontalBarChart';\nexport * from './HorizontalBarChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,0BAAuB;uBACvB,gCAA6B;uBAC7B,uBAAoB"}

package/lib-commonjs/components/HorizontalBarChart/{useHorizontalBarChartStyles.styles.js → useHorizontalBarChartStyles.styles.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _index = require("./index");
+const _index = require("./index.cjs");
 const hbcClassNames = {
     root: 'fui-hbc__root',
     items: 'fui-hbc__items',

package/lib-commonjs/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { HorizontalBarChartVariant } from \"./index.js\";\nimport { HighContrastSelector } from \"../../utilities/index.js\";\n/**\n * @internal\n */ export const hbcClassNames = {\n    root: 'fui-hbc__root',\n    items: 'fui-hbc__items',\n    chart: 'fui-hbc__chart',\n    chartTitle: 'fui-hbc__chartTitle',\n    barWrapper: 'fui-hbc__barWrapper',\n    chartTitleLeft: 'fui-hbc__chartTitleLeft',\n    chartTitleRight: 'fui-hbc__chartTitleRight',\n    chartDataTextDenominator: 'fui-hbc__textDenom',\n    benchmarkContainer: 'fui-hbc__benchmark',\n    triangle: 'fui-hbc__triangle',\n    barLabel: 'fui-hbc__barLabel',\n    chartWrapper: 'fui-hbc__chartWrapper',\n    legendContainer: 'fui-hbc__legendContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        textAlign: 'left'\n    },\n    items10pMargin: {\n        marginBottom: tokens.spacingVerticalMNudge\n    },\n    items16pMargin: {\n        marginBottom: tokens.spacingVerticalL\n    },\n    chart: {\n        width: '100%',\n        height: '12px',\n        display: 'block',\n        overflow: 'visible'\n    },\n    barWrapper: {},\n    chartTitle: {\n        ...typographyStyles.caption1,\n        display: 'flex',\n        justifyContent: 'space-between'\n    },\n    chartTitleLeft: {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        display: 'block',\n        color: tokens.colorNeutralForeground1\n    },\n    chartTitleLeft4pMargin: {\n        marginBottom: '4px'\n    },\n    chartTitleLeft5pMargin: {\n        marginBottom: '5px'\n    },\n    chartTitleRight: {\n        ...typographyStyles.body1Strong,\n        color: tokens.colorNeutralForeground1\n    },\n    chartDataTextDenominator: {\n        ...typographyStyles.body1,\n        color: tokens.colorNeutralForeground1\n    },\n    benchmarkContainer: {\n        position: 'relative',\n        height: '7px',\n        marginTop: '-3px',\n        marginBottom: '-1px'\n    },\n    triangle: {\n        width: '0',\n        height: '0',\n        borderLeft: `4px solid transparent`,\n        borderRight: `4px solid transparent`,\n        borderTop: `7px solid`,\n        borderTopColor: tokens.colorPaletteBlueBorderActive,\n        marginBottom: tokens.spacingVerticalXS,\n        position: 'absolute'\n    },\n    barLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    },\n    chartWrapper40ppadding: {\n        paddingRight: '40px'\n    },\n    chartWrapper0ppadding: {\n        paddingRight: tokens.spacingHorizontalNone\n    },\n    legendContainer: {\n        paddingTop: tokens.spacingVerticalL\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useHorizontalBarChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8, _props_styles9, _props_styles10, _props_styles11, _props_styles12;\n    const { className, showTriangle, variant, hideLabels } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(hbcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        items: mergeClasses(hbcClassNames.items, showTriangle || variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.items16pMargin : baseStyles.items10pMargin, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.items),\n        chart: mergeClasses(hbcClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n        chartTitle: mergeClasses(hbcClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),\n        barWrapper: mergeClasses(hbcClassNames.barWrapper, baseStyles.barWrapper, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.barWrapper),\n        chartTitleLeft: mergeClasses(hbcClassNames.chartTitleLeft, baseStyles.chartTitleLeft, variant === HorizontalBarChartVariant.AbsoluteScale ? baseStyles.chartTitleLeft4pMargin : baseStyles.chartTitleLeft5pMargin, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitleLeft),\n        chartTitleRight: mergeClasses(hbcClassNames.chartTitleRight, baseStyles.chartTitleRight, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.chartTitleRight),\n        chartDataTextDenominator: mergeClasses(hbcClassNames.chartDataTextDenominator, baseStyles.chartDataTextDenominator, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.chartDataTextDenominator),\n        benchmarkContainer: mergeClasses(hbcClassNames.benchmarkContainer, baseStyles.benchmarkContainer, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.benchmarkContainer),\n        triangle: mergeClasses(hbcClassNames.triangle, baseStyles.triangle, (_props_styles9 = props.styles) === null || _props_styles9 === void 0 ? void 0 : _props_styles9.triangle),\n        barLabel: mergeClasses(hbcClassNames.barLabel, baseStyles.barLabel, (_props_styles10 = props.styles) === null || _props_styles10 === void 0 ? void 0 : _props_styles10.barLabel),\n        chartWrapper: mergeClasses(hbcClassNames.chartWrapper, variant === HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? baseStyles.chartWrapper40ppadding : baseStyles.chartWrapper0ppadding, (_props_styles11 = props.styles) === null || _props_styles11 === void 0 ? void 0 : _props_styles11.chartWrapper),\n        legendContainer: mergeClasses(hbcClassNames.legendContainer, baseStyles.legendContainer, (_props_styles12 = props.styles) === null || _props_styles12 === void 0 ? void 0 : _props_styles12.legendContainer)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","fsow6f","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","zhjwy3","wvpqe5","ibv6hh","B4g9neb","h3c5rm","vrafjx","Bekrc4i","u1mtju","g2u3we","icvyot","B4j52fo","i8vvqc","Bkfmm31","Bj7tp1g","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","m","useHorizontalBarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","_props_styles9","_props_styles10","_props_styles11","_props_styles12","className","showTriangle","variant","hideLabels","baseStyles","styles","AbsoluteScale"],"mappings":"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"}

package/lib-commonjs/components/HorizontalBarChart/{useHorizontalBarChartStyles.styles.raw.js → useHorizontalBarChartStyles.styles.raw.cjs}

@@ -19,8 +19,8 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _index = require("./index");
-const _index1 = require("../../utilities/index");
+const _index = require("./index.cjs");
+const _index1 = require("../../utilities/index.cjs");
 const hbcClassNames = {
     root: 'fui-hbc__root',
     items: 'fui-hbc__items',