@fluentui/react-charts 9.3.5 → 9.3.7

package/lib/components/AreaChart/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AreaChart/AreaChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAreaChartStyles } from './useAreaChartStyles.styles';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { pointer } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { tokens } from '@fluentui/react-theme';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  CustomizedCalloutData,\n  AreaChartProps,\n  LineChartDataPoint,\n  LineChartPoints,\n  ChildProps,\n  Margins,\n  YValueHover,\n  ChartPopoverProps,\n  Chart,\n  ImageExportOptions,\n} from '../../index';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfAxislabels,\n  getNextColor,\n  getColorFromToken,\n  getSecureProps,\n  areArraysEqual,\n  getCurveFactory,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  createStringYAxis,\n  useRtl,\n  YAxisType,\n  findCalloutPoints,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, LegendContainer, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { formatDateToLocaleString } from '@fluentui/chart-utilities';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nenum InterceptVisibility {\n  show = 'visibility',\n  hide = 'hidden',\n}\n\nexport interface AreaChartAreaPoint {\n  xVal: string | number;\n  values: AreaChartDataSetPoint;\n}\nexport interface AreaChartDataSetPoint {\n  [key: string]: number | string | number[];\n}\nexport interface DPointType {\n  values: { 0: number; 1: number; data: {} };\n  xVal: number | Date;\n}\nexport interface MapXToDataSet {\n  [key: string]: LineChartDataPoint[];\n  [key: number]: LineChartDataPoint[];\n}\n\ninterface ILineChartDataPointWithLegend extends LineChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n}\n\ntype ILineChartPointsWithoutData = Omit<LineChartPoints, 'data'>;\ninterface LineChartPointsWithLegend extends ILineChartPointsWithoutData {\n  data: ILineChartDataPointWithLegend[];\n}\n\n//by default d3-shape 3.2.0 limits the< path> data point precision to 3 digits(d3/d3-path#10)\n\nexport const AreaChart: React.FunctionComponent<AreaChartProps> = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (props, forwardedRef) => {\n    const _uniqueIdForGraph: string = useId('areaChart_');\n    const _verticalLineId: string = useId('verticalLine_');\n    const _circleId: string = useId('circle');\n    const _rectId: string = useId('rectangle');\n    const _tooltipId: string = useId('AreaChartTooltipID');\n    //enableComputationOptimization is used for optimized code to group data points by x value\n    //from O(n^2) to O(n) using a map.\n    const _enableComputationOptimization: boolean = true;\n    const _firstRenderOptimization: boolean = true;\n    const _emptyChartId: string = useId('_AreaChart_empty');\n    let _containsSecondaryYAxis = false;\n    let _hasMissingXValues = _containsMissingXValues();\n    let _hasDuplicateXValues = _xCoordinateContainsMultipleY();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any;\n    let _createSet: (data: LineChartPoints[]) => {\n      colors: string[];\n      opacity: number[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      data: any;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      calloutPoints: any;\n    };\n    let _colors: string[];\n    let _opacity: number[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _data: any;\n    let _chart: JSXElement[];\n    let _margins: Margins;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisRectScale: any;\n    // determines if the given area chart has multiple stacked bar charts\n    let _isMultiStackChart: boolean;\n    const cartesianChartRef = React.useRef<Chart>(null);\n    const _legendsRef = React.useRef<LegendContainer>(null);\n    const _isRTL: boolean = useRtl();\n\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined | null>('');\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n    const [lineXValue, setLineXValue] = React.useState<number>(0);\n    const [displayOfLine, setDisplayOfLine] = React.useState<InterceptVisibility>(InterceptVisibility.hide);\n    const [isCircleClicked, setIsCircleClicked] = React.useState<boolean>(false);\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<number | string | Date | null>(null);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [xAxisCalloutAccessibilityData, setXAxisCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<AreaChartProps | null>(null);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n        toImage: (opts?: ImageExportOptions): Promise<string> => {\n          return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n        },\n      }),\n      [],\n    );\n\n    const classes = useAreaChartStyles(props);\n\n    function _getMinMaxOfYAxis(points: LineChartPoints[], yAxisType: YAxisType, useSecondaryYScale: boolean) {\n      return findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);\n    }\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\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) {\n        domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _getMargins(margins: Margins) {\n      _margins = margins;\n    }\n\n    function _onRectMouseMove(mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      // This will get the value of the X when mouse is on the chart\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      const xOffset = _xAxisRectScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![0].data, xOffset);\n      const d0 = lineChartData![0].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![0].data[i] as LineChartDataPoint;\n      let pointToHighlight: string | Date | number | null = null;\n      let index: null | number = null;\n      const axisType =\n        lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;\n      if (d0 === undefined && d1 !== undefined) {\n        pointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        pointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n      const formattedDate =\n        pointToHighlight instanceof Date\n          ? formatDateToLocaleString(pointToHighlight, props.culture, props.useUTC as boolean)\n          : pointToHighlight;\n      const found = findCalloutPoints(_calloutPoints, pointToHighlight);\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const _nearestCircleToHighlight =\n        axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found) {\n        const filteredValues = _getFilteredLegendValues(found.values);\n        setNearestCircleToHighlight(_nearestCircleToHighlight);\n        setLineXValue(_xAxisRectScale(pointToHighlight));\n        setDisplayOfLine(InterceptVisibility.show);\n        setIsCircleClicked(false);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setYValueHover(filteredValues);\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setXAxisCalloutAccessibilityData(xAxisCalloutAccessibilityData);\n        setActivePoint('');\n      } else {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(nearestCircleToHighlight);\n        setDisplayOfLine(InterceptVisibility.hide);\n        setIsCircleClicked(false);\n      }\n    }\n    /**\n     * just cleaning up the state which we have set in the mouse move event\n     */\n    function _onRectMouseOut() {\n      /**/\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _handleChartMouseLeave() {\n      setPopoverOpen(false);\n      setNearestCircleToHighlight(null);\n      setLineXValue(0);\n      setDisplayOfLine(InterceptVisibility.hide);\n      setIsCircleClicked(false);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getDataPoints(keys: string[], dataSet: any) {\n      const renderPoints: Array<AreaChartDataSetPoint[]> = [];\n      let maxOfYVal = 0;\n\n      if (_shouldFillToZeroY()) {\n        keys.forEach((key, index) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          dataSet.forEach((d: any) => {\n            currentLayer.push({\n              values: [0, d[key]], // Start from zero for \"tozeroy\" mode\n              xVal: d.xVal,\n            });\n            if (d[key] > maxOfYVal) {\n              maxOfYVal = d[key];\n            }\n          });\n          renderPoints.push(currentLayer);\n        });\n      } else {\n        const dataValues = d3Stack().keys(keys)(dataSet);\n        maxOfYVal = d3Max(dataValues[dataValues.length - 1], dp => dp[1])!;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        dataValues.forEach((layer: any) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          layer.forEach((d: any) => {\n            currentLayer.push({\n              values: d,\n              xVal: d.data.xVal,\n            });\n          });\n          renderPoints.push(currentLayer);\n        });\n      }\n\n      _isMultiStackChart = !!(props.legendProps?.selectedLegends\n        ? renderPoints?.length >= 1\n        : renderPoints?.length > 1);\n      return {\n        renderData: renderPoints,\n        // The maxOfYVal prop is only required for the primary y-axis. When the data includes\n        // a secondary y-axis, the mode defaults to tozeroy, so maxOfYVal should be calculated using\n        // only the data points associated with the primary y-axis.\n        maxOfYVal: _containsSecondaryYAxis ? findNumericMinMaxOfY(props.data.lineChartData!).endValue : maxOfYVal,\n      };\n    }\n\n    function _createDataSet(points: LineChartPoints[]) {\n      if (props.enablePerfOptimization && _enableComputationOptimization && !_hasDuplicateXValues) {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        const mapOfXvalToListOfDataPoints: MapXToDataSet = {};\n        allChartPoints.forEach((dataPoint: LineChartDataPoint) => {\n          const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n          // map of x value to the list of data points which share the same x value .\n          if (mapOfXvalToListOfDataPoints[xValue]) {\n            mapOfXvalToListOfDataPoints[xValue].push(dataPoint);\n          } else {\n            mapOfXvalToListOfDataPoints[xValue] = [dataPoint];\n          }\n        });\n\n        Object.keys(mapOfXvalToListOfDataPoints).forEach((key: number | string) => {\n          const value: LineChartDataPoint[] = mapOfXvalToListOfDataPoints[key];\n\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          value.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n        });\n\n        // get keys from dataset, used to render data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      } else {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        let data = {};\n        const keys: string[] = [];\n        let index = 0;\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            // if legend is not populated, then assign a legend\n            if (_hasDuplicateXValues && !singleChartPoint.legend) {\n              singleChartPoint.legend = `chart${index}`;\n              ++index;\n            }\n            singleChartPoint.data.forEach((point: ILineChartDataPointWithLegend) => {\n              point.legend = singleChartPoint.legend;\n            });\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        if (!_hasDuplicateXValues) {\n          let tempArr = allChartPoints;\n          while (tempArr.length) {\n            const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n            const filteredChartPoints: LineChartDataPoint[] = tempArr.filter(\n              (point: LineChartDataPoint) =>\n                (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n            );\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            const singleDataset: any = {};\n            filteredChartPoints.forEach((singleDataPoint: LineChartDataPoint, id: number) => {\n              singleDataset.xVal = singleDataPoint.x;\n              singleDataset[`chart${id}`] = singleDataPoint.y;\n            });\n            dataSet.push(singleDataset);\n            // removing compared objects from array\n            const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n            tempArr = tempArr.filter(\n              (point: LineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n            );\n          }\n\n          // get keys from dataset, used to create stacked data\n          const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n          for (let i = 0; i < keysLength - 1; i++) {\n            const keyVal = `chart${i}`;\n            keys.push(keyVal);\n          }\n          // Data used to draw graph\n          data = _getDataPoints(keys, dataSet);\n        } else {\n          const datasetForDuplicateValues = _createDatasetForXCoordinateWithMultipleYValues(allChartPoints);\n          data = _getDataPoints(datasetForDuplicateValues.keys, datasetForDuplicateValues.filteredDataSet);\n        }\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      }\n    }\n\n    function _createDatasetForXCoordinateWithMultipleYValues(allChartPoints: LineChartDataPoint[]) {\n      const dataSet: AreaChartDataSetPoint[] = [];\n\n      // Group data points by x-axis value\n      const groupedData: Record<string | number, ILineChartDataPointWithLegend[]> = {};\n      allChartPoints.forEach((dataPoint: ILineChartDataPointWithLegend) => {\n        const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n        if (!groupedData[xValue]) {\n          groupedData[xValue] = [];\n        }\n        groupedData[xValue].push(dataPoint);\n      });\n\n      // Aggregate data points for each x-axis value\n      Object.keys(groupedData).forEach(xValue => {\n        const dataPoints = groupedData[xValue];\n        dataPoints.forEach((dataPoint, id) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = { xVal: dataPoints[0].x };\n\n          const key = dataPoint.legend ? dataPoint.legend : `chart${id}`;\n          singleDataset[key] = dataPoint.y;\n          dataSet.push(singleDataset);\n        });\n      });\n\n      // get all unique keys from each array within the dataSet\n      const allLegends: string[] = [];\n      dataSet.forEach(item => {\n        Object.keys(item).forEach(key => {\n          if (key !== 'xVal' && !allLegends.includes(key)) {\n            allLegends.push(key);\n          }\n        });\n      });\n\n      dataSet.forEach(item => {\n        allLegends.forEach(legend => {\n          if (!item[legend]) {\n            item[legend] = 0; // Fill with 0 if the legend is missing\n          }\n        });\n      });\n\n      // exclude all items within dataset having all legend values 0\n      const filteredDataSet = dataSet.filter(item => {\n        return allLegends.some(legend => item[legend] !== 0);\n      });\n\n      const keys = Array.from(\n        new Set(filteredDataSet.flatMap(item => Object.keys(item).filter(key => key !== 'xVal'))),\n      );\n\n      return {\n        keys,\n        filteredDataSet,\n      };\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getGraphData(\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xAxis: any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      yAxis: any,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _chart = _drawGraph(containerHeight, xAxis, yAxis, yScaleSecondary, xElement!);\n    }\n\n    function _onLegendHover(legend: string): void {\n      setActiveLegend(legend);\n    }\n\n    function _onLegendLeave(): void {\n      setActiveLegend(undefined);\n    }\n\n    function _getLegendData(points: LineChartPoints[]): JSXElement {\n      const data = points;\n      const actions: Legend[] = [];\n\n      data.forEach((singleChartData: LineChartPoints) => {\n        const color: string = singleChartData.color!;\n        const checkSimilarLegends = actions.filter(\n          (leg: Legend) => leg.title === singleChartData.legend && leg.color === color,\n        );\n        if (checkSimilarLegends!.length > 0) {\n          return;\n        }\n\n        const legend: Legend = {\n          title: singleChartData.legend,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(singleChartData.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n      return (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n          legendRef={_legendsRef}\n        />\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _onDataPointClick(func: (() => void) | undefined) {\n      if (func) {\n        func();\n      }\n      setIsCircleClicked(true);\n    }\n\n    function _getOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 0.7;\n      } else {\n        const opacity = _legendHighlighted(legend) || _noLegendHighlighted() ? 0.7 : 0.1;\n        return opacity;\n      }\n    }\n\n    function _getLineOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 1;\n      } else {\n        let opacity = 0.3;\n        if (isPopoverOpen) {\n          opacity = 1;\n        }\n        if (!_noLegendHighlighted()) {\n          opacity = _legendHighlighted(legend) ? 0 : 0.1;\n        }\n        return opacity;\n      }\n    }\n\n    function _updateCircleFillColor(xDataPoint: number | Date, lineColor: string, circleId: string): string {\n      let fillColor = lineColor;\n      if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        if (!isCircleClicked) {\n          fillColor = tokens.colorNeutralBackground1;\n        }\n      }\n\n      return fillColor;\n    }\n\n    function _drawGraph(\n      containerHeight: number,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xScale: any,\n      yScalePrimary: ScaleLinear<number, number>,\n      yScaleSecondary: ScaleLinear<number, number> | undefined,\n      xElement: SVGElement,\n    ): JSXElement[] {\n      const points = _addDefaultColors(props.data.lineChartData);\n      const { pointOptions, pointLineOptions } = props.data;\n\n      const graph: JSXElement[] = [];\n      let lineColor: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        const yScale = points[index]?.useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        const curveFactory = getCurveFactory(points[index]?.lineOptions?.curve, d3CurveBasis);\n        const area = d3Area()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y0((d: any) => yScale(d.values[0]))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y1((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const line = d3Line()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const layerOpacity = _shouldFillToZeroY() ? 0.8 : _opacity[index];\n        graph.push(\n          <React.Fragment key={`${index}-graph-${_uniqueIdForGraph}`}>\n            {props.enableGradient && (\n              <defs>\n                <linearGradient id={`gradient_${index}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n                  <stop offset=\"0\" stopColor={_colors[index]} />\n                  <stop offset=\"100%\" stopColor=\"transparent\" />\n                </linearGradient>\n              </defs>\n            )}\n            <path\n              id={`${index}-line-${_uniqueIdForGraph}`}\n              d={line(singleStackedData)!}\n              fill={'transparent'}\n              strokeWidth={points[index]?.lineOptions?.strokeWidth ?? 3}\n              stroke={_colors[index]}\n              opacity={_getLineOpacity(points[index]!.legend)}\n              onMouseMove={event => _onRectMouseMove(event)}\n              onMouseOut={_onRectMouseOut}\n              onMouseOver={event => _onRectMouseMove(event)}\n              strokeDasharray={points[index]?.lineOptions?.strokeDasharray}\n              strokeDashoffset={points[index]?.lineOptions?.strokeDashoffset}\n              strokeLinecap={points[index]?.lineOptions?.strokeLinecap}\n            />\n            {singleStackedData.length === 1 ? (\n              <circle\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                cx={xScale(singleStackedData[0].xVal)}\n                cy={yScale(singleStackedData[0].values[1])}\n                r={6}\n                stroke={_colors[index]}\n                strokeWidth={3}\n                fill={_colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onFocus={event => _handleFocus(event, index, 0, `${_circleId}_${index}`)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n              />\n            ) : (\n              <path\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                d={area(singleStackedData)!}\n                fill={props.enableGradient ? `url(#gradient_${index})` : _colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n                {...(props.optimizeLargeData && {\n                  tabIndex: _legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined,\n                  role: 'img',\n                  'aria-label': `${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                    points[index].data.length\n                  } data points.`,\n                })}\n              />\n            )}\n          </React.Fragment>,\n        );\n      });\n\n      const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        if (points.length === index) {\n          return;\n        }\n        const yScale = points[index]?.useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        if (!props.optimizeLargeData || singleStackedData.length === 1) {\n          // Render circles for all data points\n          graph.push(\n            <g\n              key={`${index}-dots-${_uniqueIdForGraph}`}\n              clipPath=\"url(#clip)\"\n              role=\"region\"\n              aria-label={`${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                points[index].data.length\n              } data points.`}\n            >\n              {singleStackedData.map((singlePoint: DPointType, pointIndex: number) => {\n                const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n                const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n                lineColor = points[index]!.color!;\n                const legend = points[index]!.legend;\n                return (\n                  <circle\n                    key={circleId}\n                    id={circleId}\n                    tabIndex={_legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined}\n                    cx={xScale(singlePoint.xVal)}\n                    cy={yScale(singlePoint.values[1])}\n                    stroke={lineColor}\n                    strokeWidth={3}\n                    fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                    {..._getOnClickHandler(points, index, pointIndex)}\n                    onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                    onBlur={_handleBlur}\n                    {...getSecureProps(pointOptions)}\n                    r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                    role=\"img\"\n                    aria-label={\n                      (!_hasDuplicateXValues && !_hasMissingXValues && _getAriaLabel(index, pointIndex)) || undefined\n                    }\n                  />\n                );\n              })}\n            </g>,\n          );\n        } else {\n          // Render circles for data points close to the mouse pointer only\n          singleStackedData.forEach((singlePoint: DPointType, pointIndex: number) => {\n            const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n            if (nearestCircleToHighlight === xDataPoint) {\n              const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n              lineColor = points[index]!.color!;\n              const legend = points[index]!.legend;\n              graph.push(\n                <circle\n                  key={circleId}\n                  id={circleId}\n                  cx={xScale(singlePoint.xVal)}\n                  cy={yScale(singlePoint.values[1])}\n                  stroke={lineColor}\n                  strokeWidth={3}\n                  fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                  onMouseOut={_onRectMouseOut}\n                  onMouseOver={event => _onRectMouseMove(event)}\n                  onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                  {..._getOnClickHandler(points, index, pointIndex)}\n                  {...getSecureProps(pointOptions)}\n                  r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                />,\n              );\n            }\n          });\n        }\n      });\n      graph.push(\n        <line\n          id={_verticalLineId}\n          key={_verticalLineId}\n          x1={lineXValue}\n          y1={0}\n          x2={lineXValue}\n          y2={containerHeight}\n          strokeWidth={1}\n          strokeDasharray={5.5}\n          stroke={lineColor!}\n          opacity={0.5}\n          visibility={displayOfLine}\n          {...getSecureProps(pointLineOptions)}\n        />,\n      );\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(xScale);\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return graph;\n    }\n\n    function _getOnClickHandler(points: LineChartPoints[], index: number, pointIndex: number) {\n      if (!_hasDuplicateXValues && !_hasMissingXValues) {\n        return {\n          onClick: () => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!),\n        };\n      }\n      return {};\n    }\n\n    function _getCircleRadius(xDataPoint: number, circleRadius: number, circleId: string, legend: string): number {\n      // Show the circle if no legends are selected or if the point's legend is in the selected legends\n      if (!_noLegendHighlighted() && !_legendHighlighted(legend)) {\n        return 0;\n      }\n\n      if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n        return 1;\n      } else if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        return circleRadius;\n      } else {\n        return 0;\n      }\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    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _addDefaultColors(lineChartData?: LineChartPoints[]): LineChartPoints[] {\n      if (_hasMissingXValues) {\n        // get union of all x values\n        const allXValues: Set<string | number> = new Set();\n        lineChartData &&\n          lineChartData.forEach((line: LineChartPoints) => {\n            line.data.forEach((point: LineChartDataPoint) => {\n              const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n              allXValues.add(xValue);\n            });\n          });\n        lineChartData &&\n          lineChartData.forEach((line: LineChartPointsWithLegend) => {\n            allXValues.forEach((xValue: string | number) => {\n              const point = line.data.find((item: ILineChartDataPointWithLegend) => {\n                return item.x instanceof Date ? item.x.toLocaleString() === xValue : item.x === xValue;\n              });\n              if (!point) {\n                line.data.push({\n                  x: typeof xValue === 'string' ? new Date(xValue) : xValue,\n                  y: 0,\n                  legend: line.legend,\n                });\n              }\n            });\n            // sort the data points by x value\n            line.data.sort((a: LineChartDataPoint, b: LineChartDataPoint) => {\n              const xA = a.x instanceof Date ? a.x.getTime() : a.x;\n              const xB = b.x instanceof Date ? b.x.getTime() : b.x;\n              return xA < xB ? -1 : xA > xB ? 1 : 0;\n            });\n          });\n      }\n      return lineChartData\n        ? lineChartData.map((item, index) => {\n            let color: string;\n            // isInverted property is applicable to v8 themes only\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n\n            return { ...item, color };\n          })\n        : [];\n    }\n\n    function _handleFocus(\n      event: React.FocusEvent<SVGCircleElement, Element>,\n      lineIndex: number,\n      pointIndex: number,\n      circleId: string,\n    ) {\n      let cx = 0;\n      let cy = 0;\n\n      const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n      cx = targetRect.left + targetRect.width / 2;\n      cy = targetRect.top + targetRect.height / 2;\n      _updatePosition(cx, cy);\n\n      const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n      const formattedDate = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : x;\n      const found = findCalloutPoints(_calloutPoints, x);\n      if (found) {\n        // Show details in the callout for the focused point only\n        found.values = found.values.filter((e: { y: number }) => e.y === y);\n        const filteredValues = _getFilteredLegendValues(found.values);\n\n        setPopoverOpen(true);\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setYValueHover(filteredValues!);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setActivePoint(circleId);\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getFilteredLegendValues(values: any) {\n      return !_noLegendHighlighted()\n        ? values.filter((value: { legend: string }) => _legendHighlighted(value.legend))\n        : values;\n    }\n\n    function _handleBlur() {\n      setPopoverOpen(false);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setActivePoint('');\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = props.data.lineChartData![lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate =\n        point.x instanceof Date ? formatDateToLocaleString(point.x, props.culture, props.useUTC as boolean) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        (\n          props.data &&\n          props.data.lineChartData &&\n          props.data.lineChartData.length > 0 &&\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          props.data.lineChartData.filter((item: { data: string | any[] }) => item.data.length === 0).length === 0\n        )\n        // if all the data sets have no data\n        // filtering all items which have no data and checking if the length of the filtered array is 0\n        // which means chart is not empty\n      );\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle, lineChartData } = props.data;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Area chart with ${lineChartData?.length || 0} data series. `;\n    }\n\n    function _xCoordinateContainsMultipleY(): boolean {\n      const { lineChartData } = props.data;\n      if (!lineChartData) {\n        return false;\n      }\n      for (const item of lineChartData) {\n        const xValueMap: Record<string, number[]> = {};\n        for (const point of item.data) {\n          const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n          if (!xValueMap[xValue]) {\n            xValueMap[xValue] = [];\n          }\n          xValueMap[xValue].push(point.y);\n          if (xValueMap[xValue].length > 1) {\n            return true;\n          }\n        }\n      }\n      return false;\n    }\n\n    function _containsMissingXValues(): boolean {\n      const { lineChartData } = props.data;\n      if (!lineChartData) {\n        return false;\n      }\n      const allXValues: Set<string | number> = new Set();\n      lineChartData.forEach((line: LineChartPoints) => {\n        line.data.forEach((point: LineChartDataPoint) => {\n          const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n          allXValues.add(xValue);\n        });\n      });\n      // for all x values, check if the x value is present in all series\n      let hasMissingValues = false;\n      lineChartData.forEach((line: LineChartPoints) => {\n        allXValues.forEach((xValue: string | number) => {\n          const point = line.data.find((item: LineChartDataPoint) => {\n            return item.x instanceof Date ? item.x.toLocaleString() === xValue : item.x === xValue;\n          });\n          if (!point) {\n            hasMissingValues = true;\n          }\n        });\n      });\n      return hasMissingValues;\n    }\n\n    function _shouldFillToZeroY() {\n      return props.mode === 'tozeroy' || _containsSecondaryYAxis;\n    }\n\n    if (!_isChartEmpty()) {\n      const { lineChartData } = props.data;\n      const points = _addDefaultColors(lineChartData);\n      _containsSecondaryYAxis = !!props.secondaryYScaleOptions && points.some(point => point.useSecondaryYScale);\n      _createSet = _createDataSet;\n      const { colors, opacity, data, calloutPoints } = _createSet(points);\n      _calloutPoints = calloutPoints;\n      const isXAxisDateType = getXAxisType(points);\n      _colors = colors;\n      _opacity = opacity;\n      _data = data.renderData;\n      const legends: JSXElement = _getLegendData(points);\n\n      const tickParams = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      const calloutProps: ChartPopoverProps = {\n        YValueHover: YValueHover!,\n        hoverXValue: hoverXValue!,\n        xAxisCalloutAccessibilityData,\n        ...props.calloutProps,\n        clickPosition,\n        isPopoverOpen: isPopoverOpen && !_hasDuplicateXValues && !_hasMissingXValues,\n        isCartesian: true,\n        customCallout: {\n          customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n            : undefined,\n        },\n        isCalloutForStack: true,\n      };\n      return (\n        <CartesianChart\n          {...props}\n          chartTitle={_getChartTitle()}\n          points={points}\n          chartType={ChartTypes.AreaChart}\n          calloutProps={calloutProps}\n          legendBars={legends}\n          createYAxis={createNumericYAxis}\n          xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n          tickParams={tickParams}\n          maxOfYVal={data.maxOfYVal}\n          getGraphData={_getGraphData}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxis}\n          getmargins={_getMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          getMinMaxOfYAxis={_getMinMaxOfYAxis}\n          enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n          componentRef={cartesianChartRef}\n          /* eslint-disable react/jsx-no-bind */\n          // eslint-disable-next-line react/no-children-prop, @typescript-eslint/no-shadow\n          children={(props: ChildProps) => {\n            _xAxisRectScale = props.xScale;\n            const ticks = _xAxisRectScale.ticks();\n            const width1 = _xAxisRectScale(ticks[ticks.length - 1]);\n            const rectHeight = props.containerHeight! - _margins.top!;\n            return (\n              <>\n                <g>\n                  <rect\n                    id={_rectId}\n                    width={width1}\n                    height={rectHeight}\n                    fill={'transparent'}\n                    onMouseMove={event => _onRectMouseMove(event)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                  />\n                </g>\n                <g>{_chart}</g>\n              </>\n            );\n          }}\n        />\n      );\n    }\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nAreaChart.displayName = 'AreaChart';\n"],"names":["React","useAreaChartStyles","max","d3Max","bisector","pointer","select","d3Select","tokens","area","d3Area","stack","d3Stack","curveMonotoneX","d3CurveBasis","line","d3Line","CartesianChart","calloutData","getXAxisType","ChartTypes","XAxisTypes","getTypeOfAxis","tooltipOfAxislabels","getNextColor","getColorFromToken","getSecureProps","areArraysEqual","getCurveFactory","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfNumericForAreaLineScatterCharts","domainRangeOfDateForAreaLineScatterVerticalBarCharts","createStringYAxis","useRtl","findCalloutPoints","useId","Legends","toImage","formatDateToLocaleString","bisect","d","x","left","InterceptVisibility","AreaChart","forwardRef","props","forwardedRef","_uniqueIdForGraph","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_containsSecondaryYAxis","_hasMissingXValues","_containsMissingXValues","_hasDuplicateXValues","_xCoordinateContainsMultipleY","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","useRef","_legendsRef","_isRTL","selectedLegends","setSelectedLegends","useState","legendProps","activeLegend","setActiveLegend","undefined","hoverXValue","setHoverXValue","YValueHover","setYValueHover","lineXValue","setLineXValue","displayOfLine","setDisplayOfLine","isCircleClicked","setIsCircleClicked","nearestCircleToHighlight","setNearestCircleToHighlight","activePoint","setActivePoint","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","xAxisCalloutAccessibilityData","setXAxisCalloutAccessibilityData","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","opts","toSVG","classes","_getMinMaxOfYAxis","points","yAxisType","useSecondaryYScale","_getDomainNRangeValues","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","_getMargins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","x0","point0","point1","Date","getTime","Math","abs","xAxisCalloutData","formattedDate","culture","useUTC","found","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","dp","layer","renderData","endValue","_createDataSet","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","legend","point","tempArr","valToCheck","filteredChartPoints","filter","id","val","datasetForDuplicateValues","_createDatasetForXCoordinateWithMultipleYValues","filteredDataSet","groupedData","dataPoints","allLegends","item","includes","some","Array","from","Set","flatMap","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","_drawGraph","_onLegendHover","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","colorNeutralBackground1","xScale","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","curveFactory","lineOptions","curve","y0","y1","layerOpacity","Fragment","enableGradient","defs","linearGradient","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","onFocus","_handleFocus","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","_getOnClickHandler","onBlur","_handleBlur","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","onClick","onDataPointClick","_getHighlightedLegend","allXValues","add","find","sort","a","b","xA","xB","lineIndex","targetRect","target","getBoundingClientRect","top","height","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","xValueMap","hasMissingValues","mode","secondaryYScaleOptions","isXAxisDateType","tickParams","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","legendBars","createYAxis","getGraphData","getDomainNRangeValues","getmargins","onChartMouseLeave","getMinMaxOfYAxis","enableFirstRenderOptimization","children","ticks","width1","rectHeight","rect","div","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/AreaChart/AreaChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAreaChartStyles } from './useAreaChartStyles.styles';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { pointer } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { tokens } from '@fluentui/react-theme';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  CustomizedCalloutData,\n  AreaChartProps,\n  LineChartDataPoint,\n  LineChartPoints,\n  ChildProps,\n  Margins,\n  YValueHover,\n  ChartPopoverProps,\n} from '../../index';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfAxislabels,\n  getNextColor,\n  getColorFromToken,\n  getSecureProps,\n  areArraysEqual,\n  getCurveFactory,\n  findNumericMinMaxOfY,\n  createNumericYAxis,\n  IDomainNRange,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  createStringYAxis,\n  YAxisType,\n  findCalloutPoints,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\nimport { formatDateToLocaleString } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nenum InterceptVisibility {\n  show = 'visibility',\n  hide = 'hidden',\n}\n\nexport interface AreaChartAreaPoint {\n  xVal: string | number;\n  values: AreaChartDataSetPoint;\n}\nexport interface AreaChartDataSetPoint {\n  [key: string]: number | string | number[];\n}\nexport interface DPointType {\n  values: { 0: number; 1: number; data: {} };\n  xVal: number | Date;\n}\nexport interface MapXToDataSet {\n  [key: string]: LineChartDataPoint[];\n  [key: number]: LineChartDataPoint[];\n}\n\ninterface ILineChartDataPointWithLegend extends LineChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n}\n\ntype ILineChartPointsWithoutData = Omit<LineChartPoints, 'data'>;\ninterface LineChartPointsWithLegend extends ILineChartPointsWithoutData {\n  data: ILineChartDataPointWithLegend[];\n}\n\n//by default d3-shape 3.2.0 limits the< path> data point precision to 3 digits(d3/d3-path#10)\n\nexport const AreaChart: React.FunctionComponent<AreaChartProps> = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (props, forwardedRef) => {\n    const _uniqueIdForGraph: string = useId('areaChart_');\n    const _verticalLineId: string = useId('verticalLine_');\n    const _circleId: string = useId('circle');\n    const _rectId: string = useId('rectangle');\n    const _tooltipId: string = useId('AreaChartTooltipID');\n    //enableComputationOptimization is used for optimized code to group data points by x value\n    //from O(n^2) to O(n) using a map.\n    const _enableComputationOptimization: boolean = true;\n    const _firstRenderOptimization: boolean = true;\n    const _emptyChartId: string = useId('_AreaChart_empty');\n    let _containsSecondaryYAxis = false;\n    let _hasMissingXValues = _containsMissingXValues();\n    let _hasDuplicateXValues = _xCoordinateContainsMultipleY();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _calloutPoints: any;\n    let _createSet: (data: LineChartPoints[]) => {\n      colors: string[];\n      opacity: number[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      data: any;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      calloutPoints: any;\n    };\n    let _colors: string[];\n    let _opacity: number[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _data: any;\n    let _chart: JSXElement[];\n    let _margins: Margins;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let _xAxisRectScale: any;\n    // determines if the given area chart has multiple stacked bar charts\n    let _isMultiStackChart: boolean;\n    const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined | null>('');\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n    const [lineXValue, setLineXValue] = React.useState<number>(0);\n    const [displayOfLine, setDisplayOfLine] = React.useState<InterceptVisibility>(InterceptVisibility.hide);\n    const [isCircleClicked, setIsCircleClicked] = React.useState<boolean>(false);\n    const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<number | string | Date | null>(null);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n    const [xAxisCalloutAccessibilityData, setXAxisCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<AreaChartProps | null>(null);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    const classes = useAreaChartStyles(props);\n\n    function _getMinMaxOfYAxis(points: LineChartPoints[], yAxisType: YAxisType, useSecondaryYScale: boolean) {\n      return findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);\n    }\n\n    function _getDomainNRangeValues(\n      points: LineChartPoints[],\n      margins: Margins,\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) {\n        domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(points, margins, width, isRTL);\n      } else if (xAxisType === XAxisTypes.DateAxis) {\n        domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(\n          points,\n          margins,\n          width,\n          isRTL,\n          tickValues! as Date[],\n          chartType,\n          barWidth,\n        );\n      } else {\n        domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n      }\n      return domainNRangeValue;\n    }\n\n    function _getMargins(margins: Margins) {\n      _margins = margins;\n    }\n\n    function _onRectMouseMove(mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) {\n      mouseEvent.persist();\n      const { data } = props;\n      const { lineChartData } = data;\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      // This will get the value of the X when mouse is on the chart\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      const xOffset = _xAxisRectScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n      const i = bisect(lineChartData![0].data, xOffset);\n      const d0 = lineChartData![0].data[i - 1] as LineChartDataPoint;\n      const d1 = lineChartData![0].data[i] as LineChartDataPoint;\n      let pointToHighlight: string | Date | number | null = null;\n      let index: null | number = null;\n      const axisType =\n        lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;\n      if (d0 === undefined && d1 !== undefined) {\n        pointToHighlight = d1.x;\n        index = i;\n      } else if (d0 !== undefined && d1 === undefined) {\n        pointToHighlight = d0.x;\n        index = i - 1;\n      } else {\n        let x0;\n        let point0;\n        let point1;\n        switch (axisType) {\n          case XAxisTypes.DateAxis:\n            x0 = new Date(xOffset).getTime();\n            point0 = (d0.x as Date).getTime();\n            point1 = (d1.x as Date).getTime();\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          case XAxisTypes.NumericAxis:\n            x0 = xOffset as number;\n            point0 = d0.x as number;\n            point1 = d1.x as number;\n            pointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n            index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n            break;\n          default:\n            break;\n        }\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n      const formattedDate =\n        pointToHighlight instanceof Date\n          ? formatDateToLocaleString(pointToHighlight, props.culture, props.useUTC as boolean)\n          : pointToHighlight;\n      const found = findCalloutPoints(_calloutPoints, pointToHighlight);\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const _nearestCircleToHighlight =\n        axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n      // if no points need to be called out then don't show vertical line and callout card\n      if (found) {\n        const filteredValues = _getFilteredLegendValues(found.values);\n        setNearestCircleToHighlight(_nearestCircleToHighlight);\n        setLineXValue(_xAxisRectScale(pointToHighlight));\n        setDisplayOfLine(InterceptVisibility.show);\n        setIsCircleClicked(false);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setYValueHover(filteredValues);\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setXAxisCalloutAccessibilityData(xAxisCalloutAccessibilityData);\n        setActivePoint('');\n      } else {\n        setPopoverOpen(false);\n        setNearestCircleToHighlight(nearestCircleToHighlight);\n        setDisplayOfLine(InterceptVisibility.hide);\n        setIsCircleClicked(false);\n      }\n    }\n    /**\n     * just cleaning up the state which we have set in the mouse move event\n     */\n    function _onRectMouseOut() {\n      /**/\n    }\n\n    function _updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    function _handleChartMouseLeave() {\n      setPopoverOpen(false);\n      setNearestCircleToHighlight(null);\n      setLineXValue(0);\n      setDisplayOfLine(InterceptVisibility.hide);\n      setIsCircleClicked(false);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getDataPoints(keys: string[], dataSet: any) {\n      const renderPoints: Array<AreaChartDataSetPoint[]> = [];\n      let maxOfYVal = 0;\n\n      if (_shouldFillToZeroY()) {\n        keys.forEach((key, index) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          dataSet.forEach((d: any) => {\n            currentLayer.push({\n              values: [0, d[key]], // Start from zero for \"tozeroy\" mode\n              xVal: d.xVal,\n            });\n            if (d[key] > maxOfYVal) {\n              maxOfYVal = d[key];\n            }\n          });\n          renderPoints.push(currentLayer);\n        });\n      } else {\n        const dataValues = d3Stack().keys(keys)(dataSet);\n        maxOfYVal = d3Max(dataValues[dataValues.length - 1], dp => dp[1])!;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        dataValues.forEach((layer: any) => {\n          const currentLayer: AreaChartDataSetPoint[] = [];\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          layer.forEach((d: any) => {\n            currentLayer.push({\n              values: d,\n              xVal: d.data.xVal,\n            });\n          });\n          renderPoints.push(currentLayer);\n        });\n      }\n\n      _isMultiStackChart = !!(props.legendProps?.selectedLegends\n        ? renderPoints?.length >= 1\n        : renderPoints?.length > 1);\n      return {\n        renderData: renderPoints,\n        // The maxOfYVal prop is only required for the primary y-axis. When the data includes\n        // a secondary y-axis, the mode defaults to tozeroy, so maxOfYVal should be calculated using\n        // only the data points associated with the primary y-axis.\n        maxOfYVal: _containsSecondaryYAxis ? findNumericMinMaxOfY(props.data.lineChartData!).endValue : maxOfYVal,\n      };\n    }\n\n    function _createDataSet(points: LineChartPoints[]) {\n      if (props.enablePerfOptimization && _enableComputationOptimization && !_hasDuplicateXValues) {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        const mapOfXvalToListOfDataPoints: MapXToDataSet = {};\n        allChartPoints.forEach((dataPoint: LineChartDataPoint) => {\n          const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n          // map of x value to the list of data points which share the same x value .\n          if (mapOfXvalToListOfDataPoints[xValue]) {\n            mapOfXvalToListOfDataPoints[xValue].push(dataPoint);\n          } else {\n            mapOfXvalToListOfDataPoints[xValue] = [dataPoint];\n          }\n        });\n\n        Object.keys(mapOfXvalToListOfDataPoints).forEach((key: number | string) => {\n          const value: LineChartDataPoint[] = mapOfXvalToListOfDataPoints[key];\n\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = {};\n          value.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = singleDataPoint.y;\n          });\n          dataSet.push(singleDataset);\n        });\n\n        // get keys from dataset, used to render data\n        const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n        const keys: string[] = [];\n        for (let i = 0; i < keysLength - 1; i++) {\n          const keyVal = `chart${i}`;\n          keys.push(keyVal);\n        }\n\n        // Data used to draw graph\n        const data = _getDataPoints(keys, dataSet);\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      } else {\n        const allChartPoints: LineChartDataPoint[] = [];\n        const dataSet: AreaChartDataSetPoint[] = [];\n        const colors: string[] = [];\n        const opacity: number[] = [];\n        const calloutPoints = calloutData(points!);\n\n        let data = {};\n        const keys: string[] = [];\n        let index = 0;\n\n        points &&\n          points.length &&\n          points.forEach((singleChartPoint: LineChartPoints) => {\n            // if legend is not populated, then assign a legend\n            if (_hasDuplicateXValues && !singleChartPoint.legend) {\n              singleChartPoint.legend = `chart${index}`;\n              ++index;\n            }\n            singleChartPoint.data.forEach((point: ILineChartDataPointWithLegend) => {\n              point.legend = singleChartPoint.legend;\n            });\n            colors.push(singleChartPoint.color!);\n            opacity.push(singleChartPoint.opacity || 1);\n            allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n          });\n\n        if (!_hasDuplicateXValues) {\n          let tempArr = allChartPoints;\n          while (tempArr.length) {\n            const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n            const filteredChartPoints: LineChartDataPoint[] = tempArr.filter(\n              (point: LineChartDataPoint) =>\n                (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n            );\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            const singleDataset: any = {};\n            filteredChartPoints.forEach((singleDataPoint: LineChartDataPoint, id: number) => {\n              singleDataset.xVal = singleDataPoint.x;\n              singleDataset[`chart${id}`] = singleDataPoint.y;\n            });\n            dataSet.push(singleDataset);\n            // removing compared objects from array\n            const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n            tempArr = tempArr.filter(\n              (point: LineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n            );\n          }\n\n          // get keys from dataset, used to create stacked data\n          const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n          for (let i = 0; i < keysLength - 1; i++) {\n            const keyVal = `chart${i}`;\n            keys.push(keyVal);\n          }\n          // Data used to draw graph\n          data = _getDataPoints(keys, dataSet);\n        } else {\n          const datasetForDuplicateValues = _createDatasetForXCoordinateWithMultipleYValues(allChartPoints);\n          data = _getDataPoints(datasetForDuplicateValues.keys, datasetForDuplicateValues.filteredDataSet);\n        }\n\n        return {\n          colors,\n          opacity,\n          keys,\n          data,\n          calloutPoints,\n        };\n      }\n    }\n\n    function _createDatasetForXCoordinateWithMultipleYValues(allChartPoints: LineChartDataPoint[]) {\n      const dataSet: AreaChartDataSetPoint[] = [];\n\n      // Group data points by x-axis value\n      const groupedData: Record<string | number, ILineChartDataPointWithLegend[]> = {};\n      allChartPoints.forEach((dataPoint: ILineChartDataPointWithLegend) => {\n        const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n        if (!groupedData[xValue]) {\n          groupedData[xValue] = [];\n        }\n        groupedData[xValue].push(dataPoint);\n      });\n\n      // Aggregate data points for each x-axis value\n      Object.keys(groupedData).forEach(xValue => {\n        const dataPoints = groupedData[xValue];\n        dataPoints.forEach((dataPoint, id) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const singleDataset: any = { xVal: dataPoints[0].x };\n\n          const key = dataPoint.legend ? dataPoint.legend : `chart${id}`;\n          singleDataset[key] = dataPoint.y;\n          dataSet.push(singleDataset);\n        });\n      });\n\n      // get all unique keys from each array within the dataSet\n      const allLegends: string[] = [];\n      dataSet.forEach(item => {\n        Object.keys(item).forEach(key => {\n          if (key !== 'xVal' && !allLegends.includes(key)) {\n            allLegends.push(key);\n          }\n        });\n      });\n\n      dataSet.forEach(item => {\n        allLegends.forEach(legend => {\n          if (!item[legend]) {\n            item[legend] = 0; // Fill with 0 if the legend is missing\n          }\n        });\n      });\n\n      // exclude all items within dataset having all legend values 0\n      const filteredDataSet = dataSet.filter(item => {\n        return allLegends.some(legend => item[legend] !== 0);\n      });\n\n      const keys = Array.from(\n        new Set(filteredDataSet.flatMap(item => Object.keys(item).filter(key => key !== 'xVal'))),\n      );\n\n      return {\n        keys,\n        filteredDataSet,\n      };\n    }\n\n    function _getCustomizedCallout() {\n      return props.onRenderCalloutPerStack\n        ? props.onRenderCalloutPerStack(stackCalloutProps)\n        : props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n        : null;\n    }\n\n    function _getGraphData(\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xAxis: any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      yAxis: any,\n      containerHeight: number,\n      containerWidth: number,\n      xElement: SVGElement | null,\n      yAxisElement?: SVGElement | null,\n      yScaleSecondary?: ScaleLinear<number, number>,\n    ) {\n      _chart = _drawGraph(containerHeight, xAxis, yAxis, yScaleSecondary, xElement!);\n    }\n\n    function _onLegendHover(legend: string): void {\n      setActiveLegend(legend);\n    }\n\n    function _onLegendLeave(): void {\n      setActiveLegend(undefined);\n    }\n\n    function _getLegendData(points: LineChartPoints[]): JSXElement {\n      const data = points;\n      const actions: Legend[] = [];\n\n      data.forEach((singleChartData: LineChartPoints) => {\n        const color: string = singleChartData.color!;\n        const checkSimilarLegends = actions.filter(\n          (leg: Legend) => leg.title === singleChartData.legend && leg.color === color,\n        );\n        if (checkSimilarLegends!.length > 0) {\n          return;\n        }\n\n        const legend: Legend = {\n          title: singleChartData.legend,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(singleChartData.legend);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n      return (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n          legendRef={_legendsRef}\n        />\n      );\n    }\n\n    function _onLegendSelectionChange(\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _onDataPointClick(func: (() => void) | undefined) {\n      if (func) {\n        func();\n      }\n      setIsCircleClicked(true);\n    }\n\n    function _getOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 0.7;\n      } else {\n        const opacity = _legendHighlighted(legend) || _noLegendHighlighted() ? 0.7 : 0.1;\n        return opacity;\n      }\n    }\n\n    function _getLineOpacity(legend: string): number {\n      if (!_isMultiStackChart) {\n        return 1;\n      } else {\n        let opacity = 0.3;\n        if (isPopoverOpen) {\n          opacity = 1;\n        }\n        if (!_noLegendHighlighted()) {\n          opacity = _legendHighlighted(legend) ? 0 : 0.1;\n        }\n        return opacity;\n      }\n    }\n\n    function _updateCircleFillColor(xDataPoint: number | Date, lineColor: string, circleId: string): string {\n      let fillColor = lineColor;\n      if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        if (!isCircleClicked) {\n          fillColor = tokens.colorNeutralBackground1;\n        }\n      }\n\n      return fillColor;\n    }\n\n    function _drawGraph(\n      containerHeight: number,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      xScale: any,\n      yScalePrimary: ScaleLinear<number, number>,\n      yScaleSecondary: ScaleLinear<number, number> | undefined,\n      xElement: SVGElement,\n    ): JSXElement[] {\n      const points = _addDefaultColors(props.data.lineChartData);\n      const { pointOptions, pointLineOptions } = props.data;\n\n      const graph: JSXElement[] = [];\n      let lineColor: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        const yScale = points[index]?.useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        const curveFactory = getCurveFactory(points[index]?.lineOptions?.curve, d3CurveBasis);\n        const area = d3Area()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y0((d: any) => yScale(d.values[0]))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y1((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const line = d3Line()\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .x((d: any) => xScale(d.xVal))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .y((d: any) => yScale(d.values[1]))\n          .curve(curveFactory);\n        const layerOpacity = _shouldFillToZeroY() ? 0.8 : _opacity[index];\n        graph.push(\n          <React.Fragment key={`${index}-graph-${_uniqueIdForGraph}`}>\n            {props.enableGradient && (\n              <defs>\n                <linearGradient id={`gradient_${index}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n                  <stop offset=\"0\" stopColor={_colors[index]} />\n                  <stop offset=\"100%\" stopColor=\"transparent\" />\n                </linearGradient>\n              </defs>\n            )}\n            <path\n              id={`${index}-line-${_uniqueIdForGraph}`}\n              d={line(singleStackedData)!}\n              fill={'transparent'}\n              strokeWidth={points[index]?.lineOptions?.strokeWidth ?? 3}\n              stroke={_colors[index]}\n              opacity={_getLineOpacity(points[index]!.legend)}\n              onMouseMove={event => _onRectMouseMove(event)}\n              onMouseOut={_onRectMouseOut}\n              onMouseOver={event => _onRectMouseMove(event)}\n              strokeDasharray={points[index]?.lineOptions?.strokeDasharray}\n              strokeDashoffset={points[index]?.lineOptions?.strokeDashoffset}\n              strokeLinecap={points[index]?.lineOptions?.strokeLinecap}\n            />\n            {singleStackedData.length === 1 ? (\n              <circle\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                cx={xScale(singleStackedData[0].xVal)}\n                cy={yScale(singleStackedData[0].values[1])}\n                r={6}\n                stroke={_colors[index]}\n                strokeWidth={3}\n                fill={_colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onFocus={event => _handleFocus(event, index, 0, `${_circleId}_${index}`)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n              />\n            ) : (\n              <path\n                id={`${index}-graph-${_uniqueIdForGraph}`}\n                d={area(singleStackedData)!}\n                fill={props.enableGradient ? `url(#gradient_${index})` : _colors[index]}\n                opacity={layerOpacity}\n                fillOpacity={_getOpacity(points[index]!.legend)}\n                onMouseMove={event => _onRectMouseMove(event)}\n                onMouseOut={_onRectMouseOut}\n                onMouseOver={event => _onRectMouseMove(event)}\n                {...(props.optimizeLargeData && {\n                  tabIndex: _legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined,\n                  role: 'img',\n                  'aria-label': `${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                    points[index].data.length\n                  } data points.`,\n                })}\n              />\n            )}\n          </React.Fragment>,\n        );\n      });\n\n      const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\n        if (points.length === index) {\n          return;\n        }\n        const yScale = points[index]?.useSecondaryYScale && yScaleSecondary ? yScaleSecondary : yScalePrimary;\n        if (!props.optimizeLargeData || singleStackedData.length === 1) {\n          // Render circles for all data points\n          graph.push(\n            <g\n              key={`${index}-dots-${_uniqueIdForGraph}`}\n              clipPath=\"url(#clip)\"\n              role=\"region\"\n              aria-label={`${points[index].legend}, series ${index + 1} of ${points.length} with ${\n                points[index].data.length\n              } data points.`}\n            >\n              {singleStackedData.map((singlePoint: DPointType, pointIndex: number) => {\n                const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n                const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n                lineColor = points[index]!.color!;\n                const legend = points[index]!.legend;\n                return (\n                  <circle\n                    key={circleId}\n                    id={circleId}\n                    tabIndex={_legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined}\n                    cx={xScale(singlePoint.xVal)}\n                    cy={yScale(singlePoint.values[1])}\n                    stroke={lineColor}\n                    strokeWidth={3}\n                    fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                    {..._getOnClickHandler(points, index, pointIndex)}\n                    onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                    onBlur={_handleBlur}\n                    {...getSecureProps(pointOptions)}\n                    r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                    role=\"img\"\n                    aria-label={\n                      (!_hasDuplicateXValues && !_hasMissingXValues && _getAriaLabel(index, pointIndex)) || undefined\n                    }\n                  />\n                );\n              })}\n            </g>,\n          );\n        } else {\n          // Render circles for data points close to the mouse pointer only\n          singleStackedData.forEach((singlePoint: DPointType, pointIndex: number) => {\n            const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n            if (nearestCircleToHighlight === xDataPoint) {\n              const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n              lineColor = points[index]!.color!;\n              const legend = points[index]!.legend;\n              graph.push(\n                <circle\n                  key={circleId}\n                  id={circleId}\n                  cx={xScale(singlePoint.xVal)}\n                  cy={yScale(singlePoint.values[1])}\n                  stroke={lineColor}\n                  strokeWidth={3}\n                  fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n                  onMouseOut={_onRectMouseOut}\n                  onMouseOver={event => _onRectMouseMove(event)}\n                  onFocus={event => _handleFocus(event, index, pointIndex, circleId)}\n                  {..._getOnClickHandler(points, index, pointIndex)}\n                  {...getSecureProps(pointOptions)}\n                  r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                />,\n              );\n            }\n          });\n        }\n      });\n      graph.push(\n        <line\n          id={_verticalLineId}\n          key={_verticalLineId}\n          x1={lineXValue}\n          y1={0}\n          x2={lineXValue}\n          y2={containerHeight}\n          strokeWidth={1}\n          strokeDasharray={5.5}\n          stroke={lineColor!}\n          opacity={0.5}\n          visibility={displayOfLine}\n          {...getSecureProps(pointLineOptions)}\n        />,\n      );\n      // Removing un wanted tooltip div from DOM, when prop not provided.\n      if (!props.showXAxisLablesTooltip) {\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at x axis labels.\n      if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n        const xAxisElement = d3Select(xElement).call(xScale);\n        try {\n          // eslint-disable-next-line @nx/workspace-no-restricted-globals\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          // eslint-disable-next-line no-empty\n        } catch (e) {}\n        const tooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: xAxisElement,\n        };\n        xAxisElement && tooltipOfAxislabels(tooltipProps);\n      }\n      return graph;\n    }\n\n    function _getOnClickHandler(points: LineChartPoints[], index: number, pointIndex: number) {\n      if (!_hasDuplicateXValues && !_hasMissingXValues) {\n        return {\n          onClick: () => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!),\n        };\n      }\n      return {};\n    }\n\n    function _getCircleRadius(xDataPoint: number, circleRadius: number, circleId: string, legend: string): number {\n      // Show the circle if no legends are selected or if the point's legend is in the selected legends\n      if (!_noLegendHighlighted() && !_legendHighlighted(legend)) {\n        return 0;\n      }\n\n      if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n        return 1;\n      } else if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n        return circleRadius;\n      } else {\n        return 0;\n      }\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    function _legendHighlighted(legend: string) {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    function _noLegendHighlighted() {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _addDefaultColors(lineChartData?: LineChartPoints[]): LineChartPoints[] {\n      if (_hasMissingXValues) {\n        // get union of all x values\n        const allXValues: Set<string | number> = new Set();\n        lineChartData &&\n          lineChartData.forEach((line: LineChartPoints) => {\n            line.data.forEach((point: LineChartDataPoint) => {\n              const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n              allXValues.add(xValue);\n            });\n          });\n        lineChartData &&\n          lineChartData.forEach((line: LineChartPointsWithLegend) => {\n            allXValues.forEach((xValue: string | number) => {\n              const point = line.data.find((item: ILineChartDataPointWithLegend) => {\n                return item.x instanceof Date ? item.x.toLocaleString() === xValue : item.x === xValue;\n              });\n              if (!point) {\n                line.data.push({\n                  x: typeof xValue === 'string' ? new Date(xValue) : xValue,\n                  y: 0,\n                  legend: line.legend,\n                });\n              }\n            });\n            // sort the data points by x value\n            line.data.sort((a: LineChartDataPoint, b: LineChartDataPoint) => {\n              const xA = a.x instanceof Date ? a.x.getTime() : a.x;\n              const xB = b.x instanceof Date ? b.x.getTime() : b.x;\n              return xA < xB ? -1 : xA > xB ? 1 : 0;\n            });\n          });\n      }\n      return lineChartData\n        ? lineChartData.map((item, index) => {\n            let color: string;\n            // isInverted property is applicable to v8 themes only\n            if (typeof item.color === 'undefined') {\n              color = getNextColor(index, 0);\n            } else {\n              color = getColorFromToken(item.color);\n            }\n\n            return { ...item, color };\n          })\n        : [];\n    }\n\n    function _handleFocus(\n      event: React.FocusEvent<SVGCircleElement, Element>,\n      lineIndex: number,\n      pointIndex: number,\n      circleId: string,\n    ) {\n      let cx = 0;\n      let cy = 0;\n\n      const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n      cx = targetRect.left + targetRect.width / 2;\n      cy = targetRect.top + targetRect.height / 2;\n      _updatePosition(cx, cy);\n\n      const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n      const formattedDate = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : x;\n      const found = findCalloutPoints(_calloutPoints, x);\n      if (found) {\n        // Show details in the callout for the focused point only\n        found.values = found.values.filter((e: { y: number }) => e.y === y);\n        const filteredValues = _getFilteredLegendValues(found.values);\n\n        setPopoverOpen(true);\n        setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n        setYValueHover(filteredValues!);\n        setStackCalloutProps({ ...found, values: filteredValues });\n        setDataPointCalloutProps({ ...found, values: filteredValues });\n        setActivePoint(circleId);\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _getFilteredLegendValues(values: any) {\n      return !_noLegendHighlighted()\n        ? values.filter((value: { legend: string }) => _legendHighlighted(value.legend))\n        : values;\n    }\n\n    function _handleBlur() {\n      setPopoverOpen(false);\n      setHoverXValue(undefined);\n      setYValueHover([]);\n      setStackCalloutProps(undefined);\n      setDataPointCalloutProps(undefined);\n      setActivePoint('');\n    }\n\n    function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n      const line = props.data.lineChartData![lineIndex];\n      const point = line.data[pointIndex];\n      const formattedDate =\n        point.x instanceof Date ? formatDateToLocaleString(point.x, props.culture, props.useUTC as boolean) : point.x;\n      const xValue = point.xAxisCalloutData || formattedDate;\n      const legend = line.legend;\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        (\n          props.data &&\n          props.data.lineChartData &&\n          props.data.lineChartData.length > 0 &&\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          props.data.lineChartData.filter((item: { data: string | any[] }) => item.data.length === 0).length === 0\n        )\n        // if all the data sets have no data\n        // filtering all items which have no data and checking if the length of the filtered array is 0\n        // which means chart is not empty\n      );\n    }\n\n    function _getChartTitle(): string {\n      const { chartTitle, lineChartData } = props.data;\n      return (chartTitle ? `${chartTitle}. ` : '') + `Area chart with ${lineChartData?.length || 0} data series. `;\n    }\n\n    function _xCoordinateContainsMultipleY(): boolean {\n      const { lineChartData } = props.data;\n      if (!lineChartData) {\n        return false;\n      }\n      for (const item of lineChartData) {\n        const xValueMap: Record<string, number[]> = {};\n        for (const point of item.data) {\n          const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n          if (!xValueMap[xValue]) {\n            xValueMap[xValue] = [];\n          }\n          xValueMap[xValue].push(point.y);\n          if (xValueMap[xValue].length > 1) {\n            return true;\n          }\n        }\n      }\n      return false;\n    }\n\n    function _containsMissingXValues(): boolean {\n      const { lineChartData } = props.data;\n      if (!lineChartData) {\n        return false;\n      }\n      const allXValues: Set<string | number> = new Set();\n      lineChartData.forEach((line: LineChartPoints) => {\n        line.data.forEach((point: LineChartDataPoint) => {\n          const xValue = point.x instanceof Date ? point.x.toLocaleString() : point.x;\n          allXValues.add(xValue);\n        });\n      });\n      // for all x values, check if the x value is present in all series\n      let hasMissingValues = false;\n      lineChartData.forEach((line: LineChartPoints) => {\n        allXValues.forEach((xValue: string | number) => {\n          const point = line.data.find((item: LineChartDataPoint) => {\n            return item.x instanceof Date ? item.x.toLocaleString() === xValue : item.x === xValue;\n          });\n          if (!point) {\n            hasMissingValues = true;\n          }\n        });\n      });\n      return hasMissingValues;\n    }\n\n    function _shouldFillToZeroY() {\n      return props.mode === 'tozeroy' || _containsSecondaryYAxis;\n    }\n\n    if (!_isChartEmpty()) {\n      const { lineChartData } = props.data;\n      const points = _addDefaultColors(lineChartData);\n      _containsSecondaryYAxis = !!props.secondaryYScaleOptions && points.some(point => point.useSecondaryYScale);\n      _createSet = _createDataSet;\n      const { colors, opacity, data, calloutPoints } = _createSet(points);\n      _calloutPoints = calloutPoints;\n      const isXAxisDateType = getXAxisType(points);\n      _colors = colors;\n      _opacity = opacity;\n      _data = data.renderData;\n      const legends: JSXElement = _getLegendData(points);\n\n      const tickParams = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      const calloutProps: ChartPopoverProps = {\n        YValueHover: YValueHover!,\n        hoverXValue: hoverXValue!,\n        xAxisCalloutAccessibilityData,\n        ...props.calloutProps,\n        clickPosition,\n        isPopoverOpen: isPopoverOpen && !_hasDuplicateXValues && !_hasMissingXValues,\n        isCartesian: true,\n        customCallout: {\n          customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n          customCalloutProps: props.calloutPropsPerDataPoint\n            ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n            : undefined,\n        },\n        isCalloutForStack: true,\n      };\n      return (\n        <CartesianChart\n          {...props}\n          chartTitle={_getChartTitle()}\n          points={points}\n          chartType={ChartTypes.AreaChart}\n          calloutProps={calloutProps}\n          legendBars={legends}\n          createYAxis={createNumericYAxis}\n          xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n          tickParams={tickParams}\n          maxOfYVal={data.maxOfYVal}\n          getGraphData={_getGraphData}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxis}\n          getmargins={_getMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          getMinMaxOfYAxis={_getMinMaxOfYAxis}\n          enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n          componentRef={cartesianChartRef}\n          /* eslint-disable react/jsx-no-bind */\n          // eslint-disable-next-line react/no-children-prop, @typescript-eslint/no-shadow\n          children={(props: ChildProps) => {\n            _xAxisRectScale = props.xScale;\n            const ticks = _xAxisRectScale.ticks();\n            const width1 = _xAxisRectScale(ticks[ticks.length - 1]);\n            const rectHeight = props.containerHeight! - _margins.top!;\n            return (\n              <>\n                <g>\n                  <rect\n                    id={_rectId}\n                    width={width1}\n                    height={rectHeight}\n                    fill={'transparent'}\n                    onMouseMove={event => _onRectMouseMove(event)}\n                    onMouseOut={_onRectMouseOut}\n                    onMouseOver={event => _onRectMouseMove(event)}\n                  />\n                </g>\n                <g>{_chart}</g>\n              </>\n            );\n          }}\n        />\n      );\n    }\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nAreaChart.displayName = 'AreaChart';\n"],"names":["React","useAreaChartStyles","max","d3Max","bisector","pointer","select","d3Select","tokens","area","d3Area","stack","d3Stack","curveMonotoneX","d3CurveBasis","line","d3Line","CartesianChart","calloutData","getXAxisType","ChartTypes","XAxisTypes","getTypeOfAxis","tooltipOfAxislabels","getNextColor","getColorFromToken","getSecureProps","areArraysEqual","getCurveFactory","findNumericMinMaxOfY","createNumericYAxis","domainRangeOfNumericForAreaLineScatterCharts","domainRangeOfDateForAreaLineScatterVerticalBarCharts","createStringYAxis","findCalloutPoints","useId","Legends","formatDateToLocaleString","useImageExport","bisect","d","x","left","InterceptVisibility","AreaChart","forwardRef","props","forwardedRef","_uniqueIdForGraph","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_containsSecondaryYAxis","_hasMissingXValues","_containsMissingXValues","_hasDuplicateXValues","_xCoordinateContainsMultipleY","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","selectedLegends","setSelectedLegends","useState","legendProps","activeLegend","setActiveLegend","undefined","hoverXValue","setHoverXValue","YValueHover","setYValueHover","lineXValue","setLineXValue","displayOfLine","setDisplayOfLine","isCircleClicked","setIsCircleClicked","nearestCircleToHighlight","setNearestCircleToHighlight","activePoint","setActivePoint","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","xAxisCalloutAccessibilityData","setXAxisCalloutAccessibilityData","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","prevPropsRef","useRef","useEffect","current","prevProps","classes","_getMinMaxOfYAxis","points","yAxisType","useSecondaryYScale","_getDomainNRangeValues","margins","width","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","NumericAxis","DateAxis","dStartValue","dEndValue","rStartValue","rEndValue","_getMargins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","x0","point0","point1","Date","getTime","Math","abs","xAxisCalloutData","formattedDate","culture","useUTC","found","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","dp","layer","renderData","endValue","_createDataSet","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","legend","point","tempArr","valToCheck","filteredChartPoints","filter","id","val","datasetForDuplicateValues","_createDatasetForXCoordinateWithMultipleYValues","filteredDataSet","groupedData","dataPoints","allLegends","item","includes","some","Array","from","Set","flatMap","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","yAxisElement","yScaleSecondary","_drawGraph","_onLegendHover","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","colorNeutralBackground1","xScale","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","curveFactory","lineOptions","curve","y0","y1","layerOpacity","Fragment","enableGradient","defs","linearGradient","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","onFocus","_handleFocus","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","_getOnClickHandler","onBlur","_handleBlur","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","onClick","onDataPointClick","_getHighlightedLegend","allXValues","add","find","sort","a","b","xA","xB","lineIndex","targetRect","target","getBoundingClientRect","top","height","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","xValueMap","hasMissingValues","mode","secondaryYScaleOptions","isXAxisDateType","tickParams","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","legendBars","createYAxis","getGraphData","getDomainNRangeValues","getmargins","onChartMouseLeave","getMinMaxOfYAxis","enableFirstRenderOptimization","children","ticks","width1","rectHeight","rect","div","style","displayName"],"mappings":"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"}

package/lib/components/AreaChart/useAreaChartStyles.styles.js

@@ -17,7 +17,9 @@ export const areaChartClassNames = {
   chartWrapper: '',
   svgTooltip: '',
   chart: '',
-  axisAnnotation: ''
+  axisAnnotation: '',
+  plotContainer: '',
+  annotationLayer: ''
 };
 const useStyles = /*#__PURE__*/__styles({
   tooltip: {
@@ -27,10 +29,11 @@ const useStyles = /*#__PURE__*/__styles({
     Bg96gwp: "f1i3iumi",
     mc9l5x: "f22iagw",
     Beiy3e4: "f1vx9l62",
-    z8tnut: "f17mpqex",
-    z189sj: ["f1vdfbxk", "f1f5gg8d"],
-    Byoj8tv: "fdvome7",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1bnz8pu",
     qhf8xq: "f1euv43f",
     fsow6f: "f17mccla",
     Bhzewxz: "fr6rvge",
@@ -44,7 +47,9 @@ const useStyles = /*#__PURE__*/__styles({
     sj55zd: "f19n0e5"
   }
 }, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".f1euv43f{position:absolute;}", ".f17mccla{text-align:center;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", [".f1bnz8pu{padding:var(--spacingHorizontalS);}", {
+    p: -1
+  }], ".f1euv43f{position:absolute;}", ".f17mccla{text-align:center;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
     p: -1
   }], ".f1aehjj5{pointer-events:none;}", ".f19n0e5{color:var(--colorNeutralForeground1);}"]
 });

package/lib/components/AreaChart/useAreaChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","useAreaChartStyles","props","baseStyles"],"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const areaChartClassNames = {\n    tooltip: 'fui-ac__tooltip',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\n    axisTitle: '',\n    chartTitle: '',\n    opacityChangeOnHover: '',\n    shapeStyles: '',\n    chartWrapper: '',\n    svgTooltip: '',\n    chart: '',\n    axisAnnotation: ''\n};\nconst useStyles = makeStyles({\n    tooltip: getTooltipStyle()\n});\n/**\n * Apply styling to the AreaChart slots based on the state\n */ export const useAreaChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,eAAe,QAAQ,uBAAuB;AACvD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,OAAO,EAAE,iBAAiB;EAC1BC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,KAAK,EAAE,EAAE;EACTC,eAAe,EAAE,EAAE;EACnBC,KAAK,EAAE,EAAE;EACTC,kBAAkB,EAAE,EAAE;EACtBC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,oBAAoB,EAAE,EAAE;EACxBC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE,EAAE;EAChBC,UAAU,EAAE,EAAE;EACdC,KAAK,EAAE,EAAE;EACTC,cAAc,EAAE;AACpB,CAAC;AACD,MAAMC,SAAS,gBAAGnB,QAAA;EAAAI,OAAA;IAAAgB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAEjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAG1B,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHf,OAAO,EAAEH,YAAY,CAACE,mBAAmB,CAACC,OAAO,EAAEyC,UAAU,CAACzC,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","useAreaChartStyles","props","baseStyles"],"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const areaChartClassNames = {\n    tooltip: 'fui-ac__tooltip',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    descriptionMessage: '',\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    tooltip: getTooltipStyle()\n});\n/**\n * Apply styling to the AreaChart slots based on the state\n */ export const useAreaChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,eAAe,QAAQ,uBAAuB;AACvD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,OAAO,EAAE,iBAAiB;EAC1BC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,KAAK,EAAE,EAAE;EACTC,eAAe,EAAE,EAAE;EACnBC,KAAK,EAAE,EAAE;EACTC,kBAAkB,EAAE,EAAE;EACtBC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,oBAAoB,EAAE,EAAE;EACxBC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE,EAAE;EAChBC,UAAU,EAAE,EAAE;EACdC,KAAK,EAAE,EAAE;EACTC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,gBAAGrB,QAAA;EAAAI,OAAA;IAAAkB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAEjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAG3B,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHjB,OAAO,EAAEH,YAAY,CAACE,mBAAmB,CAACC,OAAO,EAAE4C,UAAU,CAAC5C,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js

@@ -16,7 +16,9 @@ export const areaChartClassNames = {
     chartWrapper: '',
     svgTooltip: '',
     chart: '',
-    axisAnnotation: ''
+    axisAnnotation: '',
+    plotContainer: '',
+    annotationLayer: ''
 };
 const useStyles = makeStyles({
     tooltip: getTooltipStyle()

package/lib/components/AreaChart/useAreaChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AreaChart/useAreaChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { AreaChartProps, AreaChartStyles } from './index';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { getTooltipStyle } from '../../utilities/index';\n\nexport const areaChartClassNames: SlotClassNames<AreaChartStyles> = {\n  tooltip: 'fui-ac__tooltip',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  opacityChangeOnHover: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n};\n\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n});\n\n/**\n * Apply styling to the AreaChart slots based on the state\n */\nexport const useAreaChartStyles = (props: AreaChartProps): AreaChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA;AAEA,SAAuBA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAGxE,SAASC,eAAe,QAAQ,wBAAwB;AAExD,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;AAClB,EAAE;AAEF,MAAMC,YAAYnB,WAAW;IAC3BI,SAASF;AACX;AAEA;;CAEC,GACD,OAAO,MAAMkB,qBAAqB,CAACC;IACjC,MAAMC,aAAaH;IAEnB,OAAO;QACLf,SAASH,aAAaE,oBAAoBC,OAAO,EAAEkB,WAAWlB,OAAO,CAAC,uBAAuB;IAC/F;AACF,EAAE"}
+{"version":3,"sources":["../src/components/AreaChart/useAreaChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { AreaChartProps, AreaChartStyles } from './index';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { getTooltipStyle } from '../../utilities/index';\n\nexport const areaChartClassNames: SlotClassNames<AreaChartStyles> = {\n  tooltip: 'fui-ac__tooltip',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  opacityChangeOnHover: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n});\n\n/**\n * Apply styling to the AreaChart slots based on the state\n */\nexport const useAreaChartStyles = (props: AreaChartProps): AreaChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA;AAEA,SAAuBA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAGxE,SAASC,eAAe,QAAQ,wBAAwB;AAExD,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,YAAYrB,WAAW;IAC3BI,SAASF;AACX;AAEA;;CAEC,GACD,OAAO,MAAMoB,qBAAqB,CAACC;IACjC,MAAMC,aAAaH;IAEnB,OAAO;QACLjB,SAASH,aAAaE,oBAAoBC,OAAO,EAAEoB,WAAWpB,OAAO,CAAC,uBAAuB;IAC/F;AACF,EAAE"}

package/lib/components/ChartTable/ChartTable.js

@@ -1,12 +1,11 @@
 'use client';
 import * as React from 'react';
 import { useChartTableStyles } from './useChartTableStyles.styles';
-import { useRtl } from '../../utilities/utilities';
-import { toImage } from '../../utilities/image-export-utils';
 import { tokens } from '@fluentui/react-theme';
 import * as d3 from 'd3-color';
 import { getColorContrast } from '../../utilities/colors';
 import { resolveCSSVariables } from '../../utilities/utilities';
+import { useImageExport } from '../../utilities/hooks';
 function invertHexColor(hex) {
     const color = d3.color(hex);
     if (!color) {
@@ -38,15 +37,8 @@ function getSafeBackgroundColor(chartContainer, foreground, background) {
 }
 export const ChartTable = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { headers, rows, width, height } = props;
-    const _isRTL = useRtl();
-    const _rootElem = React.useRef(null);
+    const { chartContainerRef: _rootElem } = useImageExport(props.componentRef, true, false);
     const classes = useChartTableStyles(props);
-    React.useImperativeHandle(props.componentRef, ()=>({
-            chartContainer: _rootElem.current,
-            toImage: (opts)=>{
-                return toImage(_rootElem.current, undefined, _isRTL, opts);
-            }
-        }), []);
     if (!headers || headers.length === 0) {
         return /*#__PURE__*/ React.createElement("div", null, "No data available");
     }

package/lib/components/ChartTable/ChartTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/ChartTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChartTableProps } from './ChartTable.types';\nimport { useChartTableStyles } from './useChartTableStyles.styles';\nimport { useRtl } from '../../utilities/utilities';\nimport { ImageExportOptions } from '../../types/index';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { tokens } from '@fluentui/react-theme';\nimport * as d3 from 'd3-color';\nimport { getColorContrast } from '../../utilities/colors';\nimport { resolveCSSVariables } from '../../utilities/utilities';\n\nfunction invertHexColor(hex: string): string {\n  const color = d3.color(hex);\n  if (!color) {\n    return tokens.colorNeutralForeground1!;\n  }\n  const rgb = color.rgb();\n  return d3.rgb(255 - rgb.r, 255 - rgb.g, 255 - rgb.b).formatHex();\n}\n\nfunction getSafeBackgroundColor(chartContainer: HTMLElement, foreground?: string, background?: string): string {\n  const fallbackFg = tokens.colorNeutralForeground1;\n  const fallbackBg = tokens.colorNeutralBackground1;\n  if (!chartContainer) {\n    return fallbackBg;\n  }\n\n  const resolvedFg = resolveCSSVariables(chartContainer, foreground || fallbackFg);\n  const resolvedBg = resolveCSSVariables(chartContainer, background || fallbackBg);\n\n  const fg = d3.color(resolvedFg);\n  const bg = d3.color(resolvedBg);\n\n  if (!fg || !bg) {\n    return resolvedBg;\n  }\n  const contrast = getColorContrast(fg.formatHex(), bg.formatHex());\n  if (contrast >= 3) {\n    return bg.formatHex();\n  }\n\n  const invertedBg = invertHexColor(bg.formatHex());\n  const invertedContrast = getColorContrast(fg.formatHex(), invertedBg);\n  return invertedContrast >= 3 ? invertedBg : fallbackBg;\n}\n\nexport const ChartTable: React.FunctionComponent<ChartTableProps> = React.forwardRef<HTMLDivElement, ChartTableProps>(\n  (props, forwardedRef) => {\n    const { headers, rows, width, height } = props;\n    const _isRTL: boolean = useRtl();\n    const _rootElem = React.useRef<HTMLDivElement | null>(null);\n    const classes = useChartTableStyles(props);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: _rootElem.current,\n        toImage: (opts?: ImageExportOptions): Promise<string> => {\n          return toImage(_rootElem.current, undefined, _isRTL, opts);\n        },\n      }),\n      [],\n    );\n\n    if (!headers || headers.length === 0) {\n      return <div>No data available</div>;\n    }\n\n    const bgColorSet = new Set<string>();\n    headers.forEach(header => {\n      const bg = header?.style?.backgroundColor;\n      const normalized = d3.color(bg || '')?.formatHex();\n      if (normalized) {\n        bgColorSet.add(normalized);\n      }\n    });\n    let sharedBackgroundColor: string | undefined;\n    let useSharedBackground = false;\n\n    /*\n    If we have only one or two unique background colors, we can consider using a shared background color\n    for the table headers. This is to ensure better contrast with the foreground text.\n    For size 1, we will consider that as default color if it satisfies the contrast ratio.\n    There could also be a scenario where backgroundcolor array is of size 2, for eg: [\"dimsgray\", \"gray\"],\n    which will assign 1st column header bg color to dimsgray and rest to gray. so our logic of shared background\n    color won't run here. So will consider for size 2 as well.\n    For size greater than this, we will consider that user wants different colors and will let color contrast fail\n    if any.\n    */\n    if (bgColorSet.size === 1 || bgColorSet.size === 2) {\n      const candidateBg = bgColorSet.size === 1 ? Array.from(bgColorSet)[0] : Array.from(bgColorSet)[1];\n      for (const header of headers) {\n        const fg = header?.style?.color;\n        if (fg && getColorContrast(fg, candidateBg) >= 3) {\n          sharedBackgroundColor = candidateBg;\n          useSharedBackground = true;\n          break;\n        }\n      }\n    }\n\n    return (\n      <div\n        ref={el => {\n          _rootElem.current = el;\n        }}\n        className={classes.root as string}\n        style={{ height: height ? `${height}px` : '650px', overflow: 'hidden' }}\n      >\n        <svg width={width ?? '100%'} height={height ?? '650px'}>\n          <foreignObject x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n            <div\n              style={{\n                maxHeight: height ? `${height}px` : '650px',\n                overflowY: 'auto',\n                overflowX: 'auto',\n              }}\n            >\n              <table\n                className={classes.table}\n                style={{\n                  width: width ? `${width}px` : '100%',\n                }}\n              >\n                <thead>\n                  <tr>\n                    {headers.map((header, idx) => {\n                      const style = { ...header?.style };\n                      const fg = style.color;\n                      const bg = style.backgroundColor;\n\n                      if (useSharedBackground) {\n                        style.backgroundColor = sharedBackgroundColor;\n                      } else if (fg || bg) {\n                        style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                      }\n                      return (\n                        <th key={idx} className={classes.headerCell} style={style} tabIndex={0}>\n                          {header.value}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                </thead>\n                {rows && rows.length > 0 && (\n                  <tbody>\n                    {rows.map((row, rowIdx) => (\n                      <tr key={rowIdx}>\n                        {row.map((cell, colIdx) => {\n                          const style = { ...cell?.style };\n                          const fg = style.color;\n                          const bg = style.backgroundColor;\n                          if (fg || bg) {\n                            style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                          }\n                          return (\n                            <td key={colIdx} className={classes.bodyCell} style={style} tabIndex={0}>\n                              {cell.value}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    ))}\n                  </tbody>\n                )}\n              </table>\n            </div>\n          </foreignObject>\n        </svg>\n      </div>\n    );\n  },\n);\n\nChartTable.displayName = 'ChartTable';\n"],"names":["React","useChartTableStyles","useRtl","toImage","tokens","d3","getColorContrast","resolveCSSVariables","invertHexColor","hex","color","colorNeutralForeground1","rgb","r","g","b","formatHex","getSafeBackgroundColor","chartContainer","foreground","background","fallbackFg","fallbackBg","colorNeutralBackground1","resolvedFg","resolvedBg","fg","bg","contrast","invertedBg","invertedContrast","ChartTable","forwardRef","props","forwardedRef","headers","rows","width","height","_isRTL","_rootElem","useRef","classes","useImperativeHandle","componentRef","current","opts","undefined","length","div","bgColorSet","Set","forEach","header","style","backgroundColor","normalized","add","sharedBackgroundColor","useSharedBackground","size","candidateBg","Array","from","ref","el","className","root","overflow","svg","foreignObject","x","y","maxHeight","overflowY","overflowX","table","thead","tr","map","idx","th","key","headerCell","tabIndex","value","tbody","row","rowIdx","cell","colIdx","td","bodyCell","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/ChartTable/ChartTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChartTableProps } from './ChartTable.types';\nimport { useChartTableStyles } from './useChartTableStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nimport * as d3 from 'd3-color';\nimport { getColorContrast } from '../../utilities/colors';\nimport { resolveCSSVariables } from '../../utilities/utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\nfunction invertHexColor(hex: string): string {\n  const color = d3.color(hex);\n  if (!color) {\n    return tokens.colorNeutralForeground1!;\n  }\n  const rgb = color.rgb();\n  return d3.rgb(255 - rgb.r, 255 - rgb.g, 255 - rgb.b).formatHex();\n}\n\nfunction getSafeBackgroundColor(chartContainer: HTMLElement, foreground?: string, background?: string): string {\n  const fallbackFg = tokens.colorNeutralForeground1;\n  const fallbackBg = tokens.colorNeutralBackground1;\n  if (!chartContainer) {\n    return fallbackBg;\n  }\n\n  const resolvedFg = resolveCSSVariables(chartContainer, foreground || fallbackFg);\n  const resolvedBg = resolveCSSVariables(chartContainer, background || fallbackBg);\n\n  const fg = d3.color(resolvedFg);\n  const bg = d3.color(resolvedBg);\n\n  if (!fg || !bg) {\n    return resolvedBg;\n  }\n  const contrast = getColorContrast(fg.formatHex(), bg.formatHex());\n  if (contrast >= 3) {\n    return bg.formatHex();\n  }\n\n  const invertedBg = invertHexColor(bg.formatHex());\n  const invertedContrast = getColorContrast(fg.formatHex(), invertedBg);\n  return invertedContrast >= 3 ? invertedBg : fallbackBg;\n}\n\nexport const ChartTable: React.FunctionComponent<ChartTableProps> = React.forwardRef<HTMLDivElement, ChartTableProps>(\n  (props, forwardedRef) => {\n    const { headers, rows, width, height } = props;\n    const { chartContainerRef: _rootElem } = useImageExport(props.componentRef, true, false);\n    const classes = useChartTableStyles(props);\n\n    if (!headers || headers.length === 0) {\n      return <div>No data available</div>;\n    }\n\n    const bgColorSet = new Set<string>();\n    headers.forEach(header => {\n      const bg = header?.style?.backgroundColor;\n      const normalized = d3.color(bg || '')?.formatHex();\n      if (normalized) {\n        bgColorSet.add(normalized);\n      }\n    });\n    let sharedBackgroundColor: string | undefined;\n    let useSharedBackground = false;\n\n    /*\n    If we have only one or two unique background colors, we can consider using a shared background color\n    for the table headers. This is to ensure better contrast with the foreground text.\n    For size 1, we will consider that as default color if it satisfies the contrast ratio.\n    There could also be a scenario where backgroundcolor array is of size 2, for eg: [\"dimsgray\", \"gray\"],\n    which will assign 1st column header bg color to dimsgray and rest to gray. so our logic of shared background\n    color won't run here. So will consider for size 2 as well.\n    For size greater than this, we will consider that user wants different colors and will let color contrast fail\n    if any.\n    */\n    if (bgColorSet.size === 1 || bgColorSet.size === 2) {\n      const candidateBg = bgColorSet.size === 1 ? Array.from(bgColorSet)[0] : Array.from(bgColorSet)[1];\n      for (const header of headers) {\n        const fg = header?.style?.color;\n        if (fg && getColorContrast(fg, candidateBg) >= 3) {\n          sharedBackgroundColor = candidateBg;\n          useSharedBackground = true;\n          break;\n        }\n      }\n    }\n\n    return (\n      <div\n        ref={el => {\n          _rootElem.current = el;\n        }}\n        className={classes.root as string}\n        style={{ height: height ? `${height}px` : '650px', overflow: 'hidden' }}\n      >\n        <svg width={width ?? '100%'} height={height ?? '650px'}>\n          <foreignObject x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n            <div\n              style={{\n                maxHeight: height ? `${height}px` : '650px',\n                overflowY: 'auto',\n                overflowX: 'auto',\n              }}\n            >\n              <table\n                className={classes.table}\n                style={{\n                  width: width ? `${width}px` : '100%',\n                }}\n              >\n                <thead>\n                  <tr>\n                    {headers.map((header, idx) => {\n                      const style = { ...header?.style };\n                      const fg = style.color;\n                      const bg = style.backgroundColor;\n\n                      if (useSharedBackground) {\n                        style.backgroundColor = sharedBackgroundColor;\n                      } else if (fg || bg) {\n                        style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                      }\n                      return (\n                        <th key={idx} className={classes.headerCell} style={style} tabIndex={0}>\n                          {header.value}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                </thead>\n                {rows && rows.length > 0 && (\n                  <tbody>\n                    {rows.map((row, rowIdx) => (\n                      <tr key={rowIdx}>\n                        {row.map((cell, colIdx) => {\n                          const style = { ...cell?.style };\n                          const fg = style.color;\n                          const bg = style.backgroundColor;\n                          if (fg || bg) {\n                            style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                          }\n                          return (\n                            <td key={colIdx} className={classes.bodyCell} style={style} tabIndex={0}>\n                              {cell.value}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    ))}\n                  </tbody>\n                )}\n              </table>\n            </div>\n          </foreignObject>\n        </svg>\n      </div>\n    );\n  },\n);\n\nChartTable.displayName = 'ChartTable';\n"],"names":["React","useChartTableStyles","tokens","d3","getColorContrast","resolveCSSVariables","useImageExport","invertHexColor","hex","color","colorNeutralForeground1","rgb","r","g","b","formatHex","getSafeBackgroundColor","chartContainer","foreground","background","fallbackFg","fallbackBg","colorNeutralBackground1","resolvedFg","resolvedBg","fg","bg","contrast","invertedBg","invertedContrast","ChartTable","forwardRef","props","forwardedRef","headers","rows","width","height","chartContainerRef","_rootElem","componentRef","classes","length","div","bgColorSet","Set","forEach","header","style","backgroundColor","normalized","add","sharedBackgroundColor","useSharedBackground","size","candidateBg","Array","from","ref","el","current","className","root","overflow","svg","foreignObject","x","y","maxHeight","overflowY","overflowX","table","thead","tr","map","idx","th","key","headerCell","tabIndex","value","tbody","row","rowIdx","cell","colIdx","td","bodyCell","displayName"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/ChartTable.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Chart } from './index';\n\n/**\n * Chart Table properties\n * {@docCategory ChartTable}\n */\nexport interface ChartTableProps {\n  /**\n   * 1d or 2d Array of header values.\n   */\n  headers: { value: string | number | boolean | null; style?: React.CSSProperties }[];\n\n  /**\n   * Array of rows. Each row corresponds to one data entry under each column.\n   */\n  rows: { value: string | number | boolean | null; style?: React.CSSProperties }[][];\n\n  /**\n   * Optional width for the table\n   * @default '100%'\n   */\n  width?: string | number;\n\n  /**\n   * Optional height for the table\n   * @default '650px'\n   */\n  height?: string | number;\n\n  /**\n   * Additional class name(s) to apply to the table chart\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ChartTableStyles;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n}\n\n/**\n * Table Chart styles\n * {@docCategory ChartTable}\n */\nexport interface ChartTableStyles {\n  root?: string | React.CSSProperties;\n  table?: string;\n  headerCell?: string;\n  bodyCell?: string;\n  chart?: string;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../src/components/ChartTable/ChartTable.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Chart } from './index';\n\n/**\n * Chart Table properties\n * {@docCategory ChartTable}\n */\nexport interface ChartTableProps {\n  /**\n   * 1d or 2d Array of header values.\n   */\n  headers: { value: string | number | boolean | null; style?: React.CSSProperties }[];\n\n  /**\n   * Array of rows. Each row corresponds to one data entry under each column.\n   */\n  rows: { value: string | number | boolean | null; style?: React.CSSProperties }[][];\n\n  /**\n   * Optional width for the table\n   * @default '100%'\n   */\n  width?: string | number;\n\n  /**\n   * Optional height for the table\n   * @default '650px'\n   */\n  height?: string | number;\n\n  /**\n   * Additional class name(s) to apply to the table chart\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ChartTableStyles;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<Chart>;\n}\n\n/**\n * Table Chart styles\n * {@docCategory ChartTable}\n */\nexport interface ChartTableStyles {\n  root?: string | React.CSSProperties;\n  table?: string;\n  headerCell?: string;\n  bodyCell?: string;\n  chart?: string;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}