npm - @fluentui/react-charts - Versions diffs - 9.1.5 → 9.1.7 - Mend

@fluentui/react-charts 9.1.5 → 9.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (153) hide show

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

	@@ -1 +1 @@
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 findNumericMinMaxOfY,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\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 let _containsSecondaryYAxis = false;\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 (_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) {\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 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[]): 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 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 ): 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 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 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\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 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: 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","_containsSecondaryYAxis","_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","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","d3Stack","d3Max","dp","layer","renderData","findNumericMinMaxOfY","endValue","_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","yAxisElement","yScaleSecondary","_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","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","useSecondaryYScale","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","mode","secondaryYScaleOptions","some","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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"}
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 tooltipOfAxislabels,\n getNextColor,\n getColorFromToken,\n formatDate,\n getSecureProps,\n areArraysEqual,\n getCurveFactory,\n find,\n findNumericMinMaxOfY,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { ScaleLinear } from 'd3-scale';\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 let _containsSecondaryYAxis = false;\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 (_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) {\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 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[]): 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 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 ): 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 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 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\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 axis: xAxisElement,\n };\n xAxisElement && tooltipOfAxislabels(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 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: 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","_containsSecondaryYAxis","_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","_shouldFillToZeroY","forEach","key","currentLayer","push","xVal","dataValues","d3Stack","d3Max","dp","layer","renderData","findNumericMinMaxOfY","endValue","_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","yAxisElement","yScaleSecondary","_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","yScalePrimary","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","yScale","useSecondaryYScale","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","axis","tooltipOfAxislabels","_getHighlightedLegend","includes","item","getNextColor","getColorFromToken","lineIndex","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","mode","secondaryYScaleOptions","some","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/useAreaChartStyles.styles.js CHANGED Viewed

@@ -30,7 +30,8 @@ const areaChartClassNames = {
     opacityChangeOnHover: '',
     shapeStyles: '',
     chartWrapper: '',
-    svgTooltip: ''
+    svgTooltip: '',
+    chart: ''
 };
 const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     tooltip: {

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

	@@ -1 +1 @@
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 descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n opacityChangeOnHover: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: ''\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","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","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;;~~IAgCIC~~,kBAAkB;eAAlBA;;;~~uBAlCoC~~;AAE9C,MAAMD,sBAAsB;IAC/BE,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;~~AAChB~~;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;~~IAAAd~~,SAAA;~~QAAAe~~,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,~~MAAMtC~~,~~qBAAsBuC~~,CAAAA;IACnC,MAAMC,aAAa1B;IACnB,OAAO;~~QACHb~~,~~SAASwC~~,IAAAA,mBAAY,~~EAAC1C~~,oBAAoBE,OAAO,~~EAAEuC~~,~~WAAWvC~~,OAAO,CAAC,uBAAA;IAC1E;AACJ"}
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 descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n opacityChangeOnHover: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: ''\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","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","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;;IAiCIC,kBAAkB;eAAlBA;;;uBAnCoC;AAE9C,MAAMD,sBAAsB;IAC/BE,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;AACX;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAf,SAAA;QAAAgB,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,MAAMvC,qBAAsBwC,CAAAA;IACnC,MAAMC,aAAa1B;IACnB,OAAO;QACHd,SAASyC,IAAAA,mBAAY,EAAC3C,oBAAoBE,OAAO,EAAEwC,WAAWxC,OAAO,CAAC,uBAAA;IAC1E;AACJ"}

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

@@ -11,7 +11,9 @@ Object.defineProperty(exports, "CartesianChart", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useCartesianChartStylesstyles = require("./useCartesianChartStyles.styles");
+const _d3selection = require("d3-selection");
 const _index = require("../../utilities/index");
+const _reactutilities = require("@fluentui/react-utilities");
 const _SVGTooltipText = require("../../utilities/SVGTooltipText");
 const _ChartPopover = require("./ChartPopover");
 const _reacttabster = require("@fluentui/react-tabster");
@@ -33,6 +35,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let _xScale;
     let isIntegralDataset = true;
+    let _tooltipId = (0, _reactutilities.useId)('tooltip_');
     const [containerWidth, setContainerWidth] = _react.useState(0);
     const [containerHeight, setContainerHeight] = _react.useState(0);
     const [isRemoveValCalculated, setIsRemoveValCalculated] = _react.useState(true);
@@ -148,11 +151,17 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         return /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, calloutProps);
     }
     function calculateMaxYAxisLabelLength(chartType, points, className) {
+        const formatTickLabel = (str)=>{
+            if (props.showYAxisLablesTooltip) {
+                return (0, _index.truncateString)(str, props.noOfCharsToTruncate || 4);
+            }
+            return str;
+        };
         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`);
+            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)=>formatTickLabel(`${point.y}`)), `.${className} text`);
         } else {
-            return (0, _index.calculateLongestLabelWidth)(points === null || points === void 0 ? void 0 : points.map((point)=>point.y), `.${className} text`);
+            return (0, _index.calculateLongestLabelWidth)(points === null || points === void 0 ? void 0 : points.map((point)=>formatTickLabel(`${point.y}`)), `.${className} text`);
         }
     }
     const { calloutProps, points, chartType, svgProps, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter } = props;
@@ -199,7 +208,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             yAxisTickCount: props.yAxisTickCount,
             yMinValue: props.yMinValue || 0,
             yMaxValue: props.yMaxValue || 0,
-            tickPadding: 10,
+            tickPadding: props.showYAxisLablesTooltip ? 15 : 10,
             maxOfYVal: props.maxOfYVal,
             yMinMaxValues: props.getMinMaxOfYAxis ? props.getMinMaxOfYAxis(points, props.yAxisType) : (0, _index.getMinMaxOfYAxis)(points, chartType, props.yAxisType),
             // please note these padding default values must be consistent in here
@@ -289,11 +298,34 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             }
             yScalePrimary = (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,
-     * */ chartTypesToCheck.includes(props.chartType) && yScalePrimary && (0, _index.createYAxisLabels)(yAxisElement.current, yScalePrimary, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, startFromX, _useRtl);
+        if (chartTypesToCheck.includes(props.chartType)) {
+            // To create y axis tick values by if specified truncating the rest of the text
+            // and showing elipsis or showing the whole string,
+            yScalePrimary && (0, _index.createYAxisLabels)(yAxisElement.current, yScalePrimary, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, 0, _useRtl);
+            // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup
+            // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur
+            // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)
+            if (!props.showYAxisLablesTooltip) {
+                try {
+                    document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
+                //eslint-disable-next-line no-empty
+                } catch (e) {}
+            }
+            // Used to display tooltip at y axis labels.
+            if (props.showYAxisLablesTooltip) {
+                const _yAxisElement = (0, _d3selection.select)(yAxisElement.current).call(yScalePrimary);
+                try {
+                    document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
+                //eslint-disable-next-line no-empty
+                } catch (e) {}
+                const ytooltipProps = {
+                    tooltipCls: classes.tooltip,
+                    id: _tooltipId,
+                    axis: _yAxisElement
+                };
+                _yAxisElement && (0, _index.tooltipOfAxislabels)(ytooltipProps);
+            }
+        }
         // Call back to the chart.
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const _getData = (xScale, yScalePrimary, yScaleSecondary)=>{
@@ -418,6 +450,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         style: {
             display: 'block'
         },
+        className: classes.chart,
         ...svgProps
     }, /*#__PURE__*/ _react.createElement("g", {
         ref: (e)=>{