npm - @fluentui/react-charts - Versions diffs - 9.0.6 → 9.0.7 - Mend

@fluentui/react-charts 9.0.6 → 9.0.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 (38) hide show

package/lib/components/ScatterChart/ScatterChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles_unstable } from './useScatterChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select } from 'd3-selection';\nimport { Legend, Legends } from '../Legends/index';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { useId } from '@fluentui/react-utilities';\nimport { areArraysEqual, find } from '../../utilities/index';\nimport {\n AccessibilityProps,\n CartesianChart,\n ChildProps,\n LineChartPoints,\n CustomizedCalloutData,\n Margins,\n RefArrayData,\n ScatterChartDataPoint,\n Chart,\n} from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n calloutData,\n ChartTypes,\n XAxisTypes,\n tooltipOfXAxislabels,\n getTypeOfAxis,\n getNextColor,\n getColorFromToken,\n formatDate,\n} from '../../utilities/index';\n\ntype NumericAxis = D3Axis<number \| { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a ScatterChart variant which uses these default styles and this styled subcomponent.\n/*\n ScatterChart component\n * {@docCategory ScatterChart}\n /\nexport const ScatterChart: React.FunctionComponent<ScatterChartProps> = React.forwardRef<\n HTMLDivElement,\n ScatterChartProps\n>((props, forwardedRef) => {\n const _circleId: string = useId('circle');\n const _seriesId: string = useId('seriesID');\n const _verticalLine: string = useId('verticalLine');\n const _tooltipId: string = useId('ScatterChartTooltipId_');\n const _firstRenderOptimization = true;\n const _emptyChartId: string = useId('_ScatterChart_empty');\n let _points: ScatterChartDataWithIndex[] = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _calloutPoints: any[] = calloutData(_points) \|\| [];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xAxisScale: any = '';\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _yAxisScale: any = '';\n let _uniqueCallOutID: string \| null = '';\n let _refArray: RefArrayData[] = [];\n let margins: Margins;\n let renderSeries: JSX.Element[];\n let _xAxisLabels: string[] = [];\n let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n let _xBandwidth = 0;\n const cartesianChartRef = React.useRef<Chart>(null);\n\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [activeLegend, setActiveLegend] = React.useState<string>('');\n const [YValueHover, setYValueHover] = React.useState<[]>([]);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>([]);\n const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(false);\n const [activePoint, setActivePoint] = React.useState<string>('');\n const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n const prevPropsRef = React.useRef<ScatterChartProps \| 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 _xAxisType: XAxisTypes =\n props.data.lineChartData! &&\n props.data.lineChartData!.length > 0 &&\n props.data.lineChartData![0].data &&\n props.data.lineChartData![0].data.length > 0\n ? (getTypeOfAxis(props.data.lineChartData![0].data[0].x, true) as XAxisTypes)\n : XAxisTypes.StringAxis;\n\n const pointsRef = React.useRef<ScatterChartDataWithIndex[] \| []>([]);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const calloutPointsRef = React.useRef<any[]>([]);\n React.useEffect(() => {\n /* note that height and width are not used to resize or set as dimesions of the chart,\n * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n /\n\n if (_points !== _injectIndexPropertyInScatterChartData(props.data.lineChartData) \|\| props.data !== _points) {\n pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n calloutPointsRef.current = calloutData(pointsRef.current);\n }\n }, [props.height, props.width, props.data, _points]);\n\n function _injectIndexPropertyInScatterChartData(\n scatterChartData?: LineChartPoints[],\n ): ScatterChartDataWithIndex[] \| [] {\n return scatterChartData\n ? scatterChartData.map((item: LineChartPoints, index: number) => {\n let color: string;\n if (typeof item.color === 'undefined') {\n color = getNextColor(index, 0);\n } else {\n color = getColorFromToken(item.color);\n }\n return {\n ...item,\n index: -1,\n color,\n };\n })\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 _getMargins(_margins: Margins) {\n margins = _margins;\n }\n\n function _initializeScatterChartData(\n xScale: NumericAxis,\n yScale: NumericAxis,\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement \| null,\n ) {\n _xAxisScale = xScale;\n _yAxisScale = yScale;\n renderSeries = _createPlot(xElement!, containerHeight!);\n }\n\n function _onHoverCardHide() {\n setSelectedLegendPoints([]);\n setIsSelectedLegend(false);\n }\n\n function _createLegends(data: ScatterChartDataWithIndex[]): JSX.Element {\n const { legendProps } = props;\n const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n const legendDataItems = data.map((point: ScatterChartDataWithIndex) => {\n const color: string = point.color!;\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: point.legend!,\n color,\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(point.legend);\n },\n ...(point.legendShape && {\n shape: point.legendShape,\n }),\n };\n return legend;\n });\n\n return (\n <Legends\n legends={[...legendDataItems]}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n {...props.legendProps}\n selectedLegends={selectedLegends}\n onChange={_onLegendSelectionChange}\n />\n );\n }\n\n function _onLegendSelectionChange(\n legendsSelected: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(legendsSelected);\n } else {\n setSelectedLegends(legendsSelected.slice(-1));\n }\n\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(legendsSelected, event, currentLegend);\n }\n }\n\n function _getPointFill(seriesColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n if (activePoint === pointId) {\n return tokens.colorNeutralBackground1;\n } else {\n return seriesColor;\n }\n }\n\n function _createPlot(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n const series: JSX.Element[] = [];\n if (isSelectedLegend) {\n _points = selectedLegendPoints;\n } else {\n _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n }\n\n const yMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n })!;\n const yMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n })!;\n const yPadding = (yMax - yMin) 0.1;\n const yPaddingRange = Math.abs(_yAxisScale(yMin + yPadding) - _yAxisScale(yMin));\n\n let maxMarkerRange = 40;\n let xPaddingRange = 0;\n if (_xAxisType === XAxisTypes.StringAxis) {\n _xBandwidth = _xAxisScale.bandwidth() / 2;\n xPaddingRange = _xBandwidth;\n } else if (_xAxisType === XAxisTypes.DateAxis) {\n const xMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as Date)!;\n })!;\n\n const xMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.x as Date;\n });\n })!;\n\n const xPadding = (xMax.getTime() - xMin.getTime()) * 0.1;\n xPaddingRange = Math.abs(_xAxisScale(new Date(xMin.getTime() + xPadding)) - _xAxisScale(xMin));\n } else {\n const xMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as number)!;\n })!;\n\n const xMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.x as number;\n });\n })!;\n\n const xPadding = (xMax - xMin) * 0.1;\n xPaddingRange = Math.abs(_xAxisScale(xMin + xPadding) - _xAxisScale(xMin));\n }\n maxMarkerRange = Math.min(maxMarkerRange, Math.min(xPaddingRange, yPaddingRange));\n\n const maxMarkerSize = d3Max(_points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.markerSize as number;\n });\n })!;\n\n for (let i = _points.length - 1; i >= 0; i--) {\n const pointsForSeries: JSX.Element[] = [];\n\n const legendVal: string = _points[i].legend;\n const seriesColor: string = _points[i].color!;\n const verticaLineHeight = containerHeight - margins.bottom! + 6;\n\n for (let j = 0; j < _points[i].data.length; j++) {\n const seriesId = `${_seriesId}_${i}_${j}`;\n const circleId = `${_circleId}_${i}_${j}`;\n const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j];\n let circleRadius = 3.5;\n const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n if ((pointMarkerSize as number) !== undefined) {\n circleRadius = Math.min((pointMarkerSize! * maxMarkerRange) / maxMarkerSize, pointMarkerSize!);\n }\n\n const isLegendSelected: boolean = _legendHighlighted(legendVal) \|\| _noLegendHighlighted() \|\| isSelectedLegend;\n\n const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n pointsForSeries.push(\n <circle\n id={circleId}\n key={circleId}\n r={circleRadius}\n cx={_xAxisScale(x) + _xBandwidth}\n cy={_yAxisScale(y)}\n data-is-focusable={isLegendSelected}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n }\n onMouseOut={_handleMouseOut}\n onFocus={() => _handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)}\n onBlur={_handleMouseOut}\n {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n opacity={isLegendSelected && !currentPointHidden ? 1 : 0.1}\n fill={_getPointFill(seriesColor, circleId, j, false)}\n stroke={seriesColor}\n role=\"img\"\n aria-label={_getAriaLabel(i, j)}\n tabIndex={_points[i].legend !== '' ? 0 : undefined}\n />,\n );\n }\n\n series.push(\n <g\n key={`series_${i}`}\n role=\"region\"\n aria-label={`${legendVal}, series ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n >\n {pointsForSeries}\n </g>,\n );\n }\n const classes = useScatterChartStyles_unstable(props);\n // Removing un wanted tooltip div from DOM, when prop not provided.\n if (!props.showXAxisLablesTooltip) {\n try {\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(_xAxisScale);\n try {\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 series;\n }\n\n function _handleFocus(\n seriesId: string,\n x: number \| Date \| string,\n\n xAxisCalloutData: string \| undefined,\n circleId: string,\n xAxisCalloutAccessibilityData?: AccessibilityProps,\n ) {\n _uniqueCallOutID = circleId;\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string \| number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, 0)`)\n .attr('visibility', 'visibility');\n _refArray.forEach((obj: RefArrayData) => {\n if (obj.index === seriesId) {\n setPopoverOpen(true);\n xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n setYValueHover(found.values);\n setStackCalloutProps(found!);\n setActivePoint(circleId);\n }\n });\n } else {\n setActivePoint(circleId);\n }\n }\n\n function _handleHover(\n x: number \| Date \| string,\n y: number \| Date,\n lineHeight: number,\n xAxisCalloutData: string \| undefined,\n circleId: string,\n xAxisCalloutAccessibilityData: AccessibilityProps \| undefined,\n mouseEvent: React.MouseEvent<SVGElement>,\n ) {\n mouseEvent?.persist();\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string \| number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, ${_yAxisScale(y)})`)\n .attr('visibility', 'visibility')\n .attr('y2', `${lineHeight - _yAxisScale(y)}`);\n\n if (_uniqueCallOutID !== circleId) {\n _uniqueCallOutID = circleId;\n updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n setYValueHover(found.values);\n setStackCalloutProps(found!);\n setActivePoint(circleId);\n }\n } else {\n setActivePoint(circleId);\n }\n }\n\n /*\n Screen readers announce an element as clickable if the onClick attribute is set.\n * This function sets the attribute only when a click event handler is provided./\n\n function _getClickHandler(func?: () => void): { onClick?: () => void } {\n if (func) {\n return {\n onClick: func,\n };\n }\n\n return {};\n }\n\n function _handleMouseOut() {\n d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n }\n\n function _handleChartMouseLeave() {\n _uniqueCallOutID = null;\n setActivePoint('');\n if (isPopoverOpen) {\n setPopoverOpen(false);\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): boolean {\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(): boolean {\n return selectedLegends.length === 0;\n }\n\n function _getHighlightedLegend(): string[] {\n return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n }\n\n function _getAriaLabel(seriesIndex: number, pointIndex: number): string {\n const series = _points[seriesIndex];\n const point = series.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 = series.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 props.data &&\n props.data.lineChartData &&\n props.data.lineChartData.length > 0 &&\n props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n );\n }\n\n const { legendProps, tickValues, tickFormat } = props;\n _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n\n let points = _points;\n if (legendProps && !!legendProps.canSelectMultipleLegends) {\n points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n _calloutPoints = calloutData(points);\n }\n\n let legendBars = null;\n // reduce computation cost by only creating legendBars\n // if when hideLegend is false.\n // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n if (!props.hideLegend) {\n legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n }\n const calloutProps = {\n YValueHover,\n hoverXValue,\n descriptionMessage:\n props.getCalloutDescriptionMessage && stackCalloutProps\n ? props.getCalloutDescriptionMessage(stackCalloutProps)\n : undefined,\n 'data-is-focusable': true,\n xAxisCalloutAccessibilityData,\n ...props.calloutProps,\n clickPosition,\n isPopoverOpen,\n isCalloutForStack: true,\n culture: props.culture ?? 'en-us',\n isCartesian: true,\n };\n const tickParams = {\n tickValues,\n tickFormat,\n };\n\n const xAxisLabels: string[] = _points\n .map((point: ScatterChartDataWithIndex) => point.data.map((dp: ScatterChartDataPoint) => dp.x as string))\n .flat();\n\n _xAxisLabels = [...new Set(xAxisLabels)];\n\n return !_isChartEmpty() ? (\n <CartesianChart\n {...props}\n chartTitle={props.data.chartTitle}\n points={points}\n chartType={ChartTypes.ScatterChart}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n getmargins={_getMargins}\n getGraphData={_initializeScatterChartData}\n xAxisType={_xAxisType}\n onChartMouseLeave={_handleChartMouseLeave}\n enableFirstRenderOptimization={_firstRenderOptimization}\n datasetForXAxisDomain={_xAxisLabels}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line react/no-children-prop\n children={(props: ChildProps) => {\n _xAxisScale = props.xScale!;\n _yAxisScale = props.yScale!;\n return (\n <>\n <g>\n <line\n x1={0}\n y1={0}\n x2={0}\n y2={props.containerHeight}\n stroke={'#323130'}\n id={_verticalLine}\n visibility={'hidden'}\n strokeDasharray={'5,5'}\n />\n <g>{renderSeries}</g>\n </g>\n </>\n );\n }}\n />\n ) : (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n});\nScatterChart.displayName = 'ScatterChart';\n"],"names":["React","useScatterChartStyles_unstable","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","find","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfXAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","prevPropsRef","useEffect","current","prevProps","legendProps","useImperativeHandle","componentRef","chartContainer","_xAxisType","length","StringAxis","pointsRef","calloutPointsRef","height","width","scatterChartData","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","legend","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","yMax","points","yMin","yPadding","yPaddingRange","abs","maxMarkerRange","xPaddingRange","bandwidth","DateAxis","xMin","xMax","xPadding","getTime","Date","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","circleRadius","pointMarkerSize","undefined","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","push","circle","id","key","r","cx","cy","data-is-focusable","onMouseOver","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","opacity","fill","stroke","role","aria-label","_getAriaLabel","tabIndex","g","classes","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","formattedData","useUTC","xVal","found","element","attr","forEach","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickValues","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","chartType","getmargins","getGraphData","xAxisType","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles_unstable } from './useScatterChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select } from 'd3-selection';\nimport { Legend, Legends } from '../Legends/index';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { useId } from '@fluentui/react-utilities';\nimport { areArraysEqual, find } from '../../utilities/index';\nimport {\n AccessibilityProps,\n CartesianChart,\n ChildProps,\n LineChartPoints,\n CustomizedCalloutData,\n Margins,\n RefArrayData,\n ScatterChartDataPoint,\n Chart,\n} from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n calloutData,\n ChartTypes,\n XAxisTypes,\n tooltipOfXAxislabels,\n getTypeOfAxis,\n getNextColor,\n getColorFromToken,\n formatDate,\n} from '../../utilities/index';\n\ntype NumericAxis = D3Axis<number \| { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a ScatterChart variant which uses these default styles and this styled subcomponent.\n/*\n ScatterChart component\n * {@docCategory ScatterChart}\n /\nexport const ScatterChart: React.FunctionComponent<ScatterChartProps> = React.forwardRef<\n HTMLDivElement,\n ScatterChartProps\n>((props, forwardedRef) => {\n const _circleId: string = useId('circle');\n const _seriesId: string = useId('seriesID');\n const _verticalLine: string = useId('verticalLine');\n const _tooltipId: string = useId('ScatterChartTooltipId_');\n const _firstRenderOptimization = true;\n const _emptyChartId: string = useId('_ScatterChart_empty');\n let _points: ScatterChartDataWithIndex[] = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _calloutPoints: any[] = calloutData(_points) \|\| [];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xAxisScale: any = '';\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _yAxisScale: any = '';\n let _uniqueCallOutID: string \| null = '';\n let _refArray: RefArrayData[] = [];\n let margins: Margins;\n let renderSeries: JSX.Element[];\n let _xAxisLabels: string[] = [];\n let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n let _xBandwidth = 0;\n const cartesianChartRef = React.useRef<Chart>(null);\n\n const [hoverXValue, setHoverXValue] = React.useState<string \| number>('');\n const [activeLegend, setActiveLegend] = React.useState<string>('');\n const [YValueHover, setYValueHover] = React.useState<[]>([]);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>([]);\n const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(false);\n const [activePoint, setActivePoint] = React.useState<string>('');\n const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n const prevPropsRef = React.useRef<ScatterChartProps \| 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 _xAxisType: XAxisTypes =\n props.data.lineChartData! &&\n props.data.lineChartData!.length > 0 &&\n props.data.lineChartData![0].data &&\n props.data.lineChartData![0].data.length > 0\n ? (getTypeOfAxis(props.data.lineChartData![0].data[0].x, true) as XAxisTypes)\n : XAxisTypes.StringAxis;\n\n const pointsRef = React.useRef<ScatterChartDataWithIndex[] \| []>([]);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const calloutPointsRef = React.useRef<any[]>([]);\n React.useEffect(() => {\n /* note that height and width are not used to resize or set as dimesions of the chart,\n * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n /\n\n if (_points !== _injectIndexPropertyInScatterChartData(props.data.lineChartData) \|\| props.data !== _points) {\n pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n calloutPointsRef.current = calloutData(pointsRef.current);\n }\n }, [props.height, props.width, props.data, _points]);\n\n function _injectIndexPropertyInScatterChartData(\n scatterChartData?: LineChartPoints[],\n ): ScatterChartDataWithIndex[] \| [] {\n return scatterChartData\n ? scatterChartData.map((item: LineChartPoints, index: number) => {\n let color: string;\n if (typeof item.color === 'undefined') {\n color = getNextColor(index, 0);\n } else {\n color = getColorFromToken(item.color);\n }\n return {\n ...item,\n index: -1,\n color,\n };\n })\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 _getMargins(_margins: Margins) {\n margins = _margins;\n }\n\n function _initializeScatterChartData(\n xScale: NumericAxis,\n yScale: NumericAxis,\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement \| null,\n ) {\n _xAxisScale = xScale;\n _yAxisScale = yScale;\n renderSeries = _createPlot(xElement!, containerHeight!);\n }\n\n function _onHoverCardHide() {\n setSelectedLegendPoints([]);\n setIsSelectedLegend(false);\n }\n\n function _createLegends(data: ScatterChartDataWithIndex[]): JSX.Element {\n const { legendProps } = props;\n const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n const legendDataItems = data.map((point: ScatterChartDataWithIndex) => {\n const color: string = point.color!;\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: point.legend!,\n color,\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(point.legend);\n },\n ...(point.legendShape && {\n shape: point.legendShape,\n }),\n };\n return legend;\n });\n\n return (\n <Legends\n legends={[...legendDataItems]}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n {...props.legendProps}\n selectedLegends={selectedLegends}\n onChange={_onLegendSelectionChange}\n />\n );\n }\n\n function _onLegendSelectionChange(\n legendsSelected: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(legendsSelected);\n } else {\n setSelectedLegends(legendsSelected.slice(-1));\n }\n\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(legendsSelected, event, currentLegend);\n }\n }\n\n function _getPointFill(seriesColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n if (activePoint === pointId) {\n return tokens.colorNeutralBackground1;\n } else {\n return seriesColor;\n }\n }\n\n function _createPlot(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n const series: JSX.Element[] = [];\n if (isSelectedLegend) {\n _points = selectedLegendPoints;\n } else {\n _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n }\n\n const yMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n })!;\n const yMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n })!;\n const yPadding = (yMax - yMin) 0.1;\n const yPaddingRange = Math.abs(_yAxisScale(yMin + yPadding) - _yAxisScale(yMin));\n\n let maxMarkerRange = 40;\n let xPaddingRange = 0;\n if (_xAxisType === XAxisTypes.StringAxis) {\n _xBandwidth = _xAxisScale.bandwidth() / 2;\n xPaddingRange = _xBandwidth;\n } else if (_xAxisType === XAxisTypes.DateAxis) {\n const xMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as Date)!;\n })!;\n\n const xMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.x as Date;\n });\n })!;\n\n const xPadding = (xMax.getTime() - xMin.getTime()) * 0.1;\n xPaddingRange = Math.abs(_xAxisScale(new Date(xMin.getTime() + xPadding)) - _xAxisScale(xMin));\n } else {\n const xMin = d3Min(points, (point: LineChartPoints) => {\n return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as number)!;\n })!;\n\n const xMax = d3Max(points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.x as number;\n });\n })!;\n\n const xPadding = (xMax - xMin) * 0.1;\n xPaddingRange = Math.abs(_xAxisScale(xMin + xPadding) - _xAxisScale(xMin));\n }\n maxMarkerRange = Math.min(maxMarkerRange, Math.min(xPaddingRange, yPaddingRange));\n\n const maxMarkerSize = d3Max(_points, (point: LineChartPoints) => {\n return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n return item.markerSize as number;\n });\n })!;\n\n for (let i = _points.length - 1; i >= 0; i--) {\n const pointsForSeries: JSX.Element[] = [];\n\n const legendVal: string = _points[i].legend;\n const seriesColor: string = _points[i].color!;\n const verticaLineHeight = containerHeight - margins.bottom! + 6;\n\n for (let j = 0; j < _points[i].data.length; j++) {\n const seriesId = `${_seriesId}_${i}_${j}`;\n const circleId = `${_circleId}_${i}_${j}`;\n const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j];\n let circleRadius = 3.5;\n const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n if ((pointMarkerSize as number) !== undefined) {\n circleRadius = Math.min((pointMarkerSize! * maxMarkerRange) / maxMarkerSize, pointMarkerSize!);\n }\n\n const isLegendSelected: boolean = _legendHighlighted(legendVal) \|\| _noLegendHighlighted() \|\| isSelectedLegend;\n\n const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n pointsForSeries.push(\n <circle\n id={circleId}\n key={circleId}\n r={circleRadius}\n cx={_xAxisScale(x) + _xBandwidth}\n cy={_yAxisScale(y)}\n data-is-focusable={isLegendSelected}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event)\n }\n onMouseOut={_handleMouseOut}\n onFocus={() => _handleFocus(seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)}\n onBlur={_handleMouseOut}\n {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n opacity={isLegendSelected && !currentPointHidden ? 1 : 0.1}\n fill={_getPointFill(seriesColor, circleId, j, false)}\n stroke={seriesColor}\n role=\"img\"\n aria-label={_getAriaLabel(i, j)}\n tabIndex={isLegendSelected ? 0 : undefined}\n />,\n );\n }\n\n series.push(\n <g\n key={`series_${i}`}\n role=\"region\"\n aria-label={`${legendVal}, series ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n >\n {pointsForSeries}\n </g>,\n );\n }\n const classes = useScatterChartStyles_unstable(props);\n // Removing un wanted tooltip div from DOM, when prop not provided.\n if (!props.showXAxisLablesTooltip) {\n try {\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(_xAxisScale);\n try {\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 series;\n }\n\n function _handleFocus(\n seriesId: string,\n x: number \| Date \| string,\n\n xAxisCalloutData: string \| undefined,\n circleId: string,\n xAxisCalloutAccessibilityData?: AccessibilityProps,\n ) {\n _uniqueCallOutID = circleId;\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string \| number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, 0)`)\n .attr('visibility', 'visibility');\n _refArray.forEach((obj: RefArrayData) => {\n if (obj.index === seriesId) {\n setPopoverOpen(true);\n xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n setYValueHover(found.values);\n setStackCalloutProps(found!);\n setActivePoint(circleId);\n }\n });\n } else {\n setActivePoint(circleId);\n }\n }\n\n function _handleHover(\n x: number \| Date \| string,\n y: number \| Date,\n lineHeight: number,\n xAxisCalloutData: string \| undefined,\n circleId: string,\n xAxisCalloutAccessibilityData: AccessibilityProps \| undefined,\n mouseEvent: React.MouseEvent<SVGElement>,\n ) {\n mouseEvent?.persist();\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string \| number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, ${_yAxisScale(y)})`)\n .attr('visibility', 'visibility')\n .attr('y2', `${lineHeight - _yAxisScale(y)}`);\n\n if (_uniqueCallOutID !== circleId) {\n _uniqueCallOutID = circleId;\n updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n setYValueHover(found.values);\n setStackCalloutProps(found!);\n setActivePoint(circleId);\n }\n } else {\n setActivePoint(circleId);\n }\n }\n\n /*\n Screen readers announce an element as clickable if the onClick attribute is set.\n * This function sets the attribute only when a click event handler is provided./\n\n function _getClickHandler(func?: () => void): { onClick?: () => void } {\n if (func) {\n return {\n onClick: func,\n };\n }\n\n return {};\n }\n\n function _handleMouseOut() {\n d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n }\n\n function _handleChartMouseLeave() {\n _uniqueCallOutID = null;\n setActivePoint('');\n if (isPopoverOpen) {\n setPopoverOpen(false);\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): boolean {\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(): boolean {\n return selectedLegends.length === 0;\n }\n\n function _getHighlightedLegend(): string[] {\n return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n }\n\n function _getAriaLabel(seriesIndex: number, pointIndex: number): string {\n const series = _points[seriesIndex];\n const point = series.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 = series.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 props.data &&\n props.data.lineChartData &&\n props.data.lineChartData.length > 0 &&\n props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n );\n }\n\n const { legendProps, tickValues, tickFormat } = props;\n _points = _injectIndexPropertyInScatterChartData(props.data.lineChartData);\n\n let points = _points;\n if (legendProps && !!legendProps.canSelectMultipleLegends) {\n points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n _calloutPoints = calloutData(points);\n }\n\n let legendBars = null;\n // reduce computation cost by only creating legendBars\n // if when hideLegend is false.\n // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n if (!props.hideLegend) {\n legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n }\n const calloutProps = {\n YValueHover,\n hoverXValue,\n descriptionMessage:\n props.getCalloutDescriptionMessage && stackCalloutProps\n ? props.getCalloutDescriptionMessage(stackCalloutProps)\n : undefined,\n 'data-is-focusable': true,\n xAxisCalloutAccessibilityData,\n ...props.calloutProps,\n clickPosition,\n isPopoverOpen,\n isCalloutForStack: true,\n culture: props.culture ?? 'en-us',\n isCartesian: true,\n };\n const tickParams = {\n tickValues,\n tickFormat,\n };\n\n const xAxisLabels: string[] = _points\n .map((point: ScatterChartDataWithIndex) => point.data.map((dp: ScatterChartDataPoint) => dp.x as string))\n .flat();\n\n _xAxisLabels = [...new Set(xAxisLabels)];\n\n return !_isChartEmpty() ? (\n <CartesianChart\n {...props}\n chartTitle={props.data.chartTitle}\n points={points}\n chartType={ChartTypes.ScatterChart}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n getmargins={_getMargins}\n getGraphData={_initializeScatterChartData}\n xAxisType={_xAxisType}\n onChartMouseLeave={_handleChartMouseLeave}\n enableFirstRenderOptimization={_firstRenderOptimization}\n datasetForXAxisDomain={_xAxisLabels}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line react/no-children-prop\n children={(props: ChildProps) => {\n _xAxisScale = props.xScale!;\n _yAxisScale = props.yScale!;\n return (\n <>\n <g>\n <line\n x1={0}\n y1={0}\n x2={0}\n y2={props.containerHeight}\n stroke={'#323130'}\n id={_verticalLine}\n visibility={'hidden'}\n strokeDasharray={'5,5'}\n />\n <g>{renderSeries}</g>\n </g>\n </>\n );\n }}\n />\n ) : (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n});\nScatterChart.displayName = 'ScatterChart';\n"],"names":["React","useScatterChartStyles_unstable","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","find","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfXAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","prevPropsRef","useEffect","current","prevProps","legendProps","useImperativeHandle","componentRef","chartContainer","_xAxisType","length","StringAxis","pointsRef","calloutPointsRef","height","width","scatterChartData","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","legend","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","yMax","points","yMin","yPadding","yPaddingRange","abs","maxMarkerRange","xPaddingRange","bandwidth","DateAxis","xMin","xMax","xPadding","getTime","Date","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","circleRadius","pointMarkerSize","undefined","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","push","circle","id","key","r","cx","cy","data-is-focusable","onMouseOver","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","opacity","fill","stroke","role","aria-label","_getAriaLabel","tabIndex","g","classes","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","formattedData","useUTC","xVal","found","element","attr","forEach","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickValues","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","chartType","getmargins","getGraphData","xAxisType","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,8BAA8B,QAAQ,iCAAiC;AAEhF,SAASC,UAAUC,QAAQ,QAAQ,eAAe;AAClD,SAAiBC,OAAO,QAAQ,mBAAmB;AACnD,SAASC,OAAOC,KAAK,EAAEC,OAAOC,KAAK,QAAQ,WAAW;AACtD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,cAAc,EAAEC,IAAI,QAAQ,wBAAwB;AAC7D,SAEEC,cAAc,QAQT,cAAc;AACrB,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SACEC,WAAW,EACXC,UAAU,EACVC,UAAU,EACVC,oBAAoB,EACpBC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,UAAU,QACL,wBAAwB;AAM/B,8FAA8F;AAC9F;;;CAGC,GACD,OAAO,MAAMC,6BAA2DtB,MAAMuB,UAAU,CAGtF,CAACC,OAAOC;IACR,MAAMC,YAAoBjB,MAAM;IAChC,MAAMkB,YAAoBlB,MAAM;IAChC,MAAMmB,gBAAwBnB,MAAM;IACpC,MAAMoB,aAAqBpB,MAAM;IACjC,MAAMqB,2BAA2B;IACjC,MAAMC,gBAAwBtB,MAAM;IACpC,IAAIuB,UAAuCC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;IAC1G,8DAA8D;IAC9D,IAAIC,iBAAwBtB,YAAYkB,YAAY,EAAE;IACtD,8DAA8D;IAC9D,IAAIK,cAAmB;IACvB,8DAA8D;IAC9D,IAAIC,cAAmB;IACvB,IAAIC,mBAAkC;IACtC,IAAIC,YAA4B,EAAE;IAClC,IAAIC;IACJ,IAAIC;IACJ,IAAIC,eAAyB,EAAE;IAC/B,IAAIC,gCAAoD,CAAC;IACzD,IAAIC,cAAc;IAClB,MAAMC,oBAAoB9C,MAAM+C,MAAM,CAAQ;IAE9C,MAAM,CAACC,aAAaC,eAAe,GAAGjD,MAAMkD,QAAQ,CAAkB;IACtE,MAAM,CAACC,cAAcC,gBAAgB,GAAGpD,MAAMkD,QAAQ,CAAS;IAC/D,MAAM,CAACG,aAAaC,eAAe,GAAGtD,MAAMkD,QAAQ,CAAK,EAAE;IAC3D,8DAA8D;IAC9D,MAAM,CAACK,sBAAsBC,wBAAwB,GAAGxD,MAAMkD,QAAQ,CAAQ,EAAE;IAChF,MAAM,CAACO,kBAAkBC,oBAAoB,GAAG1D,MAAMkD,QAAQ,CAAU;IACxE,MAAM,CAACS,aAAaC,eAAe,GAAG5D,MAAMkD,QAAQ,CAAS;IAC7D,MAAM,CAACW,mBAAmBC,qBAAqB,GAAG9D,MAAMkD,QAAQ;IAChE,MAAM,CAACa,eAAeC,iBAAiB,GAAGhE,MAAMkD,QAAQ,CAAC;QAAEe,GAAG;QAAGC,GAAG;IAAE;IACtE,MAAM,CAACC,eAAeC,eAAe,GAAGpE,MAAMkD,QAAQ,CAAC;IACvD,MAAM,CAACmB,iBAAiBC,mBAAmB,GAAGtE,MAAMkD,QAAQ,CAAW,EAAE;IACzE,MAAMqB,eAAevE,MAAM+C,MAAM,CAA2B;IAE5D/C,MAAMwE,SAAS,CAAC;QACd,IAAID,aAAaE,OAAO,EAAE;gBAEJC,wBAAwClD;YAD5D,MAAMkD,YAAYH,aAAaE,OAAO;YACtC,IAAI,CAAC/D,gBAAegE,yBAAAA,UAAUC,WAAW,cAArBD,6CAAAA,uBAAuBL,eAAe,GAAE7C,qBAAAA,MAAMmD,WAAW,cAAjBnD,yCAAAA,mBAAmB6C,eAAe,GAAG;oBAC5E7C;gBAAnB8C,mBAAmB9C,EAAAA,sBAAAA,MAAMmD,WAAW,cAAjBnD,0CAAAA,oBAAmB6C,eAAe,KAAI,EAAE;YAC7D;QACF;QACAE,aAAaE,OAAO,GAAGjD;IACzB,GAAG;QAACA;KAAM;IAEVxB,MAAM4E,mBAAmB,CACvBpD,MAAMqD,YAAY,EAClB;YACkB/B;YAAAA;eADX;YACLgC,gBAAgBhC,CAAAA,6CAAAA,6BAAAA,kBAAkB2B,OAAO,cAAzB3B,iDAAAA,2BAA2BgC,cAAc,cAAzChC,uDAAAA,4CAA6C;QAC/D;IAAA,GACA,EAAE;IAGJ,MAAMiC,aACJvD,MAAMU,IAAI,CAACC,aAAa,IACxBX,MAAMU,IAAI,CAACC,aAAa,CAAE6C,MAAM,GAAG,KACnCxD,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,IACjCV,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,CAAC8C,MAAM,GAAG,IACtC9D,cAAcM,MAAMU,IAAI,CAACC,aAAa,AAAC,CAAC,EAAE,CAACD,IAAI,CAAC,EAAE,CAAC+B,CAAC,EAAE,QACvDjD,WAAWiE,UAAU;IAE3B,MAAMC,YAAYlF,MAAM+C,MAAM,CAAmC,EAAE;IACnE,8DAA8D;IAC9D,MAAMoC,mBAAmBnF,MAAM+C,MAAM,CAAQ,EAAE;IAC/C/C,MAAMwE,SAAS,CAAC;QACd;;KAEC,GAED,IAAIxC,YAAYC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa,KAAKX,MAAMU,IAAI,KAAKF,SAAS;YAC1GkD,UAAUT,OAAO,GAAGxC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;YACnFgD,iBAAiBV,OAAO,GAAG3D,YAAYoE,UAAUT,OAAO;QAC1D;IACF,GAAG;QAACjD,MAAM4D,MAAM;QAAE5D,MAAM6D,KAAK;QAAE7D,MAAMU,IAAI;QAAEF;KAAQ;IAEnD,SAASC,uCACPqD,gBAAoC;QAEpC,OAAOA,mBACHA,iBAAiBC,GAAG,CAAC,CAACC,MAAuBC;YAC3C,IAAIC;YACJ,IAAI,OAAOF,KAAKE,KAAK,KAAK,aAAa;gBACrCA,QAAQvE,aAAasE,OAAO;YAC9B,OAAO;gBACLC,QAAQtE,kBAAkBoE,KAAKE,KAAK;YACtC;YACA,OAAO;gBACL,GAAGF,IAAI;gBACPC,OAAO,CAAC;gBACRC;YACF;QACF,KACA,EAAE;IACR;IAEA,SAASC,eAAeC,IAAY,EAAEC,IAAY;QAChD,MAAMC,YAAY,GAAG,+BAA+B;QACpD,MAAM,EAAE7B,CAAC,EAAEC,CAAC,EAAE,GAAGH;QACjB,+BAA+B;QAC/B,MAAMgC,WAAWC,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACN,OAAO3B,GAAG,KAAK+B,KAAKE,GAAG,CAACL,OAAO3B,GAAG;QACtE,+EAA+E;QAC/E,IAAI6B,WAAWD,WAAW;YACxB9B,iBAAiB;gBAAEC,GAAG2B;gBAAM1B,GAAG2B;YAAK;YACpCzB,eAAe;QACjB;IACF;IAEA,SAAS+B,YAAYC,QAAiB;QACpC3D,UAAU2D;IACZ;IAEA,SAASC,4BACPC,MAAmB,EACnBC,MAAmB,EACnBC,eAAuB,EACvBC,cAAsB,EACtBC,QAA2B;QAE3BrE,cAAciE;QACdhE,cAAciE;QACd7D,eAAeiE,YAAYD,UAAWF;IACxC;IAEA,SAASI;QACPpD,wBAAwB,EAAE;QAC1BE,oBAAoB;IACtB;IAEA,SAASmD,eAAe3E,IAAiC;QACvD,MAAM,EAAEyC,WAAW,EAAE,GAAGnD;QACxB,MAAMsF,6BAA6B,CAAC,CAAEnC,CAAAA,eAAe,CAAC,CAACA,YAAYoC,wBAAwB,AAAD;QAC1F,MAAMC,kBAAkB9E,KAAKqD,GAAG,CAAC,CAAC0B;YAChC,MAAMvB,QAAgBuB,MAAMvB,KAAK;YACjC,qDAAqD;YACrD,MAAMwB,SAAiB;gBACrBC,OAAOF,MAAMC,MAAM;gBACnBxB;gBACA0B,kBAAkB;oBAChBhE,gBAAgB;gBAClB;gBACAiE,aAAa;oBACXC;oBACAlE,gBAAgB6D,MAAMC,MAAM;gBAC9B;gBACA,GAAID,MAAMM,WAAW,IAAI;oBACvBC,OAAOP,MAAMM,WAAW;gBAC1B,CAAC;YACH;YACA,OAAOL;QACT;QAEA,qBACE,oBAAC9G;YACCqH,SAAS;mBAAIT;aAAgB;YAC7BU,kBAAkBlG,MAAMmG,uBAAuB;YAC/CC,cAAcpG,MAAMqG,mBAAmB;YACtC,GAAIf,8BAA8B;gBAAEgB,wBAAwBlB;YAAiB,CAAC;YAC9E,GAAGpF,MAAMmD,WAAW;YACrBN,iBAAiBA;YACjB0D,UAAUC;;IAGhB;IAEA,SAASA,yBACPC,eAAyB,EACzBC,KAA0C,EAC1CC,aAAsB;YAElB3G,oBAMAA;QANJ,KAAIA,qBAAAA,MAAMmD,WAAW,cAAjBnD,yCAAAA,mBAAmBuF,wBAAwB,EAAE;YAC/CzC,mBAAmB2D;QACrB,OAAO;YACL3D,mBAAmB2D,gBAAgBG,KAAK,CAAC,CAAC;QAC5C;QAEA,KAAI5G,sBAAAA,MAAMmD,WAAW,cAAjBnD,0CAAAA,oBAAmBuG,QAAQ,EAAE;YAC/BvG,MAAMmD,WAAW,CAACoD,QAAQ,CAACE,iBAAiBC,OAAOC;QACrD;IACF;IAEA,SAASE,cAAcC,WAAmB,EAAEC,OAAe,EAAEC,UAAkB,EAAEC,WAAoB;QACnG,IAAI9E,gBAAgB4E,SAAS;YAC3B,OAAO1H,OAAO6H,uBAAuB;QACvC,OAAO;YACL,OAAOJ;QACT;IACF;IAEA,SAAS3B,YAAYD,QAAoB,EAAEF,eAAuB;QAChE,MAAMmC,SAAwB,EAAE;QAChC,IAAIlF,kBAAkB;YACpBzB,UAAUuB;QACZ,OAAO;YACLvB,UAAUC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;QAC3E;QAEA,MAAMyG,OAAOtI,MAAMuI,QAAQ,CAAC5B;YAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKtB,CAAC;QAC7F;QACA,MAAM4E,OAAOtI,MAAMqI,QAAQ,CAAC5B;YAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKtB,CAAC;QAC7F;QACA,MAAM6E,WAAW,AAACH,CAAAA,OAAOE,IAAG,IAAK;QACjC,MAAME,gBAAgBhD,KAAKiD,GAAG,CAAC3G,YAAYwG,OAAOC,YAAYzG,YAAYwG;QAE1E,IAAII,iBAAiB;QACrB,IAAIC,gBAAgB;QACpB,IAAIpE,eAAe/D,WAAWiE,UAAU,EAAE;YACxCpC,cAAcR,YAAY+G,SAAS,KAAK;YACxCD,gBAAgBtG;QAClB,OAAO,IAAIkC,eAAe/D,WAAWqI,QAAQ,EAAE;YAC7C,MAAMC,OAAO9I,MAAMqI,QAAQ,CAAC5B;gBAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKvB,CAAC;YAC7F;YAEA,MAAMsF,OAAOjJ,MAAMuI,QAAQ,CAAC5B;gBAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;oBACnD,OAAOA,KAAKvB,CAAC;gBACf;YACF;YAEA,MAAMuF,WAAW,AAACD,CAAAA,KAAKE,OAAO,KAAKH,KAAKG,OAAO,EAAC,IAAK;YACrDN,gBAAgBnD,KAAKiD,GAAG,CAAC5G,YAAY,IAAIqH,KAAKJ,KAAKG,OAAO,KAAKD,aAAanH,YAAYiH;QAC1F,OAAO;YACL,MAAMA,OAAO9I,MAAMqI,QAAQ,CAAC5B;gBAC1B,OAAOzG,MAAMyG,MAAM/E,IAAI,EAA6B,CAACsD,OAAgCA,KAAKvB,CAAC;YAC7F;YAEA,MAAMsF,OAAOjJ,MAAMuI,QAAQ,CAAC5B;gBAC1B,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;oBACnD,OAAOA,KAAKvB,CAAC;gBACf;YACF;YAEA,MAAMuF,WAAW,AAACD,CAAAA,OAAOD,IAAG,IAAK;YACjCH,gBAAgBnD,KAAKiD,GAAG,CAAC5G,YAAYiH,OAAOE,YAAYnH,YAAYiH;QACtE;QACAJ,iBAAiBlD,KAAKzF,GAAG,CAAC2I,gBAAgBlD,KAAKzF,GAAG,CAAC4I,eAAeH;QAElE,MAAMW,gBAAgBrJ,MAAM0B,SAAS,CAACiF;YACpC,OAAO3G,MAAM2G,MAAM/E,IAAI,EAA6B,CAACsD;gBACnD,OAAOA,KAAKoE,UAAU;YACxB;QACF;QAEA,IAAK,IAAIC,IAAI7H,QAAQgD,MAAM,GAAG,GAAG6E,KAAK,GAAGA,IAAK;YAC5C,MAAMC,kBAAiC,EAAE;YAEzC,MAAMC,YAAoB/H,OAAO,CAAC6H,EAAE,CAAC3C,MAAM;YAC3C,MAAMoB,cAAsBtG,OAAO,CAAC6H,EAAE,CAACnE,KAAK;YAC5C,MAAMsE,oBAAoBxD,kBAAkB/D,QAAQwH,MAAM,GAAI;YAE9D,IAAK,IAAIC,IAAI,GAAGA,IAAIlI,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAAC8C,MAAM,EAAEkF,IAAK;gBAC/C,MAAMC,WAAW,CAAC,EAAExI,UAAU,CAAC,EAAEkI,EAAE,CAAC,EAAEK,EAAE,CAAC;gBACzC,MAAME,WAAW,CAAC,EAAE1I,UAAU,CAAC,EAAEmI,EAAE,CAAC,EAAEK,EAAE,CAAC;gBACzC,MAAM,EAAEjG,CAAC,EAAEC,CAAC,EAAEmG,gBAAgB,EAAEzH,6BAA6B,EAAE,GAAGZ,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE;gBACpF,IAAII,eAAe;gBACnB,MAAMC,kBAAkB,AAACvI,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE,CAA2BN,UAAU;gBAChF,IAAI,AAACW,oBAA+BC,WAAW;oBAC7CF,eAAetE,KAAKzF,GAAG,CAAC,AAACgK,kBAAmBrB,iBAAkBS,eAAeY;gBAC/E;gBAEA,MAAME,mBAA4BC,mBAAmBX,cAAcY,0BAA0BlH;gBAE7F,MAAMmH,qBAAqB5I,OAAO,CAAC6H,EAAE,CAACgB,iBAAiB,IAAIlH,gBAAgByG;gBAC3EN,gBAAgBgB,IAAI,eAClB,oBAACC;oBACCC,IAAIZ;oBACJa,KAAKb;oBACLc,GAAGZ;oBACHa,IAAI9I,YAAY4B,KAAKpB;oBACrBuI,IAAI9I,YAAY4B;oBAChBmH,qBAAmBZ;oBACnBa,aAAa,CAACpD,QACZqD,aAAatH,GAAGC,GAAG8F,mBAAmBK,kBAAkBD,UAAUxH,+BAA+BsF;oBAEnGsD,aAAa,CAACtD,QACZqD,aAAatH,GAAGC,GAAG8F,mBAAmBK,kBAAkBD,UAAUxH,+BAA+BsF;oBAEnGuD,YAAYC;oBACZC,SAAS,IAAMC,aAAazB,UAAUlG,GAAGoG,kBAAkBD,UAAUxH;oBACrEiJ,QAAQH;oBACP,GAAGI,iBAAiB9J,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAACgI,EAAE,CAAC6B,gBAAgB,CAAC;oBACzDC,SAASvB,oBAAoB,CAACG,qBAAqB,IAAI;oBACvDqB,MAAM5D,cAAcC,aAAa8B,UAAUF,GAAG;oBAC9CgC,QAAQ5D;oBACR6D,MAAK;oBACLC,cAAYC,cAAcxC,GAAGK;oBAC7BoC,UAAU7B,mBAAmB,IAAID;;YAGvC;YAEA7B,OAAOmC,IAAI,eACT,oBAACyB;gBACCtB,KAAK,CAAC,OAAO,EAAEpB,EAAE,CAAC;gBAClBsC,MAAK;gBACLC,cAAY,CAAC,EAAErC,UAAU,SAAS,EAAEF,IAAI,EAAE,IAAI,EAAE7H,QAAQgD,MAAM,CAAC,MAAM,EAAEhD,OAAO,CAAC6H,EAAE,CAAC3H,IAAI,CAAC8C,MAAM,CAAC,aAAa,CAAC;eAE3G8E;QAGP;QACA,MAAM0C,UAAUvM,+BAA+BuB;QAC/C,mEAAmE;QACnE,IAAI,CAACA,MAAMiL,sBAAsB,EAAE;YACjC,IAAI;gBACFC,SAASC,cAAc,CAAC9K,eAAe6K,SAASC,cAAc,CAAC9K,YAAa+K,MAAM;YAClF,oCAAoC;YACtC,EAAE,OAAOC,GAAG,CAAC;QACf;QACA,4CAA4C;QAC5C,IAAI,CAACrL,MAAMsL,eAAe,IAAItL,MAAMiL,sBAAsB,EAAE;YAC1D,MAAMM,eAAe5M,SAASuG,UAAUsG,IAAI,CAAC3K;YAC7C,IAAI;gBACFqK,SAASC,cAAc,CAAC9K,eAAe6K,SAASC,cAAc,CAAC9K,YAAa+K,MAAM;YAClF,oCAAoC;YACtC,EAAE,OAAOC,GAAG,CAAC;YACb,MAAMI,eAAe;gBACnBC,YAAYV,QAAQW,OAAO;gBAC3BnC,IAAInJ;gBACJuL,OAAOL;YACT;YACAA,gBAAgB9L,qBAAqBgM;QACvC;QACA,OAAOtE;IACT;IAEA,SAASiD,aACPzB,QAAgB,EAChBlG,CAAyB,EAEzBoG,gBAAoC,EACpCD,QAAgB,EAChBxH,6BAAkD;QAElDL,mBAAmB6H;QACnB,MAAMiD,gBAAgBpJ,aAAayF,OAAOrI,WAAW4C,GAAGzC,MAAM8L,MAAM,IAAIrJ;QACxE,MAAMsJ,OAAOtJ,aAAayF,OAAOzF,EAAEwF,OAAO,KAAKxF;QAC/C,MAAMuJ,QAAQ7M,KAAKyB,gBAAgB,CAACqL,UAAoCA,QAAQxJ,CAAC,KAAKsJ;QACtF,oFAAoF;QAEpF,IAAIC,OAAO;YACTrN,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EACzB8L,IAAI,CAAC,aAAa,IAAM,CAAC,UAAU,EAAErL,YAAY4B,KAAKpB,YAAY,IAAI,CAAC,EACvE6K,IAAI,CAAC,cAAc;YACtBlL,UAAUmL,OAAO,CAAC,CAACC;gBACjB,IAAIA,IAAInI,KAAK,KAAK0E,UAAU;oBAC1B/F,eAAe;oBACfiG,mBAAmBpH,eAAeoH,oBAAoBpH,eAAe,KAAKoK;oBAC1E/J,eAAekK,MAAMK,MAAM;oBAC3B/J,qBAAqB0J;oBACrB5J,eAAewG;gBACjB;YACF;QACF,OAAO;YACLxG,eAAewG;QACjB;IACF;IAEA,SAASmB,aACPtH,CAAyB,EACzBC,CAAgB,EAChB4J,UAAkB,EAClBzD,gBAAoC,EACpCD,QAAgB,EAChBxH,6BAA6D,EAC7DmL,UAAwC;QAExCA,uBAAAA,iCAAAA,WAAYC,OAAO;QACnB,MAAMX,gBAAgBpJ,aAAayF,OAAOrI,WAAW4C,GAAGzC,MAAM8L,MAAM,IAAIrJ;QACxE,MAAMsJ,OAAOtJ,aAAayF,OAAOzF,EAAEwF,OAAO,KAAKxF;QAC/C,MAAMuJ,QAAQ7M,KAAKyB,gBAAgB,CAACqL,UAAoCA,QAAQxJ,CAAC,KAAKsJ;QACtF,oFAAoF;QAEpF,IAAIC,OAAO;YACTrN,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EACzB8L,IAAI,CAAC,aAAa,IAAM,CAAC,UAAU,EAAErL,YAAY4B,KAAKpB,YAAY,EAAE,EAAEP,YAAY4B,GAAG,CAAC,CAAC,EACvFwJ,IAAI,CAAC,cAAc,cACnBA,IAAI,CAAC,MAAM,CAAC,EAAEI,aAAaxL,YAAY4B,GAAG,CAAC;YAE9C,IAAI3B,qBAAqB6H,UAAU;gBACjC7H,mBAAmB6H;gBACnBzE,eAAeoI,WAAWE,OAAO,EAAEF,WAAWG,OAAO;gBACrD7D,mBAAmBpH,eAAeoH,oBAAoBpH,eAAe,KAAKoK;gBAC1E/J,eAAekK,MAAMK,MAAM;gBAC3B/J,qBAAqB0J;gBACrB5J,eAAewG;YACjB;QACF,OAAO;YACLxG,eAAewG;QACjB;IACF;IAEA;;kFAEgF,GAEhF,SAAS0B,iBAAiBqC,IAAiB;QACzC,IAAIA,MAAM;YACR,OAAO;gBACLC,SAASD;YACX;QACF;QAEA,OAAO,CAAC;IACV;IAEA,SAASzC;QACPvL,SAAS,CAAC,CAAC,EAAEyB,cAAc,CAAC,EAAE8L,IAAI,CAAC,cAAc;IACnD;IAEA,SAASpG;QACP/E,mBAAmB;QACnBqB,eAAe;QACf,IAAIO,eAAe;YACjBC,eAAe;QACjB;IACF;IAEA;;;;4EAI0E,GAE1E,SAASsG,mBAAmBxD,MAAc;QACxC,OAAOmH,wBAAwBC,QAAQ,CAACpH;IAC1C;IAEA;wEACsE,GAEtE,SAASyD;QACP,OAAOtG,gBAAgBW,MAAM,KAAK;IACpC;IAEA,SAASqJ;QACP,OAAOhK,gBAAgBW,MAAM,GAAG,IAAIX,kBAAkBlB,eAAe;YAACA;SAAa,GAAG,EAAE;IAC1F;IAEA,SAASkJ,cAAckC,WAAmB,EAAE/F,UAAkB;YAOrDvB;QANP,MAAM0B,SAAS3G,OAAO,CAACuM,YAAY;QACnC,MAAMtH,QAAQ0B,OAAOzG,IAAI,CAACsG,WAAW;QACrC,MAAMgG,gBAAgBvH,MAAMhD,CAAC,YAAYyF,OAAOrI,WAAW4F,MAAMhD,CAAC,EAAEzC,MAAM8L,MAAM,IAAIrG,MAAMhD,CAAC;QAC3F,MAAMwK,SAASxH,MAAMoD,gBAAgB,IAAImE;QACzC,MAAMtH,SAASyB,OAAOzB,MAAM;QAC5B,MAAMwH,SAASzH,MAAM0H,gBAAgB,IAAI1H,MAAM/C,CAAC;QAChD,OAAO+C,EAAAA,kCAAAA,MAAM2H,wBAAwB,cAA9B3H,sDAAAA,gCAAgC4H,SAAS,KAAI,CAAC,EAAEJ,OAAO,EAAE,EAAEvH,OAAO,EAAE,EAAEwH,OAAO,CAAC,CAAC;IACxF;IAEA,SAASI;QACP,OAAO,CACLtN,CAAAA,MAAMU,IAAI,IACVV,MAAMU,IAAI,CAACC,aAAa,IACxBX,MAAMU,IAAI,CAACC,aAAa,CAAC6C,MAAM,GAAG,KAClCxD,MAAMU,IAAI,CAACC,aAAa,CAAC4M,MAAM,CAAC,CAACvJ,OAA0BA,KAAKtD,IAAI,CAAC8C,MAAM,EAAEA,MAAM,GAAG,CAAA;IAE1F;IAEA,MAAM,EAAEL,WAAW,EAAEqK,UAAU,EAAEC,UAAU,EAAE,GAAGzN;IAChDQ,UAAUC,uCAAuCT,MAAMU,IAAI,CAACC,aAAa;IAEzE,IAAI0G,SAAS7G;IACb,IAAI2C,eAAe,CAAC,CAACA,YAAYoC,wBAAwB,EAAE;QACzD8B,SAAStF,qBAAqByB,MAAM,IAAI,IAAIzB,uBAAuBvB;QACnEI,iBAAiBtB,YAAY+H;IAC/B;IAEA,IAAIqG,aAAa;IACjB,sDAAsD;IACtD,+BAA+B;IAC/B,2EAA2E;IAC3E,IAAI,CAAC1N,MAAM2N,UAAU,EAAE;QACrBD,aAAarI,eAAe7E,UAAW,gDAAgD;IACzF;QAcWR;IAbX,MAAM4N,eAAe;QACnB/L;QACAL;QACAqM,oBACE7N,MAAM8N,4BAA4B,IAAIzL,oBAClCrC,MAAM8N,4BAA4B,CAACzL,qBACnC2G;QACN,qBAAqB;QACrB5H;QACA,GAAGpB,MAAM4N,YAAY;QACrBrL;QACAI;QACAoL,mBAAmB;QACnBC,SAAShO,CAAAA,iBAAAA,MAAMgO,OAAO,cAAbhO,4BAAAA,iBAAiB;QAC1BiO,aAAa;IACf;IACA,MAAMC,aAAa;QACjBV;QACAC;IACF;IAEA,MAAMU,cAAwB3N,QAC3BuD,GAAG,CAAC,CAAC0B,QAAqCA,MAAM/E,IAAI,CAACqD,GAAG,CAAC,CAACqK,KAA8BA,GAAG3L,CAAC,GAC5F4L,IAAI;IAEPlN,eAAe;WAAI,IAAImN,IAAIH;KAAa;IAExC,OAAO,CAACb,gCACN,oBAAClO;QACE,GAAGY,KAAK;QACTuO,YAAYvO,MAAMU,IAAI,CAAC6N,UAAU;QACjClH,QAAQA;QACRmH,WAAWjP,WAAWO,YAAY;QAClC8N,cAAcA;QACdM,YAAYA;QACZR,YAAYA;QACZe,YAAY9J;QACZ+J,cAAc7J;QACd8J,WAAWpL;QACXqL,mBAAmB9I;QACnB+I,+BAA+BvO;QAC/BwO,uBAAuB3N;QACvBkC,cAAc/B;QACd,oCAAoC,GACpC,kDAAkD;QAClDyN,UAAU,CAAC/O;YACTa,cAAcb,MAAM8E,MAAM;YAC1BhE,cAAcd,MAAM+E,MAAM;YAC1B,qBACE,wDACE,oBAACgG,yBACC,oBAACiE;gBACCC,IAAI;gBACJC,IAAI;gBACJC,IAAI;gBACJC,IAAIpP,MAAMgF,eAAe;gBACzB0F,QAAQ;gBACRlB,IAAIpJ;gBACJiP,YAAY;gBACZC,iBAAiB;8BAEnB,oBAACvE,WAAG7J;QAIZ;uBAGF,oBAACqO;QAAI/F,IAAIjJ;QAAeoK,MAAM;QAAS6E,OAAO;YAAEhF,SAAS;QAAI;QAAGI,cAAY;;AAEhF,GAAG;AACH9K,aAAa2P,WAAW,GAAG"}

package/lib/components/Sparkline/useSparklineStyles.styles.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { __styles, mergeClasses } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { HighContrastSelector } from '../../utilities/index';
 /**
  * @internal
  */
@@ -21,19 +20,10 @@ const useStyles = /*#__PURE__*/__styles({
     Bhrd7zp: "figsok6",
     Bg96gwp: "fwrc4pm",
     Bkfmm31: "fhuob2q",
-    Bcwlslt: "fase104",
-    Bpvj6i6: "fzgeahw",
-    B93v9kj: "f15mrrko"
+    Bvjb7m6: "fhv2zbx"
   }
 }, {
-  d: [".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}"],
-  m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fase104{opacity:0.1;}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fzgeahw{stroke:rgb(179, 179, 179);}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }]]
+  d: [".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fhv2zbx{forced-color-adjust:auto;}"]
 });
 /**
  * Apply styling to the Carousel slots based on the state

package/lib/components/Sparkline/useSparklineStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","~~HighContrastSelector","~~sparklineClassNames","inlineBlock","valueText","useStyles","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","~~Bcwlslt~~","~~Bpvj6i6","B93v9kj","~~d","~~m","~~useSparklineStyles","props","_props_styles","_props_styles1","baseStyles","styles"],"sources":["useSparklineStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\~~nimport { HighContrastSelector } from '../../utilities/index';\~~n/*\n @internal\n / export const sparklineClassNames = {\n inlineBlock: 'fui-sprk__inlineBlock',\n valueText: 'fui-sprk__valueText'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n inlineBlock: {\n display: 'inline'\n },\n valueText: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n ~~[HighContrastSelector]: {\n opacity: 0.1,\n stroke: 'rgb(179, 179, 179)',\n~~ forcedColorAdjust: '~~none~~'\n ~~}\n~~ }\n});\n/\n Apply styling to the Carousel slots based on the state\n */ export const useSparklineStyles = (props)=>{\n var _props_styles, _props_styles1;\n const baseStyles = useStyles();\n return {\n inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),\n valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE~~,SAASC,oBAAoB,QAAQ,uBAAuB~~;~~AAC5D;~~AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,WAAW,EAAE,uBAAuB;EACpCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,~~gBAAGR~~,QAAA;~~EAAAM~~,WAAA;IAAAG,MAAA;EAAA;EAAAF,SAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;~~IAAAC,OAAA;IAAAC,OAAA;~~EAAA;AAAA;EAAAC,CAAA;~~EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;~~AAAA,~~CAarB~~,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,IAAIC,aAAa,EAAEC,cAAc;EACjC,MAAMC,UAAU,~~GAAGhB~~,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHF,WAAW,~~EAAEL~~,YAAY,~~CAACI~~,mBAAmB,CAACC,WAAW,~~EAAEkB~~,UAAU,~~CAAClB~~,WAAW,EAAE,~~CAACgB~~,aAAa,GAAGD,KAAK,CAACI,MAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,~~CAAChB~~,WAAW,CAAC;IAC5LC,SAAS,~~EAAEN~~,YAAY,~~CAACI~~,mBAAmB,CAACE,SAAS,~~EAAEiB~~,UAAU,~~CAACjB~~,SAAS,EAAE,~~CAACgB~~,cAAc,GAAGF,KAAK,CAACI,MAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,~~CAAChB~~,SAAS;EAC1L,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","sparklineClassNames","inlineBlock","valueText","useStyles","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","useSparklineStyles","props","_props_styles","_props_styles1","baseStyles","styles"],"sources":["useSparklineStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/*\n @internal\n / export const sparklineClassNames = {\n inlineBlock: 'fui-sprk__inlineBlock',\n valueText: 'fui-sprk__valueText'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n inlineBlock: {\n display: 'inline'\n },\n valueText: {\n ...typographyStyles.caption1,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n */ export const useSparklineStyles = (props)=>{\n var _props_styles, _props_styles1;\n const baseStyles = useStyles();\n return {\n inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),\n valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,WAAW,EAAE,uBAAuB;EACpCC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAK,WAAA;IAAAG,MAAA;EAAA;EAAAF,SAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CASrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,IAAIC,aAAa,EAAEC,cAAc;EACjC,MAAMC,UAAU,GAAGb,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHF,WAAW,EAAEJ,YAAY,CAACG,mBAAmB,CAACC,WAAW,EAAEe,UAAU,CAACf,WAAW,EAAE,CAACa,aAAa,GAAGD,KAAK,CAACI,MAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACb,WAAW,CAAC;IAC5LC,SAAS,EAAEL,YAAY,CAACG,mBAAmB,CAACE,SAAS,EAAEc,UAAU,CAACd,SAAS,EAAE,CAACa,cAAc,GAAGF,KAAK,CAACI,MAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACb,SAAS;EAC1L,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/utilities/SVGTooltipText.js CHANGED Viewed

@@ -6,13 +6,10 @@ import { Async } from './async-utils';
 import { KeyCodes } from './KeyCodes';
 import { useId } from '@fluentui/react-utilities';
 import { tokens } from '@fluentui/react-theme';
-import { useRtl } from './utilities';
 export const SVGTooltipText = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    var _props_textProps;
+    var _props_textProps, _props_textProps1, _props_textProps2;
     const [isTooltipVisible, setIsTooltipVisible] = useState(false);
     const [isOverflowing, setIsOverflowing] = useState(false);
-    const [textX, setTextX] = useState(0);
-    const [textY, setTextY] = useState(0);
     const [textWidth, setTextWidth] = useState(0);
     const [textHeight, setTextHeight] = useState(0);
     const tooltipHostRef = useRef(null);
@@ -37,8 +34,6 @@ export const SVGTooltipText = /*#__PURE__*/ React.forwardRef((props, forwardedRe
     const measureText = useCallback(()=>{
         if (tooltipHostRef.current && typeof tooltipHostRef.current.getBBox === 'function') {
             const bbox = tooltipHostRef.current.getBBox();
-            setTextX(bbox.x);
-            setTextY(bbox.y);
             setTextWidth(bbox.width);
             setTextHeight(bbox.height);
         }
@@ -149,15 +144,15 @@ export const SVGTooltipText = /*#__PURE__*/ React.forwardRef((props, forwardedRe
     ]);
     const showTooltip = props.isTooltipVisibleProp && isOverflowing && !!props.content || isTooltipVisible && !!props.content;
     const backgroundColor = tokens.colorNeutralBackground1;
-    const isRTL = useRtl();
-    const rectX = isRTL ? (textX !== null && textX !== void 0 ? textX : 0) + (textWidth !== null && textWidth !== void 0 ? textWidth : 0) - PADDING : (textX !== null && textX !== void 0 ? textX : 0) - PADDING;
+    const rectX = (typeof ((_props_textProps = props.textProps) === null || _props_textProps === void 0 ? void 0 : _props_textProps.x) === 'number' ? props.textProps.x : 0) - (textWidth !== null && textWidth !== void 0 ? textWidth : 0) / 2 - PADDING;
+    const rectY = (typeof ((_props_textProps1 = props.textProps) === null || _props_textProps1 === void 0 ? void 0 : _props_textProps1.y) === 'number' ? props.textProps.y : 0) - (textHeight !== null && textHeight !== void 0 ? textHeight : 0) / 2 - PADDING;
     return /*#__PURE__*/ React.createElement(React.Fragment, null, props.showBackground && /*#__PURE__*/ React.createElement("rect", {
         x: rectX,
-        y: (textY !== null && textY !== void 0 ? textY : 0) - PADDING,
+        y: rectY,
         width: (textWidth !== null && textWidth !== void 0 ? textWidth : 0) + 2 * PADDING,
         height: (textHeight !== null && textHeight !== void 0 ? textHeight : 0) + 2 * PADDING,
         fill: backgroundColor,
-        transform: (_props_textProps = props.textProps) === null || _props_textProps === void 0 ? void 0 : _props_textProps.transform
+        transform: (_props_textProps2 = props.textProps) === null || _props_textProps2 === void 0 ? void 0 : _props_textProps2.transform
     }), /*#__PURE__*/ React.createElement(Tooltip, {
         relationship: "description",
         ...props.tooltipProps,

package/lib/utilities/SVGTooltipText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SVGTooltipText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport { usePortalMountNode } from '@fluentui/react-shared-contexts';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport { Async } from './async-utils';\nimport { KeyCodes } from './KeyCodes';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { useRtl } from './utilities';\n\ninterface SVGTooltipTextProps {\n closeDelay?: number;\n content: string;\n delay?: number;\n tooltipProps?: React.ComponentProps<typeof Tooltip>;\n textProps?: React.SVGAttributes<SVGTextElement>;\n maxWidth?: number;\n maxHeight?: number;\n shouldReceiveFocus?: boolean;\n isTooltipVisibleProp?: boolean;\n wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;\n showBackground?: boolean;\n}\n\nexport const SVGTooltipText: React.FunctionComponent<SVGTooltipTextProps> = React.forwardRef<\n HTMLDivElement,\n SVGTooltipTextProps\n>((props, forwardedRef) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const [textX, setTextX] = useState(0);\n const [textY, setTextY] = useState(0);\n const [textWidth, setTextWidth] = useState(0);\n const [textHeight, setTextHeight] = useState(0);\n\n const tooltipHostRef = useRef<SVGTextElement>(null);\n const async = useRef(new Async()).current;\n const dismissTimerId = useRef<number>();\n const openTimerId = useRef<number>();\n const tooltipHostId = useRef(useId('tooltip-host')).current;\n const ignoreNextFocusEvent = useRef(false);\n const portalMountNode = usePortalMountNode();\n const PADDING = 4;\n\n const wrapContentCallback = useCallback(() => {\n if (\n props.content &&\n props.wrapContent &&\n props.wrapContent(props.content, tooltipHostId, props.maxWidth ?? 100, props.maxHeight)\n // ToDo - Specify a correct fallback value here\n ) {\n setIsOverflowing(true);\n } else {\n setIsOverflowing(false);\n }\n }, [props, tooltipHostId]);\n\n const measureText = useCallback((): void => {\n if (tooltipHostRef.current && typeof tooltipHostRef.current.getBBox === 'function') {\n const bbox = tooltipHostRef.current.getBBox();\n setTextX(bbox.x);\n setTextY(bbox.y);\n setTextWidth(bbox.width);\n setTextHeight(bbox.height);\n }\n }, []);\n\n useEffect(() => {\n wrapContentCallback();\n return () => {\n async.dispose();\n };\n }, [wrapContentCallback, async]);\n\n useEffect(() => {\n wrapContentCallback();\n }, [props.maxWidth, props.maxHeight, wrapContentCallback]);\n\n useEffect(() => {\n if (isTooltipVisible) {\n measureText();\n }\n }, [isTooltipVisible, measureText]);\n\n useEffect(() => {\n // Recalculate text dimensions when content or dimensions change\n measureText();\n }, [props.content, props.textProps, props.maxWidth, props.maxHeight, measureText]);\n\n const hideTooltip = useCallback(() => {\n async.clearTimeout(openTimerId.current!);\n async.clearTimeout(dismissTimerId.current!);\n setIsTooltipVisible(false);\n }, [async]);\n\n const onTooltipMouseEnter = useCallback(\n (ev: React.MouseEvent<SVGElement>) => {\n if (!isOverflowing) {\n return;\n }\n\n if (ev.target && portalMountNode?.contains(ev.target as HTMLElement)) {\n return;\n }\n\n async.clearTimeout(dismissTimerId.current!);\n async.clearTimeout(openTimerId.current!);\n\n if (props.delay !== 0) {\n openTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(true);\n }, props.delay!);\n } else {\n setIsTooltipVisible(true);\n }\n },\n [isOverflowing, portalMountNode, async, props.delay],\n );\n\n const onTooltipMouseLeave = useCallback(\n (ev: React.MouseEvent<SVGElement>) => {\n async.clearTimeout(dismissTimerId.current!);\n async.clearTimeout(openTimerId.current!);\n\n if (props.closeDelay) {\n dismissTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(false);\n }, props.closeDelay);\n } else {\n setIsTooltipVisible(false);\n }\n },\n [async, props.closeDelay],\n );\n\n const onTooltipFocus = useCallback(\n (ev: React.FocusEvent<SVGElement>) => {\n if (ignoreNextFocusEvent.current) {\n ignoreNextFocusEvent.current = false;\n return;\n }\n onTooltipMouseEnter(ev as unknown as React.MouseEvent<SVGElement>);\n },\n [onTooltipMouseEnter],\n );\n\n const onTooltipBlur = useCallback(\n (ev: React.FocusEvent<SVGElement>) => {\n ignoreNextFocusEvent.current = document?.activeElement === ev.target;\n dismissTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(false);\n }, 0);\n },\n [async],\n );\n\n const onTooltipKeyDown = useCallback(\n (ev: React.KeyboardEvent<SVGElement>) => {\n if ((ev.which === KeyCodes.escape \|\| ev.ctrlKey) && isTooltipVisible) {\n hideTooltip();\n ev.stopPropagation();\n }\n },\n [isTooltipVisible, hideTooltip],\n );\n\n const showTooltip =\n (props.isTooltipVisibleProp && isOverflowing && !!props.content) \|\| (isTooltipVisible && !!props.content);\n\n const backgroundColor = tokens.colorNeutralBackground1;\n const isRTL = useRtl();\n const rectX = isRTL ? (textX ?? 0) + (textWidth ?? 0) - PADDING : (textX ?? 0) - PADDING;\n\n return (\n <>\n {props.showBackground && (\n <rect\n x={rectX}\n y={(textY ?? 0) - PADDING}\n width={(textWidth ?? 0) + 2 * PADDING}\n height={(textHeight ?? 0) + 2 * PADDING}\n fill={backgroundColor}\n transform={props.textProps?.transform}\n />\n )}\n <Tooltip\n relationship=\"description\"\n {...props.tooltipProps}\n withArrow\n content={props.content}\n // targetElement={getTargetElement()} ToDo - This assignment is causing build failure. Needs to be fixed.\n visible={showTooltip}\n >\n <text\n {...props.textProps}\n id={tooltipHostId}\n ref={tooltipHostRef}\n onFocusCapture={onTooltipFocus}\n onBlurCapture={onTooltipBlur}\n onMouseEnter={onTooltipMouseEnter}\n onMouseLeave={onTooltipMouseLeave}\n onKeyDown={onTooltipKeyDown}\n data-is-focusable={props.shouldReceiveFocus && isOverflowing}\n >\n {props.content}\n </text>\n </Tooltip>\n </>\n );\n});\n\nSVGTooltipText.defaultProps = {\n delay: 0,\n showBackground: false,\n};\n"],"names":["React","useState","useRef","useEffect","useCallback","usePortalMountNode","Tooltip","Async","KeyCodes","useId","tokens","useRtl","SVGTooltipText","forwardRef","props","forwardedRef","isTooltipVisible","setIsTooltipVisible","isOverflowing","setIsOverflowing","textX","setTextX","textY","setTextY","textWidth","setTextWidth","textHeight","setTextHeight","tooltipHostRef","async","current","dismissTimerId","openTimerId","tooltipHostId","ignoreNextFocusEvent","portalMountNode","PADDING","wrapContentCallback","content","wrapContent","maxWidth","maxHeight","measureText","getBBox","bbox","x","y","width","height","dispose","textProps","hideTooltip","clearTimeout","onTooltipMouseEnter","ev","target","contains","delay","setTimeout","onTooltipMouseLeave","closeDelay","onTooltipFocus","onTooltipBlur","document","activeElement","onTooltipKeyDown","which","escape","ctrlKey","stopPropagation","showTooltip","isTooltipVisibleProp","backgroundColor","colorNeutralBackground1","isRTL","rectX","showBackground","rect","fill","transform","relationship","tooltipProps","withArrow","visible","text","id","ref","onFocusCapture","onBlurCapture","onMouseEnter","onMouseLeave","onKeyDown","data-is-focusable","shouldReceiveFocus","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["SVGTooltipText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport { usePortalMountNode } from '@fluentui/react-shared-contexts';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport { Async } from './async-utils';\nimport { KeyCodes } from './KeyCodes';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\ninterface SVGTooltipTextProps {\n closeDelay?: number;\n content: string;\n delay?: number;\n tooltipProps?: React.ComponentProps<typeof Tooltip>;\n textProps?: React.SVGAttributes<SVGTextElement>;\n maxWidth?: number;\n maxHeight?: number;\n shouldReceiveFocus?: boolean;\n isTooltipVisibleProp?: boolean;\n wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;\n showBackground?: boolean;\n}\n\nexport const SVGTooltipText: React.FunctionComponent<SVGTooltipTextProps> = React.forwardRef<\n HTMLDivElement,\n SVGTooltipTextProps\n>((props, forwardedRef) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const [textWidth, setTextWidth] = useState(0);\n const [textHeight, setTextHeight] = useState(0);\n\n const tooltipHostRef = useRef<SVGTextElement>(null);\n const async = useRef(new Async()).current;\n const dismissTimerId = useRef<number>();\n const openTimerId = useRef<number>();\n const tooltipHostId = useRef(useId('tooltip-host')).current;\n const ignoreNextFocusEvent = useRef(false);\n const portalMountNode = usePortalMountNode();\n const PADDING = 4;\n\n const wrapContentCallback = useCallback(() => {\n if (\n props.content &&\n props.wrapContent &&\n props.wrapContent(props.content, tooltipHostId, props.maxWidth ?? 100, props.maxHeight)\n // ToDo - Specify a correct fallback value here\n ) {\n setIsOverflowing(true);\n } else {\n setIsOverflowing(false);\n }\n }, [props, tooltipHostId]);\n\n const measureText = useCallback((): void => {\n if (tooltipHostRef.current && typeof tooltipHostRef.current.getBBox === 'function') {\n const bbox = tooltipHostRef.current.getBBox();\n setTextWidth(bbox.width);\n setTextHeight(bbox.height);\n }\n }, []);\n\n useEffect(() => {\n wrapContentCallback();\n return () => {\n async.dispose();\n };\n }, [wrapContentCallback, async]);\n\n useEffect(() => {\n wrapContentCallback();\n }, [props.maxWidth, props.maxHeight, wrapContentCallback]);\n\n useEffect(() => {\n if (isTooltipVisible) {\n measureText();\n }\n }, [isTooltipVisible, measureText]);\n\n useEffect(() => {\n // Recalculate text dimensions when content or dimensions change\n measureText();\n }, [props.content, props.textProps, props.maxWidth, props.maxHeight, measureText]);\n\n const hideTooltip = useCallback(() => {\n async.clearTimeout(openTimerId.current!);\n async.clearTimeout(dismissTimerId.current!);\n setIsTooltipVisible(false);\n }, [async]);\n\n const onTooltipMouseEnter = useCallback(\n (ev: React.MouseEvent<SVGElement>) => {\n if (!isOverflowing) {\n return;\n }\n\n if (ev.target && portalMountNode?.contains(ev.target as HTMLElement)) {\n return;\n }\n\n async.clearTimeout(dismissTimerId.current!);\n async.clearTimeout(openTimerId.current!);\n\n if (props.delay !== 0) {\n openTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(true);\n }, props.delay!);\n } else {\n setIsTooltipVisible(true);\n }\n },\n [isOverflowing, portalMountNode, async, props.delay],\n );\n\n const onTooltipMouseLeave = useCallback(\n (ev: React.MouseEvent<SVGElement>) => {\n async.clearTimeout(dismissTimerId.current!);\n async.clearTimeout(openTimerId.current!);\n\n if (props.closeDelay) {\n dismissTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(false);\n }, props.closeDelay);\n } else {\n setIsTooltipVisible(false);\n }\n },\n [async, props.closeDelay],\n );\n\n const onTooltipFocus = useCallback(\n (ev: React.FocusEvent<SVGElement>) => {\n if (ignoreNextFocusEvent.current) {\n ignoreNextFocusEvent.current = false;\n return;\n }\n onTooltipMouseEnter(ev as unknown as React.MouseEvent<SVGElement>);\n },\n [onTooltipMouseEnter],\n );\n\n const onTooltipBlur = useCallback(\n (ev: React.FocusEvent<SVGElement>) => {\n ignoreNextFocusEvent.current = document?.activeElement === ev.target;\n dismissTimerId.current = async.setTimeout(() => {\n setIsTooltipVisible(false);\n }, 0);\n },\n [async],\n );\n\n const onTooltipKeyDown = useCallback(\n (ev: React.KeyboardEvent<SVGElement>) => {\n if ((ev.which === KeyCodes.escape \|\| ev.ctrlKey) && isTooltipVisible) {\n hideTooltip();\n ev.stopPropagation();\n }\n },\n [isTooltipVisible, hideTooltip],\n );\n\n const showTooltip =\n (props.isTooltipVisibleProp && isOverflowing && !!props.content) \|\| (isTooltipVisible && !!props.content);\n\n const backgroundColor = tokens.colorNeutralBackground1;\n const rectX = (typeof props.textProps?.x === 'number' ? props.textProps.x : 0) - (textWidth ?? 0) / 2 - PADDING;\n const rectY = (typeof props.textProps?.y === 'number' ? props.textProps.y : 0) - (textHeight ?? 0) / 2 - PADDING;\n\n return (\n <>\n {props.showBackground && (\n <rect\n x={rectX}\n y={rectY}\n width={(textWidth ?? 0) + 2 * PADDING}\n height={(textHeight ?? 0) + 2 * PADDING}\n fill={backgroundColor}\n transform={props.textProps?.transform}\n />\n )}\n <Tooltip\n relationship=\"description\"\n {...props.tooltipProps}\n withArrow\n content={props.content}\n // targetElement={getTargetElement()} ToDo - This assignment is causing build failure. Needs to be fixed.\n visible={showTooltip}\n >\n <text\n {...props.textProps}\n id={tooltipHostId}\n ref={tooltipHostRef}\n onFocusCapture={onTooltipFocus}\n onBlurCapture={onTooltipBlur}\n onMouseEnter={onTooltipMouseEnter}\n onMouseLeave={onTooltipMouseLeave}\n onKeyDown={onTooltipKeyDown}\n data-is-focusable={props.shouldReceiveFocus && isOverflowing}\n >\n {props.content}\n </text>\n </Tooltip>\n </>\n );\n});\n\nSVGTooltipText.defaultProps = {\n delay: 0,\n showBackground: false,\n};\n"],"names":["React","useState","useRef","useEffect","useCallback","usePortalMountNode","Tooltip","Async","KeyCodes","useId","tokens","SVGTooltipText","forwardRef","props","forwardedRef","isTooltipVisible","setIsTooltipVisible","isOverflowing","setIsOverflowing","textWidth","setTextWidth","textHeight","setTextHeight","tooltipHostRef","async","current","dismissTimerId","openTimerId","tooltipHostId","ignoreNextFocusEvent","portalMountNode","PADDING","wrapContentCallback","content","wrapContent","maxWidth","maxHeight","measureText","getBBox","bbox","width","height","dispose","textProps","hideTooltip","clearTimeout","onTooltipMouseEnter","ev","target","contains","delay","setTimeout","onTooltipMouseLeave","closeDelay","onTooltipFocus","onTooltipBlur","document","activeElement","onTooltipKeyDown","which","escape","ctrlKey","stopPropagation","showTooltip","isTooltipVisibleProp","backgroundColor","colorNeutralBackground1","rectX","x","rectY","y","showBackground","rect","fill","transform","relationship","tooltipProps","withArrow","visible","text","id","ref","onFocusCapture","onBlurCapture","onMouseEnter","onMouseLeave","onKeyDown","data-is-focusable","shouldReceiveFocus","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,EAAEC,WAAW,QAAQ,QAAQ;AACjE,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,MAAM,QAAQ,wBAAwB;AAgB/C,OAAO,MAAMC,+BAA+DX,MAAMY,UAAU,CAG1F,CAACC,OAAOC;QA2IcD,kBACAA,mBAWHA;IAtJnB,MAAM,CAACE,kBAAkBC,oBAAoB,GAAGf,SAAS;IACzD,MAAM,CAACgB,eAAeC,iBAAiB,GAAGjB,SAAS;IACnD,MAAM,CAACkB,WAAWC,aAAa,GAAGnB,SAAS;IAC3C,MAAM,CAACoB,YAAYC,cAAc,GAAGrB,SAAS;IAE7C,MAAMsB,iBAAiBrB,OAAuB;IAC9C,MAAMsB,QAAQtB,OAAO,IAAIK,SAASkB,OAAO;IACzC,MAAMC,iBAAiBxB;IACvB,MAAMyB,cAAczB;IACpB,MAAM0B,gBAAgB1B,OAAOO,MAAM,iBAAiBgB,OAAO;IAC3D,MAAMI,uBAAuB3B,OAAO;IACpC,MAAM4B,kBAAkBzB;IACxB,MAAM0B,UAAU;IAEhB,MAAMC,sBAAsB5B,YAAY;YAIYS;QAHlD,IACEA,MAAMoB,OAAO,IACbpB,MAAMqB,WAAW,IACjBrB,MAAMqB,WAAW,CAACrB,MAAMoB,OAAO,EAAEL,eAAef,CAAAA,kBAAAA,MAAMsB,QAAQ,cAAdtB,6BAAAA,kBAAkB,KAAKA,MAAMuB,SAAS,GAEtF;YACAlB,iBAAiB;QACnB,OAAO;YACLA,iBAAiB;QACnB;IACF,GAAG;QAACL;QAAOe;KAAc;IAEzB,MAAMS,cAAcjC,YAAY;QAC9B,IAAImB,eAAeE,OAAO,IAAI,OAAOF,eAAeE,OAAO,CAACa,OAAO,KAAK,YAAY;YAClF,MAAMC,OAAOhB,eAAeE,OAAO,CAACa,OAAO;YAC3ClB,aAAamB,KAAKC,KAAK;YACvBlB,cAAciB,KAAKE,MAAM;QAC3B;IACF,GAAG,EAAE;IAELtC,UAAU;QACR6B;QACA,OAAO;YACLR,MAAMkB,OAAO;QACf;IACF,GAAG;QAACV;QAAqBR;KAAM;IAE/BrB,UAAU;QACR6B;IACF,GAAG;QAACnB,MAAMsB,QAAQ;QAAEtB,MAAMuB,SAAS;QAAEJ;KAAoB;IAEzD7B,UAAU;QACR,IAAIY,kBAAkB;YACpBsB;QACF;IACF,GAAG;QAACtB;QAAkBsB;KAAY;IAElClC,UAAU;QACR,gEAAgE;QAChEkC;IACF,GAAG;QAACxB,MAAMoB,OAAO;QAAEpB,MAAM8B,SAAS;QAAE9B,MAAMsB,QAAQ;QAAEtB,MAAMuB,SAAS;QAAEC;KAAY;IAEjF,MAAMO,cAAcxC,YAAY;QAC9BoB,MAAMqB,YAAY,CAAClB,YAAYF,OAAO;QACtCD,MAAMqB,YAAY,CAACnB,eAAeD,OAAO;QACzCT,oBAAoB;IACtB,GAAG;QAACQ;KAAM;IAEV,MAAMsB,sBAAsB1C,YAC1B,CAAC2C;QACC,IAAI,CAAC9B,eAAe;YAClB;QACF;QAEA,IAAI8B,GAAGC,MAAM,KAAIlB,4BAAAA,sCAAAA,gBAAiBmB,QAAQ,CAACF,GAAGC,MAAM,IAAkB;YACpE;QACF;QAEAxB,MAAMqB,YAAY,CAACnB,eAAeD,OAAO;QACzCD,MAAMqB,YAAY,CAAClB,YAAYF,OAAO;QAEtC,IAAIZ,MAAMqC,KAAK,KAAK,GAAG;YACrBvB,YAAYF,OAAO,GAAGD,MAAM2B,UAAU,CAAC;gBACrCnC,oBAAoB;YACtB,GAAGH,MAAMqC,KAAK;QAChB,OAAO;YACLlC,oBAAoB;QACtB;IACF,GACA;QAACC;QAAea;QAAiBN;QAAOX,MAAMqC,KAAK;KAAC;IAGtD,MAAME,sBAAsBhD,YAC1B,CAAC2C;QACCvB,MAAMqB,YAAY,CAACnB,eAAeD,OAAO;QACzCD,MAAMqB,YAAY,CAAClB,YAAYF,OAAO;QAEtC,IAAIZ,MAAMwC,UAAU,EAAE;YACpB3B,eAAeD,OAAO,GAAGD,MAAM2B,UAAU,CAAC;gBACxCnC,oBAAoB;YACtB,GAAGH,MAAMwC,UAAU;QACrB,OAAO;YACLrC,oBAAoB;QACtB;IACF,GACA;QAACQ;QAAOX,MAAMwC,UAAU;KAAC;IAG3B,MAAMC,iBAAiBlD,YACrB,CAAC2C;QACC,IAAIlB,qBAAqBJ,OAAO,EAAE;YAChCI,qBAAqBJ,OAAO,GAAG;YAC/B;QACF;QACAqB,oBAAoBC;IACtB,GACA;QAACD;KAAoB;IAGvB,MAAMS,gBAAgBnD,YACpB,CAAC2C;YACgCS;QAA/B3B,qBAAqBJ,OAAO,GAAG+B,EAAAA,YAAAA,sBAAAA,gCAAAA,UAAUC,aAAa,MAAKV,GAAGC,MAAM;QACpEtB,eAAeD,OAAO,GAAGD,MAAM2B,UAAU,CAAC;YACxCnC,oBAAoB;QACtB,GAAG;IACL,GACA;QAACQ;KAAM;IAGT,MAAMkC,mBAAmBtD,YACvB,CAAC2C;QACC,IAAI,AAACA,CAAAA,GAAGY,KAAK,KAAKnD,SAASoD,MAAM,IAAIb,GAAGc,OAAO,AAAD,KAAM9C,kBAAkB;YACpE6B;YACAG,GAAGe,eAAe;QACpB;IACF,GACA;QAAC/C;QAAkB6B;KAAY;IAGjC,MAAMmB,cACJ,AAAClD,MAAMmD,oBAAoB,IAAI/C,iBAAiB,CAAC,CAACJ,MAAMoB,OAAO,IAAMlB,oBAAoB,CAAC,CAACF,MAAMoB,OAAO;IAE1G,MAAMgC,kBAAkBvD,OAAOwD,uBAAuB;IACtD,MAAMC,QAAQ,AAAC,CAAA,SAAOtD,mBAAAA,MAAM8B,SAAS,cAAf9B,uCAAAA,iBAAiBuD,CAAC,MAAK,WAAWvD,MAAM8B,SAAS,CAACyB,CAAC,GAAG,CAAA,IAAK,AAACjD,CAAAA,sBAAAA,uBAAAA,YAAa,CAAA,IAAK,IAAIY;IACxG,MAAMsC,QAAQ,AAAC,CAAA,SAAOxD,oBAAAA,MAAM8B,SAAS,cAAf9B,wCAAAA,kBAAiByD,CAAC,MAAK,WAAWzD,MAAM8B,SAAS,CAAC2B,CAAC,GAAG,CAAA,IAAK,AAACjD,CAAAA,uBAAAA,wBAAAA,aAAc,CAAA,IAAK,IAAIU;IAEzG,qBACE,0CACGlB,MAAM0D,cAAc,kBACnB,oBAACC;QACCJ,GAAGD;QACHG,GAAGD;QACH7B,OAAO,AAACrB,CAAAA,sBAAAA,uBAAAA,YAAa,CAAA,IAAK,IAAIY;QAC9BU,QAAQ,AAACpB,CAAAA,uBAAAA,wBAAAA,aAAc,CAAA,IAAK,IAAIU;QAChC0C,MAAMR;QACNS,SAAS,GAAE7D,oBAAAA,MAAM8B,SAAS,cAAf9B,wCAAAA,kBAAiB6D,SAAS;sBAGzC,oBAACpE;QACCqE,cAAa;QACZ,GAAG9D,MAAM+D,YAAY;QACtBC,WAAAA;QACA5C,SAASpB,MAAMoB,OAAO;QACtB,yGAAyG;QACzG6C,SAASf;qBAET,oBAACgB;QACE,GAAGlE,MAAM8B,SAAS;QACnBqC,IAAIpD;QACJqD,KAAK1D;QACL2D,gBAAgB5B;QAChB6B,eAAe5B;QACf6B,cAActC;QACduC,cAAcjC;QACdkC,WAAW5B;QACX6B,qBAAmB1E,MAAM2E,kBAAkB,IAAIvE;OAE9CJ,MAAMoB,OAAO;AAKxB,GAAG;AAEHtB,eAAe8E,YAAY,GAAG;IAC5BvC,OAAO;IACPqB,gBAAgB;AAClB"}

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

@@ -465,7 +465,7 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         content: props.yAxisTitle,
         textProps: {
             x: (yAxisTitleMaximumAllowedHeight - margins.bottom) / 2 + removalValueForTextTuncate,
-            y: _useRtl ? svgDimensions.width - margins.right / 2 + titleMargin : margins.left / 2 + startFromX - titleMargin,
+            y: _useRtl ? svgDimensions.width - margins.right / 2 + titleMargin : margins.left / 2 - titleMargin,
             textAnchor: 'middle',
             transform: `translate(0,
                  ${svgDimensions.height - margins.bottom - margins.top - titleMargin})rotate(-90)`,