@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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

@@ -1 +0,0 @@
-{"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=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_legendHighlighted(dataPointObject.legend) || _noLegendHighlighted() ? 0 : -1}\n                fillOpacity={_getOpacity(dataPointObject.legend)}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill={_colorScale.current(dataPointObject.value)}\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                  onClick={dataPointObject.onClick}\n                />\n                <text\n                  dominantBaseline={'middle'}\n                  textAnchor={'middle'}\n                  className={classes.text}\n                  transform={`translate(${_xAxisScale.current.bandwidth() / 2}, ${\n                    _yAxisScale.current.bandwidth() / 2\n                  })`}\n                  fill={foregroundColor}\n                >\n                  {formatToLocaleString(dataPointObject.rectText, props.culture, props.useUTC) as React.ReactNode}\n                </text>\n              </g>\n            );\n            index++;\n          } else {\n            const dataPointObject: FlattenData = {\n              x: xAxisDataPoint,\n              y: yAxisDataPoint,\n              value: NaN,\n              rectText: 'No data available',\n              legend: '',\n            };\n            rectElement = (\n              <g\n                key={id}\n                role=\"img\"\n                aria-label={_getAriaLabel(dataPointObject)}\n                tabIndex={_noLegendHighlighted() ? 0 : -1}\n                transform={`translate(${_xAxisScale.current(dataPointObject.x)}, ${_yAxisScale.current(\n                  dataPointObject.y,\n                )})`}\n                onFocus={e => _onRectFocus(id, dataPointObject, e)}\n                onBlur={_onRectBlurOrMouseOut}\n                onMouseOver={e => _onRectMouseOver(id, dataPointObject, e)}\n                onMouseOut={_onRectBlurOrMouseOut}\n              >\n                <rect\n                  fill=\"transparent\"\n                  width={_xAxisScale.current.bandwidth()}\n                  height={_yAxisScale.current.bandwidth()}\n                />\n              </g>\n            );\n          }\n          rectangles.push(rectElement);\n        });\n      });\n      return <g {...arrowNavigationAttributes}>{rectangles}</g>;\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","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/HeatMapChart.types.js

@@ -1,7 +0,0 @@
-/**
- * Heat Map Chart styles
- * {@docCategory HeatMapChart}
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/HeatMapChart/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 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  calloutContentRoot?: string;\n}\n"],"names":[],"mappings":"AAyGA;;;CAGC,GACD,WAIC"}

package/lib-commonjs/components/HeatMapChart/index.js

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

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,71 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    heatmapChartClassNames: function() {
-        return heatmapChartClassNames;
-    },
-    useHeatMapChartStyles: function() {
-        return useHeatMapChartStyles;
-    }
-});
-const _react = require("@griffel/react");
-const heatmapChartClassNames = {
-    root: 'fui-hmc__root',
-    text: 'fui-hmc__text',
-    calloutContentRoot: 'fui-hmc__calloutContentRoot',
-    xAxis: '',
-    yAxis: '',
-    legendContainer: '',
-    hover: '',
-    descriptionMessage: '',
-    tooltip: '',
-    axisTitle: '',
-    chartTitle: '',
-    opacityChangeOnHover: '',
-    shapeStyles: '',
-    chartWrapper: '',
-    svgTooltip: '',
-    chart: '',
-    axisAnnotation: '',
-    plotContainer: '',
-    annotationLayer: ''
-};
-const useStyles = /*#__PURE__*/ (0, _react.__styles)({
-    root: {},
-    text: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "fl43uef",
-        Bg96gwp: "f1i3iumi",
-        Bkecrkj: "f1aehjj5"
-    },
-    calloutContentRoot: {
-        B2u0y6b: "f15g8at8"
-    }
-}, {
-    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;}",
-        ".f15g8at8{max-width:238px;}"
-    ]
-});
-const useHeatMapChartStyles = (props)=>{
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(heatmapChartClassNames.root, baseStyles.root /*, props.styles?.root*/ ),
-        text: (0, _react.mergeClasses)(heatmapChartClassNames.text, baseStyles.text /*, props.styles?.text*/ ),
-        calloutContentRoot: (0, _react.mergeClasses)(heatmapChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*, props.styles?.calloutContentRoot*/ )
-    };
-};

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

@@ -1 +0,0 @@
-{"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/HeatMapChart/useHeatMapChartStyles.styles.raw.js

@@ -1,60 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    heatmapChartClassNames: function() {
-        return heatmapChartClassNames;
-    },
-    useHeatMapChartStyles: function() {
-        return useHeatMapChartStyles;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const heatmapChartClassNames = {
-    root: 'fui-hmc__root',
-    text: 'fui-hmc__text',
-    calloutContentRoot: 'fui-hmc__calloutContentRoot',
-    xAxis: '',
-    yAxis: '',
-    legendContainer: '',
-    hover: '',
-    descriptionMessage: '',
-    tooltip: '',
-    axisTitle: '',
-    chartTitle: '',
-    opacityChangeOnHover: '',
-    shapeStyles: '',
-    chartWrapper: '',
-    svgTooltip: '',
-    chart: '',
-    axisAnnotation: '',
-    plotContainer: '',
-    annotationLayer: ''
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {},
-    text: {
-        ..._reacttheme.typographyStyles.body1Strong,
-        pointerEvents: 'none'
-    },
-    calloutContentRoot: {
-        maxWidth: '238px'
-    }
-});
-const useHeatMapChartStyles = (props)=>{
-    const baseStyles = useStyles();
-    return {
-        root: (0, _react.mergeClasses)(heatmapChartClassNames.root, baseStyles.root /*, props.styles?.root*/ ),
-        text: (0, _react.mergeClasses)(heatmapChartClassNames.text, baseStyles.text /*, props.styles?.text*/ ),
-        calloutContentRoot: (0, _react.mergeClasses)(heatmapChartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*, props.styles?.calloutContentRoot*/ )
-    };
-};

package/lib-commonjs/components/HeatMapChart/useHeatMapChartStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/HeatMapChart/useHeatMapChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { HeatMapChartProps, HeatMapChartStyles } from './HeatMapChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const heatmapChartClassNames: SlotClassNames<HeatMapChartStyles> = {\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});\n\nexport const useHeatMapChartStyles = (props: HeatMapChartProps): HeatMapChartStyles => {\n  const baseStyles = useStyles();\n\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(\n      heatmapChartClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot /*, props.styles?.calloutContentRoot*/,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","heatmapChartClassNames","root","text","calloutContentRoot","xAxis","yAxis","legendContainer","hover","descriptionMessage","tooltip","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","body1Strong","pointerEvents","maxWidth","useHeatMapChartStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,sBAAAA;;;yBAgCAwB;;;;uBArC4B,iBAAiB;4BAGzB,wBAAwB;AAElD,+BAAmE;IACxEvB,MAAM;IACNC,MAAM;IACNC,oBAAoB;IACpBC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,SAAS;IACTC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AACF,MAAMC,gBAAYvB,iBAAAA,EAAW;IAC3BI,MAAM,CAAC;IACPC,MAAM;QACJ,GAAGH,4BAAAA,CAAiBsB,WAAW;QAC/BC,eAAe;IACjB;IACAnB,oBAAoB;QAClBoB,UAAU;IACZ;AACF;AAEO,MAAMC,wBAAwB,CAACC;IACpC,MAAMC,aAAaN;IAEnB,OAAO;QACLnB,UAAMH,mBAAAA,EAAaE,uBAAuBC,IAAI,EAAEyB,WAAWzB,IAAI,CAAC,sBAAsB;QACtFC,UAAMJ,mBAAAA,EAAaE,uBAAuBE,IAAI,EAAEwB,WAAWxB,IAAI,CAAC,sBAAsB;QACtFC,wBAAoBL,mBAAAA,EAClBE,uBAAuBG,kBAAkB,EACzCuB,WAAWvB,kBAAkB,CAAC,oCAAoC;IAEtE;AACF,EAAE"}