@fluentui/react-charts 9.0.2 → 9.0.4

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HeatMapChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HeatMapChartProps } from './HeatMapChart.types';\nimport { AccessibilityProps, Chart, HeatMapChartData, HeatMapChartDataPoint, Margins } from '../../types/index';\nimport {\n  ChartTypes,\n  convertToLocaleString,\n  getAccessibleDataObject,\n  getColorContrast,\n  getTypeOfAxis,\n  resolveCSSVariables,\n  XAxisTypes,\n  YAxisType,\n} from '../../utilities/index';\nimport { CartesianChart, ChartPopoverProps, ChildProps } from '../CommonComponents/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useHeatMapChartStyles } from './useHeatMapChartStyles.styles';\nimport { Legend, Legends } from '../Legends/index';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { format as d3Format } from 'd3-format';\nimport { timeFormat as d3TimeFormat } from 'd3-time-format';\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>((props, forwardedRef) => {\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>();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _xAxisScale = React.useRef<any>();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const _yAxisScale = React.useRef<any>();\n  const _xAxisType = React.useRef<XAxisTypes>();\n  const _yAxisType = React.useRef<YAxisType>();\n  const _calloutAnchorPoint = React.useRef<FlattenData | null>(null);\n  const _emptyChartId = useId('_HeatMap_empty');\n  const _margins = React.useRef<Margins>({});\n  const cartesianChartRef = React.useRef<Chart>(null);\n\n  const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [calloutTextColor, setCalloutTextColor] = React.useState<string>('');\n  const [calloutYValue, setCalloutYValue] = React.useState<string>('');\n  const [ratio, setRatio] = React.useState<[number, number]>();\n  const [descriptionMessage, setDescriptionMessage] = React.useState<string>('');\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\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(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\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: JSX.Element[] = [];\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: JSX.Element;\n        const id = `x${xAxisDataPoint}y${yAxisDataPoint}`;\n        if (\n          _dataSet.current[yAxisDataPoint][index]?.x === xAxisDataPoint &&\n          typeof _dataSet.current[yAxisDataPoint][index]?.value === 'number'\n        ) {\n          /**\n           * dataPointObject is an object where it contains information on single\n           * data point such as x, y , value, rectText property of the rectangle\n           */\n          const dataPointObject = _dataSet.current[yAxisDataPoint][index];\n          let styleRules = '';\n          let foregroundColor = tokens.colorNeutralForeground1;\n          if (cartesianChartRef.current?.chartContainer) {\n            styleRules = resolveCSSVariables(cartesianChartRef.current.chartContainer, foregroundColor);\n          }\n          const contrastRatio = getColorContrast(styleRules, _colorScale.current(dataPointObject.value));\n          if (contrastRatio < 3) {\n            foregroundColor = _getInvertedTextColor(foregroundColor);\n          }\n          rectElement = (\n            <g\n              key={id}\n              role=\"img\"\n              aria-label={_getAriaLabel(dataPointObject)}\n              tabIndex={_legendHighlighted(dataPointObject.legend) || _noLegendHighlighted() ? 0 : -1}\n              fillOpacity={_getOpacity(dataPointObject.legend)}\n              transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                dataPointObject.y,\n              )})`}\n              onFocus={e => _onRectFocus(id, dataPointObject, e)}\n              onBlur={_onRectBlurOrMouseOut}\n              onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n              onMouseOut={_onRectBlurOrMouseOut}\n            >\n              <rect\n                fill={_colorScale.current(dataPointObject.value)}\n                width={_xAxisScale.current.bandwidth()}\n                height={_yAxisScale.current.bandwidth()}\n                onClick={dataPointObject.onClick}\n              />\n              <text\n                dominantBaseline={'middle'}\n                textAnchor={'middle'}\n                className={classes.text}\n                transform={`translate(${_xAxisScale.current.bandwidth() / 2}, ${_yAxisScale.current.bandwidth() / 2})`}\n                fill={foregroundColor}\n              >\n                {convertToLocaleString(dataPointObject.rectText, props.culture)}\n              </text>\n            </g>\n          );\n          index++;\n        } else {\n          const dataPointObject: FlattenData = {\n            x: xAxisDataPoint,\n            y: yAxisDataPoint,\n            value: NaN,\n            rectText: 'No data available',\n            legend: '',\n          };\n          rectElement = (\n            <g\n              key={id}\n              role=\"img\"\n              aria-label={_getAriaLabel(dataPointObject)}\n              tabIndex={_noLegendHighlighted() ? 0 : -1}\n              transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                dataPointObject.y,\n              )})`}\n              onFocus={e => _onRectFocus(id, dataPointObject, e)}\n              onBlur={_onRectBlurOrMouseOut}\n              onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n              onMouseOut={_onRectBlurOrMouseOut}\n            >\n              <rect\n                fill=\"transparent\"\n                width={_xAxisScale.current.bandwidth()}\n                height={_yAxisScale.current.bandwidth()}\n              />\n            </g>\n          );\n        }\n        rectangles.push(rectElement);\n      });\n    });\n    return rectangles;\n  };\n  /**\n   * when the legend is hovered we need to highlight\n   * all the rectangles which fall under that category\n   * and un-highlight the rest of them\n   * @param legendTitle\n   */\n  const _onLegendHover = (legendTitle: string): void => {\n    setActiveLegend(legendTitle);\n  };\n\n  /**\n   * when the mouse is out from the legend , we need\n   * to show the graph in initial mode.\n   */\n  const _onLegendLeave = (): void => {\n    setActiveLegend('');\n  };\n  /**\n   * @param legendTitle\n   * when the legend is clicked we need to highlight\n   * all the rectangles which fall under that category\n   * and un highlight the rest of them\n   */\n  const _onLegendClick = (legendTitle: string): void => {\n    /**\n     * check if the legend is already selceted,\n     * if yes, un-select the legend, else\n     * set the selected legend state to legendTitle\n     */\n    if (selectedLegend === legendTitle) {\n      setSelectedLegend('');\n    } else {\n      setSelectedLegend(legendTitle);\n    }\n  };\n  const _createLegendBars = (): JSX.Element => {\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} />;\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 = 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      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    [_getFormattedLabelForXAxisDataPoint, props.sortOrder, props.xAxisDateFormatString, props.xAxisNumberFormatString],\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 = 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      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    [_getFormattedLabelForYAxisDataPoint, props.sortOrder, props.yAxisDateFormatString, props.yAxisNumberFormatString],\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]\n          .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          .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 this._stringYAxisDatapoints, points will be stored in\n       * string format. and in here `yPoint` are not so we need to change, so that\n       * function `this._createRectangles` should work perfetcly while looping, and  if we don't change\n       * then `this._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 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  };\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      datasetForXAxisDomain={_stringXAxisDataPoints.current}\n      stringDatasetForYAxisDomain={_stringYAxisDataPoints.current}\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.yScale;\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"],"names":["React","ChartTypes","convertToLocaleString","getAccessibleDataObject","getColorContrast","getTypeOfAxis","resolveCSSVariables","XAxisTypes","YAxisType","CartesianChart","useId","tokens","useHeatMapChartStyles","Legends","scaleLinear","d3ScaleLinear","format","d3Format","timeFormat","d3TimeFormat","HeatMapChart","forwardRef","props","forwardedRef","classes","_stringXAxisDataPoints","useRef","_stringYAxisDataPoints","_dataSet","_colorScale","_xAxisScale","_yAxisScale","_xAxisType","_yAxisType","_calloutAnchorPoint","_emptyChartId","_margins","cartesianChartRef","selectedLegend","setSelectedLegend","useState","activeLegend","setActiveLegend","isPopoverOpen","setPopoverOpen","calloutLegend","setCalloutLegend","calloutTextColor","setCalloutTextColor","calloutYValue","setCalloutYValue","ratio","setRatio","descriptionMessage","setDescriptionMessage","callOutAccessibilityData","setCallOutAccessibilityData","clickPosition","setClickPosition","x","y","useImperativeHandle","componentRef","chartContainer","current","_getXandY","data","forEach","item","length","_getMargins","margins","_getOpacity","legendTitle","opacity","_legendHighlighted","_noLegendHighlighted","_onRectFocus","id","focusEvent","boundingRect","currentTarget","getBoundingClientRect","clientX","left","width","clientY","top","height","updatePosition","legend","rectText","Number","isNaN","value","colorNeutralForeground1","_onRectMouseOver","mouseEvent","persist","_onRectBlurOrMouseOut","_handleChartMouseLeave","_getInvertedTextColor","color","colorNeutralBackground1","_createRectangles","rectangles","yAxisDataPoints","slice","reverse","yAxisDataPoint","index","xAxisDataPoint","rectElement","dataPointObject","styleRules","foregroundColor","contrastRatio","g","key","role","aria-label","_getAriaLabel","tabIndex","fillOpacity","transform","onFocus","e","onBlur","onMouseOver","onMouseOut","rect","fill","bandwidth","onClick","text","dominantBaseline","textAnchor","className","culture","NaN","push","_onLegendHover","_onLegendLeave","_onLegendClick","_createLegendBars","legendProps","legends","title","action","hoverAction","onMouseOutAction","_getColorScale","domainValuesForColorScale","rangeValuesForColorScale","domain","range","_getXIndex","DateAxis","getTime","StringAxis","NumericAxis","_getYIndex","xAxisStringFormatter","_getFormattedLabelForXAxisDataPoint","useCallback","point","yAxisStringFormatter","_getFormattedLabelForYAxisDataPoint","_getXAxisDataPoints","points","xAxisPoints","unFormattedXAxisDataPoints","Object","keys","sort","a","b","sortOrder","toLowerCase","map","xPoint","_getStringFormattedDate","xAxisDateFormatString","_getStringFormattedNumber","xAxisNumberFormatString","_getYAxisDataPoints","yAxisPoints","unFormattedYAxisDataPoints","yPoint","yAxisDateFormatString","yAxisNumberFormatString","_createNewDataSet","flattenData","yPoints","uniqueYPoints","uniqueXPoints","posX","posY","datapoint","dataSet","formatString","date","Date","setTime","xValue","yValue","zValue","description","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","numDataPoints","reduce","acc","curr","newX","newY","threshold","distance","Math","sqrt","pow","useMemo","calloutProps","YValue","tickParams","tickValues","tickFormat","chartType","xAxisType","yAxisType","datasetForXAxisDomain","stringDatasetForYAxisDomain","getmargins","xAxisTickCount","xAxistickSize","xAxisPadding","yAxisPadding","legendBars","onChartMouseLeave","children","p","xScale","yScale","div","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/HeatMapChart/HeatMapChart.types.js

@@ -0,0 +1,4 @@
+/**
+ * Heat Map Chart styles
+ * {@docCategory HeatMapChart}
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HeatMapChart.types.ts"],"sourcesContent":["import type { CartesianChartProps, CartesianChartStyles } from '../CommonComponents/CartesianChart.types';\nimport type { HeatMapChartData } from '../../types/DataPoint';\n\n/**\n * Heat Map Chart properties\n * {@docCategory HeatMapChart}\n */\nexport interface HeatMapChartProps extends CartesianChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n  /**\n   * data to provide for Heat Map\n   */\n  data: HeatMapChartData[];\n  /**\n   * The domain value for the color scale,\n   *\n   */\n  domainValuesForColorScale: number[];\n  /**\n   * The range values for the color scale,\n   * fill the array with colors in hex format\n   * note:- it should contain values exactly as many as values in the array\n   * `domainValuesForColorScale`\n   */\n  rangeValuesForColorScale: string[];\n  /**\n   * date formatter of x axis,\n   * if the x-axis data point are of date type then user can use this\n   * prop to format the date\n   * refer to https://github.com/d3/d3-time-format for string values\n   * @default '%b/%d'\n   */\n  xAxisDateFormatString?: string;\n  /**\n   * date formatter of y axis,\n   * if the y-axis data point are or date type then user can use this\n   * prop to format the date\n   * refer to https://github.com/d3/d3-time-format for string values\n   * @default '%b/%d'\n   */\n  yAxisDateFormatString?: string;\n  /**\n   * number formatter of x axis\n   * if the x-axis data pints are of number type then user can\n   * use this prop to format the number\n   * refer to https://github.com/d3/d3-format for string values\n   * @default '.2~s'\n   */\n  xAxisNumberFormatString?: string;\n  /**\n   * number formatter of y axis\n   * if the y-axis data pints are of number type then user can\n   * use this prop to format the number\n   * refer to https://github.com/d3/d3-format for string values\n   * @default '.2~s'\n   */\n  yAxisNumberFormatString?: string;\n  /**\n   * string formatter for x-axis.\n   * This prop only applies if the x-axis is of string type\n   *\n   * For the accessiblity reason we sort the x-axis data point given by the consumer in ascending\n   * order and then render in the x-axis. this behaviour would force the order of the data points.\n   * to overcome , user can give x-axis point names as p1 p2...etc and map those p1 and p2 to custom name.\n   * behind the scene the charting will actually sort the p1 and p2 and then we can attach the custom\n   * name to that point by using this prop, hence giving the us the flexiblity of the order in which\n   * label should render\n   *\n   * see the example file for the usage of the prop\n   */\n  xAxisStringFormatter?: (point: string) => string;\n\n  /**\n   * string formatter for y-axis.\n   * This prop only applies if the y-axis is of string type\n   *\n   * For the accessiblity reason we sort the x-axis data point given by the consumer in ascending\n   * order and then render in the y-axis. this behaviour would force the order of the data points.\n   * to overcome , user can give y-axis point names as p1 p2...etc and map those p1 and p2 to custom name.\n   * behind the scene the charting will actually sort the p1 and p2 and then we can attach the custom\n   * name to that point by using this prop, hence giving the us the flexiblity of the order in which\n   * label should render\n   *\n   * see the exaple file for the usage of the prop\n   */\n  yAxisStringFormatter?: (point: string) => string;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HeatMapChartStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default alphabetical\n   * The prop used to decide order of string axis labels */\n  sortOrder?: 'none' | 'alphabetical';\n}\n\n/**\n * Heat Map Chart styles\n * {@docCategory HeatMapChart}\n */\nexport interface HeatMapChartStyles extends CartesianChartStyles {\n  root?: string;\n  text?: string;\n}\n"],"names":[],"rangeMappings":";;;","mappings":"AA8GA;;;CAGC,GACD,WAGC"}

package/lib/components/HeatMapChart/index.js

@@ -0,0 +1,3 @@
+export * from './HeatMapChart';
+export * from './HeatMapChart.types';
+export * from '../../types/index';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './HeatMapChart';\nexport * from './HeatMapChart.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,oBAAoB"}

package/lib/components/HeatMapChart/useHeatMapChartStyles.styles.js

@@ -0,0 +1,37 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const heatmapChartClassNames = {
+  root: 'fui-hmc__root',
+  text: 'fui-hmc__text',
+  xAxis: '',
+  yAxis: '',
+  legendContainer: '',
+  hover: '',
+  descriptionMessage: '',
+  tooltip: '',
+  axisTitle: '',
+  chartTitle: '',
+  opacityChangeOnHover: '',
+  shapeStyles: '',
+  chartWrapper: ''
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {},
+  text: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1i3iumi",
+    Bkecrkj: "f1aehjj5"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1aehjj5{pointer-events:none;}"]
+});
+export const useHeatMapChartStyles = props => {
+  const baseStyles = useStyles();
+  return {
+    root: mergeClasses(heatmapChartClassNames.root, baseStyles.root /*, props.styles?.root*/),
+    text: mergeClasses(heatmapChartClassNames.text, baseStyles.text /*, props.styles?.text*/)
+  };
+};
+//# sourceMappingURL=useHeatMapChartStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","typographyStyles","heatmapChartClassNames","root","text","xAxis","yAxis","legendContainer","hover","descriptionMessage","tooltip","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkecrkj","d","useHeatMapChartStyles","props","baseStyles"],"sources":["useHeatMapChartStyles.styles.js"],"sourcesContent":["import { 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    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    tooltip: '',\n    axisTitle: '',\n    chartTitle: '',\n    opacityChangeOnHover: '',\n    shapeStyles: '',\n    chartWrapper: ''\n};\nconst useStyles = makeStyles({\n    root: {},\n    text: {\n        ...typographyStyles.body1Strong,\n        pointerEvents: 'none'\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    };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,EAAE;EACTC,KAAK,EAAE,EAAE;EACTC,eAAe,EAAE,EAAE;EACnBC,KAAK,EAAE,EAAE;EACTC,kBAAkB,EAAE,EAAE;EACtBC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,oBAAoB,EAAE,EAAE;EACxBC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE;AAClB,CAAC;AACD,MAAMC,SAAS,gBAAGjB,QAAA;EAAAI,IAAA;EAAAC,IAAA;IAAAa,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMjB,CAAC;AACF,OAAO,MAAMC,qBAAqB,GAAIC,KAAK,IAAG;EAC1C,MAAMC,UAAU,GAAGT,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHb,IAAI,EAAEH,YAAY,CAACE,sBAAsB,CAACC,IAAI,EAAEsB,UAAU,CAACtB,IAAI,CAAC,wBAAyB,CAAC;IAC1FC,IAAI,EAAEJ,YAAY,CAACE,sBAAsB,CAACE,IAAI,EAAEqB,UAAU,CAACrB,IAAI,CAAC,wBAAyB;EAC7F,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js

@@ -1,7 +1,6 @@
 import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { HorizontalBarChartVariant } from './index';
-import { HighContrastSelector } from '../../utilities/index';
 /**
  * @internal
  */
@@ -108,8 +107,7 @@ const useStyles = /*#__PURE__*/__styles({
     Bhrd7zp: "fl43uef",
     Bg96gwp: "fwrc4pm",
     Bkfmm31: "fhuob2q",
-    a6j6cd: "f1j86lqe",
-    B93v9kj: "f15mrrko"
+    Bvjb7m6: "fdgv6k0"
   },
   chartWrapper40ppadding: {
     z189sj: ["f1emi2st", "f53ee3v"]
@@ -125,12 +123,7 @@ const useStyles = /*#__PURE__*/__styles({
     p: -1
   }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1869bpl{justify-content:space-between;}", ".f1cmbuwj{text-overflow:ellipsis;}", [".f1a3p1vp{overflow:hidden;}", {
     p: -1
-  }], ".fz5stix{white-space:nowrap;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fd1gkq{margin-bottom:4px;}", ".f475ppk{margin-bottom:5px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f10pi13n{position:relative;}", ".f7u49ja{height:7px;}", ".f1h5g6v3{margin-top:-3px;}", ".fmxx68s{margin-bottom:-1px;}", ".f3tsq5r{width:0;}", ".fniina8{height:0;}", ".fbdn13q{border-left-width:4px;}", ".fdo4c7f{border-right-width:4px;}", ".fjik90z{border-left-style:solid;}", ".fcdblym{border-right-style:solid;}", ".f1pdflbu{border-left-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1st6vq5{border-top-width:7px;}", ".fzkkow9{border-top-style:solid;}", ".f1bpgvfk{border-top-color:var(--colorPaletteBlueBorderActive);}", ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}", ".f1euv43f{position:absolute;}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".f1emi2st{padding-right:40p;}", ".f53ee3v{padding-left:40p;}", ".flk2ux3{padding-right:var(--spacingHorizontalNone);}", ".fkl3uby{padding-left:var(--spacingHorizontalNone);}", ".fikn0iw{padding-top:var(--spacingVerticalL);}"],
-  m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1j86lqe{fill:WindowText;}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }]]
+  }], ".fz5stix{white-space:nowrap;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fd1gkq{margin-bottom:4px;}", ".f475ppk{margin-bottom:5px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f10pi13n{position:relative;}", ".f7u49ja{height:7px;}", ".f1h5g6v3{margin-top:-3px;}", ".fmxx68s{margin-bottom:-1px;}", ".f3tsq5r{width:0;}", ".fniina8{height:0;}", ".fbdn13q{border-left-width:4px;}", ".fdo4c7f{border-right-width:4px;}", ".fjik90z{border-left-style:solid;}", ".fcdblym{border-right-style:solid;}", ".f1pdflbu{border-left-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1st6vq5{border-top-width:7px;}", ".fzkkow9{border-top-style:solid;}", ".f1bpgvfk{border-top-color:var(--colorPaletteBlueBorderActive);}", ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}", ".f1euv43f{position:absolute;}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fdgv6k0{forced-color-adjust:none;}", ".f1emi2st{padding-right:40p;}", ".f53ee3v{padding-left:40p;}", ".flk2ux3{padding-right:var(--spacingHorizontalNone);}", ".fkl3uby{padding-left:var(--spacingHorizontalNone);}", ".fikn0iw{padding-top:var(--spacingVerticalL);}"]
 });
 /**
  * Apply styling to the Carousel slots based on the state

package/lib/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","HighContrastSelector","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","a6j6cd","B93v9kj","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"],"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\nimport { HighContrastSelector } from '../../utilities/index';\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    },\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        ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n        ...shorthands.borderRight('4px', 'solid', 'transparent'),\n        ...shorthands.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            fill: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    },\n    chartWrapper40ppadding: {\n        paddingRight: '40p'\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HorizontalBarChartVariant","hbcClassNames","root","items","chart","chartTitle","barWrapper","chartTitleLeft","chartTitleRight","chartDataTextDenominator","benchmarkContainer","triangle","barLabel","chartWrapper","legendContainer","useStyles","mc9l5x","Beiy3e4","a9b677","items10pMargin","jrapky","items16pMargin","Bqenvij","B68tc82","Bmxbyg5","Bpg54ce","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Brf1p80","ygn44y","Huce71","sj55zd","chartTitleLeft4pMargin","chartTitleLeft5pMargin","qhf8xq","B6of3ja","ibv6hh","wvpqe5","zhjwy3","Bekrc4i","vrafjx","h3c5rm","B4j52fo","icvyot","g2u3we","Bkfmm31","Bvjb7m6","chartWrapper40ppadding","z189sj","chartWrapper0ppadding","z8tnut","d","p","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"],"sources":["useHorizontalBarChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HorizontalBarChartVariant } from './index';\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    },\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        ...shorthands.borderLeft('4px', 'solid', 'transparent'),\n        ...shorthands.borderRight('4px', 'solid', 'transparent'),\n        ...shorthands.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        forcedColorAdjust: 'none'\n    },\n    chartWrapper40ppadding: {\n        paddingRight: '40p'\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"],"mappings":"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","ignoreList":[]}