@fluentui/react-charts 9.0.1 → 9.0.3

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AreaChart.tsx"],"sourcesContent":["import * 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} from '../../index';\nimport {\n  calloutData,\n  getXAxisType,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  tooltipOfXAxislabels,\n  getNextColor,\n  getColorFromToken,\n  formatDate,\n  getSecureProps,\n  areArraysEqual,\n  getCurveFactory,\n  find,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\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\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    // 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: JSX.Element[];\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\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      }),\n      [],\n    );\n\n    const classes = useAreaChartStyles(props);\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 ? formatDate(pointToHighlight, props.useUTC) : pointToHighlight;\n      const modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n        return element.x === modifiedXVal;\n      });\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 (props.mode === 'tozeroy') {\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        maxOfYVal,\n      };\n    }\n\n    function _createDataSet(points: LineChartPoints[]) {\n      if (props.enablePerfOptimization && _enableComputationOptimization) {\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        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        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, index: number) => {\n            singleDataset.xVal = singleDataPoint.x;\n            singleDataset[`chart${index}`] = 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        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      }\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    ) {\n      _chart = _drawGraph(containerHeight, xAxis, yAxis, 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[]): JSX.Element {\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        />\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function _drawGraph(containerHeight: number, xScale: any, yScale: any, xElement: SVGElement): JSX.Element[] {\n      const points = _addDefaultColors(props.data.lineChartData);\n      const { pointOptions, pointLineOptions } = props.data;\n\n      const graph: JSX.Element[] = [];\n      let lineColor: string;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      _data.forEach((singleStackedData: Array<any>, index: number) => {\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 = props.mode === 'tozeroy' ? 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                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\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                    onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n                    onFocus={() => _handleFocus(index, pointIndex, circleId)}\n                    onBlur={_handleBlur}\n                    {...getSecureProps(pointOptions)}\n                    r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n                    role=\"img\"\n                    aria-label={_getAriaLabel(index, pointIndex)}\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                  onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\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          xAxis: xAxisElement,\n        };\n        xAxisElement && tooltipOfXAxislabels(tooltipProps);\n      }\n      return graph;\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      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(lineIndex: number, pointIndex: number, circleId: string) {\n      const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n      const formattedDate = x instanceof Date ? formatDate(x, props.useUTC) : x;\n      const modifiedXVal = x instanceof Date ? x.getTime() : x;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const found: any = _calloutPoints.find((e: { x: string | number }) => e.x === modifiedXVal);\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    // 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 = point.x instanceof Date ? formatDate(point.x, props.useUTC) : 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    if (!_isChartEmpty()) {\n      const { lineChartData } = props.data;\n      const points = _addDefaultColors(lineChartData);\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: JSX.Element = _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,\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          xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n          tickParams={tickParams}\n          maxOfYVal={data.maxOfYVal}\n          getGraphData={_getGraphData}\n          getmargins={_getMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\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":["AreaChart","bisect","bisector","d","x","left","InterceptVisibility","React","forwardRef","props","forwardedRef","_uniqueIdForGraph","useId","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","useRef","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","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useAreaChartStyles","_getMargins","margins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","pointer","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","getTypeOfAxis","x0","point0","point1","XAxisTypes","DateAxis","Date","getTime","Math","abs","NumericAxis","xAxisCalloutData","formattedDate","formatDate","useUTC","modifiedXVal","found","find","element","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","mode","forEach","key","currentLayer","push","xVal","dataValues","d3Stack","d3Max","dp","layer","renderData","_createDataSet","points","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","calloutData","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","tempArr","valToCheck","filteredChartPoints","filter","point","val","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","_drawGraph","_onLegendHover","legend","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","createElement","Legends","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","tokens","colorNeutralBackground1","xScale","yScale","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","curveFactory","getCurveFactory","lineOptions","curve","d3CurveBasis","area","d3Area","y0","y1","line","d3Line","layerOpacity","Fragment","enableGradient","defs","linearGradient","id","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","onClick","onDataPointClick","onFocus","_handleFocus","onBlur","_handleBlur","getSecureProps","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","d3Select","call","tooltipProps","tooltipCls","tooltip","tooltipOfXAxislabels","_getHighlightedLegend","includes","item","getNextColor","getColorFromToken","lineIndex","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","isXAxisDateType","getXAxisType","tickParams","tickValues","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","CartesianChart","chartType","ChartTypes","legendBars","xAxisType","getGraphData","getmargins","onChartMouseLeave","enableFirstRenderOptimization","children","ticks","width1","rectHeight","top","rect","width","height","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/AreaChart/AreaChart.types.js

@@ -0,0 +1,7 @@
+/**
+ * Area Chart style properties
+ * {@docCategory AreaChart}
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AreaChart.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  RefArrayData,\n  Basestate,\n  LineChartDataPoint,\n  LineChartPoints,\n  CustomizedCalloutData,\n  Margins,\n} from '../../types/index';\nimport {\n  CartesianChartStyles,\n  CartesianChartStyleProps,\n  CartesianChartProps,\n  ChildProps,\n} from '../CommonComponents/CartesianChart.types';\n\nexport type { ChildProps, RefArrayData, Basestate, LineChartDataPoint, LineChartPoints, Margins };\n\n/**\n * Area Chart properties.\n * {@docCategory AreaChart}\n */\nexport interface AreaChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: CartesianChartStyles;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Define a custom callout renderer for a stack; default is to render per data point\n   */\n  onRenderCalloutPerStack?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * @default false\n   * The prop used to enable the perf optimization\n   */\n  enablePerfOptimization?: boolean;\n\n  /*\n   * Optimize area chart rendering for large data set.\n   */\n  optimizeLargeData?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable gradient fill color for the chart.\n   */\n  enableGradient?: boolean;\n\n  /**\n   * @default tonexty\n   * The prop used to define the Y axis mode (tonexty or tozeroy)\n   */\n  mode?: 'tozeroy' | 'tonexty';\n}\n\n/**\n * Area Chart styles\n * {@docCategory AreaChart}\n */\nexport interface AreaChartStyles extends CartesianChartStyles {}\n\n/**\n * Area Chart style properties\n * {@docCategory AreaChart}\n */\nexport interface AreaChartStyleProps extends CartesianChartStyleProps {}\n"],"names":[],"rangeMappings":";;;","mappings":"AA+EA;;;CAGC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AreaChart';\nexport * from './AreaChart.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    areaChartClassNames: function() {
+        return areaChartClassNames;
+    },
+    useAreaChartStyles: function() {
+        return useAreaChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const areaChartClassNames = {
+    tooltip: 'fui-ac__tooltip',
+    root: '',
+    xAxis: '',
+    yAxis: '',
+    legendContainer: '',
+    hover: '',
+    calloutContentRoot: '',
+    calloutContentX: '',
+    calloutContentY: '',
+    descriptionMessage: '',
+    calloutDateTimeContainer: '',
+    calloutInfoContainer: '',
+    calloutBlockContainer: '',
+    calloutBlockContainertoDrawShapefalse: '',
+    calloutBlockContainertoDrawShapetrue: '',
+    calloutlegendText: '',
+    axisTitle: '',
+    chartTitle: '',
+    opacityChangeOnHover: '',
+    shapeStyles: '',
+    chartWrapper: ''
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    tooltip: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        z8tnut: "f17mpqex",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "fdvome7",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        qhf8xq: "f1euv43f",
+        fsow6f: "f17mccla",
+        Bhzewxz: "fr6rvge",
+        De3pzq: "fxugw4r",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "fq9zq91",
+        Bkecrkj: "f1aehjj5",
+        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);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1aehjj5{pointer-events:none;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}"
+    ]
+});
+const useAreaChartStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        tooltip: (0, _react.mergeClasses)(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )
+    };
+}; //# sourceMappingURL=useAreaChartStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const areaChartClassNames = {\n    tooltip: 'fui-ac__tooltip',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    calloutContentRoot: '',\n    calloutContentX: '',\n    calloutContentY: '',\n    descriptionMessage: '',\n    calloutDateTimeContainer: '',\n    calloutInfoContainer: '',\n    calloutBlockContainer: '',\n    calloutBlockContainertoDrawShapefalse: '',\n    calloutBlockContainertoDrawShapetrue: '',\n    calloutlegendText: '',\n    axisTitle: '',\n    chartTitle: '',\n    opacityChangeOnHover: '',\n    shapeStyles: '',\n    chartWrapper: ''\n};\nconst useStyles = makeStyles({\n    tooltip: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none',\n        color: tokens.colorNeutralForeground1\n    }\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"],"names":["areaChartClassNames","useAreaChartStyles","tooltip","root","xAxis","yAxis","legendContainer","hover","calloutContentRoot","calloutContentX","calloutContentY","descriptionMessage","calloutDateTimeContainer","calloutInfoContainer","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","calloutlegendText","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,mBAAmB;eAAnBA;;IAwCIC,kBAAkB;eAAlBA;;;uBA1CoC;AAE9C,MAAMD,sBAAsB;IAC/BE,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,sBAAsB;IACtBC,uBAAuB;IACvBC,uCAAuC;IACvCC,sCAAsC;IACtCC,mBAAmB;IACnBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;AAClB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAtB,SAAA;QAAAuB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA;AAiBP,MAAM9C,qBAAsB+C,CAAAA;IACnC,MAAMC,aAAa1B;IACnB,OAAO;QACHrB,SAASgD,IAAAA,mBAAY,EAAClD,oBAAoBE,OAAO,EAAE+C,WAAW/C,OAAO,CAAC,uBAAA;IAC1E;AACJ"}

package/lib-commonjs/components/CommonComponents/CartesianChart.js

@@ -39,6 +39,10 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = _react.useState(0);
     const [startFromX, setStartFromX] = _react.useState(0);
     const [prevProps, setPrevProps] = _react.useState(null);
+    const chartTypesToCheck = [
+        _index.ChartTypes.HorizontalBarChartWithAxis,
+        _index.ChartTypes.HeatMapChart
+    ];
     var _props_margins_top, _props_margins_bottom, _props_margins_left, _props_margins_right, _props_margins_right1, _props_margins_left1;
     /**
    * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.
@@ -60,9 +64,9 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {
         var _props_margins7, _props_margins8, _props_margins9, _props_margins10;
         var _props_margins_right2, _props_margins_left2;
-        margins.left = _useRtl ? ((_props_margins_right2 = (_props_margins7 = props.margins) === null || _props_margins7 === void 0 ? void 0 : _props_margins7.right) !== null && _props_margins_right2 !== void 0 ? _props_margins_right2 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 60 : 40 : (_props_margins_left2 = (_props_margins8 = props.margins) === null || _props_margins8 === void 0 ? void 0 : _props_margins8.left) !== null && _props_margins_left2 !== void 0 ? _props_margins_left2 : 60;
+        margins.left = _useRtl ? ((_props_margins_right2 = (_props_margins7 = props.margins) === null || _props_margins7 === void 0 ? void 0 : _props_margins7.right) !== null && _props_margins_right2 !== void 0 ? _props_margins_right2 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 80 : 40 : (_props_margins_left2 = (_props_margins8 = props.margins) === null || _props_margins8 === void 0 ? void 0 : _props_margins8.left) !== null && _props_margins_left2 !== void 0 ? _props_margins_left2 : 60;
         var _props_margins_left3, _props_margins_right3;
-        margins.right = _useRtl ? (_props_margins_left3 = (_props_margins9 = props.margins) === null || _props_margins9 === void 0 ? void 0 : _props_margins9.left) !== null && _props_margins_left3 !== void 0 ? _props_margins_left3 : 60 : ((_props_margins_right3 = (_props_margins10 = props.margins) === null || _props_margins10 === void 0 ? void 0 : _props_margins10.right) !== null && _props_margins_right3 !== void 0 ? _props_margins_right3 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 60 : 40;
+        margins.right = _useRtl ? (_props_margins_left3 = (_props_margins9 = props.margins) === null || _props_margins9 === void 0 ? void 0 : _props_margins9.left) !== null && _props_margins_left3 !== void 0 ? _props_margins_left3 : 60 : ((_props_margins_right3 = (_props_margins10 = props.margins) === null || _props_margins10 === void 0 ? void 0 : _props_margins10.right) !== null && _props_margins_right3 !== void 0 ? _props_margins_right3 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 80 : 40;
     }
     const classes = (0, _useCartesianChartStylesstyles.useCartesianChartStyles)(props);
     const focusAttributes = (0, _reacttabster.useFocusableGroup)();
@@ -75,8 +79,8 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         if (props !== null) {
             setPrevProps(props);
         }
-        if (props.chartType === _index.ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {
-            const maxYAxisLabelLength = (0, _index.calculateLongestLabelWidth)(props.points.map((point)=>point.y), `.${classes.yAxis} text`);
+        if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {
+            const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis);
             if (startFromX !== maxYAxisLabelLength) {
                 setStartFromX(maxYAxisLabelLength);
             }
@@ -98,8 +102,8 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 _fitParentContainer();
             }
         }
-        if (props.chartType === _index.ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {
-            const maxYAxisLabelLength = (0, _index.calculateLongestLabelWidth)(props.points.map((point)=>point.y), `.${classes.yAxis} text`);
+        if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {
+            const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis);
             if (startFromX !== maxYAxisLabelLength) {
                 setStartFromX(maxYAxisLabelLength);
             }
@@ -143,6 +147,14 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     function _generateCallout(calloutProps) {
         return /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, calloutProps);
     }
+    function calculateMaxYAxisLabelLength(chartType, points, className) {
+        if (chartType === _index.ChartTypes.HeatMapChart) {
+            var _points__data, _points_;
+            return (0, _index.calculateLongestLabelWidth)((_points_ = points[0]) === null || _points_ === void 0 ? void 0 : (_points__data = _points_.data) === null || _points__data === void 0 ? void 0 : _points__data.map((point)=>point.y), `.${className} text`);
+        } else {
+            return (0, _index.calculateLongestLabelWidth)(points === null || points === void 0 ? void 0 : points.map((point)=>point.y), `.${className} text`);
+        }
+    }
     const { calloutProps, points, chartType, svgProps, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter } = props;
     if (props.parentRef) {
         _fitParentContainer();
@@ -150,7 +162,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const margin = {
         ...margins
     };
-    if (props.chartType === _index.ChartTypes.HorizontalBarChartWithAxis) {
+    if (chartTypesToCheck.includes(props.chartType)) {
         if (!_useRtl) {
             margin.left += startFromX;
         } else {
@@ -269,15 +281,15 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     yMinMaxValues: (0, _index.getMinMaxOfYAxis)(points, chartType),
                     yAxisPadding: props.yAxisPadding
                 };
-                yScaleSecondary = (0, _index.createYAxis)(YAxisParamsSecondary, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, true);
+                yScaleSecondary = (0, _index.createYAxis)(YAxisParamsSecondary, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, true, props.roundedTicks);
             }
-            yScale = (0, _index.createYAxis)(YAxisParams, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset);
+            yScale = (0, _index.createYAxis)(YAxisParams, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, false, props.roundedTicks);
         }
         /*
      * To create y axis tick values by if specified
     truncating the rest of the text and showing elipsis
     or showing the whole string,
-     * */ props.chartType === _index.ChartTypes.HorizontalBarChartWithAxis && yScale && (0, _index.createYAxisLabels)(yAxisElement.current, yScale, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, startFromX, _useRtl);
+     * */ chartTypesToCheck.includes(props.chartType) && yScale && (0, _index.createYAxisLabels)(yAxisElement.current, yScale, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, startFromX, _useRtl);
         // Call back to the chart.
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const _getData = (xScale, yScale)=>{
@@ -420,7 +432,8 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             textAnchor: 'middle'
         },
         maxWidth: xAxisTitleMaximumAllowedWidth,
-        wrapContent: _index.wrapContent
+        wrapContent: _index.wrapContent,
+        showBackground: true
     }), /*#__PURE__*/ _react.createElement("g", {
         ref: (e)=>{
             yAxisElement.current = e;
@@ -433,7 +446,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             yAxisElementSecondary.current = e;
         },
         id: `yAxisGElementSecondary${idForGraph}`,
-        transform: `translate(${_useRtl ? margins.left : svgDimensions.width - margins.right}, 0)`,
+        transform: `translate(${_useRtl ? margins.left + startFromX : svgDimensions.width - margins.right - startFromX}, 0)`,
         className: classes.yAxis
     }), props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && /*#__PURE__*/ _react.createElement(_SVGTooltipText.SVGTooltipText, {
         content: props.secondaryYAxistitle,
@@ -446,7 +459,8 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             className: classes.axisTitle
         },
         maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: _index.wrapContent
+        wrapContent: _index.wrapContent,
+        showBackground: true
     })), children, props.yAxisTitle !== undefined && props.yAxisTitle !== '' && /*#__PURE__*/ _react.createElement(_SVGTooltipText.SVGTooltipText, {
         content: props.yAxisTitle,
         textProps: {
@@ -458,7 +472,8 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             className: classes.axisTitle
         },
         maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: _index.wrapContent
+        wrapContent: _index.wrapContent,
+        showBackground: true
     }))), !props.hideLegend && /*#__PURE__*/ _react.createElement("div", {
         ref: (e)=>legendContainer = e,
         className: classes.legendContainer